/* Доповнення до оригінальної теми */
/* ===== дизайн-токени: типографіка 12/14/16/18/20/24/32, відступи 4/8, радіуси, тіні, рух ===== */
:root{
  --fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:32px;
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;
  --r-xs:2px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;
  --sh-1:0 1px 2px rgba(0,0,0,.12),0 2px 8px -2px rgba(0,0,0,.18);
  --sh-2:0 12px 28px -14px rgba(0,0,0,.45);
  --c-pos:hsl(142 70% 30%);--c-neg:hsl(0 68% 42%);
  --ic-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  --ic-x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
  --t-fast:.15s;--t-base:.22s;--t-slow:.35s;--ease:cubic-bezier(.2,.7,.2,1);
}
.ops-120-60{width:120px;height:60px;display:block}
.ops-120-60 .brand-logo,.ops-120-60 .brand-img{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;object-fit:contain}
.brand-name-logo{display:flex;align-items:center;justify-content:center;height:100%;color:var(--c-on-dark,#fff);font-weight:700;font-size:var(--fs-sm);text-align:center;line-height:1.1}
.navbar-brand .brand-text{color:var(--c-on-dark,#fff);text-decoration:none}
.navbar-brand a{text-decoration:none}
.icon{display:inline-block;width:32px;height:32px;background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:middle}
.alert-warning{background:var(--c-accent-soft);color:var(--c-text-strong);border:1px solid var(--c-accent);padding:10px 14px;border-radius:var(--r-sm)}
@media (max-width:991px){.navbar-collapse:not(.show){display:none}}
/* popup: затемнення фону та позиціонування */
.site-pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;overflow-y:auto}
.site-pop .modal-dialog{margin:6vh auto;width:92%}
.site-pop .modal-content{position:relative}
.site-pop .modal-header{border:0;justify-content:flex-end}
.site-pop .close{border:0;line-height:1;cursor:pointer}
.pop-subtitle{margin-bottom:1rem}
.site-pop .top-3-heading,.site-pop .pop-subtitle{color:var(--c-text-strong)}
/* лого в шапці: фіксована висота, ширина за пропорціями */
.navbar-brand img{height:52px!important;width:auto!important;max-width:min(70vw,320px)!important;object-fit:contain;display:block}

/* доступність: фокус з клавіатури та reduced-motion */
a:focus-visible,button:focus-visible,[role="link"]:focus-visible,[role="button"]:focus-visible,summary:focus-visible{outline:2px solid var(--c-on-dark,#fff);outline-offset:2px;box-shadow:0 0 0 4px rgba(0,0,0,.45)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* фонове зображення шапки: на всю ширину екрана, з фокусною точкою/масштабом (див. server/focal.ts) */
#page-sub-header.has-bg{position:relative;overflow:hidden}
#page-sub-header .hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
#page-sub-header .hero-bg img{position:absolute;top:0;height:100%;max-width:none;object-fit:cover}
#page-sub-header .hero-shade{position:absolute;inset:0}
#page-sub-header .hero-content{position:relative;z-index:1}

/* ===== аудит ui-ux-pro-max: доступність, цілі натискання, контраст ===== */
.skip-link{position:absolute;left:8px;top:-60px;z-index:2000;background:var(--c-accent);color:var(--c-accent-ink);padding:10px 16px;border-radius:0 0 var(--r-sm) var(--r-sm);font-weight:600;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.skip-link:focus{top:0}
main:focus{outline:none}
/* цілі натискання ≥ 44×44 для основних дій */
.btn-main{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.btn-main.d-block,.btn-main.d-table{display:flex}
.link-in{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
.navbar-toggler{min-width:44px;min-height:44px}
.sticky-offer-container .close-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;right:2%}
.dropdown-toggle[role=button]{cursor:pointer}
.card-header[role=button]{cursor:pointer}
/* контраст (≥ 4.5:1 для звичайного тексту) */
.badge-num{color:var(--c-on-dark,#fff);background:var(--c-rank-n)}
.badge-num.first{background:var(--c-rank-1);color:var(--c-rank-1-ink)}
.badge-num.second{background:var(--c-rank-2)}
.badge-num.third{background:var(--c-rank-3)}
.text-muted,.card-text.text-muted{color:var(--c-text-muted)!important}
.card-title a.text-dark{color:var(--c-text-strong)!important}
body{color:var(--c-text)}
.card,.faq .card,.cta-boxes .card,.brand-preview .card{background:var(--c-surface-alt);border-color:var(--c-border)}
.card-header{color:var(--c-on-dark)}
.site-footer a,.site-footer .footer-menu a{color:var(--c-on-dark)}
.site-footer a:hover{color:var(--c-on-dark);text-decoration:underline}
.site-footer .site-info,.site-footer .discl{color:var(--c-on-dark-muted)}
.terms,.discl,.site-info{font-size:var(--fs-xs)}
.link-in{color:var(--c-link)}
/* місце під липким банером, щоб він не закривав кінець сторінки */
body.has-sticky{padding-bottom:var(--sticky-h,84px)}
/* дрібні елементи: мінімальний шрифт 12px, футерні посилання та іконка-посилання з комфортною ціллю */
.badge{font-size:var(--fs-xs)}
.link-in{min-width:44px;justify-content:center}
.site-footer a[aria-label="Gambling Therapy"]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.site-footer .footer-menu a{min-width:44px}

/* таблиця «найкращі» в шапці: рядок компактний, клікабельний весь; посилання — акуратна «пігулка» кольору палітри зі стрілкою */

/* мобільний: шапка з таблицею «найкращі» має вміщатись приблизно в один екран */
@media (max-width:575.98px){
  #page-sub-header{padding-bottom:.6rem!important}
  #page-sub-header h1{line-height:1.2;margin:.4rem 0 0;padding-bottom:.4rem!important}
  #page-sub-header .hero-content p{font-size:var(--fs-sm);line-height:1.4;margin-bottom:.5rem}
  #page-sub-header h2.h5{font-size:var(--fs-md);line-height:1.25;margin:.25rem 0 0;padding-bottom:.4rem!important}
  #page-sub-header .header-terms{margin-top:.2rem!important}
}

/* підписи в таблиці «найкращі»: напівжирний текст у кольорі заголовків + іконка в кольоровому квадраті замість емодзі */

/* ===== кнопки-акценти: градієнт із ОДНОГО кольору (змінні рахує сервер, див. color.ts); стиль — клас на body ===== */
.btn-main{color:var(--btn-text,var(--c-accent-ink));font-weight:700;letter-spacing:.01em;background-color:var(--btn-g2,var(--btn-main-bg))}
.btn-main:hover,.sticky-offer:hover .btn-main{color:var(--btn-text,var(--c-accent-ink))}

/* сучасний (за зразком patrickspinsi): суцільний колір, 1px світла кромка, світла лінія зверху всередині, мʼяке кольорове сяйво; без градієнта; hover — яскравіше */
.btn-modern .btn-main{
  border-radius:var(--r-md);text-shadow:none;background-image:none;background-color:var(--btn-g2,var(--btn-main-bg));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 10px -1px var(--btn-glow,transparent);
  transition:filter var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease),transform var(--t-fast) var(--ease);
}
.btn-modern .btn-main:hover,.btn-modern .sticky-offer:hover .btn-main{
  filter:brightness(1.06);border-color:rgba(255,255,255,.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 4px 16px -1px var(--btn-glow,transparent)
}
.btn-modern .btn-main:active{transform:scale(.97);filter:brightness(.98)}

/* плоский: суцільний колір, без тіней; hover — трохи яскравіше */
.btn-flat .btn-main{border-radius:var(--r-md);background-image:none;box-shadow:none;text-shadow:none;transition:filter .15s ease,transform .15s ease}
.btn-flat .btn-main:hover,.btn-flat .sticky-offer:hover .btn-main{filter:brightness(1.07);transform:none;box-shadow:none;background-image:none}
.btn-flat .btn-main:active{transform:scale(.985)}

/* класичний (2010-ті): блиск і «пробіг» світла — шарами фону, текст не перекривається */
.btn-gloss .btn-main{
  text-shadow:var(--btn-tshadow,none);
  background-image:
    linear-gradient(110deg,transparent 38%,var(--btn-sheen,transparent) 50%,transparent 62%),
    linear-gradient(180deg,var(--btn-gloss,transparent),transparent 62%),
    linear-gradient(180deg,var(--btn-g1,var(--btn-main-bg)),var(--btn-g2,var(--btn-main-bg)) 55%,var(--btn-g3,var(--btn-main-bg)));
  background-size:260% 100%,100% 100%,100% 100%;background-position:140% 0,0 0,0 0;background-repeat:no-repeat;
  box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 -2px 0 rgba(0,0,0,.14) inset,0 8px 18px -8px var(--btn-glow,transparent);
  transition:background-position .75s ease,transform .15s ease,box-shadow .2s ease,filter .15s ease;
}
.btn-gloss .btn-main:hover,.btn-gloss .sticky-offer:hover .btn-main{background-position:-60% 0,0 0,0 0;transform:translateY(-1px);filter:saturate(1.08)}
.btn-gloss .btn-main:active{transform:translateY(0);filter:brightness(.97)}
@media (prefers-reduced-motion:reduce){
  .btn-main{transition:none!important}
  .btn-main:hover,.sticky-offer:hover .btn-main{transform:none!important}
  .btn-gloss .btn-main:hover{background-position:140% 0,0 0,0 0}
}

/* ===== картки статей: редакційний стиль (кікер замість «пігулки», заголовок зліва, вся картка клікабельна) ===== */
.card.acard{position:relative;display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease)}
.card.acard:hover{transform:translateY(-2px);border-color:var(--c-accent);box-shadow:var(--sh-2)}
.card.acard:focus-within{outline:2px solid var(--c-accent);outline-offset:2px}
.acard-media{display:block;line-height:0;overflow:hidden}
.acard-media img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform var(--t-slow) var(--ease)}
.acard:hover .acard-media img{transform:scale(1.03)}
.card.acard .acard-body{padding:20px 26px 24px}
.card.acard .kicker{display:flex;align-items:center;gap:9px;margin-bottom:9px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-link)}
.kicker::before{content:"";flex:none;width:20px;height:2px;border-radius:var(--r-xs);background:var(--c-accent)}
.acard-title{margin:0 0 6px;font-size:var(--fs-lg);line-height:1.3;font-weight:700;text-align:left}
.card.acard .acard-title,.card.acard .acard-title a{color:var(--c-text-strong);text-decoration:none}
.acard-title a::after{content:"";position:absolute;inset:0;z-index:1}
.card.acard:hover .acard-title a{color:var(--c-link)}
.card.acard .acard-meta{margin-bottom:10px;font-size:var(--fs-sm);color:var(--c-text-muted)}
.card.acard .acard-text{margin:0;color:var(--c-text)}
@media (min-width:768px){
  .card.acard.is-lead{flex-direction:row}
  .acard.is-lead>.acard-media{flex:0 0 42%}
  .acard.is-lead>.acard-media img{height:100%;aspect-ratio:auto}
  .acard.is-lead .acard-title{font-size:var(--fs-xl)}
  .card.acard.is-lead .acard-body{align-self:center;padding:28px 32px}
}
@media (prefers-reduced-motion:reduce){.card.acard,.acard-media img{transition:none}.card.acard:hover,.acard:hover .acard-media img{transform:none}}

/* ===== порядок: єдина ієрархія заголовків і ритм секцій ===== */
body{font-size:var(--fs-md);line-height:1.6}
#page-sub-header h1,main h1{font-size:var(--fs-3xl);line-height:1.2;font-weight:700}
main section h2,main h2.block-heading,main h2.text-center{font-size:var(--fs-2xl);line-height:1.3;font-weight:700;margin-bottom:var(--sp-4)}
main section h3,.brand-review h3{font-size:var(--fs-xl);line-height:1.3;font-weight:700}
#page-sub-header h2.h5{font-size:var(--fs-lg);line-height:1.35;font-weight:600}
main .card-text,main li{font-size:var(--fs-md)}
.acard-title,.card.acard .acard-title{font-size:var(--fs-lg)}
.acard.is-lead .acard-title,.card.acard.is-lead .acard-title{font-size:var(--fs-xl)}
.rating-value{font-size:var(--fs-lg)}
main section.py-3{padding-top:var(--sp-7)!important;padding-bottom:var(--sp-7)!important}
@media (max-width:575.98px){
  #page-sub-header h1{font-size:var(--fs-2xl)}
  main section h2{font-size:var(--fs-xl)}
  main section.py-3{padding-top:var(--sp-6)!important;padding-bottom:var(--sp-6)!important}
}
/* єдина мова карток */
.card,.brand-preview .card{border-radius:var(--r-lg);box-shadow:var(--sh-1)}
/* FAQ: світлі картки-акордеон, акцент для відкритого */
.faq .card{border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;margin-bottom:var(--sp-3);background:var(--c-surface);box-shadow:var(--sh-1)}
.faq .card-header,.section-mid .faq .card-header{background:var(--c-surface);color:var(--c-text-strong);font-size:var(--fs-md);font-style:normal;font-weight:600;padding:var(--sp-4) var(--sp-5);min-height:44px;transition:background-color var(--t-fast),color var(--t-fast)}
.faq .card-header:hover{background:var(--c-accent-soft)}
.faq .card-header[aria-expanded="true"]{background:var(--c-accent-soft)}
.faq .card-body{background:var(--c-surface);color:var(--c-text);font-size:var(--fs-md);padding:var(--sp-2) var(--sp-5) var(--sp-5)}
/* футер: рівний ритм */
.site-footer{padding-top:var(--sp-7);padding-bottom:var(--sp-6)}
.site-footer .footer-menu{flex-wrap:wrap;justify-content:center;gap:var(--sp-1) var(--sp-5)}
.site-footer .footer-menu li{list-style:none}
/* дрібні радіуси та вага заголовків — до шкали */
.btn,.badge,.form-control,.table-responsive,.badge-num{border-radius:var(--r-sm)}
main h2,.site-footer h2{font-weight:700}
/* лідер рейтингу: акцентна підсвітка рядка */
tr.brand.is-top{background:var(--c-accent-soft)!important;box-shadow:0 0 0 2px var(--c-accent),var(--sh-1)}
/* картка бренду на планшеті/мобілі: на всю ширину контейнера (шаблон звужував до 350px) */
@media (max-width:991.98px){
  .brand-table .brand,.brand-table tr.brand{width:100%!important;max-width:640px;margin-left:auto;margin-right:auto}
  .brand-table .brand td{padding-left:var(--sp-4);padding-right:var(--sp-4)}
}
/* таблиця брендів: другорядний текст (переваги, пояснення, умови) — 14px, головне (оцінка, бонус, кнопка) лишається крупнішим */
.brand-table td li,.brand-table td .sm,.brand-table td small,.brand-table td p,.brand-table td em,.brand-table td .text-muted{font-size:var(--fs-sm);line-height:1.45}
.brand-table td li{margin-bottom:var(--sp-1)}

/* значки: галочки/хрестики — вектор (mask) у кольорі за змістом, замість растрових іконок шаблону */
.features li::before,.checks li::before,ul:not([class]):not([id]) li::before,.none li::before{
  background:var(--c-pos)!important;filter:none!important;width:14px!important;height:14px!important;top:.35em!important;
  -webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat}
ul:not([class]):not([id]) li::before{background:var(--c-link)!important}
.features li,.checks li,.none li,ul:not([class]):not([id]) li{padding-left:22px!important}
.none li::before{background:var(--c-neg)!important;-webkit-mask-image:var(--ic-x);mask-image:var(--ic-x)}
/* закриття банера/попапа: вектор X замість растрового значка */
.sticky-offer-container .close-btn{background:var(--c-surface);color:var(--c-text-strong);border:1px solid var(--c-border);border-radius:var(--r-pill);box-shadow:var(--sh-1);width:36px;height:36px;top:-8px}
.sticky-offer-container .close-btn .icon{width:16px;height:16px;filter:none;background:currentColor;-webkit-mask:var(--ic-x) center/contain no-repeat;mask:var(--ic-x) center/contain no-repeat}
.sticky-offer-container .close-btn:hover{background:var(--c-accent-soft)}
/* лінія під шапкою: нейтральна світла (раніше — синя з шаблону) */
#masthead{border-bottom:1px solid rgba(255,255,255,.12)}
/* текст на кнопці — по центру по вертикалі (d-table із bootstrap ігнорував flex і притискав текст догори) */
.btn-main.d-table,.btn-main.d-block{display:flex!important;width:fit-content;max-width:100%;align-items:center;justify-content:center;line-height:1.2}
/* плашка логотипа — частина дизайну: один темний колір палітри для всіх брендів, єдиний радіус і тонка внутрішня кромка */
.ops-120-60[class*=" bg-"]:not([style]){background-color:var(--c-footer)!important;border-radius:var(--r-md)!important}
.ops-120-60[class*=" bg-"]{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
/* оцінка: великий бал і приглушене «/10» в один рядок, під ним зірки; без плашок */
.brand-table .rating{display:flex!important;align-items:baseline;justify-content:center;gap:2px;background:none;padding:0;color:var(--c-text-muted);font-size:var(--fs-sm);font-weight:500;line-height:1.1}
.brand-table .rating .rating-value{font-size:var(--fs-2xl);font-weight:800;color:var(--c-text-strong);letter-spacing:-.02em}
@media (min-width:992px){.brand-table .rating{justify-content:flex-start}}

/* ===== сторінка огляду бренду ===== */
.rv-hero{padding:var(--sp-5) 0 var(--sp-7)}
.rv-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--sp-2) var(--sp-4);margin-bottom:var(--sp-4);color:var(--c-on-dark-muted)}
.rv-meta #breadcrumbs{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap}
.rv-meta #breadcrumbs li{display:inline-flex;align-items:center}
.rv-hero h1{margin:0 0 var(--sp-3)}
.rv-hero p{max-width:820px;color:var(--c-on-dark);line-height:1.6}
.rv-hero p a{color:var(--c-on-dark);text-decoration:underline}
.rv-grid{display:grid}
.rv-card{background:var(--c-surface);color:var(--c-text);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--sp-5)}
.rv-brand{display:flex;flex-direction:column;gap:var(--sp-4)}
.rv-brand-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}
.rv-brand-top .ops-120-60{margin:0!important}
.rv-score .rating{display:flex;align-items:baseline;gap:2px;color:var(--c-text-muted);font-size:var(--fs-sm);font-weight:500;line-height:1.1;margin-bottom:var(--sp-1)}
.rv-score .rating-value{font-size:var(--fs-3xl);font-weight:800;color:var(--c-text-strong);letter-spacing:-.02em}
.rv-bonus{text-align:left}
.rv-bonus-label{display:block;font-size:var(--fs-sm);color:var(--c-text-muted);margin-bottom:var(--sp-1)}
.rv-bonus .bonus{font-size:var(--fs-2xl);font-weight:800;color:var(--c-text-strong);letter-spacing:-.02em;line-height:1.2;font-style:normal}
.rv-bonus .sm{font-size:var(--fs-sm);font-weight:500;color:var(--c-text-muted);letter-spacing:0}
.rv-brand .features{margin:0;display:grid;gap:var(--sp-1)}
.rv-brand .features li{font-size:var(--fs-sm)}
.rv-brand .btn-main{width:100%!important;max-width:none}
.rv-facts{margin:0 0 var(--sp-4);display:grid;gap:0}
.rv-fact{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-2) 0;border-bottom:1px solid var(--c-border)}
.rv-fact:last-child{border-bottom:0}
.rv-fact dt{margin:0;font-size:var(--fs-sm);font-weight:500;color:var(--c-text-muted)}
.rv-fact dd{margin:0;font-size:var(--fs-md);font-weight:700;color:var(--c-text-strong);text-align:right}
.rv-yes{display:inline-flex;color:var(--c-pos)}
.rv-no{display:inline-flex;color:var(--c-neg)}
.rv-sub{margin:var(--sp-4) 0 var(--sp-2);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-muted)}
.rv-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.rv-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:600;color:var(--c-text-strong);background:var(--c-surface)}
.rv-chip-strong{border-color:var(--c-link);color:var(--c-link)}

