/* GrowRecipe widget — presety A/B/C jako tokeny CSS */
.gxr{--gx-accent:#b3402a;--gx-ink:#1c1917;--gx-mut:#78716c;font-family:var(--gx-font,system-ui,sans-serif);color:var(--gx-ink);background:#fff;border:1px solid #e7e0d8;border-radius:var(--gx-radius,12px);padding:calc(var(--gx-gap,16px)*1.2);max-width:960px;margin:16px auto;box-sizing:border-box}
.gxr *{box-sizing:border-box}
.gxr-a{--gx-radius:12px;--gx-gap:16px;--gx-font:system-ui,sans-serif}
.gxr-b{--gx-radius:6px;--gx-gap:8px;--gx-font:system-ui,sans-serif;max-width:640px}
.gxr-c{--gx-radius:3px;--gx-gap:20px;--gx-font:Georgia,'Times New Roman',serif;--gx-accent:#1c1917}
.gxr h2{margin:0 0 8px;font-size:26px;line-height:1.2}
.gxr-b h2{font-size:20px}
.gxr .meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--gx-mut);font-size:13px;margin:8px 0}
.gxr img.hero{width:100%;max-height:380px;object-fit:cover;border-radius:var(--gx-radius)}
.gxr-b img.hero{max-height:200px}
.gxr .cols{display:grid;grid-template-columns:1fr 1.2fr;gap:calc(var(--gx-gap)*1.5);margin-top:12px}
.gxr-b .cols{grid-template-columns:1fr}
@media(max-width:640px){.gxr .cols{grid-template-columns:1fr}.gxr h2{font-size:21px}}
.gxr ul.ings{list-style:none;padding:0;margin:0}
.gxr ul.ings li{display:flex;gap:8px;align-items:flex-start;padding:7px 0;border-bottom:1px dashed #e7e0d8;font-size:14px}
.gxr ul.ings label{justify-content:flex-start;cursor:pointer}
.gxr ul.ings label span{flex:1}
.gxr ul.ings input{margin-top:3px;flex:none}
.gxr li.have{opacity:.45;text-decoration:line-through}
.gxr li.oos{opacity:.5}
.gxr .pprice{margin-left:auto;font-weight:600;white-space:nowrap}
.gxr .oosbadge{font-size:11px;background:#fee2e2;color:#991b1b;padding:1px 6px;border-radius:99px}
.gxr ol.steps li{margin:0 0 10px;font-size:14.5px;line-height:1.55}
.gxr .btn{display:inline-block;background:var(--gx-accent);color:#fff;border:0;border-radius:var(--gx-radius);padding:11px 20px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}
.gxr .btn:hover{filter:brightness(1.12)}
.gxr .btn:disabled{opacity:.45;cursor:not-allowed}
.gxr .btn.ghost{background:#fff;color:var(--gx-accent);border:1px solid var(--gx-accent)}
.gxr .serv{display:flex;align-items:center;gap:8px;margin:10px 0;flex-wrap:wrap}
.gxr .serv .gxr-minus,.gxr .serv .gxr-plus{width:34px;height:34px;border-radius:50%;border:1px solid #d6cdc0;background:#fff;font-size:17px;cursor:pointer;flex:none}
.gxr .tip{background:#fff7ed;border-left:4px solid #f59e0b;padding:10px 14px;font-size:13.5px;margin:12px 0}
.gxr .tags{font-size:12px;color:var(--gx-mut)}
.gxr .foot{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
.gxr .added{background:#14532d!important}
.gxr .empty,.gxr .err{text-align:center;color:var(--gx-mut);padding:32px 12px}
@media print{.gxr{border:0;max-width:none}.gxr .foot,.gxr .serv button,.gxr input[type=checkbox]{display:none!important}body *{visibility:hidden}.gxr,.gxr *{visibility:visible}.gxr{position:absolute;left:0;top:0;width:100%}}

.gxr input[type=checkbox]{width:auto;flex:none}
.gxr label{font-weight:400;margin:0}

.gxr .rate{display:flex;gap:10px;align-items:center;margin:6px 0;font-size:13px;color:var(--gx-mut)}
.gxr .gxr-star{background:none;border:0;font-size:20px;line-height:1;color:#d6cdc0;cursor:pointer;padding:2px}
.gxr .gxr-star.on{color:#e8a020}
.gxr .gxr-star:hover{color:#e8a020}
.gxr .nutri{background:#f5f0e8;border-radius:var(--gx-radius);padding:9px 13px;font-size:13px;margin:8px 0}
.gxr .video{margin:10px 0}
.gxr .video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--gx-radius)}
.gxr .units{display:inline-flex;flex:none;border:1px solid #d6cdc0;border-radius:99px;overflow:hidden;margin-left:auto}
.gxr .units button{border:0;background:#fff;padding:6px 12px;font-size:12.5px;cursor:pointer;white-space:nowrap;flex:none}
.gxr .units button.on{background:var(--gx-accent);color:#fff}
.gxr .hintline{font-size:12.5px;color:var(--gx-mut);margin:4px 0}
.gxr .as{color:var(--gx-mut);font-size:12px}
.gxr ul.ings label{display:flex;gap:8px;align-items:flex-start;flex:1}
.gxr .total{font-size:13.5px;margin:10px 0 0}
.gxr .cookmode{background:#1c1917;color:#faf7f2;border-radius:var(--gx-radius);padding:22px;margin:16px 0}
.gxr .cookmode .cm-step-n{font-size:13px;letter-spacing:.04em;color:#e8a020;margin:0 0 8px}
.gxr .cookmode .cm-step{font-size:21px;line-height:1.5;margin:0 0 18px}
.gxr .cookmode .cm-nav{display:flex;gap:10px;flex-wrap:wrap}
.gxr .cookmode .btn.ghost{background:transparent;color:#faf7f2;border-color:#faf7f2}
.gxr .gxr-msg{font-size:13px;color:var(--gx-accent);font-weight:600}
@media (prefers-reduced-motion: reduce){.gxr *{transition:none!important}}

.gxr a.gxr-plink{color:var(--gx-ink);text-decoration:underline;text-decoration-color:var(--gx-accent);text-underline-offset:3px}
.gxr a.gxr-plink:hover{color:var(--gx-accent)}