/* production overrides: full-screen inside Telegram WebView */
body{min-height:100vh;background:var(--bg)}
.phone{width:100%;max-width:640px;height:100vh;height:100dvh;margin:0 auto;border-radius:0;box-shadow:none;background:transparent}
.tg-header{padding-top:calc(6px + env(safe-area-inset-top))}
.loading,.empty{color:var(--muted);text-align:center;padding:40px 10px;font-size:14px}
.rc img{aspect-ratio:1/1;object-fit:cover;width:100%;background:var(--surf2)}
.rc h4{font-size:13.5px;line-height:1.25;min-height:2.5em}
.hero img{aspect-ratio:1/1;object-fit:cover;max-height:46vh}
.fav{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(7,8,42,.65);color:#fff;font-size:20px;cursor:pointer;backdrop-filter:blur(6px)}
.fav.on{color:#ff8a8a}
.hero{position:relative}
.ing li em{white-space:nowrap}
.rc-imgs img{aspect-ratio:1/1;object-fit:cover}
.diff{font-size:11px;color:var(--dim)}
.subs{font-size:13px;color:var(--muted);line-height:1.5}
.subs li{margin-bottom:4px}
.sec h3 span{font-weight:500;color:var(--dim);font-size:12px;margin-left:6px}
.btn.s{background:var(--surf2);color:var(--text)}
.actions{display:flex;gap:8px;margin:16px 0 30px}
.actions .btn{flex:1}
.note{font-size:12px;color:var(--dim);margin-top:8px;line-height:1.4}
.tg-more{font-size:22px}
.tg-more.on{color:#ff8a8a}
@media (min-width:641px){.phone{border-left:1px solid var(--line);border-right:1px solid var(--line)}}

/* tabs: recipes / supplements */
.tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:4px;margin-bottom:12px}
.tabs button{border:0;background:transparent;color:var(--muted);font-family:var(--font-display);font-weight:700;font-size:13.5px;padding:9px 6px;border-radius:11px;cursor:pointer}
.tabs button.active{background:linear-gradient(135deg,rgba(94,245,245,.18),rgba(154,104,255,.22));color:var(--text)}
/* supplement cards */
.slist{display:grid;gap:8px;margin-top:6px}
.sc{display:flex;gap:10px;align-items:flex-start;background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:11px 12px;cursor:pointer;transition:transform .15s}
.sc:active{transform:scale(.985)}
.sc .ic{flex:0 0 38px;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:16px;color:#06142b;background:var(--c,var(--cyan))}
.sc .t{flex:1;min-width:0}
.sc h4{font-size:14px;font-weight:700;margin-bottom:3px}
.sc p{font-size:12px;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc .bd{margin-top:6px;display:inline-block}
.bd.g-vitamins{background:rgba(94,245,245,.14);color:var(--cyan)}.bd.g-fats{background:rgba(255,210,122,.16);color:#ffd27a}.bd.g-gut{background:rgba(141,240,163,.15);color:#a6f2b5}
.bd.g-amino{background:rgba(127,209,255,.15);color:#9fdcff}.bd.g-adaptogens{background:rgba(154,104,255,.18);color:#cdb6ff}.bd.g-herbs{background:rgba(173,249,224,.14);color:var(--mint)}
.bd.g-foods{background:rgba(245,154,197,.15);color:#f5b3d1}.bd.g-other{background:rgba(255,138,138,.14);color:#ff9f9f}
/* supplement detail */
.shead{padding:4px 0 10px;border-bottom:1px solid var(--line);margin-bottom:6px}
.shead h2{font-family:var(--font-display);font-weight:800;font-size:22px;line-height:1.2;letter-spacing:-.01em;margin:6px 0 4px}
.shead .lead{font-size:13.5px;line-height:1.5;color:var(--muted);margin:0}
.ssec h3{font-size:14px;font-weight:700;margin:14px 0 6px}
.ssec p{font-size:13.5px;line-height:1.5;color:var(--muted);margin-bottom:6px}
.ssec ul{list-style:none;display:grid;gap:6px}
.ssec li{font-size:13.5px;line-height:1.45;color:var(--text);padding:8px 10px;background:var(--surf);border-radius:10px}
.ssec li b{color:var(--text)}
.ssec.warn li{border-left:3px solid #ff8a8a}
.ssec.dose li{border-left:3px solid var(--cyan)}