/* зміст: картка з нумерованими пунктами у 2 колонки */
.rv-toc-title{display:flex;align-items:center}
.rv-toc-title svg{color:var(--c-link)}
.rv-toc ol{margin:0;list-style:none;counter-reset:toc}
@media (min-width:768px){.rv-toc ol{grid-template-columns:1fr 1fr}}
.rv-toc li{counter-increment:toc;padding:0!important;margin:0}
.rv-toc a{line-height:1.35;text-decoration:none;transition:background-color var(--t-fast),color var(--t-fast)}
.rv-toc a::before{content:counter(toc);flex:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--t-fast),color var(--t-fast)}
.rv-toc a svg{flex:none;color:var(--c-text-muted);opacity:0;transform:translateX(-4px);transition:opacity var(--t-fast),transform var(--t-fast)}
.rv-toc a:hover{text-decoration:none}
.rv-toc a:hover svg{opacity:1;transform:none;color:var(--c-link)}
.rv-toc a:focus-visible{outline:2px solid var(--c-link);outline-offset:2px;box-shadow:none}
@media (prefers-reduced-motion:reduce){.rv-toc a svg{transition:none}}
html{scroll-behavior:smooth;scroll-padding-top:var(--sp-5)}

/* розділи */
.rv-section{max-width:860px;margin:0 auto}
.rv-section h2{margin:var(--sp-7) 0 var(--sp-4)}
.rv-section:first-child h2{margin-top:var(--sp-5)}
.rv-section p,.rv-section li{line-height:1.7}
.rv-section a{color:var(--c-link)}
.rv-img{display:block;width:100%;height:auto;margin:0 0 var(--sp-4);border-radius:var(--r-lg);box-shadow:var(--sh-1)}
.rv-section ul:not(.checks):not(.none){padding-left:var(--sp-5);margin:var(--sp-3) 0}
.rv-section ul:not(.checks):not(.none) li{list-style:disc}
.rv-procons{display:grid;grid-template-columns:1fr;margin:var(--sp-5) 0 0}
@media (min-width:768px){.rv-procons{grid-template-columns:1fr 1fr}}
.rv-box-title{display:flex;align-items:center;color:var(--c-text-strong)}
.rv-pros .rv-box-title svg{color:var(--c-pos)}
.rv-cons .rv-box-title svg{color:var(--c-neg)}
.rv-box ul{margin:0;padding:0;list-style:none}
.rv-section h2{text-align:left}
.rv-section ul:not(.checks):not(.none) li::before{display:none!important}
.rv-section ul:not(.checks):not(.none) li{padding-left:var(--sp-1)!important}
.rv-section p{margin:0 0 var(--sp-4)}
.rv-hero h1,.rv-hero p{text-align:left;margin-left:0;margin-right:0}
.rv-toc li::before{display:none!important}
.rv-toc li{padding-left:0!important}
.rv-brand .btn-main{margin-top:auto}
.rv-toc a svg{margin-top:5px}

/* платіжні SVG-логотипи в мітках */
.rv-pay{min-width:64px;justify-content:center;padding:0 var(--sp-3)}
.rv-pay img{display:block;height:16px;width:auto;max-width:72px}
.rv-pay.pay-mastercard img{height:22px;width:34px}
#page-sub-header .hero-content p{margin-bottom:var(--sp-3)}
.brand-cta-box .badge-pos{display:none}
.brand-cta-box{margin-top:var(--sp-5)!important;margin-bottom:var(--sp-5)!important}
/* «Análisis» під кнопкою — по центру колонки */
.brand-table .link-in{display:flex;width:fit-content;margin-left:auto;margin-right:auto;justify-content:center}
/* «Ver todas»: контурна кнопка у стилі сайту із шевроном */
.brand-table #showHideBtn,.brand-table #showHideBtn:active,.brand-table #showHideBtn:focus{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);width:auto;min-width:200px;min-height:44px;padding:0 var(--sp-5);background:var(--c-surface);color:var(--c-link);border:1px solid var(--c-link);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:700;box-shadow:var(--sh-1);cursor:pointer;transition:background-color var(--t-fast),color var(--t-fast),box-shadow var(--t-base)}
.brand-table #showHideBtn:hover{background:var(--c-link);color:var(--c-on-dark);box-shadow:var(--sh-2)}
.brand-table #showHideBtn:focus-visible{outline:2px solid var(--c-link);outline-offset:2px}
.brand-table #showHideBtn span::after{display:none}
.brand-table #showHideBtn::after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform var(--t-base) var(--ease)}
.brand-table #showHideBtn.clicked::after{transform:rotate(180deg)}
.brand-table .show-hide-btn-row td{padding-top:var(--sp-2)}
/* відкритий/поточний пункт верхнього рівня лишається читабельним на темній шапці */
#masthead .navbar-nav>li.show>a.nav-link,#masthead .navbar-nav>li.current-menu-item>a.nav-link,#masthead .navbar-nav>li>a.nav-link:hover{color:var(--c-on-dark)!important}
.site-footer .f-logo{height:48px;width:auto;max-width:200px;object-fit:contain}
/* футер: колонки зі списками посилань — вертикально, ліворуч (як у прикладі) */
.site-footer .footer-menu{display:block;text-align:left;margin:0 0 var(--sp-4);padding:0}
.site-footer .footer-menu li{display:block}
.site-footer .footer-menu a{display:inline-flex;align-items:center}
.site-footer .row>div>h3.text-light{text-align:left}
.site-footer .discl{text-align:left}
/* футер: значки (18+, TRUSTe, Gambling Therapy) — в один ряд, одного розміру, колір із палітри */
.site-footer .f-badges{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);flex-wrap:wrap}
.site-footer .f-badges a{display:inline-flex;align-items:center;min-width:44px;min-height:44px;justify-content:center}
.site-footer .f-badges .icon{display:block;width:36px;height:36px;margin:0;filter:none;background:var(--c-on-dark-muted);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle}
.site-footer .f-badges .icon-truste{width:44px;-webkit-mask-image:var(--icon-truste);mask-image:var(--icon-truste)}
.site-footer .f-badges .icon-age{-webkit-mask-image:var(--icon-age);mask-image:var(--icon-age)}
.site-footer .f-badges .icon-gt{-webkit-mask-image:var(--icon-gt);mask-image:var(--icon-gt)}
.site-footer .f-badges a:hover .icon{background:var(--c-on-dark)}
.rv-hero p{margin-left:0!important;margin-right:auto!important;padding-left:0!important}
/* футер: компактніші відступи між пунктами колонок */
.site-footer .footer-menu{margin-bottom:var(--sp-3)}
.site-footer .footer-menu li{margin:0!important}
.site-footer .footer-menu a{min-height:28px!important;padding:2px 0!important;line-height:1.3}

