/* StrIM — спільні стилі для лендингу та публічних сторінок */
:root{
  --bg:#050810;
  --bg2:#0a1020;
  --panel:rgba(12,18,35,.78);
  --border:rgba(148,163,184,.18);
  --text:#f1f5f9;
  --muted:#94a3b8;
  --heading:#ffffff;
  --blue:#38bdf8;
  --blue-dim:rgba(56,189,248,.12);
  --gold:#facc15;
  --gold-dim:rgba(250,204,21,.14);
  --glow-cyan:rgba(56,189,248,.25);
  --glow-amber:rgba(250,204,21,.12);
  --shadow:0 24px 80px rgba(0,0,0,.45);
  --radius:18px;
  --font:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;
  --header-bg:rgba(5,8,16,.82);
  --chip-bg:rgba(255,255,255,.03);
  --story-bg:linear-gradient(180deg,rgba(12,18,35,.5),rgba(5,8,16,.35));
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#eef2f7;
  --bg2:#e2e8f0;
  --panel:rgba(255,255,255,.88);
  --border:rgba(15,23,42,.12);
  --text:#0f172a;
  --muted:#64748b;
  --heading:#0c1222;
  --blue:#0284c7;
  --blue-dim:rgba(2,132,199,.1);
  --gold:#ca8a04;
  --gold-dim:rgba(202,138,4,.12);
  --glow-cyan:rgba(14,165,233,.18);
  --glow-amber:rgba(250,204,21,.15);
  --shadow:0 20px 60px rgba(15,23,42,.1);
  --header-bg:rgba(255,255,255,.9);
  --chip-bg:rgba(255,255,255,.72);
  --story-bg:linear-gradient(180deg,rgba(241,245,249,.95),rgba(226,232,240,.75));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:dark}
html[data-theme="light"]{color-scheme:light}
body{
  margin:0;background:var(--bg);color:var(--text);
  font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased;
  min-height:100vh;min-height:100dvh;
}

