/*! MINALOX | Healthy Living · průvodce (R02-WIP02). Barvy a tvary z app.css. */
.guide-help{flex:0 0 auto;width:34px;height:34px;border-radius:999px;border:1px solid var(--line-d,#ffffff33);background:none;color:var(--paper,#F7F8F9);font:500 16px/1 inherit;display:inline-grid;place-items:center;cursor:pointer;padding:0}
.guide-help:hover,.guide-help:focus-visible{border-color:var(--amber,#FFC857);color:var(--amber,#FFC857)}
.guide-veil{position:fixed;inset:0;z-index:57;pointer-events:none}.guide-veil svg{display:block}.guide-veil path{fill:rgba(0,8,20,.5)}
.guide-ring{position:fixed;border-radius:16px;box-shadow:0 0 0 2px var(--amber,#FFC857);pointer-events:none}
.guide-card,.guide-offer{position:fixed;z-index:58;background:var(--navy,#001D3D);color:var(--paper,#F7F8F9);border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 18px 44px #000a;font-size:15px;line-height:1.5}
.guide-card{width:min(360px,calc(100vw - 32px));padding:16px 18px 14px;outline:none}
.guide-card--sheet{left:10px;right:10px;width:auto;bottom:calc(10px + env(safe-area-inset-bottom));top:auto;max-height:46vh;overflow:auto}
.guide-card--min .guide-card__b,.guide-card--min .guide-card__dev,.guide-card--min .guide-card__try,.guide-card--min .guide-card__act,.guide-card--min .guide-card__msg,.guide-card--min .guide-skip{display:none}.guide-card--min{cursor:pointer;padding-top:12px;padding-bottom:12px}.guide-card--min .guide-card__t{font-size:16px;margin:0}.guide-card--min .guide-card__nav{margin-top:8px}
.guide-card__top{display:flex;align-items:center;margin-bottom:6px}
.guide-card__k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber,#FFC857)}
.guide-x{margin-left:auto;background:none;border:0;color:#ffffffa6;font-size:20px;line-height:1;cursor:pointer;padding:2px 4px}
.guide-x:hover,.guide-x:focus-visible{color:var(--paper,#F7F8F9)}
.guide-card__t{font-weight:500;font-size:19px;line-height:1.25;margin:0 0 6px}
.guide-card__b,.guide-card__dev{margin:0 0 8px;color:#dfe5ec}
.guide-card__try{margin:0;display:flex;gap:8px;color:var(--paper,#F7F8F9);font-weight:500}
.guide-card__ico{flex:0 0 auto;width:16px;height:16px;margin-top:3px;border-radius:999px;border:2px solid var(--amber,#FFC857);box-shadow:inset 0 0 0 3px var(--navy,#001D3D),inset 0 0 0 8px var(--amber,#FFC857)}
.guide-card__act{margin-top:10px}
.guide-card__msg{margin:8px 0 0;font-size:14px;color:var(--amber,#FFC857)}.guide-card__msg:empty{display:none}
.guide-card__nav{display:flex;align-items:center;gap:8px;margin-top:14px}
.guide-dots{display:flex;gap:5px;margin-right:auto}.guide-dots i{width:6px;height:6px;border-radius:9px;background:#ffffff40;transition:width .2s}.guide-dots i.on{background:var(--amber,#FFC857);width:16px}
.guide-btn{border-radius:999px;padding:8px 16px;font:500 14px/1.2 inherit;cursor:pointer;border:1px solid #ffffff4d;background:none;color:var(--paper,#F7F8F9)}
.guide-btn--amber{background:var(--amber,#FFC857);border-color:var(--amber,#FFC857);color:#000814}
.guide-btn:focus-visible,.guide-help:focus-visible,.guide-x:focus-visible,.guide-skip:focus-visible{outline:2px solid var(--amber,#FFC857);outline-offset:2px}
.guide-skip{display:inline-block;margin-top:10px;background:none;border:0;padding:0;color:#ffffff99;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.guide-offer{right:20px;bottom:20px;width:min(340px,calc(100vw - 24px));padding:14px 14px 14px 16px;display:flex;gap:10px;font-size:14px;animation:guide-in .35s ease both}
.guide-offer__tx{display:grid;gap:2px}.guide-offer__tx strong{font-weight:500;font-size:15px}
.guide-offer__row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.guide-hint{position:fixed;z-index:58;background:var(--navy,#001D3D);color:var(--paper,#F7F8F9);border:1px solid #ffffff26;border-radius:12px;padding:8px 12px;font-size:13px;box-shadow:0 10px 30px #0008;animation:guide-in .3s ease both}
.guide-on .dock{visibility:hidden}
.guide-pulse{animation:guide-pulse 1.2s ease 2}
@keyframes guide-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes guide-pulse{0%,100%{box-shadow:0 0 0 0 #ffc85700}50%{box-shadow:0 0 0 8px #ffc8574d}}
@media(max-width:860px){.guide-offer{left:12px;right:12px;width:auto;bottom:calc(76px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.guide-offer,.guide-hint,.guide-pulse{animation:none}}
@media print{.guide-help,.guide-veil,.guide-ring,.guide-card,.guide-offer,.guide-hint{display:none!important}}
html.no-js .guide-help{display:none}