/* ===== головне меню: панель із брендами (логотип-плашка, назва, оцінка і бонус) ===== */
@media (min-width:992px){
  #primary-nav .dropdown-menu.mega{display:none;position:absolute;top:100%;right:0;left:auto;min-width:600px;max-width:min(720px,92vw);padding:var(--sp-3);border-radius:var(--r-lg);z-index:1040;grid-template-columns:1fr 1fr;gap:var(--sp-1) var(--sp-2)}
  #primary-nav .dropdown-menu.mega.show{display:grid!important}
}
@media (max-width:991.98px){
  #primary-nav .dropdown-menu.mega{position:static;max-height:none;padding:var(--sp-2) 0;border:0;box-shadow:none;background:transparent;margin:0}
  #primary-nav .dropdown-menu.mega.show{display:block!important}
}
#primary-nav .mega li{list-style:none;margin:0;padding:0;border:0!important}
#primary-nav .mega .nav-link.mm-item{display:flex!important;align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-2) var(--sp-3)!important;border:0!important;border-radius:var(--r-md);font-style:normal;text-decoration:none;white-space:normal;transition:background-color var(--t-fast)}
#primary-nav .mega .nav-link.mm-item::after,#primary-nav .mega .nav-link.mm-item::before{display:none!important}
#primary-nav .mega .mm-logo.ops-120-60{flex:none;width:76px;height:38px;margin:0!important;border-radius:var(--r-sm)!important;padding:4px!important}
#primary-nav .mega .mm-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}
#primary-nav .mega .mm-name{font-size:var(--fs-sm);font-weight:700}
#primary-nav .mega .mm-meta{font-size:var(--fs-xs);font-weight:500}
#primary-nav .mega .nav-link.mm-more{display:flex!important;justify-content:center;align-items:center;min-height:44px;padding:0 var(--sp-3)!important;font-size:var(--fs-sm);font-weight:700;font-style:normal;border-radius:var(--r-md)}
#primary-nav .mega .nav-link.mm-more::after{display:none!important}

/* нижній банер: зеленіший фон (22% кольору посилань), верхня смуга й тінь — не зливається з таблицею при прокрутці */
.sticky-offer-container{border-top:3px solid var(--c-link);box-shadow:0 -10px 28px -10px rgba(0,0,0,.4)}

/* підпис автора й дат: аватар-ініціали, імʼя, «опубліковано» / «оновлено» — без роздільників */
.byline{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-2) var(--sp-4);width:fit-content;max-width:100%;margin:0 auto var(--sp-6);background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-lg)}
.byline-sep{width:1px;height:26px;background:rgba(255,255,255,.14)}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.byline-author{display:inline-flex;align-items:center;gap:var(--sp-3)}
.byline-ava{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--c-accent);color:var(--c-accent-ink);font-size:var(--fs-sm);font-weight:800;letter-spacing:.02em}
.byline-text{display:flex;flex-direction:column;line-height:1.2}
.byline-label{font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c-on-dark-muted)}
.byline-name{font-size:var(--fs-md);font-weight:700;color:var(--c-on-dark)}
.byline-date{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-on-dark-muted)}
.byline-date svg{flex:none;opacity:.8}
.byline-date .byline-label{font-size:var(--fs-xs)}
.byline-date time{color:var(--c-on-dark);font-weight:600}

/* ===== «Найкращі» в шапці: список-рядки. ПК — 2 колонки (іконка · підпис/бренд · логотип · стрілка), мобільний — один стовпчик без логотипу ===== */
#page-sub-header .hero-intro p{max-width:56rem;margin-left:0;margin-right:0}
.best-brands{display:grid;grid-template-columns:1fr;gap:0 var(--sp-7);margin:0}
.best-brands li{margin:0;border-bottom:1px solid rgba(255,255,255,.16)}
.best-brands .bb-row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-2) var(--sp-2);border-radius:var(--r-md);color:var(--c-on-dark);text-decoration:none;transition:background-color var(--t-fast)}
.best-brands .bb-row:hover{color:var(--c-on-dark);text-decoration:none}
.best-brands .bb-row:focus-visible{outline:2px solid var(--c-on-dark);outline-offset:1px}
.best-brands .bb-ico{flex:none;display:inline-flex;color:var(--c-accent)}
.best-brands .bb-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.best-brands .bb-label{font-size:var(--fs-xs);color:var(--c-on-dark-muted)}
.best-brands .bb-brand{font-size:var(--fs-md);font-weight:800}
.best-brands .bb-logo.ops-120-60{display:none!important;flex:none;width:76px;height:38px;margin:0!important;border-radius:var(--r-sm)!important;padding:4px!important}
.best-brands .bb-arr{flex:none;color:var(--c-accent);font-weight:700;transition:transform var(--t-fast)}
.best-brands .bb-row:hover .bb-arr{transform:translateX(4px)}
@media (min-width:768px){
  .best-brands{grid-template-columns:1fr 1fr}
  .best-brands .bb-logo.ops-120-60{display:block!important}
}
@media (prefers-reduced-motion:reduce){.best-brands .bb-arr{transition:none}.best-brands .bb-row:hover .bb-arr{transform:none}}
.best-brands-wrap .terms{color:var(--c-on-dark-muted)}

/* підложка під списком «найкращі»: скляна панель (напівпрозорий світлий шар + рамка + легке розмиття фону) */
.best-brands{padding:var(--sp-2) var(--sp-4);background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg)}
.best-brands .bb-row:hover{background:rgba(255,255,255,.08)}
.best-brands li:last-child{border-bottom:0}
@media (min-width:768px){
  .best-brands{padding:var(--sp-3) var(--sp-6)}
  .best-brands li:nth-last-child(2):nth-child(odd){border-bottom:0}
}

