/* okno-global-shell.css — shared global navigation + footer system (desktop header + dropdowns, mobile
   drawer, language switch, breadcrumbs, footer). OKNO UI: TildaSans, teal #0d7c6b, navy #0c1e3c. One
   system across modern P1 + legacy Tilda + blog + UA pages. Legacy Tilda header/footer hidden via
   .okno-gs-hidelegacy targets injected per-page. */
:root{--gs-teal:#0d7c6b;--gs-teal-d:#0a6558;--gs-navy:#0c1e3c;--gs-muted:#5b6472;--gs-line:#e7ecf3}
.okno-gs-hd,.okno-gs-hd *,.okno-gs-drawer,.okno-gs-drawer *,.okno-gs-ft,.okno-gs-ft *,.okno-gs-bc,.okno-gs-bc *,.okno-gs-scrim{box-sizing:border-box;font-family:'TildaSans','Segoe UI',system-ui,Arial,sans-serif}
/* ---- header ---- */
.okno-gs-hd{position:sticky;top:0;z-index:2147482000;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--gs-line)}
.okno-gs-hd__in{max-width:1240px;margin:0 auto;padding:11px 20px;display:flex;align-items:center;gap:20px}
.okno-gs-logo{flex:0 0 auto;font-weight:800;font-size:19px;color:var(--gs-navy);text-decoration:none;letter-spacing:-.01em}
.okno-gs-logo span{color:var(--gs-teal)}
.okno-gs-nav{flex:1 1 auto;display:flex;gap:6px;align-items:center}
.okno-gs-grp{position:relative}
.okno-gs-grp>a,.okno-gs-grp>button{display:inline-flex;align-items:center;gap:5px;padding:9px 12px;font:600 14.5px inherit;color:var(--gs-navy);text-decoration:none;background:none;border:none;cursor:pointer;border-radius:9px;white-space:nowrap}
.okno-gs-grp>a:hover,.okno-gs-grp>button:hover,.okno-gs-grp.open>button{background:#eef3f8;color:var(--gs-teal)}
.okno-gs-grp>button::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6}
.okno-gs-dd{position:absolute;top:calc(100% + 6px);left:0;min-width:250px;background:#fff;border:1px solid var(--gs-line);border-radius:12px;box-shadow:0 12px 34px rgba(12,30,60,.16);padding:8px;display:none}
.okno-gs-grp.open .okno-gs-dd{display:block}
.okno-gs-dd a{display:block;padding:9px 12px;font-size:14.5px;color:var(--gs-navy);text-decoration:none;border-radius:8px}
.okno-gs-dd a:hover,.okno-gs-dd a:focus-visible{background:#eef3f8;color:var(--gs-teal);outline:none}
.okno-gs-dd a.okno-gs-dd__head{font-weight:700;color:var(--gs-navy);border-bottom:1px solid var(--gs-line);border-radius:8px 8px 0 0;margin-bottom:4px}
.okno-gs-right{flex:0 0 auto;display:flex;align-items:center;gap:14px}
.okno-gs-lang{display:flex;gap:7px;font-size:13.5px;font-weight:700}
.okno-gs-lang a{color:var(--gs-muted);text-decoration:none;padding:3px 4px}
.okno-gs-lang a.on{color:var(--gs-teal)}.okno-gs-lang a:hover{color:var(--gs-teal)}
.okno-gs-cta{display:inline-flex;align-items:center;min-height:42px;padding:10px 18px;border-radius:11px;background:var(--gs-teal);color:#fff;border:none;font:700 14.5px inherit;cursor:pointer;white-space:nowrap}
.okno-gs-cta:hover{background:var(--gs-teal-d)}
.okno-gs-burger{display:none;flex:0 0 auto;width:44px;height:44px;border:1px solid var(--gs-line);background:#fff;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.okno-gs-burger span{display:block;width:20px;height:2px;background:var(--gs-navy);border-radius:2px}
:where(a,button).okno-gs-cta:focus-visible,.okno-gs-burger:focus-visible,.okno-gs-grp>*:focus-visible,.okno-gs-lang a:focus-visible{outline:3px solid #7fd1c3;outline-offset:2px}
/* below switch threshold -> hide desktop nav, show burger */
@media(max-width:1180px){.okno-gs-nav{display:none}.okno-gs-burger{display:flex}.okno-gs-cta{display:none}}
/* ---- mobile drawer ---- */
.okno-gs-scrim{position:fixed;inset:0;z-index:2147482100;background:rgba(12,30,60,.5);opacity:0;visibility:hidden;transition:opacity .2s}
.okno-gs-scrim.open{opacity:1;visibility:visible}
.okno-gs-drawer{position:fixed;top:0;right:0;height:100%;width:min(340px,86vw);max-width:100%;background:#fff;z-index:2147482200;transform:translateX(100%);transition:transform .24s ease;display:flex;flex-direction:column;box-shadow:-8px 0 30px rgba(0,0,0,.2)}
.okno-gs-drawer.open{transform:translateX(0)}
.okno-gs-drawer__top{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--gs-line)}
.okno-gs-drawer__x{width:44px;height:44px;border:none;background:none;font-size:28px;line-height:1;color:var(--gs-muted);cursor:pointer;border-radius:9px}
.okno-gs-drawer__x:hover{background:#f4f4f6}
.okno-gs-drawer__body{flex:1 1 auto;overflow-y:auto;padding:6px 8px;-webkit-overflow-scrolling:touch}
.okno-gs-acc{border-bottom:1px solid var(--gs-line)}
.okno-gs-acc__h{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 12px;font:700 16px inherit;color:var(--gs-navy);background:none;border:none;cursor:pointer;text-align:left;min-height:48px}
.okno-gs-acc__h[aria-expanded="true"]::after,.okno-gs-acc__h::after{content:"+";color:var(--gs-teal);font-weight:800;font-size:20px}
.okno-gs-acc__h[aria-expanded="true"]::after{content:"\2013"}
.okno-gs-acc__p{display:none;padding:0 12px 10px}
.okno-gs-acc.open .okno-gs-acc__p{display:block}
.okno-gs-acc__p a,.okno-gs-item{display:block;padding:11px 12px;font-size:15px;color:var(--gs-navy);text-decoration:none;border-radius:8px;min-height:44px}
.okno-gs-acc__p a:hover{background:#eef3f8;color:var(--gs-teal)}
.okno-gs-item{font-weight:700;border-bottom:1px solid var(--gs-line)}
.okno-gs-drawer__bottom{flex:0 0 auto;padding:14px 16px;border-top:1px solid var(--gs-line);display:grid;gap:10px}
.okno-gs-drawer__bottom .okno-gs-cta{display:inline-flex;width:100%;justify-content:center}
.okno-gs-drawer__tg{text-align:center;color:var(--gs-teal);font-weight:700;text-decoration:none;font-size:14.5px}
.okno-gs-drawer__lang{display:flex;justify-content:center;gap:12px;font-weight:700}
.okno-gs-drawer__lang a{color:var(--gs-muted);text-decoration:none}.okno-gs-drawer__lang a.on{color:var(--gs-teal)}
body.okno-gs-lock{overflow:hidden}
/* ---- breadcrumbs ---- */
.okno-gs-bc{border-bottom:1px solid var(--gs-line);background:#fff}
.okno-gs-bc__in{max-width:1240px;margin:0 auto;padding:10px 20px;font-size:13px;color:var(--gs-muted);white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
.okno-gs-bc__in::-webkit-scrollbar{height:0}
.okno-gs-bc a{color:var(--gs-muted);text-decoration:none}.okno-gs-bc a:hover{color:var(--gs-teal)}
.okno-gs-bc__sep{margin:0 7px;color:#c1c8d2}
.okno-gs-bc__cur{color:var(--gs-navy);font-weight:600}
/* ---- footer ---- */
.okno-gs-ft{background:var(--gs-navy);color:#c7d0dd;font-size:14.5px}
.okno-gs-ft__in{max-width:1240px;margin:0 auto;padding:36px 20px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
@media(max-width:820px){.okno-gs-ft__in{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.okno-gs-ft__in{grid-template-columns:1fr}}
.okno-gs-ft h4{color:#fff;font-size:14px;font-weight:700;margin:0 0 12px;letter-spacing:.02em}
.okno-gs-ft a,.okno-gs-ft button.okno-gs-ftlink{display:block;color:#c7d0dd;text-decoration:none;padding:5px 0;background:none;border:none;font:inherit;cursor:pointer;text-align:left}
.okno-gs-ft a:hover,.okno-gs-ft button.okno-gs-ftlink:hover{color:#fff}
.okno-gs-ft__brand{font-weight:800;font-size:18px;color:#fff}.okno-gs-ft__brand span{color:#5fd0bd}
.okno-gs-ft__bottom{border-top:1px solid rgba(255,255,255,.12);text-align:center;padding:16px 20px;font-size:13px;color:#8b97a8}
/* ---- legacy hide: injected per-page rule adds specific rec selectors; also hide common Tilda fixed menus/footers when shell present ---- */
.okno-gs-hidelegacy .t-menu,.okno-gs-hidelegacy .t228,.okno-gs-hidelegacy .t280,.okno-gs-hidelegacy .t794,.okno-gs-hidelegacy .t978{display:none!important}
/* ---- R1 F3: while the mobile drawer is open (body.okno-gs-lock) hide the sitewide contextual-widget
   FAB so it never floats above the drawer's own CTA / Telegram link / language switch. The drawer keeps
   its own CTA; the FAB restores automatically on every close path (X / Escape / scrim / nav), because
   closeDrawer() removes okno-gs-lock. Covers the widget engine's #osw-fab and any .osw-fab fallback. ---- */
body.okno-gs-lock #osw-fab,body.okno-gs-lock .osw-fab,html.okno-gs-lock #osw-fab{display:none!important}