@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800&display=swap');

:root{
  --bg:#212332;
  --text:#EDEFF3;
  --muted:#A7B0BB;
  --line:#3A3F46;
  --soft:#12161C;
  --primary:#151A1F;
  --secondary:#0F1318;
  --teal:#1A2028;
  --red:#ff351f;
  --grey:#383D44;
  --gold:#F4D35E;
  --heading:#FFFFFF;
  --outline:rgba(160,160,160,.28);
  --warn-bg:rgba(255,53,31,.08);
  --warn-br:rgba(255,53,31,.25);
  --warn-text:#FFD2CD;
  --cyan:#43D39E;

  /* Керовані токени (рандомізуються JS) */
  --gap-block: 24px;
  --gap-sec-extra: 6px;
  --container-w: 980px;

  /* Кнопкові градієнти */
  --btn-orange:linear-gradient(180deg,#FFD34D 0%, #FF8A00 55%, #FF6A00 100%);
  --btn-green:linear-gradient(180deg,#6BFF73 0%, #10D64D 60%, #00B32A 100%);

  /* Градієнти */
  --grad-primary:linear-gradient(180deg,var(--primary),var(--secondary));
  --grad-alt:linear-gradient(135deg,#1B2330,var(--primary));
  --grad-card:linear-gradient(180deg, #040613 0%, #0B0F1A 100%);
  --grad-soft:linear-gradient(180deg, rgba(4,6,19,.92) 0%, rgba(4,6,19,.78) 100%);

  /* Карточні дефолти */
  --card-bg:var(--grad-card);
  --card-soft:var(--grad-soft);
  --bar-bg:#2E3440;
  --btn-text:#FFFFFF;
  --btn-text-hover:#FFFFFF;
  --btn-ghost-text:var(--text);
}
h1,h2,h3,h4,h5,h6{ color:var(--heading) !important; font-family: 'Manrope', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; }

/* Утиліти (не рандомізуються) */
.bg-soft{ background:var(--soft) !important; }
.bg-primary{ background:var(--primary) !important; }
.bg-secondary{ background:var(--secondary) !important; }
.bg-danger{ background:rgba(255,53,31,.12) !important; }
.bg-warning{ background:rgba(244,211,94,.14) !important; }
.bg-success{ background:rgba(67,211,158,.14) !important; }
.bg-info{ background:rgba(158,230,255,.12) !important; }
.bg-gradient{ background:var(--grad-primary) !important; }
.bg-gradient-alt{ background:var(--grad-alt) !important; }
[data-bg="soft"]{ background:var(--soft) !important; }
[data-bg="primary"]{ background:var(--primary) !important; }
[data-bg="secondary"]{ background:var(--secondary) !important; }
[data-bg="danger"]{ background:rgba(255,53,31,.12) !important; }
[data-bg="warning"]{ background:rgba(244,211,94,.14) !important; }
[data-bg="success"]{ background:rgba(67,211,158,.14) !important; }
[data-bg="info"]{ background:rgba(158,230,255,.12) !important; }
[data-bg="gradient"]{ background:var(--grad-primary) !important; }
[data-bg="gradient-alt"]{ background:var(--grad-alt) !important; }
[data-text="muted"]{ color:var(--muted) !important; }
[data-text="heading"]{ color:var(--heading) !important; }
[data-text="accent"]{ color:var(--cyan) !important; }
[data-br="accent"]{ border-color:var(--line) !important; }
[data-br="warning"]{ border-color:var(--line) !important; }
[data-br="danger"]{ border-color:var(--line) !important; }
[data-br="success"]{ border-color:var(--line) !important; }

/* Посилання — без підкреслення завжди */
a, a:hover, a:focus, a:active, a:visited{ text-decoration:none !important; }

/* Контентні зображення — тільки в межах article (безпечні відступи) + центрування */
main.qzj5nru > article img,
main.qzj5nru > article figure > img,
main.qzj5nru > article .wp-block-image img{
  display:block;
  margin:0 auto 16px;
  border-radius:12px !important;
  max-width:100%;
  height:auto;
  overflow:hidden;
}
/* Обгортка-лінк для зображень у контенті */
main.qzj5nru > article a.hq2s7fv{ display:block; }

/* Конструктори/інші області — не форсуємо відступи */
.wpb_wrapper img,
.wpb_single_image img,
.elementor-widget-image img{ margin:0 !important; }
img.bq6n4ty{ border-radius:12px !important; }

/* Винятки — header */
.bjk1s9e img, header img, .site-header img, .elementor-location-header img{ margin:0 !important; border-radius:0 !important; max-width:unset; height:auto; vertical-align:middle; }

/* Контейнер і інтервали — керуються токенами */
.qzj5nru{ width:min(var(--container-w),92%); margin:6px auto 52px; }
p, ul, ol, .cf2n8yl, section{ margin:var(--gap-block) 0; }
section + section{ margin-top:calc(var(--gap-block) + var(--gap-sec-extra)); }

/* Хедер */
.bjk1s9e{
  position:sticky; top:0; z-index:1000; display:flex; align-items:center; justify-content:space-between; gap:12px;
  height:var(--header-h,60px); padding:0 12px; background:#0E0F1D;
  border-bottom:1px solid var(--line); box-shadow:0 8px 18px rgba(0,0,0,.35);
  border-radius:12px; overflow:hidden;
}
@supports (top:max(0px)){ .bjk1s9e{ top:max(var(--header-top,0px), env(safe-area-inset-top)); } }
.lnp7c2a{ display:flex; align-items:center; height:100%; padding:8px 0; margin-right:auto; }
.bjk1s9e .lnp7c2a img{ display:block; margin-top:0 !important; max-height:calc(var(--header-h,60px) - 12px); height:auto; width:auto; }
.hx4e9tm{ display:flex; gap:10px; align-items:center; }

/* Базова кнопка (контент) */
.udykq3h{
  --glow:var(--outline);
  display:inline-flex; align-items:center; justify-content:center; padding:12px 18px;
  border-radius:12px; font-weight:800; text-transform:uppercase; text-decoration:none; transition:box-shadow .2s, transform .08s, background .2s, color .2s;
  background:var(--btn-orange) !important; color:#FFFFFF !important;
}
.udykq3h:hover{ box-shadow:0 6px 18px rgba(0,0,0,.45), 0 0 0 2px rgba(255,170,50,.25); }

/* Всі кнопки у контенті по центру */
article .udykq3h, .mtx0g7e .udykq3h, .ny1v8qe{
  margin:18px auto;
  display:flex;
  width:fit-content;
}

/* Кнопки в хедері — стилі */
.hx4e9tm .udykq3h{
  padding:10px 16px;
  background:var(--btn-orange) !important;
  color:#FFFFFF !important;
  border:0 !important;
  line-height:1;
  display:inline-flex; align-items:center; justify-content:center;
  margin:0 !important;
}
.fq9n1ls,.td7m2kp{ background:transparent !important; color:inherit !important; }
.hx4e9tm .udykq3h.fq9n1ls{
  background:#16C784 !important;
  color:#0E0F1D !important;
  border:0 !important;
  padding:10px 16px;
  line-height:1;
  display:inline-flex; align-items:center; justify-content:center;
  margin:0 !important;
}

@media (max-width:480px){
  :root{ --header-h:56px; }
  .bjk1s9e{ padding:0 10px; border-radius:10px; }
  .lnp7c2a{ flex:1 1 auto; min-width:0; }
  .lnp7c2a img{ max-width:44vw; height:auto; max-height:calc(var(--header-h,56px) - 12px); }
  .hx4e9tm{ flex:0 0 auto; gap:8px; }
  .hx4e9tm .udykq3h,
  .hx4e9tm .udykq3h.fq9n1ls{ padding:8px 12px; font-size:.82rem; white-space:nowrap; }
}

/* H1 */
h1{
  font-size:clamp(28px,4vw,44px); line-height:1.15; text-align:center; letter-spacing:.2px;
  text-transform:uppercase; padding-block:15px !important;
  margin-top:clamp(6px,1.2vh,10px); margin-bottom:16px;
  text-shadow:0 1px 0 rgba(0,0,0,.45), 0 6px 18px rgba(90,90,90,.14);
}

/* CTA під H1 */
.zc8h9rm{ margin:0 0 10px; }
.ny1v8qe{
  display:block; width:100%; text-align:center; padding:16px 20px; border-radius:14px;
  font-size:1.02rem; font-weight:800; text-transform:uppercase;
  background:var(--btn-orange) !important; color:#FFFFFF !important;
  animation:pulseGlow 1.8s ease-in-out infinite;
}
@keyframes pulseGlow{
  0%{ transform:scale(1); box-shadow:0 0 0 0 rgba(255,140,30,.35), 0 8px 18px rgba(0,0,0,.4); }
  50%{ transform:scale(1.015); box-shadow:0 0 0 8px rgba(255,140,30,0), 0 12px 22px rgba(0,0,0,.45); }
  100%{ transform:scale(1); box-shadow:0 0 0 0 rgba(0,0,0,0), 0 8px 18px rgba(0,0,0,.4); }
}
.r5m8xaj{ text-align:center; color:var(--muted); font-size:.95rem; font-weight:400; margin:12px 0 16px; }

/* Чип-меню */
.vy6g1pc{
  display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; gap:10px;
  margin:40px 0 40px; overflow-x:hidden; overflow-y:visible;
}
.vy6g1pc a{
  display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:24px;
  background:#0F2E24; color:#FFFFFF; font-weight:700; font-size:.94rem;
  transition:box-shadow .2s, transform .08s, background .2s;
  flex:0 0 auto; min-width:auto; justify-content:center; white-space:nowrap;
}
.vy6g1pc a:hover{ background:#16C784; box-shadow:0 0 0 2px var(--outline); }
.vy6g1pc a:active{ transform:translateY(1px); }
@media (max-width:480px){
  .vy6g1pc{ gap:8px; }
  .vy6g1pc a{ padding:6px 10px; font-size:.88rem; }
}

/* Панелі (картки секцій) */
.mtx0g7e{
  margin:32px 0; padding:20px; border-radius:14px; border:1px solid var(--line);
  box-shadow:0 6px 18px rgba(0,0,0,.25), 0 0 0 1px rgba(255,175,60,.12) inset;
  background: var(--card-soft) padding-box,
              radial-gradient(120% 120% at 0% 0%, rgba(55,55,55,.10), rgba(255,255,255,0)) border-box !important;
}
.mtx0g7e > h2:first-child{ margin-top:2px; }
.pz4m1uk{
  background: var(--card-bg) padding-box,
              radial-gradient(120% 120% at 0% 0%, rgba(55,55,55,.14), rgba(255,255,255,0)) border-box !important;
}
.mtx0g7e:hover{ transform:translateY(-1px); box-shadow:0 12px 28px rgba(0,0,0,.45), 0 0 0 1px rgba(255,175,60,.18) inset; transition:.18s ease; }

/* Таблиці */
.cf2n8yl{
  overflow:auto; border:1px solid var(--line); border-radius:12px; background:var(--soft);
  box-shadow:0 10px 22px rgba(0,0,0,.35); margin:25px 0 18px;
}
.kq7v3hd{ width:100%; border-collapse:separate; border-spacing:0; min-width:560px; font-size:0.96rem; line-height:1.45; color:var(--text) !important; }
.kq7v3hd thead th{ position:sticky; top:0; z-index:1; font-weight:700; background:linear-gradient(180deg,#151A1F,#1E252C); color:var(--text) !important; }
.kq7v3hd th,.kq7v3hd td{ padding:12px 14px; border-bottom:1px solid var(--line); vertical-align:top; }

/* H2 нумерація */
article[itemscope]{ counter-reset:h2 0; }
article[itemscope] h2{ counter-increment:h2; text-align:center; font-weight:800; font-size:clamp(22px,3.2vw,32px); }
article[itemscope] h2::before{ content:counter(h2, decimal-leading-zero) ". "; opacity:.85; }
section, .ql8v2nr, .rating-overall, .ez7p3qd{ counter-reset:unset; }

/* Акценти/notice */
.hmv2r8q{ padding:14px 16px; border-radius:12px; background:var(--card-soft); box-shadow:0 6px 18px rgba(0,0,0,.22) inset; }
.aeb7tq9{ position:relative; padding:14px 16px 14px 14px; border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,.22); border-left:4px solid var(--line); }
.aeb7tq9.ixe4lmn{ background:rgba(158,230,255,.12); }
.aeb7tq9.wv1j8pr{ background:rgba(67,211,158,.14); }
.aeb7tq9.gn9t2sd{ background:rgba(244,211,94,.14); }
.aeb7tq9.dkp6y4b{ background:rgba(255,53,31,.12); }

/* Blockquote — базовий відступ */
blockquote{ margin:52px 0 !important; }

/* Цитати / FAQ / ProsCons (картки усередині панелей) */
blockquote.snt9bcz{
  margin:52px 0;
  padding:26px 22px;
  border-radius:12px; background:var(--card-soft) !important; border:1px solid var(--line);
  box-shadow:0 10px 22px rgba(0,0,0,.25); position:relative;
}
blockquote.snt9bcz::before{ content:"“"; position:absolute; top:-8px; left:12px; font-size:38px; line-height:1; color:rgba(255,255,255,.25); }
blockquote.snt9bcz, blockquote.snt9bcz p{ color:#F6F8FF !important; }
blockquote.snt9bcz p{ margin:0 0 10px; }
blockquote.snt9bcz cite{ display:block; color:var(--muted); font-style:normal; }

/* Списки */
article ul{ list-style:disc; padding-left:24px; }
article ol{ list-style:decimal; padding-left:24px; }
article li{ padding-left:2px; }

/* Pros/Cons */
.ez7p3qd{ margin:28px 0; }
.rnm6y2f{ display:grid; grid-template-columns:1fr; gap:14px; }
@media(min-width:768px){ .rnm6y2f{ grid-template-columns:1fr 1fr; } }
.xg2h9vt .mm5k1re{ display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#43D39E; color:#000; font-weight:800; margin-right:8px; }
.xg2h9vt ul{ list-style:none; padding-left:0; margin:0; }
.xg2h9vt ul li{ padding:8px 10px; border:1px solid var(--line); border-radius:10px; background:var(--card-soft) !important; margin-bottom:8px; }
/* Мінуси — червоний бейдж */
.ez7p3qd .rnm6y2f .xg2h9vt:nth-child(2) .mm5k1re{ background:var(--red); color:#fff; }

/* FAQ — прозорий фон заголовків, жирний текст, іконки */
ul.bsu1k9m{ list-style:none; padding-left:0; margin:16px 0; display:grid; gap:10px; }
ul.bsu1k9m li{ padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:var(--card-soft) !important; position:relative; padding-left:14px; }
ul.bsu1k9m b, ul.bsu1k9m strong{ color:var(--heading); }
ul.bsu1k9m li::before{ content:""; position:absolute; left:6px; top:12px; width:6px; height:6px; border-radius:2px; background: var(--cyan); opacity:.9; }

.ql8v2nr .bsu1k9m li{ background:transparent !important; }
.ql8v2nr .bsu1k9m .jh5c7wa{
  appearance:none; -webkit-appearance:none; background:transparent !important; border:0; padding:10px 8px;
  width:100%; text-align:left; color:var(--heading); font-weight:800; display:flex; align-items:center; gap:10px; cursor:pointer;
}
.ql8v2nr .bsu1k9m .jh5c7wa::before{ content:"❓"; color:var(--cyan); font-size:1rem; line-height:1; flex:0 0 auto; }
.ql8v2nr .bsu1k9m .jh5c7wa::after{ content:"▸"; margin-left:auto; color:var(--muted); transition:transform .2s ease, color .2s ease; }
.ql8v2nr .bsu1k9m .jh5c7wa[aria-expanded="true"]::after{ transform:rotate(90deg); color:var(--cyan); }
.ql8v2nr .bsu1k9m .oca3y9t{ padding:10px 8px 2px; margin-top:8px; border-top:1px dashed var(--line); color:var(--text); }

/* Steps */
ol.vj9a4ql, .vj9a4ql{ list-style:none; padding-left:0; margin-left:0; }
ol.vj9a4ql > li::marker{ content:""; }
ol.vj9a4ql{ counter-reset:step; display:grid; gap:12px; position:relative; margin:0 0 14px; }
ol.vj9a4ql::before{ content:""; position:relative; display:block; height:4px; border-radius:999px; background:linear-gradient(90deg, var(--primary), var(--secondary)); margin:6px 0 10px; }
ol.vj9a4ql > li.au3m9tk{ position:relative; padding:12px 12px 12px 44px; border:1px solid var(--line); border-radius:12px; background:rgba(95,95,95,.06); }
ol.vj9a4ql > li.au3m9tk::before{ counter-increment:step; content:counter(step); position:absolute; left:10px; top:50%; transform:translateY(-50%); width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--grad-primary); color:#fff; font-weight:800; box-shadow:0 4px 10px rgba(0,0,0,.35); }
@media print{ ol.vj9a4ql::before, .aeb7tq9, .ez7p3qd .xg2h9vt ul li, blockquote.snt9bcz{ background:none !important; box-shadow:none !important; } }

/* Про автора */
.nb1f6ze{ margin:28px 0; padding:18px; border:1px solid var(--line); border-radius:14px; background:var(--card-bg) !important; }
.nb1f6ze b{ display:block; margin-bottom:8px; }
.nb1f6ze .zt4c8ym{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.nb1f6ze .rj8p2lc{ padding:10px; border-radius:10px; background:rgba(255,255,255,.04); text-align:center; }

/* Scrollbar */
:root{ scrollbar-color: rgba(255,255,255,.22) transparent; }
*::-webkit-scrollbar{ width:10px; height:10px; }
*::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.18); border-radius:10px; border:2px solid transparent; background-clip:padding-box; }
*::-webkit-scrollbar-track{ background:transparent; }

/* Рухаємось делікатно */
@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
}

/* Доступність і темна тема */
:focus-visible{ outline:2px solid var(--cyan); outline-offset:2px; }
:root{ color-scheme: dark; }
html,body{ background:var(--bg); color:var(--text); font-family: 'Manrope', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; font-size:clamp(14px, 1.1vw, 17px); }
@media (prefers-color-scheme: light){
  :root{ color-scheme: dark; }
  html,body{ background:var(--bg) !important; color:var(--text) !important; }
  .page .wd-page-content, .main-page-wrapper{ background:var(--bg) !important; background-image:none !important; }
}
*{ -webkit-print-color-adjust: exact; print-color-adjust: exact; }
@supports (forced-color-adjust: none){ *{ forced-color-adjust: none; } }