/* ===== hero головної: по центру, без картинки — градієнти палітри; два абзаци вступу двома рівними колонками ===== */
#page-sub-header:not(.has-bg){background:radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--c-accent) 17%,transparent),transparent 38%),radial-gradient(circle at 12% 90%,rgba(255,255,255,.08),transparent 42%),linear-gradient(135deg,color-mix(in srgb,var(--c-brand-strong) 75%,black),var(--c-brand-strong) 60%,color-mix(in srgb,var(--c-brand-strong) 86%,var(--c-brand)))}
#page-sub-header .hero-content{text-align:center}
#page-sub-header h1{margin:0 0 var(--sp-6);padding-bottom:0!important;text-align:center;letter-spacing:-.015em}
#page-sub-header .hero-intro{max-width:none}
#page-sub-header .hero-cols{display:grid;grid-template-columns:1fr;max-width:980px;margin:0 auto;text-align:left}
#page-sub-header .hero-cols p{max-width:none;margin:0;font-size:var(--fs-md);color:var(--c-on-dark)}
#page-sub-header .hero-cols p+p{opacity:.88}
@media (min-width:768px){#page-sub-header .hero-cols{grid-template-columns:1fr 1fr}#page-sub-header .hero-cols>p:only-child{grid-column:1/-1}}
.best-brands-wrap h2{text-align:left;font-size:var(--fs-2xl)!important;font-weight:700;margin:0 0 var(--sp-4);padding-bottom:0!important}
.best-brands-wrap .terms{text-align:left}
@media (max-width:575.98px){
  .byline-sep{display:none}
  .best-brands-wrap h2{font-size:var(--fs-xl)!important}
}
.best-brands,.byline-text{text-align:left}
#page-sub-header h1{font-size:clamp(var(--fs-2xl),4.2vw,44px);line-height:1.12;font-weight:800}

/* компактніші вертикальні відступи в hero */
.byline{padding:6px var(--sp-4)}
#page-sub-header .hero-content{padding-bottom:var(--sp-5)}
#page-sub-header .hero-cols{gap:var(--sp-3) var(--sp-6)}
#page-sub-header .hero-cols p{line-height:1.6}
.best-brands-wrap{margin-top:var(--sp-5)}
.best-brands-wrap h2{margin-bottom:var(--sp-3)}
.best-brands{padding-top:2px;padding-bottom:2px}
.best-brands .bb-row{min-height:50px;padding-top:6px;padding-bottom:6px}
@media (max-width:575.98px){
  .byline-text .byline-label{display:none}
  #page-sub-header .hero-content{padding-top:var(--sp-3);padding-bottom:var(--sp-4)}
  #page-sub-header .hero-cols p{font-size:var(--fs-sm);line-height:1.55}
  .best-brands-wrap{margin-top:var(--sp-5)}
  .best-brands .bb-row{min-height:52px}
}
#page-sub-header h1{margin-bottom:var(--sp-5)}
.byline{margin-bottom:var(--sp-5)}
@media (max-width:575.98px){
  #page-sub-header h1{margin-bottom:var(--sp-4)}
  .byline{margin-bottom:var(--sp-4);flex-wrap:nowrap;gap:var(--sp-2);padding:6px var(--sp-3)}
  .byline-ava{width:30px;height:30px;font-size:var(--fs-xs)}
  .byline-name{font-size:var(--fs-sm)}
  .byline-date{gap:var(--sp-1);font-size:var(--fs-xs)}
  .byline-date .byline-label{letter-spacing:0}
  .byline-date svg{display:none}
}
/* менший відступ над автором і датою */
#page-sub-header{padding-top:var(--sp-4)!important}
#page-sub-header .hero-content{padding-top:0}
@media (max-width:575.98px){#page-sub-header{padding-top:var(--sp-2)!important}}

/* ===== меню в стилі шапки: темна панель, світлий текст, золоті акценти (ПК і мобільний) ===== */
/* бургер / закрити — золотою іконкою (маска + колір акценту) замість синьої картинки */
.navbar-toggler .navbar-toggler-icon{filter:none;width:28px;height:28px;background:var(--c-accent)!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") center/contain no-repeat}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{width:28px;height:28px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
.navbar-toggler:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:var(--r-sm)}
/* пункти верхнього рівня */
#primary-nav .nav-link,#primary-nav .dropdown>span.nav-link{color:var(--c-on-dark)}
#primary-nav .nav-link:hover,#primary-nav .nav-link:focus-visible,#primary-nav .dropdown.show>.nav-link{color:var(--c-accent)}
/* випадаюча панель (ПК): темна, із золотою тонкою рамкою */
@media (min-width:992px){
  #primary-nav .dropdown-menu.mega{background:var(--c-header);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px -12px rgba(0,0,0,.65)}
}
/* мобільна панель: на всю ширину під шапкою, прокрутка всередині */
@media (max-width:991.98px){
  #primary-nav{width:100%!important;left:0;right:0;top:100%!important;border-radius:0!important;padding:var(--sp-2) var(--sp-4) var(--sp-4)!important;background:var(--c-header)!important;border-top:1px solid rgba(255,255,255,.14);box-shadow:0 18px 30px -10px rgba(0,0,0,.6)!important;max-height:calc(100vh - 80px);overflow-y:auto}
  #primary-nav .dropdown>.nav-link{padding:var(--sp-3) var(--sp-2)!important;font-weight:700}
}
/* рядки брендів: світлий текст на темному */
#primary-nav .mega .nav-link.mm-item{color:var(--c-on-dark)!important}
#primary-nav .mega .nav-link.mm-item:hover,#primary-nav .mega .nav-link.mm-item:focus-visible{background:rgba(255,255,255,.1);color:var(--c-on-dark)!important}
#primary-nav .mega .mm-item[aria-current="page"]{background:rgba(245,184,46,.16)}
#primary-nav .mega .mm-meta{color:var(--c-on-dark-muted)}
#primary-nav .mega .nav-link.mm-more{color:var(--c-accent)!important}
#primary-nav .mega .nav-link.mm-more:hover{background:rgba(255,255,255,.1)}
@media (max-width:991.98px){
  #primary-nav .mega .nav-link.mm-item{min-height:60px}
}

/* ПК: пункт меню з випадною панеллю — кнопка з рамкою, золотою іконкою й стрілкою (не «голий» текст) */
@media (min-width:992px){
  #menu-main-menu>li.dropdown{position:relative;display:flex;align-items:center;border:1px solid rgba(255,255,255,.22);border-radius:var(--r-md);background:rgba(255,255,255,.07);transition:background-color var(--t-fast),border-color var(--t-fast)}
  #menu-main-menu>li.dropdown:hover,#menu-main-menu>li.dropdown:focus-within,#menu-main-menu>li.dropdown.show{background:rgba(245,184,46,.14);border-color:var(--c-accent)}
  #menu-main-menu>li.dropdown>.nav-link{display:flex!important;align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-6) 0 var(--sp-4)!important;font-weight:700;font-size:var(--fs-md);color:var(--c-on-dark)}
  #menu-main-menu>li.dropdown>.nav-link::before{flex:none;width:18px;height:18px;background:var(--c-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M7 4h10v5a5 5 0 0 1-10 0V4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M7 4h10v5a5 5 0 0 1-10 0V4z'/%3E%3C/svg%3E") center/contain no-repeat}
  #menu-main-menu>li.dropdown>.dropdown-toggle{position:absolute;right:0;top:0;bottom:0;width:36px;margin:0}
  #menu-main-menu>li.dropdown>.dropdown-toggle::after{right:12px!important;filter:none;background:none;border:0;width:8px;height:8px;border-right:2px solid var(--c-accent);border-bottom:2px solid var(--c-accent);transform:translateY(-70%) rotate(45deg);transition:transform var(--t-fast)}
  #menu-main-menu>li.dropdown.show>.dropdown-toggle::after,#menu-main-menu>li.dropdown:hover>.dropdown-toggle::after{filter:none;transform:translateY(-30%) rotate(225deg)}
  #primary-nav .dropdown-menu.mega{margin-top:var(--sp-3)}
}

/* ===== ТЕМНИЙ РЕЖИМ сайту (клас mode-dark на body): жодних світлих блоків ===== */
body.mode-dark{color:var(--c-text);background-color:var(--c-page);
  /* безшовна плитка градієнта (як у hero): золота та світла «плями» + вертикальний перехід; повторюється по всій сторінці */
  background-image:radial-gradient(circle 480px at 82% 30%,color-mix(in srgb,var(--c-accent) 14%,transparent),transparent),radial-gradient(circle 420px at 12% 68%,rgba(255,255,255,.07),transparent),linear-gradient(180deg,color-mix(in srgb,var(--c-brand-strong) 78%,black),color-mix(in srgb,var(--c-brand-strong) 84%,var(--c-brand)) 50%,color-mix(in srgb,var(--c-brand-strong) 78%,black));
  background-size:100% 1500px;background-repeat:repeat-y}
body.mode-dark .bg-white{background-color:var(--c-page)!important;color:var(--c-text)}
body.mode-dark .section-mid{color:var(--c-text)}
body.mode-dark .section-light-img::before,body.mode-dark .section-light-img::after{display:none}
body.mode-dark .section-light-img{color:var(--c-text)}

/* секції — прозорі, щоб градієнт body був суцільним по всій сторінці */
body.mode-dark .bg-white,body.mode-dark .section-mid,body.mode-dark .section-light-img,body.mode-dark #page-sub-header:not(.has-bg){background:transparent!important}

/* ===== велика таблиця: «T1 · темна панель-таблиця» — заголовки колонок, рядки з лініями, №1 із золотою рамкою ===== */
.brand-table{border-collapse:separate;border-spacing:0;display:block;width:100%}
.brand-table thead,.brand-table tbody{display:block}
.brand-table .labels{background:transparent;color:var(--c-on-dark-muted);font-size:var(--fs-xs);font-weight:600;letter-spacing:.07em}
.brand-table .bb-num{display:none}
@media (min-width:992px){
  .brand-table thead,.brand-table tbody{display:block}
  .brand-table tr.row.labels,.brand-table tr.row.brand{display:grid!important;grid-template-columns:56px 136px 124px minmax(0,1fr) 190px 160px;column-gap:var(--sp-5);align-items:center;margin-left:0;margin-right:0;padding-left:var(--sp-4);padding-right:var(--sp-4)}
  .brand-table tr.row.labels{padding-top:var(--sp-2);padding-bottom:var(--sp-2);margin-bottom:0!important}
  .brand-table tr.row>th,.brand-table tr.row>td{flex:none!important;max-width:none!important;width:auto!important;padding-left:0;padding-right:0}
  .brand-table .bb-num{display:block}
}
.brand-table tr.row.brand{background:transparent;border:0;border-top:1px solid var(--c-border);border-radius:0;box-shadow:none;margin-bottom:0!important;padding-top:var(--sp-3);padding-bottom:var(--sp-3);transition:background-color var(--t-fast)}
.brand-table tr.row.brand:hover{background:rgba(255,255,255,.06)}
.brand-table tr.row.brand.is-top{background:linear-gradient(90deg,color-mix(in srgb,var(--c-accent) 18%,transparent),color-mix(in srgb,var(--c-accent) 3%,transparent));border:1px solid color-mix(in srgb,var(--c-accent) 55%,transparent);border-radius:var(--r-md);margin-bottom:6px!important}
.brand-table .badge-num{position:static;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--c-on-dark);font-weight:800;font-size:var(--fs-md);transform:none;margin:0}
.brand-table .is-top .badge-num{background:var(--c-accent);color:var(--c-accent-ink)}
.brand-table .bonus-box{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 var(--sp-1);text-align:center;line-height:1.15}
.brand-table .bonus-box .bonus:first-child{flex-basis:100%;font-size:var(--fs-xl);font-weight:800;color:var(--c-on-dark)}
.brand-table .bonus-box .bonus:not(:first-child),.brand-table .bonus-box .sm{font-size:var(--fs-xs);font-weight:500;color:var(--c-on-dark-muted)}
.brand-table .bonus-box .font-italic{flex-basis:100%;font-style:normal;font-size:var(--fs-xs);color:var(--c-on-dark-muted)}
.brand-table ul.features svg,.brand-table ul.features li::before{color:var(--c-accent)}

/* нижній банер (темний режим): градієнт палітри із золотим відблиском справа, золота смуга зверху */
body.mode-dark .sticky-offer-container{background:radial-gradient(circle 360px at 88% 120%,color-mix(in srgb,var(--c-accent) 38%,transparent),transparent),linear-gradient(100deg,color-mix(in srgb,var(--c-brand-strong) 90%,black) 0%,color-mix(in srgb,var(--c-brand) 78%,var(--c-brand-strong)) 55%,color-mix(in srgb,var(--c-accent) 24%,var(--c-brand-strong)) 100%)!important;border-top:3px solid var(--c-accent);box-shadow:0 -12px 30px -10px rgba(0,0,0,.6)}
body.mode-dark .brand-table ul.features li::before{color:var(--c-accent)}
/* «Ver todas» — по центру таблиці */
.brand-table .show-hide-btn-row{display:block;width:100%;text-align:center;margin-top:var(--sp-3)}
.brand-table .show-hide-btn-row td{display:block;width:100%;text-align:center}
/* номер у таблиці — по центру своєї колонки */
.brand-table .bb-num{justify-self:center;text-align:center}
.brand-table .badge-num{margin-left:auto;margin-right:auto}
/* темні (однотонні) логотипи на темному фоні — світла версія */
body.mode-dark .brand-logo.logo-ink{filter:brightness(0) invert(1)}
body.mode-dark .logo-ivibet{filter:brightness(0) invert(1)}

/* ширший контейнер сайту — таблиця й текст не стиснуті */
body.mode-dark .container-xl{max-width:1280px;padding-left:var(--sp-5);padding-right:var(--sp-5)}
/* приховані рядки (понад 10) лишаються сховані до кліку «Ver todas» */
.brand-table tr.row.brand.hide.d-none{display:none!important}

/* нижній банер — «S1»: мікро-підпис, гігантський золотий відсоток, сума білим під ним */
.sticky-offer-container .bonus{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 var(--sp-1);font-style:normal;line-height:1.05}
.sticky-offer-container .bonus-lab{flex-basis:100%;font-size:var(--fs-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--c-on-dark-muted);margin-bottom:2px}
.sticky-offer-container .bonus>.bonus:first-of-type{flex-basis:100%;font-size:calc(var(--fs-3xl)*1.25);font-weight:900;font-style:normal;letter-spacing:-.01em;color:var(--c-accent);text-shadow:0 0 24px color-mix(in srgb,var(--c-accent) 45%,transparent)}
.sticky-offer-container .bonus>.sm,.sticky-offer-container .bonus>.bonus:not(:first-of-type){font-size:var(--fs-md);font-weight:600;font-style:normal;color:var(--c-on-dark)}
.sticky-offer-container .bonus>.sm{color:var(--c-on-dark-muted);font-weight:500}
@media (max-width:575.98px){
  .sticky-offer-container .bonus>.bonus:first-of-type{font-size:calc(var(--fs-2xl)*1.1)}
  .sticky-offer-container .bonus-lab{letter-spacing:.06em}
  .sticky-offer-container .bonus>.sm,.sticky-offer-container .bonus>.bonus:not(:first-of-type){font-size:var(--fs-xs)}
}

/* мобільна картка бренду «M-B»: ліворуч №, логотип, оцінка; праворуч бонус і кнопка; нижче два пункти */
@media (max-width:991.98px){
  .brand-table tr.row.brand{display:grid!important;gap:var(--sp-2) var(--sp-3);margin:0!important;padding:var(--sp-4) var(--sp-2)}
  .brand-table tr.row.brand.is-top{padding:var(--sp-4) var(--sp-3)}
  .brand-table tr.row.brand>td{display:block;width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important}
  .brand-table .bb-num{display:block;grid-area:num}
  .brand-table tr.row.brand>td:nth-child(2){grid-area:logo;justify-self:start}
  .brand-table tr.row.brand>td:nth-child(3){grid-area:rate}
  .brand-table tr.row.brand>td:nth-child(4){grid-area:feat;border-top:1px solid var(--c-border);padding-top:var(--sp-3)!important}
  .brand-table tr.row.brand>td:nth-child(5){grid-area:bonus;justify-self:end;text-align:right}
  .brand-table tr.row.brand>td:nth-child(6){grid-area:act;display:grid;justify-items:stretch;text-align:center}
  .brand-table .ops-120-60{width:100px;height:48px;margin:0!important}
  .brand-table .bonus-box{justify-content:flex-end;text-align:right}
  .brand-table .bonus-box .bonus:first-child{font-size:calc(var(--fs-2xl)*1.1);color:var(--c-accent)}
  .brand-table .btn-main{margin:0!important}
  .brand-table ul.features{display:grid!important;gap:var(--sp-1);margin:0!important;width:100%}
  .brand-table ul.features li:nth-child(n+3){display:none}
  .brand-table .rating{display:flex;align-items:baseline;gap:2px;margin:0!important}
}

@media (max-width:991.98px){
  .brand-table tr.row.brand>td.bonus-box{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:0 var(--sp-1)}
  .brand-table tr.row.brand>td.bb-num{justify-self:start}
  .brand-table tr.row.brand>td:nth-child(3){text-align:left!important}
  .brand-table tr.row.brand>td:nth-child(3) .rating,.brand-table tr.row.brand>td:nth-child(3) .rating-stars{display:flex!important;justify-content:flex-start}
  .brand-table tr.row.brand>td:nth-child(3) .rating-value{font-size:var(--fs-2xl)}
}
/* мобільна картка: щільніша сітка — без розтягування рядків */
@media (max-width:991.98px){
  .brand-table tr.row.brand>td:nth-child(6){gap:var(--sp-1)}
  .brand-table tr.row.brand>td:nth-child(6) .btn-main{padding:var(--sp-2) var(--sp-4)!important}
  .brand-table tr.row.brand>td:nth-child(6) .link-in{min-height:0!important;padding:0!important;text-align:center}
  .brand-table tr.row.brand>td:nth-child(3) .rating-stars{margin:0}
}
@media (max-width:991.98px){
  .brand-table tr.row.brand>td:nth-child(6) .btn-main{display:block!important;width:100%!important;box-sizing:border-box}
  .brand-table tr.row.brand>td:nth-child(6){width:100%!important;justify-self:stretch}
}

/* ===== блок огляду бренду «C · картка»: логотип поруч із підзаголовком, текст під ними, кнопка справа внизу ===== */
.brand-preview .card-body>ul,.brand-preview .card-body>p{grid-column:1/-1;text-align:left}
.brand-preview .card-body>ul{margin:var(--sp-4) 0 0;padding-left:var(--sp-5)}
.brand-preview .card-body>p{margin:var(--sp-3) 0 0;font-size:var(--fs-md);line-height:1.7;color:var(--c-text)}
.brand-preview .card-body>p:first-of-type{margin-top:var(--sp-4)}

/* мобільна картка — 1:1 з макета M-B: №+оцінка в одному рядку, логотип, зірки; справа бонус і кнопка одразу під ним */
@media (max-width:991.98px){
  .brand-table tr.row.brand{grid-template-columns:auto 1fr 1fr;grid-template-areas:"num score bonus" "logo logo bonus" "logo logo act" "stars stars act" "feat feat feat";column-gap:var(--sp-3);row-gap:var(--sp-2);align-items:center}
  .brand-table tr.row.brand>td:nth-child(3){display:contents}
  .brand-table tr.row.brand>td:nth-child(3) .rating{grid-area:score;justify-self:start}
  .brand-table tr.row.brand>td:nth-child(3) .rating-stars{grid-area:stars;justify-self:start}
  .brand-table tr.row.brand>td.bonus-box{grid-row:auto;align-self:end}
  .brand-table tr.row.brand>td:nth-child(6){align-self:start}
  .brand-table tr.row.brand>td:nth-child(6) .link-in{display:none!important}
  .brand-table ul.features li::before,.brand-table ul.features svg{color:var(--c-accent)}
}

/* підпис «Bono» над бонусом — лише мобільний (на ПК є заголовок колонки) */
.brand-table .bb-bonus-lab{display:none}
@media (max-width:991.98px){
  .brand-table tr.row.brand>td.bonus-box{justify-content:flex-end;text-align:right;row-gap:0}
  .brand-table .bb-bonus-lab{display:block;flex-basis:100%;text-align:right;font-size:var(--fs-md);font-weight:400;color:var(--c-on-dark-muted);line-height:1.2}
  .brand-table .bonus-box .bonus:first-of-type{flex-basis:100%;text-align:right;font-size:calc(var(--fs-3xl)*1.4);line-height:1.1}
  .brand-table .bonus-box .sm,.brand-table .bonus-box .bonus:not(:first-of-type){font-size:var(--fs-md);font-weight:400;color:var(--c-on-dark-muted)}
  .brand-table .bonus-box .font-italic{font-size:var(--fs-sm)}
  .brand-table tr.row.brand>td:nth-child(4) ul.features li{line-height:1.35;color:var(--c-text);padding-left:30px!important}
  .brand-table ul.features li::before{background:var(--c-accent)!important;width:18px!important;height:18px!important;top:.3em!important}
}
@media (max-width:991.98px){
  .brand-table .bonus-box .bb-bonus-lab+.bonus{flex-basis:100%;text-align:right;font-weight:900;line-height:1.1;color:var(--c-accent)}
  .brand-table .bonus-box .bonus:first-of-type:not(.bb-bonus-lab+.bonus){font-size:var(--fs-md);font-weight:400;color:var(--c-on-dark-muted);flex-basis:auto}
  .brand-table .bonus-box .bb-bonus-lab~.sm{flex-basis:auto}
  .brand-table tr.row.brand>td:nth-child(4) ul.features li{font-size:var(--fs-md)}
}
@media (max-width:991.98px){
  .brand-table .bonus-box .bb-bonus-lab+.bonus{font-size:calc(var(--fs-2xl)*1.3)}
  .brand-table .bonus-box .bb-bonus-lab{font-size:var(--fs-sm)}
  .brand-table .bonus-box .sm,.brand-table .bonus-box .bonus:first-of-type:not(.bb-bonus-lab+.bonus){font-size:var(--fs-sm);white-space:nowrap}
  .brand-table .bonus-box{flex-wrap:wrap;column-gap:var(--sp-1)}
  .brand-table .bonus-box .sm{margin-left:auto}
  .brand-table .bonus-box .sm+.bonus{margin-right:0}
}

/* ===== підзаголовки h2: 34px по центру, золоті лінії-«скобки» з обох боків (H-C) ===== */
main h2,.best-brands-wrap h2,#page-sub-header h2{align-items:center;gap:var(--sp-5);margin:0 0 var(--sp-5);padding-bottom:0!important;text-align:center!important;font-size:clamp(var(--fs-xl),3vw,34px)!important;font-weight:800;line-height:1.15;letter-spacing:-.01em;color:var(--c-text-strong)}
main h2::before,main h2::after,.best-brands-wrap h2::before,.best-brands-wrap h2::after,#page-sub-header h2::before,#page-sub-header h2::after{height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c-accent) 70%,transparent))}
main h2::after,.best-brands-wrap h2::after,#page-sub-header h2::after{transform:scaleX(-1)}
.best-brands-wrap h2{margin-top:0}
@media (max-width:575.98px){
  main h2,.best-brands-wrap h2,#page-sub-header h2{margin-bottom:var(--sp-4)}
  main h2::before,main h2::after,.best-brands-wrap h2::before,.best-brands-wrap h2::after,#page-sub-header h2::before,#page-sub-header h2::after{min-width:var(--sp-3)}
}
/* довгі заголовки: лінії не стискаються до крапок (мін. 40px на ПК); на мобільному замість скобок — коротка золота риска під текстом */
main h2::before,main h2::after,.best-brands-wrap h2::before,.best-brands-wrap h2::after,#page-sub-header h2::before,#page-sub-header h2::after{min-width:40px;flex:1 1 40px}
@media (max-width:575.98px){
  main h2,.best-brands-wrap h2,#page-sub-header h2{flex-direction:column;gap:var(--sp-3)}
  main h2::before,.best-brands-wrap h2::before,#page-sub-header h2::before{display:none}
  main h2::after,.best-brands-wrap h2::after,#page-sub-header h2::after{flex:none;min-width:0;width:48px;height:3px;border-radius:var(--r-xs);background:var(--c-accent);transform:none}
}
/* h2: без золотих ліній — просто великий центрований заголовок */
main h2::before,main h2::after,.best-brands-wrap h2::before,.best-brands-wrap h2::after,#page-sub-header h2::before,#page-sub-header h2::after{content:none!important;display:none!important}
main h2,.best-brands-wrap h2,#page-sub-header h2{display:block!important}

/* ===== блок огляду бренду «P3»: шапка (логотип + підзаголовок), текст ліворуч, пункти — бічна врізка праворуч, кнопка справа внизу ===== */
.brand-preview .card{display:grid;grid-template-columns:auto 1fr;column-gap:var(--sp-4);align-items:center;background:var(--c-surface-alt);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-6);box-shadow:none}
.brand-preview .card-header{grid-column:1;grid-row:1;background:transparent!important;border:0;padding:0!important;margin:0!important}
.brand-preview .card-header .col-12{padding:0}
.brand-preview .card-header .ops-120-60{width:110px;height:54px;margin:0!important}
.brand-preview .card-body{display:contents}
.brand-preview .card-body h3{grid-column:2;grid-row:1;margin:0;text-align:left!important;font-size:var(--fs-xl);font-weight:800;line-height:1.3;color:var(--c-text-strong)}
.brand-preview .bp-body{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--sp-5);margin-top:var(--sp-4);align-items:start}
.brand-preview .bp-text p{margin:0 0 var(--sp-3);font-size:var(--fs-md);line-height:1.7;color:var(--c-text);text-align:left}
.brand-preview .bp-text p:last-child{margin-bottom:0}
.brand-preview .bp-aside{list-style:none;margin:0;padding:var(--sp-4) var(--sp-4);background:rgba(0,0,0,.25);border:1px solid var(--c-border);border-radius:var(--r-md);display:grid;gap:var(--sp-3)}
.brand-preview .bp-aside li{position:relative;padding:0 0 0 28px;font-size:var(--fs-sm);font-weight:600;line-height:1.4;color:var(--c-text-strong)}
.brand-preview .bp-aside li+li{border-top:1px solid var(--c-border);padding-top:var(--sp-3)}
.brand-preview .bp-aside li::before{content:"";position:absolute;left:0;top:.2em;width:18px;height:18px;background:var(--c-accent);-webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat}
.brand-preview .bp-aside li+li::before{top:calc(var(--sp-3) + .2em)}
.brand-preview .card-body .btn-main{grid-column:1/-1;justify-self:end;display:inline-flex!important;width:auto;margin:var(--sp-4) 0 0!important;padding-left:var(--sp-6)!important;padding-right:var(--sp-6)!important}
@media (max-width:991.98px){.brand-preview .bp-body{grid-template-columns:1fr}.brand-preview .bp-aside{order:-1}}
@media (max-width:575.98px){
  .brand-preview .card{grid-template-columns:1fr;padding:var(--sp-4)}
  .brand-preview .card-header,.brand-preview .card-body h3{grid-column:1;grid-row:auto}
  .brand-preview .card-body h3{margin-top:var(--sp-3);font-size:var(--fs-lg)}
  .brand-preview .card-body .btn-main{justify-self:stretch;display:flex!important}
}

