/* Общая шапка «плавающий остров» для главной и раздела AI-видео. Свои цвета, не зависят от стилей страницы. */
:root{--isl-bg:#FFFFFF;--isl-ink:#15110D;--isl-muted:#6F665C;--isl-line:rgba(26,21,16,.1);--isl-hover:rgba(26,21,16,.06);--isl-acc:#E8A23B;--isl-acc-ink:#1A1208;--isl-mark:#B8700F;
  --isl-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,system-ui,sans-serif}
:root[data-theme="dark"]{--isl-bg:#1C1915;--isl-ink:#F5F2EC;--isl-muted:#A39A8F;--isl-line:rgba(255,255,255,.12);--isl-hover:rgba(255,255,255,.08);--isl-mark:#E8A23B}
@media (prefers-color-scheme:dark){:root:not([data-theme]){--isl-bg:#1C1915;--isl-ink:#F5F2EC;--isl-muted:#A39A8F;--isl-line:rgba(255,255,255,.12);--isl-hover:rgba(255,255,255,.08);--isl-mark:#E8A23B}}

.isl{position:fixed;z-index:70;top:12px;left:12px;right:12px;display:flex;justify-content:center;pointer-events:none;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.isl.is-hidden{transform:translateY(calc(-100% - 20px))}
.isl-in{pointer-events:auto;width:min(1240px,100%);height:58px;padding:0 8px 0 18px;display:flex;align-items:center;gap:18px;border-radius:18px;
  background:color-mix(in srgb,var(--isl-bg) 78%,transparent);-webkit-backdrop-filter:saturate(160%) blur(18px);backdrop-filter:saturate(160%) blur(18px);
  border:1px solid var(--isl-line);box-shadow:0 10px 34px rgba(0,0,0,.14);font-family:var(--isl-font);color:var(--isl-ink)}
.isl a,.isl button{font-family:var(--isl-font)}
.isl-brand{display:inline-flex;line-height:0;flex:none}
.isl-brand img{height:24px;width:auto}
.isl .logo-dark{display:none!important}
:root[data-theme="dark"] .isl .logo-light{display:none!important}
:root[data-theme="dark"] .isl .logo-dark{display:block!important}
.isl-nav{display:flex;align-items:center;gap:2px;margin:0 auto}
.isl-nav a{position:relative;font-size:14px;font-weight:500;color:var(--isl-muted);text-decoration:none;padding:8px 12px;border-radius:10px;transition:color .2s,background-color .2s;white-space:nowrap}
.isl-nav a:hover{color:var(--isl-ink);background:var(--isl-hover)}
.isl-nav a.on{color:var(--isl-ink);background:var(--isl-hover)}
.isl-nav a::after{opacity:0;transform:scale(0);transition:opacity .2s,transform .25s cubic-bezier(.16,1,.3,1)}
.isl-nav a.on::after{opacity:1;transform:none}
.isl-nav a::after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--isl-mark)}
.isl-tools{display:flex;align-items:center;gap:8px;flex:none}
.isl-theme{width:40px;height:40px;border-radius:12px;border:1px solid var(--isl-line);background:transparent;color:var(--isl-ink);display:grid;place-items:center;cursor:pointer;transition:background-color .2s}
.isl-theme:hover{background:var(--isl-hover)}
.isl-theme svg{width:18px;height:18px;grid-area:1/1;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .25s}
.isl-theme .i-sun{color:#F2A007}
.isl-theme .i-moon{color:#F6D77A;opacity:0;transform:rotate(-90deg) scale(.6)}
:root[data-theme="dark"] .isl-theme .i-sun{opacity:0;transform:rotate(90deg) scale(.6)}
:root[data-theme="dark"] .isl-theme .i-moon{opacity:1;transform:none}
.isl-lang{display:flex;padding:3px;gap:2px;border:1px solid var(--isl-line);border-radius:12px;height:40px}
.isl-lang button{border:0;background:transparent;color:var(--isl-muted);font-size:13px;font-weight:600;padding:0 10px;border-radius:9px;cursor:pointer;transition:color .2s,background-color .2s}
.isl-lang button[aria-pressed="true"]{color:var(--isl-ink);background:var(--isl-hover)}
.isl-cta{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:12px;background:var(--isl-acc);color:var(--isl-acc-ink);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:filter .2s,transform .15s}
.isl-cta:hover{filter:brightness(1.06)}
.isl-cta:active{transform:scale(.98)}
.isl-burger{display:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--isl-line);background:transparent;color:var(--isl-ink);place-items:center;cursor:pointer}
.isl-burger svg{width:18px;height:18px}
.isl :focus-visible{outline:2px solid var(--isl-acc);outline-offset:2px}
.isl-space{height:82px}
.isl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;padding:0;margin:-1px;border:0}

/* мобильное меню */
.isl-sheet{position:fixed;inset:0;z-index:90;background:var(--isl-bg);color:var(--isl-ink);font-family:var(--isl-font);padding:16px 20px 24px;display:flex;flex-direction:column;gap:20px;
  transform:translateY(-102%);visibility:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1),visibility 0s linear .4s}
.isl-sheet.is-open{transform:none;visibility:visible;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.isl-sheet-top{display:flex;align-items:center;justify-content:space-between}
.isl-sheet nav{display:grid}
.isl-sheet nav a{font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--isl-ink);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--isl-line)}
.isl-sheet nav a.on{color:var(--isl-mark)}   /* в светлой теме темнее: жёлтый на белом не читается */
.isl-sheet .isl-row{display:flex;gap:10px}
.isl-sheet .isl-cta{margin-top:auto;justify-content:center;height:52px;font-size:16px}

/* страницы под шапкой-островом */
[data-island] .hero-card{height:calc(100svh - 82px - var(--gut))}
[data-island] [id]{scroll-margin-top:92px}   /* переход по якорю: заголовок раздела не уходит под шапку */
[data-island] .np-top,[data-island] .top{display:none}

@media (max-width:1060px){.isl-nav a{padding:8px 8px;font-size:13px}}
@media (max-width:900px){
  .isl-nav,.isl-lang{display:none}
  .isl-burger{display:grid}
  .isl-in{gap:8px;padding-left:14px}
  .isl-tools{margin-left:auto}
}
@media (max-width:420px){
  .isl{top:8px;left:8px;right:8px}
  .isl-in .isl-theme{display:none}
  .isl-cta{padding:0 12px;font-size:13px}
}
@media (max-width:360px){   /* «Жобаны талқылау» длиннее русской подписи — на 320 px бургер вылезал за край */
  .isl-in{gap:6px;padding-left:12px}
  .isl-brand img{height:20px}
  .isl-tools{gap:6px}
  .isl-in .isl-cta{padding:0 10px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){.isl,.isl-theme svg,.isl-sheet{transition:none}}