a{color:var(--blue);text-decoration:none;transition:color .15s ease}
a:hover{color:#7dd3fc}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}

.ua-stripe{
  height:3px;
  background:linear-gradient(90deg,#0057B8 0%,#0057B8 50%,#FFD700 50%,#FFD100 100%);
  opacity:.92;
}

.page-shell{position:relative;min-height:100vh;display:flex;flex-direction:column}
.page-bg{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 80% 50% at 10% -10%, var(--glow-cyan), transparent 52%),
    radial-gradient(ellipse 60% 45% at 95% 15%, var(--glow-amber), transparent 48%),
    linear-gradient(185deg, var(--bg) 0%, var(--bg2) 60%, #060912 100%);
}
html[data-theme="light"] .page-bg{
  background:
    radial-gradient(ellipse 75% 48% at 10% -8%, rgba(14,165,233,.14), transparent 50%),
    radial-gradient(ellipse 55% 42% at 92% 12%, rgba(250,204,21,.12), transparent 46%),
    linear-gradient(185deg, var(--bg) 0%, #f8fafc 100%);
}
.page-bg::after{
  content:"";position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%2394a3b8' stroke-opacity='.06'%3E%3Cpath d='M0 40h80M40 0v80'/%3E%3C/g%3E%3C/svg%3E");
  opacity:.78;
}
html[data-theme="light"] .page-bg::after{opacity:.42}

.strim-header{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  flex-wrap:wrap;
  padding:14px clamp(16px,4vw,28px);
  border-bottom:1px solid var(--border);
  background:var(--header-bg);backdrop-filter:saturate(1.2) blur(14px);
}
.brand-block{display:flex;flex-direction:column;gap:4px}
.logo{
  font-weight:800;letter-spacing:.12em;font-size:1.12rem;color:var(--text);
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.logo a{color:inherit;text-decoration:none}
.logo a:hover{text-decoration:none}
.ua-pill{
  font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:4px 10px;border-radius:999px;
  border:1px solid rgba(250,204,21,.35);
  background:linear-gradient(135deg,rgba(0,87,184,.2),rgba(250,204,21,.08));
  color:#e2e8f0;
}
html[data-theme="light"] .ua-pill{
  border-color:rgba(202,138,4,.35);
  background:linear-gradient(135deg,rgba(0,87,184,.12),rgba(250,204,21,.1));
  color:var(--text);
}
.brand-block > span:last-child{opacity:.72;font-weight:600;font-size:.74rem;letter-spacing:.04em;line-height:1.35;max-width:42ch}

.strim-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.chip{
  padding:9px 14px;border:1px solid var(--border);border-radius:11px;
  background:var(--chip-bg);color:var(--text);font-size:14px;font-weight:600;
  white-space:nowrap;
  -webkit-user-drag:none;user-select:none;touch-action:manipulation;
}
.chip:hover{border-color:rgba(56,189,248,.45);text-decoration:none;color:var(--text)}
.chip.primary{
  background:linear-gradient(180deg,rgba(56,189,248,.28),rgba(56,189,248,.1));
  border-color:rgba(56,189,248,.5);
  box-shadow:0 0 0 1px rgba(56,189,248,.15);
}
html[data-theme="light"] .chip.primary{
  background:linear-gradient(180deg,rgba(14,165,233,.22),rgba(14,165,233,.08));
  border-color:rgba(14,165,233,.45);
}
.chip[aria-current="page"]{
  border-color:rgba(56,189,248,.55);
  box-shadow:0 0 0 2px rgba(56,189,248,.12) inset;
}

.theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;padding:0;border-radius:11px;cursor:pointer;
  border:1px solid var(--border);background:var(--chip-bg);color:var(--text);
  flex-shrink:0;transition:border-color .15s ease;
  -webkit-user-drag:none;user-select:none;touch-action:manipulation;
}
.theme-toggle:hover{border-color:rgba(56,189,248,.45)}
html[data-theme="light"] .theme-toggle:hover{border-color:rgba(14,165,233,.45)}
.theme-toggle .icon-sun{display:block}
.theme-toggle .icon-moon{display:none}
.theme-toggle svg{width:20px;height:20px}
html[data-theme="light"] .theme-toggle .icon-sun{display:none}
html[data-theme="light"] .theme-toggle .icon-moon{display:block}

.page-main{
  position:relative;z-index:1;
  flex:1;
  width:100%;
  max-width:1040px;margin:0 auto;
  padding:clamp(24px,4vw,40px) clamp(16px,4vw,28px) clamp(48px,6vw,72px);
}

.card{
  background:var(--panel);backdrop-filter:blur(10px);
  border:1px solid var(--border);border-radius:var(--radius);
  padding:clamp(18px,3vw,26px);
  margin-bottom:18px;
  box-shadow:0 16px 48px rgba(0,0,0,.18);
}
html[data-theme="light"] .card{box-shadow:0 12px 40px rgba(15,23,42,.06)}

h1{margin:0 0 10px;font-size:clamp(1.35rem,2.8vw,1.75rem);font-weight:800;color:var(--heading);letter-spacing:-.02em}
h2{
  margin:20px 0 10px;font-size:1.12rem;font-weight:800;color:var(--heading);
  border-bottom:1px solid var(--border);padding-bottom:8px;
}
h3{margin:16px 0 8px;font-size:1rem;font-weight:700;color:var(--text)}

.muted{color:var(--muted);font-size:14px;line-height:1.55}
.meta{font-size:13px;color:var(--muted);line-height:1.5}

.note,.warn,.okbox,.callout-blue{
  padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.55;margin:12px 0;
}
.note,.warn{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.32);color:var(--text)}
.okbox{background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.28);color:var(--text)}
.callout-blue{background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.35);color:var(--text)}
html[data-theme="light"] .note{background:rgba(254,243,199,.6)}
html[data-theme="light"] .okbox{background:rgba(209,250,229,.55)}
html[data-theme="light"] .callout-blue{background:rgba(224,242,254,.7)}