/* ===== ілюстрації в тексті «I1»: рамка-картка із золотою градієнтною обводкою і м'яким світінням ===== */
.block-image{margin:var(--sp-5) auto var(--sp-6);max-width:860px;padding:6px;border-radius:var(--r-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--c-accent) 55%,transparent),color-mix(in srgb,var(--c-accent) 8%,transparent) 45%,rgba(255,255,255,.12));box-shadow:0 24px 60px -24px rgba(0,0,0,.8),0 0 60px -20px color-mix(in srgb,var(--c-accent) 35%,transparent)}
.block-image img{display:block;width:100%;height:auto;border-radius:var(--r-md)}
.block-image figcaption{padding:var(--sp-2) var(--sp-3) var(--sp-1);font-size:var(--fs-sm);color:var(--c-on-dark-muted);text-align:center}
img.rv-img{padding:5px;border-radius:var(--r-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--c-accent) 55%,transparent),color-mix(in srgb,var(--c-accent) 8%,transparent) 45%,rgba(255,255,255,.12));box-shadow:0 24px 60px -24px rgba(0,0,0,.8),0 0 60px -20px color-mix(in srgb,var(--c-accent) 35%,transparent);box-sizing:border-box}
@media (max-width:575.98px){.block-image{padding:4px;border-radius:var(--r-lg);margin:var(--sp-4) auto var(--sp-5)}.block-image img{border-radius:var(--r-md)}img.rv-img{padding:4px;border-radius:var(--r-lg)}}

/* ===== шапка огляду «D»: ліворуч H1, вступ, переваги, оплата й ліцензія; праворуч одна «швидка» картка (логотип, оцінка, факти, бонус, кнопка) ===== */
.rv-hero .rv-meta{margin-bottom:var(--sp-5)}
.rv-grid{grid-template-columns:1fr;gap:var(--sp-5);margin-top:0;align-items:start}
@media (min-width:992px){.rv-grid{grid-template-columns:minmax(0,1fr) 380px;gap:var(--sp-7)}}
.rv-main h1{margin:0 0 var(--sp-4);text-align:left;font-size:clamp(var(--fs-2xl),4.2vw,44px);font-weight:800;line-height:1.1;letter-spacing:-.015em;padding:0!important}
.rv-main>p{max-width:none;margin:0 0 var(--sp-4);font-size:var(--fs-md);line-height:1.7;color:var(--c-on-dark)}
.rv-main .rv-feats{margin:0 0 var(--sp-4);display:grid;gap:var(--sp-2)}
.rv-main .rv-feats li{font-size:var(--fs-md);color:var(--c-on-dark);text-align:left}
.rv-main .rv-sub{margin:var(--sp-4) 0 var(--sp-2);font-size:var(--fs-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--c-on-dark-muted);text-align:left}
.rv-quick{background:rgba(0,0,0,.28);border:1px solid var(--c-border);box-shadow:none;color:var(--c-on-dark);padding:var(--sp-5);gap:var(--sp-3)}
.rv-quick .rv-brand-top{flex-wrap:nowrap}
.rv-quick .rv-score .rating{color:var(--c-on-dark-muted);justify-content:flex-end}
.rv-quick .rv-score .rating-value{color:var(--c-on-dark);font-size:calc(var(--fs-2xl)*1.15)}
.rv-quick .rv-score .rating-stars{display:flex;justify-content:flex-end}
.rv-quick .rv-facts{margin:0}
.rv-quick .rv-fact{padding:var(--sp-2) 0}
.rv-quick .rv-fact dt{color:var(--c-on-dark-muted)}
.rv-quick .rv-fact dd{color:var(--c-on-dark)}
.rv-quick .rv-bonus{margin-top:var(--sp-1)}
.rv-quick .rv-bonus-label{font-size:var(--fs-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--c-on-dark-muted)}
.rv-quick .rv-bonus .bonus{font-size:var(--fs-2xl);font-weight:900;color:var(--c-accent);line-height:1.15}
.rv-quick .rv-bonus .sm{font-size:var(--fs-sm);font-weight:600;color:var(--c-on-dark)}
.rv-quick .btn-main{margin-top:var(--sp-1)}
.rv-hero .rv-main h1,#page-sub-header .rv-main h1{text-align:left!important}
.rv-hero .rv-meta{justify-content:space-between}

/* ===== плюси/мінуси «V1»: кольорова смуга-шапка з іконкою в колі, пункти розділені лініями ===== */
.rv-procons{gap:var(--sp-4)}
.rv-box{padding:0;overflow:hidden;background:rgba(0,0,0,.2);border:1px solid var(--c-border);border-radius:var(--r-lg)}
.rv-box-title{margin:0;padding:var(--sp-3) var(--sp-5);gap:var(--sp-3);font-size:var(--fs-xl);font-weight:800}
.rv-pros{--pc:color-mix(in srgb,var(--c-pos) 55%,white)}
.rv-cons{--pc:color-mix(in srgb,var(--c-neg) 55%,white)}
.rv-box-title{background:linear-gradient(90deg,color-mix(in srgb,var(--pc) 24%,transparent),color-mix(in srgb,var(--pc) 4%,transparent))}
.rv-box-title svg{flex:none;box-sizing:content-box;width:16px;height:16px;padding:7px;border-radius:50%;background:var(--pc);color:var(--c-brand-strong)!important;stroke-width:3.2}
.rv-box ul{display:block}
.rv-box li{margin:0;padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--c-border);font-size:var(--fs-md);line-height:1.5}
.rv-box li:last-child{margin:0}
.rv-box li::before{display:none!important}
.rv-box ul li{padding-left:var(--sp-5)!important}
/* вступ шапки огляду: як на макеті — 16px, звичайна вага, інтерліньяж 1.7, трохи приглушений білий; жирне — чисто білим */
#page-sub-header.rv-hero .rv-main>p{font-size:var(--fs-md);font-weight:400;line-height:1.7;max-width:none;color:color-mix(in srgb,var(--c-on-dark) 86%,var(--c-brand-strong));margin:0 0 var(--sp-4)}
#page-sub-header.rv-hero .rv-main>p strong{font-weight:700;color:var(--c-on-dark)}
@media (max-width:575.98px){#page-sub-header.rv-hero .rv-main>p{font-size:var(--fs-sm);line-height:1.6}}
/* хлібні крихти — як на макеті: 13px, приглушене посилання, поточна сторінка жирним білим, роздільник «/» з відступами */
.rv-meta{font-size:var(--fs-sm)}
.rv-meta #breadcrumbs{gap:var(--sp-2);font-size:inherit;line-height:1.3}
.rv-meta #breadcrumbs li{gap:var(--sp-2);font-weight:700;color:var(--c-on-dark)}
.rv-meta #breadcrumbs li:not(:last-child)::after{content:"/";font-weight:400;color:var(--c-on-dark-muted);margin-left:var(--sp-1)}
.rv-meta #breadcrumbs a{font-weight:400;color:var(--c-on-dark-muted);text-decoration:none}
.rv-meta #breadcrumbs a:hover{color:var(--c-on-dark);text-decoration:underline}
.rv-meta #breadcrumbs li{font-size:var(--fs-sm)!important;margin-right:0!important}
.rv-meta #breadcrumbs li:not(:last-child)::after{position:static!important;transform:none!important;font-size:inherit!important}

/* слово-логотип «apuestas.» (L4): жирне, малими літерами, золота крапка-акцент */
.brand-text{display:inline-block;font-weight:900;font-size:clamp(28px,3vw,34px);letter-spacing:-.03em;line-height:1;text-transform:lowercase;color:var(--c-on-dark,#fff);text-decoration:none}
.brand-text::after{content:".";color:var(--c-accent)}
.navbar-brand .brand-text{font-size:clamp(26px,3vw,34px);font-weight:900}
.f-logo-text{font-size:var(--fs-3xl)}

/* підпис автора на головній «A»: один дрібний рядок «Por Juan Partal · Actualizado 06.11.2026», без капсули й аватара (розмітка й дати в коді ті самі) */
.hero-content>.byline{background:none;border:0;padding:0;gap:0 var(--sp-2);margin-bottom:var(--sp-4);font-size:var(--fs-sm);color:var(--c-on-dark-muted)}
.hero-content>.byline .byline-ava{display:none}
.hero-content>.byline .byline-author{gap:var(--sp-1)}
.hero-content>.byline .byline-text{flex-direction:row;align-items:baseline;gap:var(--sp-1)}
.hero-content>.byline .byline-label{font-size:var(--fs-sm);font-weight:400;letter-spacing:0;text-transform:none;color:var(--c-on-dark-muted)}
.hero-content>.byline .byline-name,.hero-content>.byline time{font-size:var(--fs-sm);font-weight:600;color:var(--c-on-dark)}
.hero-content>.byline .byline-sep{width:auto;height:auto;background:none;opacity:.6}
.hero-content>.byline .byline-sep::before{content:"·"}
.hero-content>.byline .byline-date{gap:var(--sp-1);font-size:var(--fs-sm)}
.hero-content>.byline .byline-date svg{display:none}
@media (max-width:575.98px){.hero-content>.byline{flex-wrap:wrap;justify-content:center}.hero-content>.byline .byline-sep{display:block}}
@media (max-width:575.98px){.hero-content>.byline .byline-text .byline-label{display:inline!important}}
/* меню ПК: без підложки (рамка й заливка прибрані), стрілка вниз золота */
@media (min-width:992px){
  #menu-main-menu>li.dropdown,#menu-main-menu>li.dropdown:hover,#menu-main-menu>li.dropdown:focus-within,#menu-main-menu>li.dropdown.show{background:none!important;border-color:transparent!important}
  #menu-main-menu>li.dropdown:hover>.nav-link,#menu-main-menu>li.dropdown.show>.nav-link{color:var(--c-accent)}
  #menu-main-menu>li.dropdown>.dropdown-toggle::after{border-right-color:var(--c-accent)!important;border-bottom-color:var(--c-accent)!important}
}
/* номер місця: рівно по центру кружка (старий padding-left зсував цифру вправо) */
.brand-table .badge-num{padding:0!important;display:grid;place-items:center;line-height:1;text-align:center;box-sizing:border-box;top:auto;left:auto}
@media (max-width:575.98px){.navbar-brand .brand-text{font-size:calc(var(--fs-3xl)*1.1)}}
/* H1 на мобільному: виразніший (як на ПК) — більший кегль, щільний інтерліньяж, вага 800 */
@media (max-width:575.98px){
  #page-sub-header h1,.rv-main h1{font-size:calc(var(--fs-3xl)*1.15)!important;line-height:1.1!important;font-weight:800;letter-spacing:-.02em}
}

/* ===== таблиця в тексті «T-A»: темна рамка, прозорий заголовок з лінією, зебра, перший стовпчик жирний; на мобільному рядок = картка «ключ — значення» ===== */
.custom-table{border:1px solid var(--c-border);border-radius:var(--r-lg);background:rgba(0,0,0,.2);overflow-x:auto;margin:var(--sp-4) 0 var(--sp-5)}
.custom-table table{width:100%;margin:0;border-collapse:collapse;font-size:var(--fs-md);color:var(--c-text)}
.custom-table thead,.custom-table thead tr{background:transparent!important;color:inherit;border-radius:0}
.custom-table th{padding:var(--sp-3) var(--sp-4);background:rgba(0,0,0,.2);border-bottom:1px solid var(--c-border);font-size:var(--fs-xs);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--c-on-dark-muted);text-align:left;vertical-align:middle}
.custom-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);text-align:left;vertical-align:middle;line-height:1.5}
.custom-table tbody tr:last-child td{border-bottom:0}
.custom-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.03)}
.custom-table tbody tr:hover td{background:rgba(255,255,255,.07)}
.custom-table td:first-child{font-weight:800;color:var(--c-text-strong)}
@media (max-width:767.98px){
  .custom-table{overflow:visible;border:0;background:none}
  .custom-table table,.custom-table tbody,.custom-table tr,.custom-table td{display:block;width:100%}
  .custom-table thead{display:none}
  .custom-table tbody tr{margin-bottom:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:rgba(255,255,255,.05);border:1px solid var(--c-border);border-radius:var(--r-lg)}
  .custom-table tbody tr:nth-child(even) td,.custom-table tbody tr:hover td{background:none}
  .custom-table td{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-4);padding:var(--sp-2) 0;border-bottom:1px solid var(--c-border);text-align:right;font-size:var(--fs-sm)}
  .custom-table td:last-child{border-bottom:0}
  .custom-table td::before{content:attr(data-label);flex:none;max-width:45%;text-align:left;font-weight:400;color:var(--c-on-dark-muted)}
  .custom-table td:first-child{display:block;padding:0 0 var(--sp-2);text-align:left;font-size:var(--fs-lg)}
  .custom-table td:first-child::before{display:none}
}
/* h2 на мобільному: виразніший — більший кегль, вага 800, щільний інтерліньяж */
@media (max-width:575.98px){
  main h2,.best-brands-wrap h2,#page-sub-header h2{font-size:calc(var(--fs-2xl)*1.2)!important;line-height:1.15!important;font-weight:800;letter-spacing:-.015em}
}

/* ===== футер: виразніший текст, як у шапці (вага, розмір, контраст) ===== */
.site-footer .footer-menu a{font-size:var(--fs-md);font-weight:500;color:var(--c-on-dark)}
.site-footer .footer-menu a:hover{color:var(--c-accent);text-decoration:none}
.site-footer .row>div>h3.text-light{font-size:var(--fs-xl);font-weight:800;letter-spacing:-.01em;margin-bottom:var(--sp-3)}
.site-footer .discl{font-size:var(--fs-md)!important;font-weight:400!important;line-height:1.7;color:color-mix(in srgb,var(--c-on-dark) 82%,var(--c-brand-strong))}
.site-footer .site-info{font-size:var(--fs-sm);font-weight:500;color:var(--c-on-dark-muted)}
@media (max-width:575.98px){.site-footer .discl{font-size:var(--fs-sm)!important;line-height:1.65}}