.btn,.rowbtn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 16px;border-radius:12px;font-weight:700;font-size:14px;font:inherit;
  border:1px solid rgba(56,189,248,.45);
  background:linear-gradient(180deg,rgba(56,189,248,.22),rgba(56,189,248,.08));
  color:var(--text);cursor:pointer;text-decoration:none;
  transition:filter .15s ease,transform .15s ease;
}
.btn:hover,.rowbtn:hover{filter:brightness(1.06);text-decoration:none}
.rowbtn:disabled{opacity:.5;cursor:not-allowed}
.btnline{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;align-items:center}

table.strim-table, .card table{
  border-collapse:collapse;width:100%;font-size:14px;margin-top:10px;
}
.strim-table th,.strim-table td,.card table th,.card table td{
  border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top;
}
.strim-table th,.card table th{background:rgba(255,255,255,.04);font-weight:600}
table.strim-kv th:first-child{width:38%}
html[data-theme="light"] .strim-table th{background:rgba(241,245,249,.9)}

.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all}

.toc{font-size:14px;line-height:1.75;color:var(--muted)}
.toc a{margin-right:4px}

code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  background:rgba(255,255,255,.06);padding:2px 7px;border-radius:6px;font-size:13px;
}
html[data-theme="light"] code{background:rgba(15,23,42,.06)}