/* ===== футер «L3 · центрована компактна» на фоні «F2» (глибший за сторінку, золота лінія зверху) ===== */
.site-footer.f-compact{background:color-mix(in srgb,var(--c-brand-strong) 55%,black);border-top:3px solid var(--c-accent);padding:var(--sp-7) 0 var(--sp-5);margin-top:var(--sp-7)}
body.mode-dark .site-footer.f-compact{background:color-mix(in srgb,var(--c-brand-strong) 55%,black)}
.f-compact .f-brand{margin-bottom:var(--sp-5)}
.f-compact .f-logo-text{font-size:calc(var(--fs-3xl)*1.1)}
.f-compact .f-menu{margin:0 0 var(--sp-5)}
.f-compact .footer-menu{display:flex!important;flex-wrap:wrap;justify-content:center;gap:var(--sp-1) var(--sp-6);margin:0!important;padding:0!important;text-align:center!important}
.f-compact .footer-menu li{display:block!important}
.f-compact .footer-menu a{font-size:var(--fs-md);font-weight:600;color:var(--c-on-dark);min-height:36px!important}
.f-compact .footer-menu a:hover{color:var(--c-accent);text-decoration:none}
.f-compact .f-about{max-width:900px;margin:0 auto var(--sp-5)}
.f-compact .f-about h3,.f-compact .f-about h2{font-size:var(--fs-xl);font-weight:800;margin:0 0 var(--sp-3);text-align:left}
.f-compact .f-about .discl{margin:0 0 var(--sp-3)!important}
.f-compact .f-badges{margin-bottom:var(--sp-5)}
.f-compact .f-copy{max-width:1100px;margin:0 auto;padding:var(--sp-4) var(--sp-5) 0;border-top:1px solid var(--c-border);text-align:center}
@media (max-width:575.98px){.f-compact .footer-menu{gap:var(--sp-1) var(--sp-4)}.f-compact .footer-menu a{font-size:var(--fs-sm)}}
/* кнопки: товстіший текст (900) */
.btn-main,.btn-main.font-weight-bold,.brand-preview .card-body .btn-main{font-weight:900!important;letter-spacing:.005em}
/* меню ПК: без іконки-кубка перед пунктом */
@media (min-width:992px){#menu-main-menu>li.dropdown>.nav-link::before{content:none!important;display:none!important}#menu-main-menu>li.dropdown>.nav-link{padding-left:0!important}}
/* велика таблиця (ПК): бонус виділено як у макеті T1 — великий відсоток, сума дрібніше під ним */
@media (min-width:992px){
  .brand-table .bonus-box{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 var(--sp-1);text-align:center;line-height:1.15}
  .brand-table .bonus-box .bb-bonus-lab+.bonus{flex-basis:100%;font-size:calc(var(--fs-xl)*1.1);font-weight:900;color:var(--c-on-dark);line-height:1.1}
  .brand-table .bonus-box .bb-bonus-lab~.sm,.brand-table .bonus-box .bb-bonus-lab~.bonus:not(.bb-bonus-lab+.bonus){font-size:var(--fs-xs);font-weight:500;color:var(--c-on-dark-muted)}
  .brand-table .bonus-box .font-italic{flex-basis:100%;font-size:var(--fs-xs);font-style:normal;color:var(--c-on-dark-muted)}
}
/* меню: усі бренди одразу, без внутрішньої прокрутки */
@media (min-width:992px){#primary-nav .dropdown-menu.mega{max-height:none!important;overflow:visible!important}}
/* заголовки колонок великої таблиці: без переносу «CASAS DE APUESTAS» */
@media (min-width:992px){.brand-table tr.row.labels>th{white-space:nowrap;overflow:visible;text-align:center}}
/* велика таблиця — точно як у макеті T1: зірки менші, галочки золоті, «Análisis» білим */
.brand-table .rating-stars{transform:scale(.7);transform-origin:left center;margin:2px 0 -6px}
.brand-table ul.features li::before{background:var(--c-accent)!important}
.brand-table .link-in{color:var(--c-on-dark)!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.brand-table .link-in:hover{color:var(--c-accent)!important}

/* ===== «Contenido» — варіант C1: одна лінія, чипи-«пігулки» зі скролом (компактно) ===== */
.rv-toc{background:transparent;padding:var(--sp-4) 0}
.rv-toc-card{display:flex;align-items:center;gap:var(--sp-4);background:rgba(0,0,0,.22);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:none;padding:var(--sp-2) var(--sp-3)}
.rv-toc-title{flex:none;margin:0;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--c-accent)}
.rv-toc-title svg{display:none}
.rv-toc ol{display:flex!important;grid-template-columns:none!important;gap:var(--sp-2);overflow-x:auto;padding:2px 0 4px}
.rv-toc li{flex:none}
.rv-toc a{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:40px!important;max-width:260px;padding:var(--sp-2) var(--sp-4)!important;border:1px solid var(--c-border);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:600;color:var(--c-text-strong);white-space:nowrap}
.rv-toc a::before{width:auto!important;height:auto!important;background:none!important;border-radius:0;color:var(--c-accent)!important;font-weight:800;font-size:var(--fs-sm)}
.rv-toc-t{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;padding-top:0!important}
.rv-toc a svg{display:none}
.rv-toc a:hover{background:color-mix(in srgb,var(--c-accent) 15%,transparent);border-color:color-mix(in srgb,var(--c-accent) 60%,transparent);color:var(--c-text-strong)}
.rv-toc a:hover::before{background:none!important;color:var(--c-accent)!important}
@media (max-width:575.98px){.rv-toc-card{flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.rv-toc ol{width:100%}}
/* toc-scrollbar-hidden */
.rv-toc ol{scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(90deg,black calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,black calc(100% - 36px),transparent);padding-right:36px}
.rv-toc ol::-webkit-scrollbar{display:none}
/* /toc-scrollbar-hidden */

/* ===== «Про нас»: команда (A3 — компактні горизонтальні картки в 2 колонки) ===== */
.block-team{margin:var(--sp-5) 0}
.tm-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4);align-items:start}
@media (min-width:768px){.tm-grid{grid-template-columns:1fr 1fr}}
.tm-card{display:flex;gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-lg);background:rgba(0,0,0,.25);border:1px solid var(--c-border)}
.tm-photo{flex:none;width:72px;height:72px;border-radius:var(--r-lg);object-fit:cover;background:var(--c-surface-alt)}
.tm-ph{display:grid;place-items:center}
.tm-body{min-width:0}
.tm-name{margin:0;font-size:var(--fs-lg)!important;font-weight:800;line-height:1.25;color:var(--c-text-strong)}
.tm-chip{display:inline-flex;align-items:center;gap:var(--sp-2);margin:var(--sp-1) 0 var(--sp-2);color:var(--c-text-muted);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.tm-chip::before{content:"";width:6px;height:6px;border-radius:var(--r-pill);background:var(--c-accent);flex:none}
.tm-bio{margin:0;font-size:var(--fs-sm);line-height:1.65;color:var(--c-text);}

/* ===== «Контакти»: форма (K1 — по центру в картці) ===== */
.block-contact{margin:var(--sp-5) 0}
.cf-card{max-width:640px;margin:0 auto;padding:var(--sp-5);border:1px solid var(--c-border);border-radius:var(--r-lg);background:rgba(0,0,0,.25)}
.cf-field{display:grid;gap:var(--sp-1);margin-bottom:var(--sp-4)}
.cf-field label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-on-dark-muted)}
.cf-input{width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--c-border);background:rgba(0,0,0,.28);color:var(--c-text-strong);font:inherit;font-size:var(--fs-md)}
.cf-input::placeholder{color:var(--c-text-muted)}
.cf-input:focus{outline:2px solid var(--c-accent);border-color:transparent}
textarea.cf-input{min-height:140px;resize:vertical}
.cf-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cf-send{width:100%;padding:var(--sp-3) var(--sp-5)}
.cf-note{margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--c-on-dark-muted)}

/* підпис автора на сторінці огляду — як на головній (дрібний рядок без капсули й аватара), але не по центру: справа від хлібних крихт */
.rv-meta .byline{background:none;border:0;padding:0;margin:0;gap:0 var(--sp-2);width:auto;justify-content:flex-end;font-size:var(--fs-sm);color:var(--c-on-dark-muted)}
.rv-meta .byline .byline-ava{display:none}
.rv-meta .byline .byline-author{gap:var(--sp-1)}
.rv-meta .byline .byline-text{flex-direction:row;align-items:baseline;gap:var(--sp-1)}
.rv-meta .byline .byline-label{font-size:var(--fs-sm);font-weight:400;letter-spacing:0;text-transform:none;color:var(--c-on-dark-muted)}
.rv-meta .byline .byline-name,.rv-meta .byline time{font-size:var(--fs-sm);font-weight:600;color:var(--c-on-dark)}
.rv-meta .byline .byline-sep{width:auto;height:auto;background:none;opacity:.6}
.rv-meta .byline .byline-sep::before{content:"·"}
.rv-meta .byline .byline-date{gap:var(--sp-1);font-size:var(--fs-sm)}
.rv-meta .byline .byline-date svg{display:none}
@media (max-width:575.98px){.rv-meta .byline{justify-content:flex-start;flex-wrap:wrap}}
.tm-name{text-align:left!important}
/* сторінки «Про нас» / «Контакти»: менший проміжок між вступом і контентом */
#page-sub-header+section,#page-sub-header+main section:first-child{padding-top:0}
#page-sub-header:has(+ section .block-team),#page-sub-header:has(+ section .block-contact){padding-bottom:0!important}
#page-sub-header:has(+ section .block-team) .hero-content,#page-sub-header:has(+ section .block-contact) .hero-content{padding-bottom:var(--sp-3)}

/* ===== спливаюче вікно «P1»: темна картка, рядки-список як у великій таблиці, №1 із золотою рамкою ===== */
.site-pop{background:rgba(3,12,8,.72)}
.site-pop .modal-dialog{max-width:640px}
.site-pop .modal-content{background:var(--c-brand-strong);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:0 30px 80px -20px rgba(0,0,0,.8);color:var(--c-on-dark)}
.site-pop .modal-header{position:absolute;padding:0;z-index:2}
.site-pop .close{display:grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--c-on-dark);opacity:1;font-size:var(--fs-xl)}
.site-pop .close:hover{background:rgba(255,255,255,.2)}
.site-pop .modal-body{padding:var(--sp-5) var(--sp-5) var(--sp-4)}
.site-pop .top-3-heading{margin:0 0 var(--sp-4)!important;font-size:var(--fs-xl);font-weight:800;color:var(--c-on-dark);letter-spacing:-.01em;padding-right:var(--sp-6);padding-left:var(--sp-6)}
.site-pop .pop-subtitle{color:var(--c-on-dark-muted)}
.site-pop .pop-top-3{display:grid;grid-template-columns:28px 100px 1fr auto;gap:var(--sp-3);align-items:center;margin:0 0 var(--sp-1)!important;padding:var(--sp-3) var(--sp-2);border-top:1px solid var(--c-border);background:transparent;border-radius:0;box-shadow:none}
.site-pop .pop-top-3:first-of-type{border:1px solid color-mix(in srgb,var(--c-accent) 55%,transparent);border-radius:var(--r-md);background:linear-gradient(90deg,color-mix(in srgb,var(--c-accent) 18%,transparent),color-mix(in srgb,var(--c-accent) 3%,transparent));margin-bottom:6px!important}
.site-pop .pop-top-3>div{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;display:contents}
.site-pop .badge-num{position:static;display:grid;place-items:center;width:28px;height:28px;padding:0!important;border-radius:50%;background:rgba(255,255,255,.12);color:var(--c-on-dark);font-weight:800;font-size:var(--fs-sm);line-height:1;transform:none;grid-column:1}
.site-pop .pop-top-3:first-of-type .badge-num{background:var(--c-accent);color:var(--c-accent-ink)}
.site-pop .pop-top-3 .ops-120-60{grid-column:2;width:100px!important;height:46px!important;margin:0!important}
.site-pop .bonus-txt{grid-column:3;display:block!important;text-align:left!important}
.site-pop .bonus-txt .sm{display:none!important}
.site-pop .bonus-txt .bonus{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--sp-1);line-height:1.15}
.site-pop .bonus-txt .bonus .bonus:first-child,.site-pop .bonus-txt .bonus>.bonus:first-of-type{flex-basis:100%;font-size:var(--fs-xl);font-weight:900;color:var(--c-on-dark)}
.site-pop .bonus-txt .bonus .sm,.site-pop .bonus-txt .bonus .bonus:not(:first-child){display:inline!important;font-size:var(--fs-xs);font-weight:500;color:var(--c-on-dark-muted)}
.site-pop .bonus-txt .font-italic{flex-basis:100%;font-style:normal;font-size:var(--fs-xs);color:var(--c-on-dark-muted)}
.site-pop .pop-top-3 .btn-main{grid-column:4;margin:0!important;display:inline-flex!important}
.site-pop .pop-top-3 .link-in{display:none!important}
.site-pop .pop-terms{color:var(--c-on-dark-muted);margin-top:var(--sp-3)!important}
@media (max-width:575.98px){
  .site-pop .modal-body{padding:var(--sp-4) var(--sp-3) var(--sp-3)}
  .site-pop .top-3-heading{font-size:var(--fs-lg);padding-left:var(--sp-5)}
  .site-pop .pop-top-3{grid-template-columns:28px 80px 1fr;row-gap:var(--sp-2)}
  .site-pop .pop-top-3 .ops-120-60{width:80px!important;height:40px!important}
  .site-pop .pop-top-3 .btn-main{width:100%}
}
.site-pop .modal-header{top:var(--sp-3);right:var(--sp-3);width:36px;height:36px;display:block}
.site-pop .modal-header .close{position:absolute;inset:0;padding:0;margin:0;line-height:1;color:var(--c-on-dark)}
.site-pop .modal-header .close span{display:block;line-height:1;font-size:var(--fs-xl);font-weight:400}
.site-pop .modal-content{overflow:hidden}
@media (max-width:575.98px){.site-pop .modal-dialog{margin:3vh auto;width:94%}.site-pop .pop-top-3{padding-left:var(--sp-3);padding-right:var(--sp-3)}.site-pop .pop-top-3 .btn-main{grid-column:1/-1}}
/* заглушка замість фото: темна плашка з силуетом людини і ініціалами */
.tm-ph{position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--c-brand) 70%,black),color-mix(in srgb,var(--c-brand-strong) 80%,black));border:1px solid var(--c-border);color:var(--c-accent);font-size:var(--fs-xl);font-weight:800;letter-spacing:.02em}
.tm-ph svg{position:absolute;inset:0;width:100%;height:100%;color:color-mix(in srgb,var(--c-on-dark) 14%,transparent)}
.tm-ph span{position:relative}
/* «Про нас»: біографія обмежена 4 рядками, «Leer más» розгортає (повний текст є в HTML) */
.tm-bio{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.tm-card.is-open .tm-bio{display:block;-webkit-line-clamp:unset;overflow:visible}
.tm-more{margin-top:var(--sp-2);padding:0;border:0;background:none;color:var(--c-accent);font-weight:700;font-size:var(--fs-sm);cursor:pointer}
.tm-more:hover{text-decoration:underline}
.tm-more:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}

/* основний текст — того ж накреслення, що й шапка (системний шрифт, звичайна вага 400 замість light 300) */
body,body p,#page-sub-header p,main p,main li,.brand-table td,.faq .card-body{font-family:inherit;font-weight:400}
/* «/10» у рядку таблиці: достатній контраст і на золотистому тлі першого місця */
.brand-table .rating{color:var(--c-on-dark-muted)}
.cf-status{margin-top:var(--sp-3);font-size:var(--fs-md);font-weight:600}
.cf-status:empty{display:none}
.cf-status.is-ok{color:var(--c-accent)}
.cf-status.is-err{color:var(--c-neg)}
.cf-card.is-sent .cf-field,.cf-card.is-sent .cf-send,.cf-card.is-sent .cf-note{display:none}
.cf-send[disabled]{opacity:.6;cursor:progress}
/* імена авторів у картках команди — h2 (правильна ієрархія h1 → h2), вигляд як у картки */
.block-team h2.tm-name{display:block!important;text-align:left!important;margin:0!important;font-size:var(--fs-lg)!important;font-weight:800;line-height:1.25;letter-spacing:0}

.f-compact .f-about h2{display:block!important;text-align:left!important;font-size:var(--fs-xl)!important}

/* ===== підпис: автор + «Revisado por» (без фото); фото — лише у спливаючій картці автора (P1) ===== */
.byline-editor{display:inline-flex;align-items:baseline;gap:var(--sp-1)}
.byline-editor .byline-label{font-size:var(--fs-sm);font-weight:400;letter-spacing:0;text-transform:none;color:var(--c-on-dark-muted)}
.byline-person{position:relative;display:inline-block}
.byline-who{color:inherit;text-decoration:none;border-bottom:1px dashed color-mix(in srgb,var(--c-accent) 70%,transparent)}
.byline-who:hover{color:var(--c-on-dark);text-decoration:none;border-bottom-style:solid}
.byline-who:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:var(--r-xs)}
.author-card{display:none;position:absolute;z-index:60;top:100%;left:0;width:340px;max-width:calc(100vw - 32px);padding-top:var(--sp-3);text-align:left;font-style:normal;font-weight:400;text-transform:none;letter-spacing:0;white-space:normal;line-height:1.5}
.ac-box{position:relative;display:flex;gap:var(--sp-4);padding:var(--sp-4);background:var(--c-brand-strong);color:var(--c-on-dark);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:0 24px 60px -16px rgba(0,0,0,.85)}
.ac-box::before{content:"";position:absolute;top:-7px;left:var(--ax,28px);width:12px;height:12px;background:var(--c-brand-strong);border-left:1px solid var(--c-border);border-top:1px solid var(--c-border);transform:rotate(45deg)}
.ac-photo{flex:none;display:block;width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid color-mix(in srgb,var(--c-accent) 60%,transparent)}
.ac-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.ac-name{font-size:var(--fs-lg);font-weight:800;line-height:1.2;color:var(--c-on-dark)}
.ac-chip{display:inline-flex;align-items:center;gap:var(--sp-2);margin:var(--sp-1) 0 var(--sp-2);color:var(--c-text-muted);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ac-chip::before{content:"";width:6px;height:6px;border-radius:var(--r-pill);background:var(--c-accent);flex:none}
.ac-bio{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--sp-2);font-size:var(--fs-sm);line-height:1.55;color:var(--c-text)}
.ac-link{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);font-weight:700;color:var(--c-accent);text-decoration:none}
.ac-link:hover{text-decoration:underline}
@media (hover:hover){
  .byline-person:hover .author-card,.byline-person:focus-within .author-card{display:block}
  .byline-person[data-dismissed] .author-card{display:none!important}
}
/* сенсорні екрани: наведення немає — по тапу на імʼя виїжджає нижня шторка */
@media (hover:none){
  .author-card{position:fixed;left:0;right:0;top:auto;bottom:0;width:auto;max-width:none;padding:0;z-index:1100}
  .ac-box{border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:0;border-top:3px solid var(--c-accent);padding:var(--sp-5) var(--sp-4) var(--sp-5)}
  .ac-box::before{display:none}
  .byline-person.is-open .author-card{display:block}
  body:has(.byline-person.is-open) .sticky-offer-container{display:none!important}
  .byline-person.is-open::after{content:"";position:fixed;inset:0;z-index:1090;background:rgba(3,12,8,.55)}
  .ac-link{min-height:44px}
}
@media (max-width:575.98px){.hero-content>.byline,.rv-meta .byline{row-gap:var(--sp-1)}.byline-editor{flex-basis:auto}}

/* мобільна картка бренду «M1 + M3»: у шапці № · логотип · оцінка (праворуч); бонус — «герой» на всю ширину; кнопка; пункти */
@media (max-width:991.98px){
  .brand-table tr.row.brand{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"num logo rate" "bonus bonus bonus" "act act act" "feat feat feat";column-gap:var(--sp-3);row-gap:var(--sp-3);align-items:center}
  .brand-table tr.row.brand>td:nth-child(2){grid-area:logo;justify-self:start}
  .brand-table tr.row.brand>td:nth-child(3){display:block;grid-area:rate;text-align:right!important}
  .brand-table tr.row.brand>td:nth-child(3) .rating,.brand-table tr.row.brand>td:nth-child(3) .rating-stars{grid-area:auto;display:flex!important;justify-content:flex-end;justify-self:auto}
  .brand-table tr.row.brand>td:nth-child(3) .rating-stars{transform-origin:right center;margin:0 0 -6px}
  .brand-table tr.row.brand>td.bonus-box{grid-area:bonus;grid-row:auto;align-self:auto;justify-self:stretch;justify-content:flex-start;text-align:left;row-gap:0}
  .brand-table .bonus-box .bb-bonus-lab{flex-basis:100%;text-align:left;font-size:var(--fs-sm)}
  .brand-table .bonus-box .bb-bonus-lab+.bonus{flex-basis:100%;text-align:left;font-size:calc(var(--fs-3xl)*1.25);font-weight:900;line-height:1.1;color:var(--c-accent)}
  .brand-table .bonus-box .sm,.brand-table .bonus-box .bonus:not(.bb-bonus-lab+.bonus){flex-basis:auto;margin-left:0;font-size:var(--fs-sm);font-weight:400;color:var(--c-on-dark-muted);white-space:normal}
  .brand-table .bonus-box .font-italic{flex-basis:100%;text-align:left;font-size:var(--fs-sm);color:var(--c-on-dark-muted)}
  .brand-table tr.row.brand>td:nth-child(6){grid-area:act}
  .brand-table tr.row.brand>td:nth-child(6) .link-in{display:flex!important;align-items:center;min-height:36px!important;padding:0!important}
}
@media (max-width:991.98px){
  .brand-table .ops-120-60{width:140px;height:64px}
}
@media (max-width:991.98px){
  /* лінія лише між картками: усередині картки роздільника перед пунктами немає */
  .brand-table tr.row.brand>td:nth-child(4){border-top:0;padding-top:0!important}
}
@media (max-width:991.98px){
  /* текст кнопки «Visitar» по центру висоти (min-height 44px залишав його вище середини) */
  .brand-table tr.row.brand>td:nth-child(6) .btn-main{display:flex!important;align-items:center;justify-content:center}
}

/* кнопки-акценти «E2»: світліше, менш насичене «сяйво» за текстом (центр), краї — колір акценту; вага 800 */
body[class] .btn-main,body[class] .brand-preview .card-body .btn-main{
  background-image:radial-gradient(ellipse 55% 90% at 50% 50%,color-mix(in srgb,var(--btn-main-bg) 62%,white) 0%,color-mix(in srgb,var(--btn-main-bg) 85%,white) 55%,var(--btn-main-bg) 100%);
  background-color:var(--btn-main-bg);font-weight:800!important
}

/* сторінка 404: «рахунок на табло» */
.nf-page{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-4);padding-top:var(--sp-8)!important;padding-bottom:var(--sp-8)!important}
.nf-score{display:flex;align-items:center;gap:var(--sp-3);font-weight:900;line-height:1}
.nf-score span{display:inline-grid;place-items:center;width:calc(var(--fs-3xl)*2.1);height:calc(var(--fs-3xl)*2.6);font-size:calc(var(--fs-3xl)*2);color:var(--c-accent);background:color-mix(in srgb,black 55%,transparent);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:inset 0 -6px 0 color-mix(in srgb,black 40%,transparent)}
.nf-score em{font-style:normal;font-size:calc(var(--fs-3xl)*1.1);color:var(--c-text-muted)}
.nf-page h1{margin:0;font-size:var(--fs-2xl);font-weight:800;color:var(--c-text-strong)}
.nf-page p{margin:0;color:var(--c-text-muted)}
@media (max-width:575.98px){.nf-score span{width:calc(var(--fs-3xl)*1.6);height:calc(var(--fs-3xl)*2);font-size:calc(var(--fs-3xl)*1.5)}}

/* футер: бейдж 18+ — суцільне коло з «18+» вирізом (цифри за референсом 18plus.svg) */
.site-footer .f-badges .icon-age{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0.09 80 80'%3E%3Cpath fill-rule='evenodd' d='M40 .09c22.133 0 40 17.867 40 40 0 22.134-17.867 40-40 40s-40-17.866-40-40c0-22.133 17.867-40 40-40z M24.667 52.89h-4.8V34.757c-1.734 1.733-3.734 2.933-6.134 3.733v-4.4c1.334-.4 2.667-1.2 4.134-2.266 1.466-1.2 2.4-2.534 2.933-4h3.867zM36 39.424c-1.2-.534-2.133-1.334-2.667-2.134-.666-.933-.933-2-.933-3.066 0-1.867.667-3.334 2-4.667 1.333-1.2 3.067-1.733 5.467-1.733s4.266.533 5.6 1.733c1.333 1.333 1.866 2.8 1.866 4.667 0 1.2-.266 2.133-.8 3.066-.666.934-1.466 1.6-2.533 2.134 1.333.533 2.4 1.333 3.067 2.4.8 1.066 1.066 2.266 1.066 3.733 0 2.267-.666 4.133-2.133 5.6s-3.467 2.133-5.867 2.133c-2.266 0-4.133-.533-5.6-1.733-1.866-1.467-2.666-3.333-2.666-5.867 0-1.333.266-2.533.933-3.733.667-1.067 1.733-2 3.2-2.533m.933-4.8c0 .933.267 1.6.8 2.133.534.533 1.334.8 2.134.8.933 0 1.733-.267 2.266-.8.534-.533.8-1.2.8-2.133 0-.934-.266-1.734-.8-2.267-.533-.533-1.333-.8-2.133-.8-.933 0-1.733.267-2.267.8s-.8 1.333-.8 2.267m-.4 10.666c0 1.334.267 2.4.934 3.067.8.8 1.6 1.2 2.533 1.2 1.067 0 1.867-.4 2.533-1.2.534-.667.934-1.733.934-3.067 0-1.2-.4-2.133-.934-2.8A3.64 3.64 0 0 0 40 41.424c-1.2 0-2 .4-2.667 1.2-.533.8-.8 1.733-.8 2.666m21.2 4v-6.533H51.2v-4.4h6.533v-6.533h4.4v6.533h6.534v4.4h-6.534v6.533z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0.09 80 80'%3E%3Cpath fill-rule='evenodd' d='M40 .09c22.133 0 40 17.867 40 40 0 22.134-17.867 40-40 40s-40-17.866-40-40c0-22.133 17.867-40 40-40z M24.667 52.89h-4.8V34.757c-1.734 1.733-3.734 2.933-6.134 3.733v-4.4c1.334-.4 2.667-1.2 4.134-2.266 1.466-1.2 2.4-2.534 2.933-4h3.867zM36 39.424c-1.2-.534-2.133-1.334-2.667-2.134-.666-.933-.933-2-.933-3.066 0-1.867.667-3.334 2-4.667 1.333-1.2 3.067-1.733 5.467-1.733s4.266.533 5.6 1.733c1.333 1.333 1.866 2.8 1.866 4.667 0 1.2-.266 2.133-.8 3.066-.666.934-1.466 1.6-2.533 2.134 1.333.533 2.4 1.333 3.067 2.4.8 1.066 1.066 2.266 1.066 3.733 0 2.267-.666 4.133-2.133 5.6s-3.467 2.133-5.867 2.133c-2.266 0-4.133-.533-5.6-1.733-1.866-1.467-2.666-3.333-2.666-5.867 0-1.333.266-2.533.933-3.733.667-1.067 1.733-2 3.2-2.533m.933-4.8c0 .933.267 1.6.8 2.133.534.533 1.334.8 2.134.8.933 0 1.733-.267 2.266-.8.534-.533.8-1.2.8-2.133 0-.934-.266-1.734-.8-2.267-.533-.533-1.333-.8-2.133-.8-.933 0-1.733.267-2.267.8s-.8 1.333-.8 2.267m-.4 10.666c0 1.334.267 2.4.934 3.067.8.8 1.6 1.2 2.533 1.2 1.067 0 1.867-.4 2.533-1.2.534-.667.934-1.733.934-3.067 0-1.2-.4-2.133-.934-2.8A3.64 3.64 0 0 0 40 41.424c-1.2 0-2 .4-2.667 1.2-.533.8-.8 1.733-.8 2.666m21.2 4v-6.533H51.2v-4.4h6.533v-6.533h4.4v6.533h6.534v4.4h-6.534v6.533z'/%3E%3C/svg%3E")}