.text-warn{color:#fbbf24}
.text-ok{color:#34d399}

.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:18px;line-height:1.6}
.breadcrumbs a{font-weight:600}

.bank-pay-grid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start;margin-top:10px}
@media (max-width:720px){.bank-pay-grid{grid-template-columns:1fr}}
.bank-qr{margin:0;text-align:center;max-width:280px}
.bank-qr img{display:block;max-width:100%;height:auto;border-radius:12px;background:#fff;padding:10px;box-sizing:border-box}
.bank-qr figcaption{margin-top:10px;font-size:13px;line-height:1.45;color:var(--muted);text-align:left}

/* Сторінка тарифів — та сама «скляна» панель, що й на лендингу */
.card.tariffs-sheet{
  position:relative;overflow:hidden;
  background:
    radial-gradient(ellipse 120% 70% at 95% -5%, rgba(56,189,248,.14), transparent 52%),
    radial-gradient(ellipse 90% 55% at 0% 105%, rgba(250,204,21,.1), transparent 48%),
    var(--panel);
  border-color:rgba(56,189,248,.32);
  box-shadow:
    0 28px 80px rgba(0,0,0,.38),
    0 0 0 1px rgba(56,189,248,.14),
    inset 0 1px 0 rgba(255,255,255,.05);
}
html[data-theme="light"] .card.tariffs-sheet{
  background:
    radial-gradient(ellipse 120% 70% at 95% -5%, rgba(14,165,233,.1), transparent 52%),
    var(--panel);
  border-color:rgba(14,165,233,.22);
  box-shadow:0 20px 56px rgba(15,23,42,.1);
}
.tariffs-sheet{margin-bottom:0}
.tariffs-sheet > h2{
  border-bottom:none;
  padding-bottom:0;
  margin-bottom:12px;
  display:flex;align-items:center;gap:10px;
}
.tariffs-sheet > h2::before{
  content:"";flex-shrink:0;width:4px;height:1.15em;border-radius:4px;
  background:linear-gradient(180deg,#0057B8,#38bdf8 55%,#facc15);
}
.tariffs-sheet > h2:first-of-type{margin-top:24px}
.tariffs-sheet > h2:not(:first-of-type){
  margin-top:30px;padding-top:22px;border-top:1px solid var(--border);
}
.tariffs-sheet > h2:first-of-type{padding-top:0;border-top:none}
.tariffs-sheet .bank-pay-grid{margin-top:14px}
.tariffs-sheet .okbox{
  box-shadow:0 0 0 1px rgba(52,211,153,.2), 0 14px 44px rgba(0,0,0,.22);
}

.strim-footer{
  position:relative;z-index:1;
  padding:28px clamp(16px,4vw,28px) 36px;
  border-top:1px solid var(--border);
  text-align:center;color:var(--muted);font-size:13px;line-height:1.55;
}
.strim-footer .company{font-weight:800;color:var(--text);margin-bottom:8px;font-size:14px;letter-spacing:.04em}

/* Форми (вхід / реєстрація) */
.auth-page{
  display:flex;flex-direction:column;min-height:100vh;
}
.auth-main{
  position:relative;z-index:1;flex:1;
  display:flex;align-items:flex-start;justify-content:center;
  padding:max(16px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));
}
@media (min-height:700px){
  .auth-main{align-items:center}
}
.auth-card{
  width:min(520px,100%);
  padding:26px 22px 24px;border-radius:var(--radius);
  background:var(--panel);backdrop-filter:blur(12px);
  border:1px solid var(--border);
  box-shadow:var(--shadow);
}
.auth-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 18px;text-align:center}
.auth-brand img{
  width:min(140px,42vw);height:auto;
  filter:drop-shadow(0 10px 22px rgba(220,0,0,.18));
}
.auth-brand--wide{margin:0 0 14px}
.auth-brand--wide img{
  width:100%;max-width:460px;height:auto;
  filter:none;
}
.auth-card h1{margin:0 0 12px;font-size:1.35rem;font-weight:800;color:var(--heading)}
.auth-card label{display:block;margin:14px 0 6px;font-size:15px;color:var(--muted);font-weight:600}
.auth-card input,.auth-card button[type="submit"]{
  font-size:16px;line-height:1.35;width:100%;
  padding:12px 14px;border-radius:12px;border:1px solid var(--border);
  background:rgba(255,255,255,.04);color:var(--text);
  -webkit-appearance:none;appearance:none;
}
html[data-theme="light"] .auth-card input{background:rgba(255,255,255,.85)}
.auth-card input::placeholder{color:rgba(148,163,184,.85)}
.auth-card button[type="submit"]{
  margin-top:18px;font-weight:700;cursor:pointer;min-height:48px;
  border:1px solid rgba(14,165,233,.55);
  background:linear-gradient(165deg,#22d3ee,#0ea5e9);
  color:#042f2e;
  box-shadow:0 10px 32px rgba(14,165,233,.25);
}
.auth-card.register-page button[type="submit"]{
  border-color:rgba(34,197,94,.45);
  background:linear-gradient(165deg,#4ade80,#16a34a);
  color:#052e16;
  box-shadow:0 10px 32px rgba(22,163,74,.22);
}
.auth-card .err{
  background:rgba(127,29,29,.35);border:1px solid rgba(248,113,113,.45);
  padding:10px 12px;border-radius:12px;margin:0 0 12px;font-size:15px;display:none;
}
.auth-card .err:not(:empty){display:block}
.auth-links{margin-top:12px;font-size:14px;color:var(--muted)}
.auth-links a{font-weight:600}

.strim-nav-toggle{
  display:none;align-items:center;justify-content:center;
  width:44px;height:44px;padding:0;border-radius:12px;cursor:pointer;
  border:1px solid var(--border);background:var(--chip-bg);color:var(--text);
  flex-shrink:0;font-size:20px;line-height:1;
  -webkit-user-drag:none;user-select:none;touch-action:manipulation;
}
.strim-header.strim-header--pub{align-items:center}

@media (max-width:768px){
  .strim-header{
    background:rgba(5,8,16,.98);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .strim-nav-toggle{display:inline-flex;order:-1}
  .strim-header.strim-header--pub{flex-wrap:nowrap;gap:10px}
  .strim-header.strim-header--pub .brand-block{flex:1;min-width:0}
  .strim-nav{
    display:none;position:fixed;inset:0;z-index:150;
    flex-direction:column;align-items:stretch;justify-content:flex-start;
    padding:calc(56px + env(safe-area-inset-top,0px)) 16px max(24px, env(safe-area-inset-bottom));
    gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;
    background:rgba(5,8,16,.98);
  }
  body.strim-nav-open .strim-nav{display:flex}
  body.strim-nav-open{overflow:hidden}
  .strim-nav .chip,.strim-nav .theme-toggle{
    display:flex;
    width:100%;align-items:center;justify-content:center;text-align:center;
    min-height:48px;padding:14px 12px;white-space:normal;
  }
}

@media (max-width:640px){
  .strim-header:not(.strim-header--pub){flex-direction:column;align-items:stretch}
  .strim-header:not(.strim-header--pub) .strim-nav{justify-content:flex-start}
}

/* Модалка швидкої оплати (НБU QR / deeplink) */
.pay-modal{
  position:fixed;inset:0;z-index:200;
  display:flex;align-items:center;justify-content:center;
  padding:max(16px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));
}
.pay-modal[hidden]{display:none}
.pay-modal__backdrop{
  position:absolute;inset:0;background:rgba(2,6,23,.72);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.pay-modal__panel{
  position:relative;z-index:1;width:min(520px, 100%);
  max-height:min(92vh, 900px);overflow:auto;-webkit-overflow-scrolling:touch;
  border-radius:var(--radius);
  border:1px solid var(--border);
  background:var(--panel);
  box-shadow:var(--shadow);
  padding:clamp(18px, 4vw, 24px);
}
.pay-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.pay-modal__head h2{margin:0;font-size:1.15rem;font-weight:800;color:var(--heading);letter-spacing:-.02em}
.pay-modal__close{
  flex-shrink:0;width:40px;height:40px;border-radius:10px;cursor:pointer;
  border:1px solid var(--border);background:var(--chip-bg);color:var(--text);
  font-size:22px;line-height:1;padding:0;
}
.pay-modal__close:hover{border-color:rgba(56,189,248,.45)}
.pay-modal__purpose{
  width:100%;min-height:88px;margin:10px 0 14px;padding:12px 14px;border-radius:12px;
  border:1px solid var(--border);background:rgba(0,0,0,.12);color:var(--text);
  font:14px/1.5 var(--font);resize:vertical;
}
html[data-theme="light"] .pay-modal__purpose{background:rgba(255,255,255,.75)}
.pay-modal__purpose[readonly]{opacity:.95}
.pay-modal__qr-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin:14px 0}
.pay-modal__qr-frame{display:inline-block;padding:10px;border-radius:12px;background:#fff;line-height:0;box-shadow:0 1px 0 rgba(0,0,0,.06) inset}
.pay-modal__qr-frame canvas,.pay-modal__qr-img{display:block;width:200px;height:200px;vertical-align:top}
.pay-modal__qr-img{object-fit:contain}
.pay-modal__err{display:none;margin:10px 0;padding:10px 12px;border-radius:10px;background:rgba(127,29,29,.35);border:1px solid rgba(248,113,113,.45);font-size:14px}
.pay-modal__err:not(:empty){display:block}
.pay-modal__hint{font-size:13px;color:var(--muted);margin:8px 0 0;line-height:1.5}
.pay-modal .btnline{margin-top:12px}
.pay-notify-input,.pay-modal input[type=text],.pay-modal input[type=email]{
  width:100%;margin-top:6px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);
  background:rgba(255,255,255,.04);color:var(--text);font:inherit;font-size:15px;
}
html[data-theme="light"] .pay-notify-input{background:rgba(255,255,255,.85)}
html[data-theme="light"] .pay-modal input[type=text],html[data-theme="light"] .pay-modal input[type=email]{background:rgba(255,255,255,.85)}

/* Меню «Мови» (лише UK + EN) */
.strim-lang-menu{position:relative;display:inline-flex;align-items:center;flex-shrink:0}
.strim-lang-menu.chip{margin:0}
.strim-lang-menu__toggle{
  display:inline-flex;align-items:center;gap:4px;
  font:13px/1 var(--font);font-weight:600;
  padding:10px 14px;border-radius:999px;cursor:pointer;
  border:1px solid var(--border);background:var(--chip-bg);color:var(--text);
  -webkit-user-drag:none;user-select:none;touch-action:manipulation;
  white-space:nowrap;
}
.strim-lang-menu__toggle:hover{border-color:rgba(56,189,248,.45)}
.strim-lang-menu__caret{font-size:10px;opacity:.75}
.strim-lang-menu__panel{
  position:absolute;top:calc(100% + 8px);right:0;z-index:220;
  min-width:200px;padding:6px;
  border-radius:14px;border:1px solid var(--border);
  background:var(--panel);box-shadow:0 18px 48px rgba(0,0,0,.35);
}
html[data-theme="light"] .strim-lang-menu__panel{box-shadow:0 14px 40px rgba(15,23,42,.12)}
.strim-lang-menu__panel[hidden]{display:none!important}
.strim-lang-menu__item{
  display:block;padding:11px 14px;border-radius:10px;
  font-size:14px;font-weight:600;color:var(--text);text-decoration:none;
}
.strim-lang-menu__item:hover{background:rgba(56,189,248,.12);color:var(--heading)}
.strim-lang-menu__item[aria-current="true"]{
  background:rgba(56,189,248,.18);
  color:var(--heading);
}
.strim-lang-footer-menu{
  margin-top:18px;padding-top:16px;border-top:1px solid var(--border);
  display:flex;justify-content:center;
}
.strim-lang-footer-menu .strim-lang-menu__panel{left:50%;right:auto;transform:translateX(-50%)}
@media (max-width:720px){
  header.strim-header nav.strim-nav .strim-lang-menu{
    width:100%;order:5;
  }
  header.strim-header nav.strim-nav .strim-lang-menu__toggle{
    width:100%;justify-content:center;min-height:48px;padding:14px 12px;
  }
  header.strim-header nav.strim-nav .strim-lang-menu__panel{
    position:static;width:100%;transform:none;margin-top:8px;box-shadow:none;
    border:1px solid var(--border);
  }
}

.strim-ru-modal{
  position:fixed;inset:0;z-index:220;
  display:flex;align-items:center;justify-content:center;
  padding:max(16px, env(safe-area-inset-top)) 14px max(20px, env(safe-area-inset-bottom));
}
.strim-ru-modal[hidden]{display:none}
.strim-ru-modal__backdrop{position:absolute;inset:0;background:rgba(2,6,23,.75);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.strim-ru-modal__panel{
  position:relative;z-index:1;width:min(440px, 100%);max-height:min(92vh, 720px);overflow:auto;-webkit-overflow-scrolling:touch;
  border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);
  padding:20px 18px 22px;box-shadow:var(--shadow);
}
.strim-ru-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.strim-ru-modal__head h2{margin:0;font-size:1.1rem;font-weight:800;color:var(--heading);letter-spacing:-.02em}
.strim-ru-modal__close{
  width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--chip-bg);
  color:var(--text);font-size:22px;line-height:1;cursor:pointer;flex-shrink:0;padding:0;
}
.strim-ru-modal__close:hover{border-color:rgba(56,189,248,.45)}
.strim-ru-modal__text{margin:0 0 14px;font-size:14px;line-height:1.55}
.strim-ru-modal__fig{margin:0 0 14px;border-radius:12px;overflow:hidden;background:#1e293b;line-height:0}
.strim-ru-modal__fig img{display:block;width:100%;height:auto;max-height:min(52vh, 440px);object-fit:contain}
.strim-ru-modal__btn{width:100%}

/* Google Translate: приховати панель віджета, без зсуву body */
body{top:0!important}
.goog-te-banner-frame,.skiptranslate iframe.goog-te-banner-frame{display:none!important;visibility:hidden!important;height:0!important}
#google_translate_element{
  position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;
}