/* savoybetting.ing — оболочка и блоки «как у оператора» (редизайн 10.10.2026). Замеры и токены: _design/DESIGN-2026-10-10.md
   (кадры и computed-стили savoybetting1112.com, 10.10.2026). sx- — оболочка, sv- — контентные блоки (те же классы, что в сборке 07.10). */
@font-face{font-family:"Urbanist";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/Urbanist-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Urbanist";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/Urbanist-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --bg:#040B1F;--bar:#060F2B;--tick:#141B2A;--item:#08163D;--card:#0C1D54;--acc:#0E2C5B;--btn2:#0F1833;--line:#0C205A;--line2:#1A2C66;
  --gold:#D5A75D;--gold2:#E2B972;--ink:#E9EDFC;--text:#C9CEDF;--mute:#A9AFC2;--faint:#8E94A8;--green:#16A34A;--red:#E5484D;
  --r:4px;--r2:6px;--ff:"Urbanist",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--side:268px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px;background:var(--bg)}
body{margin:0;font-family:var(--ff);font-size:15px;line-height:1.6;color:var(--ink);background:var(--bg);font-feature-settings:"lnum" 1}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-underline-offset:3px}a:hover{color:var(--gold2)}
h1,h2,h3{font-family:var(--ff);font-weight:700;line-height:1.2;margin:0;text-wrap:balance}
p{margin:0}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
abbr[title],abbr[data-tip]{text-decoration:underline dotted rgba(213,167,93,.7);text-underline-offset:3px;cursor:help}
.sv-tipbox{position:fixed;left:0;top:0;z-index:120;width:max-content;max-width:min(260px,calc(100vw - 24px));padding:8px 11px;border-radius:var(--r);background:var(--tick);border:1px solid var(--gold);color:var(--ink);font:600 13px/1.35 var(--ff);pointer-events:none}
.sv-tipbox[hidden]{display:none}
.sv-em{font-weight:700;color:var(--ink)}.sv-num{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.sv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sx-gold{color:var(--gold);font-weight:700}

/* значки в цветных кружках (роль цвета — как у пунктов панели оператора) */
.sx-ic{flex:0 0 auto;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff}
.sx-ic--y{background:#E9A60B;color:#1A1203}.sx-ic--p{background:#7C3AED}.sx-ic--g{background:#16A34A}.sx-ic--b{background:#1D9BF0}.sx-ic--r{background:#E5484D}.sx-ic--k{background:#DB2777}.sx-ic--w{background:#E9EDFC;color:#0A0F1F}

/* кнопки: «Üye Ol» (заливка золотом, чёрный 16/700, 42px, r 4) и «Giriş» (рамка золотом 1px, белый) */
.sv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 22px;border-radius:var(--r);border:1px solid var(--gold);
  font:700 16px/1 var(--ff);text-decoration:none;color:#000;background:var(--gold);white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.sv-btn:hover{background:var(--gold2);border-color:var(--gold2);color:#000}
.sv-btn--grey,.sv-btn--ghost{background:transparent;color:var(--ink)}
.sv-btn--grey:hover,.sv-btn--ghost:hover{background:rgba(213,167,93,.14);color:#fff}
.sv-btn--sm{min-height:34px;padding:0 14px;font-size:14px}
.sv-btn--lg{min-height:42px}
main .sv-cta-row .sv-btn:not([href^="/go/"]){background:transparent;color:var(--ink)}
main .sv-cta-row .sv-btn:not([href^="/go/"]):hover{background:rgba(213,167,93,.14);color:#fff}

/* ── бегущая строка объявлений ── */
.sx-tick{background:var(--tick);color:#fff;font-size:14px;font-weight:500}
.sx-tick__in{display:flex;align-items:center;gap:14px;min-height:44px;padding:0 16px;overflow:hidden}
.sx-tick__ic{flex:0 0 auto;color:var(--faint);display:grid;place-items:center;padding-right:14px;border-right:1px solid #2A3247;height:24px}
.sx-tick__t{display:flex;gap:28px;white-space:nowrap;overflow-x:auto;scrollbar-width:none;flex:1;justify-content:safe center}
.sx-tick__t::-webkit-scrollbar{display:none}
.sx-tick__t .sv-em{color:var(--gold)}
.sx-tick__d{color:#2F5BD8}

/* ── служебная полоса ── */
.sx-util{background:var(--bar)}
.sx-util__in{display:flex;justify-content:flex-end;gap:10px;padding:10px 90px 10px 16px}
.sx-util .sv-btn{min-width:112px}

/* ── навигация ── */
.sx-nav{position:sticky;top:0;z-index:60;background:var(--bar);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sx-nav__in{display:flex;align-items:center;gap:20px;min-height:66px;padding:0 16px}
.sx-burger{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:var(--ink);cursor:pointer;border-radius:var(--r);padding:0}
.sx-burger:hover{background:var(--item)}
.sx-logo{flex:0 0 auto;display:block}.sx-logo img{width:112px}
.sx-menu{display:flex;align-items:stretch;align-self:stretch;gap:6px;margin-left:22px}
.sx-dd{position:relative;display:flex}
.sx-dd__b{display:inline-flex;align-items:center;gap:9px;padding:0 14px;border:0;border-bottom:2px solid transparent;border-top:2px solid transparent;background:transparent;color:var(--ink);
  font:700 16px/1 var(--ff);text-transform:uppercase;letter-spacing:.2px;cursor:pointer;white-space:nowrap}
.sx-dd__b>svg{transition:transform .15s;opacity:.8}
.sx-dd:hover .sx-dd__b,.sx-dd.is-open .sx-dd__b,.sx-dd.is-cur .sx-dd__b{color:var(--gold)}
.sx-dd.is-cur .sx-dd__b{border-bottom-color:var(--gold)}
.sx-dd.is-open .sx-dd__b>svg{transform:rotate(180deg)}
.sx-dd__m{position:absolute;left:0;top:100%;min-width:270px;padding:8px;background:var(--bar);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:0 0 var(--r2) var(--r2);
  box-shadow:0 18px 40px rgba(0,0,0,.55);display:none;z-index:70}
.sx-dd:last-child .sx-dd__m{left:auto;right:0}
.sx-dd.is-open .sx-dd__m,.sx-dd:focus-within .sx-dd__m{display:block}
@media (hover:hover){.sx-dd:hover .sx-dd__m{display:block}}
.sx-dd__m a{display:block;padding:9px 12px;margin-top:4px;border-radius:var(--r);background:var(--item);color:var(--ink);text-decoration:none}
.sx-dd__m a:first-child{margin-top:0}
.sx-dd__m a:hover{background:var(--card)}
.sx-dd__m a[aria-current=page]{box-shadow:inset 3px 0 0 var(--gold)}
.sx-dd__n{display:block;font-weight:700;font-size:14px;line-height:1.25}
.sx-dd__s{display:block;font-size:12px;color:var(--faint);line-height:1.3;margin-top:2px}
.sx-nav__btns{display:none;gap:8px;margin-left:auto}
.sx-sub{background:var(--bar);border-bottom:1px solid var(--line)}
.sx-sub__in{display:flex;gap:18px;padding:0 20px;min-height:44px;align-items:center;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.sx-sub a{color:var(--faint);font-weight:600;font-size:14px;text-decoration:none}
.sx-sub a:hover,.sx-sub a[aria-current=page]{color:var(--ink)}
.sx-strip{display:none}

/* ── тело: панель «Hızlı erişim» + контент ── */
.sx-shell{display:grid;grid-template-columns:var(--side) minmax(0,1fr);gap:28px;align-items:start;padding:12px 28px 28px 12px;max-width:1720px;margin:0 auto}
@media (min-width:1200px){.sx-noside .sx-shell{grid-template-columns:minmax(0,1fr);padding-left:28px}.sx-noside .sx-side{display:none}}   /* на телефоне панель — выезжающая, скрывать нельзя (найдено касанием) */
.sx-side{position:sticky;top:80px;max-height:calc(100vh - 92px);overflow-y:auto;background:var(--bar);border-radius:var(--r);scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.sx-side__in{padding:12px}
.sx-side__top,.sx-side__cta{display:none}
.sx-sg+.sx-sg{margin-top:14px}
.sx-sg__h{font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--mute);padding:6px 4px 8px}
.sx-si{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;margin-top:8px;border-radius:var(--r);background:var(--item);color:var(--ink);font-weight:700;font-size:14px;text-decoration:none;line-height:1.2}
.sx-sg__h+.sx-si{margin-top:0}
.sx-si:hover{background:var(--card);color:#fff}
.sx-si[aria-current=page]{box-shadow:inset 3px 0 0 var(--gold);color:var(--gold)}
.sx-scrim{position:fixed;inset:0;z-index:89;background:rgba(2,6,20,.72)}.sx-scrim[hidden]{display:none}
.sx-main{min-width:0}
main{display:block}

/* ── первый экран: слайдер афиш, полоса заголовка, плитки категорий ── */
.sx-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.sx-hero>*,.sx-rail,.sv-sec,.sv-sec .sv-wrap{min-width:0}
.sx-slide picture{display:block}
.sx-slider{position:relative;border-radius:var(--r2);overflow:hidden;background:var(--bar)}
.sx-slider__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;outline-offset:-2px}
.sx-slider__track::-webkit-scrollbar{display:none}
.sx-slide{flex:0 0 100%;scroll-snap-align:start;display:block}
.sx-slide img{width:100%;aspect-ratio:4/1;object-fit:cover}
.sx-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:0;background:rgba(4,11,31,.72);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.sx-arrow:hover{background:var(--card)}
.sx-arrow--prev{left:10px}.sx-arrow--next{right:10px}
.sx-slider__dots{position:absolute;left:0;right:0;bottom:10px;display:flex;gap:8px;justify-content:center;pointer-events:none}
.sx-slider__dots i{width:7px;height:7px;border-radius:50%;background:rgba(233,237,252,.35)}.sx-slider__dots i.is-on{background:#fff}
.sx-lead{display:flex;align-items:center;gap:24px;background:var(--bar);border-radius:var(--r);padding:18px 22px}
.sx-lead__t{flex:1;min-width:0}
.sx-lead h1{font-size:clamp(22px,2vw,28px);font-weight:800;line-height:1.15}
.sx-lead h1 .sv-em{color:var(--gold)}
.sv-hero__lead{color:var(--text);margin-top:8px;max-width:62em}
.sv-hero__meta{margin-top:8px;font-size:12px;color:var(--faint)}
.sv-hero__cta{display:flex;gap:10px;flex:0 0 auto}
.sv-hero__cta .sv-btn{min-width:128px}
.sx-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sx-cats__pair{display:grid;gap:8px}
.sx-cat{display:block;border-radius:var(--r2);overflow:hidden;background:var(--bar);transition:filter .15s}
.sx-cat:hover{filter:brightness(1.15)}
.sx-cat img{width:100%}
.sv-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sv-kpi{background:var(--item);border-radius:var(--r);padding:11px 14px;min-width:0}
.sv-kpi__v{font-size:17px;font-weight:800;color:var(--gold);line-height:1.2;overflow-wrap:anywhere}
.sv-kpi__l{font-size:12px;color:var(--mute);margin-top:3px;line-height:1.35}

/* полоса заголовка внутренней страницы */
.sv-ihero{background:var(--bar);border-radius:var(--r);padding:16px 22px 18px;display:block}
.sv-ihero>.sv-wrap{display:grid;gap:14px}
.sv-ihero__grid--art{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:24px;align-items:center}
.sv-ihero__art img{width:100%;border-radius:var(--r2)}
.sv-ihero h1{font-size:clamp(22px,2vw,28px);font-weight:800}
.sv-ihero .sv-hero__cta{margin-top:14px}
.sv-crumbs{font-size:13px;color:var(--faint)}
.sv-crumbs ol{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.sv-crumbs a{color:var(--faint);text-decoration:none;font-weight:600}.sv-crumbs a:hover{color:var(--ink)}
.sv-crumbs li+li::before{content:"›";margin-right:8px;opacity:.6}

/* пилюли-фильтры (страница промо оператора) */
.sx-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.sx-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:999px;background:var(--card);color:#fff;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.sx-chip:hover{background:var(--acc);color:#fff}
.sx-chip.is-on{background:var(--gold);color:#0A0F1F}

/* ── секции-панели ── */
.sv-wrap{max-width:none;margin:0;padding:0}
main>.sv-wrap{margin-top:12px}
.sv-sec{background:var(--bar);border-radius:var(--r);padding:20px 22px 22px;margin-top:12px}
.sv-kicker{display:none}
.sv-sec h2{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;line-height:1.25}
.sv-sec h2::before{content:"";flex:0 0 22px;height:22px;border-radius:5px;
  background:linear-gradient(#1A1203,#1A1203) 6px 7px/10px 2px no-repeat,linear-gradient(#1A1203,#1A1203) 6px 10px/10px 2px no-repeat,linear-gradient(#1A1203,#1A1203) 6px 13px/7px 2px no-repeat,#E9A60B}
.sv-sec h3{font-size:16px;font-weight:700;margin-top:22px;color:var(--ink)}
.sv-lead{color:var(--mute);margin-top:10px;max-width:64em}
.sv-prose{max-width:64em;color:var(--text)}
.sv-prose>*+*{margin-top:12px}
.sv-prose>h3:first-child{margin-top:0}
.sv-prose ul,.sv-prose ol,.sv-sec .sv-wrap>ul{margin:12px 0 0;padding-left:1.25em;color:var(--text);max-width:64em}
.sv-prose li+li,.sv-sec .sv-wrap>ul>li+li{margin-top:6px}
.sv-prose li::marker,.sv-sec .sv-wrap>ul>li::marker{color:var(--gold)}
.sv-sec .sv-wrap>p:not(.sv-lead):not(.sv-tbl__note){max-width:64em;color:var(--text);margin-top:12px}
.sv-sec .sv-wrap>.sv-prose,.sv-sec .sv-wrap>.sv-ans,.sv-sec .sv-wrap>.sv-fig{margin-top:14px}
.sv-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:start;margin-top:16px}
.sv-split>div>h3:first-child{margin-top:0}
.sv-cta-row{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:18px}
.sv-cta-row__note{font-size:13px;color:var(--faint)}
main>.sv-wrap>.sv-cta-row{margin:0;background:var(--bar);border-radius:var(--r);padding:12px 22px}

/* короткий ответ и цифры — ячейки в стиле пунктов панели */
.sv-ans{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:center;background:var(--item);border-radius:var(--r);padding:16px 18px}
.sv-ans__k{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#0A0F1F;background:var(--gold);border-radius:var(--r);padding:4px 9px;margin-bottom:10px}
.sv-ans__t p{color:var(--text)}
.sv-ans__n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sv-ans__c{background:var(--card);border-radius:var(--r);padding:12px 8px;text-align:center;min-width:0}
.sv-ans__v{display:block;font-size:19px;font-weight:800;color:var(--gold);line-height:1.1;overflow-wrap:anywhere}
.sv-ans__l{display:block;font-size:12px;color:var(--mute);margin-top:5px;line-height:1.3}
.sv-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:14px}
.sv-stat{background:var(--item);border-radius:var(--r);padding:12px 14px}
.sv-stat__v{display:block;font-size:19px;font-weight:800;color:var(--gold);line-height:1.15}
.sv-stat__l{display:block;font-size:12px;color:var(--mute);margin-top:4px;line-height:1.3}
.sv-ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:14px}
.sv-ladder__s{background:var(--item);border-radius:var(--r);padding:12px 14px;display:grid;gap:3px;border-top:2px solid var(--gold)}
.sv-ladder__v{font-size:20px;font-weight:800;color:var(--gold);line-height:1.1}
.sv-ladder__t{font-weight:700;font-size:14px}.sv-ladder__d{font-size:12px;color:var(--mute);line-height:1.35}

/* таблицы */
.sv-tbl{margin-top:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r);background:var(--item)}
.sv-tbl table{border-collapse:collapse;width:100%;font-size:14px;min-width:520px}
.sv-tbl table:not(:has(tr > :nth-child(3))){min-width:0}
.sv-tbl caption{caption-side:top;text-align:left;font-weight:700;padding:10px 14px;background:var(--acc);color:var(--ink);font-size:13px}
.sv-tbl th,.sv-tbl td{padding:10px 14px;text-align:left;vertical-align:top;border-top:1px solid var(--line);color:var(--text)}
.sv-tbl thead th{background:var(--card);font-size:12px;text-transform:uppercase;letter-spacing:.3px;color:var(--mute);border-top:0;font-weight:700}
.sv-tbl tbody th{font-weight:700;color:var(--ink);width:36%}
.sv-tbl__note{font-size:12px;color:var(--faint);margin-top:8px}

/* шаги, чек-лист, заметки, цитаты — строки «Kurallar» */
.sv-steps{list-style:none;margin:14px 0 0;padding:0;counter-reset:s;display:grid;gap:8px}
.sv-steps li{counter-increment:s;position:relative;padding:11px 14px 11px 52px;background:var(--item);border-radius:var(--r);color:var(--text)}
.sv-steps li::before{content:counter(s);position:absolute;left:12px;top:10px;width:28px;height:28px;border-radius:var(--r);background:var(--gold);color:#0A0F1F;font-weight:800;display:grid;place-items:center;font-size:14px}
.sv-steps .sv-em{display:block}
#promo-51 .sv-steps .sv-em{display:inline}
.sv-check{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.sv-check li{position:relative;background:var(--item);border-radius:var(--r);padding:11px 14px 11px 46px;color:var(--text)}
.sv-check li::before{content:"";position:absolute;left:14px;top:13px;width:20px;height:20px;border-radius:50%;background:#E9A60B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A1203' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/13px no-repeat}
.sv-check .sv-em{display:block}
.sv-note{margin-top:14px;border-left:3px solid var(--gold);background:var(--item);border-radius:0 var(--r) var(--r) 0;padding:11px 14px;font-size:14px;color:var(--text)}
.sv-note--blue{border-color:#1D9BF0}
main blockquote{margin:0;padding:12px 16px;background:var(--acc);border-radius:var(--r);color:var(--ink);font-size:14px}
main blockquote p{margin:0}
main blockquote cite{display:block;margin-top:6px;font-style:normal;font-size:12px;color:var(--mute)}
.sv-gloss{margin:14px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sv-gloss div{background:var(--item);border-radius:var(--r);padding:11px 14px}
.sv-gloss dt{font-weight:700;color:var(--gold)}.sv-gloss dd{margin:3px 0 0;font-size:14px;color:var(--text)}
.sv-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.sv-col{background:var(--item);border-radius:var(--r);overflow:hidden}
.sv-sec .sv-col h3{margin:0;padding:10px 14px;font-size:14px;background:var(--card);display:flex;gap:8px;align-items:center}
.sv-col ul{list-style:none;margin:0;padding:6px 14px 10px;font-size:14px;color:var(--text)}.sv-col li{padding:6px 0}
.sv-traps{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.sv-traps li{background:var(--item);border-radius:var(--r);padding:11px 14px;display:grid;gap:6px}

/* кадры */
.sv-fig{margin:14px 0 0;border-radius:var(--r);overflow:hidden;background:var(--item);width:fit-content;max-width:100%}
.sv-fig img{width:auto;max-width:100%;height:auto}
.sv-fig--tall img{max-height:560px}
.sv-fig figcaption{font-size:12px;color:var(--mute);padding:8px 12px;line-height:1.4}

/* аккордеоны — полоса «Kurallar»: --acc, значок списка, шеврон */
.sv-toc,.sv-faq details{background:var(--card);border-radius:var(--r);overflow:hidden}
.sv-toc>summary,.sv-faq summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 46px 10px 14px;background:var(--acc);cursor:pointer;list-style:none;font-weight:700;font-size:15px;color:var(--ink);position:relative}
.sv-toc>summary::-webkit-details-marker,.sv-faq summary::-webkit-details-marker{display:none}
.sv-toc>summary::after,.sv-faq summary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.sv-toc[open]>summary::after,.sv-faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.sv-faq summary::before{content:"";flex:0 0 16px;height:12px;background:linear-gradient(#fff,#fff) 0 0/16px 2px no-repeat,linear-gradient(#fff,#fff) 0 5px/16px 2px no-repeat,linear-gradient(#fff,#fff) 0 10px/16px 2px no-repeat}
.sv-toc__ic{flex:0 0 16px;display:grid;gap:3px}.sv-toc__ic span{height:2px;background:#fff;border-radius:1px}
.sv-toc__n{font-size:12px;font-weight:700;color:var(--mute)}
.sv-toc__chev{display:none}
.sv-toc__list{list-style:none;margin:0;padding:10px;counter-reset:toc;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.sv-toc__list li{counter-increment:toc}
.sv-toc__list a{display:flex;align-items:center;gap:10px;min-height:38px;padding:6px 10px;border-radius:var(--r);background:var(--item);color:var(--ink);text-decoration:none;font-weight:600;font-size:14px;line-height:1.25}
.sv-toc__list a::before{content:counter(toc);flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#1A1203;background:#E9A60B}
.sv-toc__list a:hover{background:var(--acc)}
.sv-faq{margin-top:14px;display:grid;gap:8px}
.sv-faq__a{padding:12px 16px 14px;color:var(--text)}
.sv-faq__a>*+*{margin-top:8px}

/* карточки промо оператора */
.sv-promos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
.sv-promo{background:var(--card);border-radius:var(--r2);overflow:hidden;display:flex;flex-direction:column}
.sv-promo__img{position:relative;background:var(--bar)}
.sv-promo__img img{width:100%;aspect-ratio:840/480;object-fit:cover}
.sv-promo__tag{position:absolute;left:8px;top:8px;background:rgba(4,11,31,.88);color:var(--ink);font-size:11px;font-weight:700;border-radius:var(--r);padding:3px 7px}
.sv-promo__b{padding:14px 16px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.sv-sec .sv-promo .sv-promo__t{margin:0;font-weight:600;font-size:15px;line-height:1.35;color:#fff}
.sv-promo__s{font-size:13px;color:var(--text);line-height:1.4}
.sv-promo__go{margin-top:auto;padding-top:8px;text-align:center}
.sv-promo__go a{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#fff;text-decoration:none}
.sv-promo__go a::after{content:"→";font-size:16px}
.sv-promo__go a:hover{color:var(--gold)}

/* плитки разделов и карточки-вопросы — пункты панели */
.sv-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.sv-tile{display:flex;align-items:center;gap:12px;min-height:46px;background:var(--item);border-radius:var(--r);padding:8px 12px;color:var(--ink);text-decoration:none;min-width:0}
.sv-tile__ic{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#E9A60B;color:#1A1203}
.sv-tile:nth-child(4n+2) .sv-tile__ic{background:#7C3AED;color:#fff}.sv-tile:nth-child(4n+3) .sv-tile__ic{background:#16A34A;color:#fff}.sv-tile:nth-child(4n) .sv-tile__ic{background:#1D9BF0;color:#fff}
.sv-tile__ic svg{width:15px;height:15px}
.sv-tile__n{display:block;font-weight:700;font-size:14px;line-height:1.2}.sv-tile__s{display:block;font-size:12px;color:var(--faint);line-height:1.3;margin-top:2px}
.sv-asks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
.sv-ask{display:flex;align-items:center;gap:12px;background:var(--item);border-radius:var(--r);padding:10px 12px;text-decoration:none;color:var(--ink)}
.sv-ask:hover{background:var(--card);color:#fff}
.sv-ask__ic{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#E9A60B;color:#1A1203}.sv-ask__ic svg{width:16px;height:16px}
.sv-ask__b{flex:1;min-width:0}.sv-ask__q{display:block;font-weight:700;font-size:14px;line-height:1.25}.sv-ask__a{display:block;font-size:12px;color:var(--faint);margin-top:2px}
.sv-ask__go{color:var(--gold);font-weight:700;letter-spacing:-3px}

/* платежи: логотипы полосы оператора */
.sv-pays{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:14px}
.sv-pay{display:grid;justify-items:center;gap:6px;background:var(--item);border-radius:var(--r);padding:12px 8px 10px;min-width:0}
.sv-pay img{width:100px;height:28px;object-fit:contain}
.sv-pay__n{font-size:12px;font-weight:600;color:var(--mute);text-align:center;line-height:1.2}

/* ряды обложек лобби */
.sx-rail{margin-top:16px}
.sx-rail__h{display:flex;align-items:center;gap:10px}
.sx-rail__ic{flex:0 0 22px;height:22px;border-radius:5px;background:#E9A60B;color:#1A1203;display:grid;place-items:center}
.sx-rail__t{font-weight:700;font-size:16px;margin-right:auto}
.sx-arrow--sm{position:static;transform:none;width:28px;height:28px;border-radius:var(--r);background:var(--btn2)}
.sx-rail__track{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;margin-top:12px;scrollbar-width:none}
.sx-rail__track::-webkit-scrollbar{display:none}
.sx-game{position:relative;flex:0 0 129px;margin:0;scroll-snap-align:start;border-radius:var(--r);overflow:hidden;background:var(--item)}
.sx-game img{width:129px;aspect-ratio:566/808;object-fit:cover}
.sx-game figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sx-rail__src{font-size:12px;color:var(--faint);margin-top:8px}
.sx-banners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.sx-banner{display:block;border-radius:var(--r2);overflow:hidden}.sx-banner img{width:100%}.sx-banner:hover{filter:brightness(1.12)}

/* финальный блок — как блок сертификата подвала */
.sv-legal{font-size:13px;color:var(--mute)}
.sv-legal h2{font-size:16px;color:var(--ink)}
.sv-legal>*+*{margin-top:10px}
.sv-legal a{color:var(--text)}
.sv-lic{display:flex;gap:14px;align-items:center;background:var(--item);border-radius:var(--r);padding:12px 14px}
.sv-lic__ic{flex:0 0 40px;height:40px;border-radius:var(--r);display:grid;place-items:center;color:#0A0F1F;background:var(--gold)}
.sv-lic dl{flex:1;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 18px}
.sv-lic dt{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--faint)}
.sv-lic dd{margin:2px 0 0;font-weight:700;font-size:13px;color:var(--ink);overflow-wrap:anywhere}
.sv-by{display:flex;gap:12px;align-items:center;margin-top:14px;font-size:13px;color:var(--mute)}
.sv-by__ic{flex:0 0 36px;height:36px;border-radius:50%;background:var(--card);color:var(--gold);display:grid;place-items:center;font-weight:800;font-size:13px}
.sv-by a{color:var(--ink);font-weight:700}
.sv-by__ph{flex:0 0 36px;width:36px;height:36px;border-radius:50%;object-fit:cover;display:block}
.sv-author{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.sv-author__ph{width:160px;height:160px;border-radius:var(--r2);object-fit:cover;display:block;flex:0 0 auto}
.sv-author__t{flex:1 1 320px;min-width:0}

/* ── полоса провайдеров и подвал оператора ── */
.sx-provs{overflow:hidden;background:var(--bar);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}
.sv-sec .sx-provs{margin-top:14px;border:0;border-radius:var(--r);background:var(--item)}
.sx-provs__track{display:flex;gap:44px;width:max-content;align-items:center;animation:sx-marq 60s linear infinite}
.sx-provs:hover .sx-provs__track{animation-play-state:paused}
.sx-prov{flex:0 0 auto}.sx-prov img{height:24px;width:auto;opacity:.75}
@keyframes sx-marq{to{transform:translateX(calc(-50% - 22px))}}
.sx-foot{background:var(--bar);color:var(--faint);font-size:13px}
.sx-foot__in{max-width:1440px;margin:0 auto;padding:28px 44px 30px}
.sx-foot__top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}
.sx-foot__brand img{width:112px}.sx-foot__brand p{margin-top:12px;max-width:32em;line-height:1.5}
.sx-fc__h{color:#fff;font-weight:700;font-size:15px;margin-bottom:12px}
.sx-fc ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sx-foot a{color:var(--faint);text-decoration:none}.sx-foot a:hover{color:var(--ink)}
.sx-foot__pays{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center;justify-content:space-between;margin-top:28px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sx-fpay img{width:100px;height:28px;object-fit:contain;opacity:.85}
.sx-foot__row{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;padding:16px 0}
.sx-foot__age{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:600;font-size:12px}
.sv-foot__age{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--red);color:#fff;font-weight:800;font-size:12px;background:#fff1;cursor:help}
.sx-foot__cert{line-height:1.55;max-width:90em}
.sx-foot__cert a{color:var(--mute);text-decoration:underline}

/* ── критик редизайна (opus) 10.10.2026 ── */
.sv-sec h2{display:block}.sv-sec h2::before{content:none}
.sx-menu{min-width:0;flex:1;overflow:hidden;gap:2px;margin-left:14px}.sx-dd{flex:0 0 auto}.sx-dd__b{padding:0 11px;gap:8px;font-size:15px}
.sx-menu:has(.sx-dd.is-open),.sx-menu:hover,.sx-menu:focus-within{overflow:visible}
@media (max-width:1380px){.sx-navlink:last-child{display:none}}
.sx-navlink{text-decoration:none}.sx-navlink:hover,.sx-navlink[aria-current=page]{color:var(--gold)}
.sx-ic--y,.sx-ic--g,.sx-ic--b{background:transparent;width:20px}.sx-ic--y{color:#F5B81C}.sx-ic--g{color:#22C55E}.sx-ic--b{color:#38BDF8}
.sx-ic--p,.sx-ic--r,.sx-ic--k,.sx-ic--w{border-radius:6px}
.sv-tile__ic{background:transparent!important;color:var(--gold)!important;flex-basis:20px;height:20px}
.sv-tile:nth-child(4n+2) .sv-tile__ic{color:#A78BFA!important}.sv-tile:nth-child(4n+3) .sv-tile__ic{color:#22C55E!important}.sv-tile:nth-child(4n) .sv-tile__ic{color:#38BDF8!important}
.sv-tile__ic svg{width:18px;height:18px}
main>.sv-wrap>.sv-cta-row{background:transparent;padding:4px 0;justify-content:flex-end}
main>.sv-wrap>.sv-stats{margin-top:0}
.sv-promos{gap:20px}.sv-promo__b{padding:18px 18px 20px}
.sv-sec .sv-promo .sv-promo__t{font-size:16px}.sv-promo__s{font-size:14px}.sv-promo__go a{font-weight:600}
.sx-foot__pays{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.sx-foot__pays::-webkit-scrollbar{display:none}.sx-fpay{flex:0 0 auto}
.sv-tbl{background:linear-gradient(to left,var(--item) 40%,transparent) right/36px 100% no-repeat local,linear-gradient(to left,rgba(213,167,93,.55),transparent) right/14px 100% no-repeat scroll,var(--item)}
.sx-foot__mail a{color:var(--mute)}
.sx-paylogos{align-items:stretch}
body.sx{min-height:100vh}
body.sx--noside .sx-main{max-width:1440px;margin:0 auto}
/* нижняя панель телефона */
.sx-tab{display:none}
.sx-tab__menu{-webkit-tap-highlight-color:transparent}

/* ═══ адаптив ═══ */
@media (max-width:1199px){
  .sx-util,.sx-sub,.sx-menu{display:none}
  .sx-nav__btns{display:flex}
  .sx-nav__in{min-height:56px;gap:10px;padding:0 12px}
  .sx-logo img{width:92px}
  .sx-strip{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;background:var(--bar);padding:10px 14px 9px;border-bottom:1px solid var(--line)}
  .sx-strip::-webkit-scrollbar{display:none}
  .sx-strip a{flex:0 0 auto;display:grid;justify-items:center;gap:5px;color:var(--ink);text-decoration:none;font-weight:700;font-size:13px;text-transform:uppercase;white-space:nowrap}
  .sx-strip a[aria-current=page]{color:var(--gold)}
  .sx-shell{display:block;padding:12px}
  .sx-side{position:fixed;left:0;top:0;bottom:0;z-index:90;width:min(320px,86vw);max-height:none;border-radius:0;transform:translateX(-102%);transition:transform .2s;visibility:hidden}
  .sx-open .sx-side{transform:none;visibility:visible}
  .sx-open{overflow:hidden}
  .sx-side__top{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 10px}
  .sx-side__ttl{font-weight:800;font-size:16px}
  .sx-side__x{width:36px;height:36px;border:0;border-radius:var(--r);background:var(--item);color:var(--ink);display:grid;place-items:center;cursor:pointer}
  .sx-side__cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
  .sx-side__cta .sv-btn{padding:0 8px;font-size:14px}
  .sv-promos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sv-toc__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  html{scroll-padding-top:70px}
  .sx-lead{flex-direction:column;align-items:stretch;gap:14px;padding:16px}
  .sv-hero__cta{flex-wrap:wrap}.sv-hero__cta .sv-btn{flex:1 1 140px}
  .sx-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sv-kpis,.sv-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sv-split,.sv-ans,.sv-ihero__grid--art{grid-template-columns:minmax(0,1fr)}
  .sv-asks,.sv-trio,.sv-gloss{grid-template-columns:minmax(0,1fr)}
  .sv-promos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sv-lic{flex-direction:column;align-items:flex-start}.sv-lic dl{grid-template-columns:1fr 1fr}
  .sx-banners{grid-template-columns:minmax(0,1fr)}
  .sx-foot__in{padding:22px 16px 26px}
  .sx-foot__top{grid-template-columns:1fr 1fr}.sx-foot__brand{grid-column:1/-1}
  .sx-foot__pays{justify-content:flex-start;gap:12px 22px}
  .sx-tick__t{justify-content:flex-start}
}
@media (max-width:640px){
  body{padding-bottom:68px}
  .sx-nav__btns .sv-btn{padding:0 11px}
  .sv-sec{padding:16px 14px 18px}
  .sv-ihero{padding:14px}
  .sx-slide img{aspect-ratio:840/480}
  .sv-sec h2{font-size:17px}
  .sv-promos{grid-template-columns:minmax(0,1fr);gap:12px}
  .sv-kpi{padding:10px}.sv-kpi__v{font-size:13px;letter-spacing:-.2px;overflow-wrap:normal}
  .sv-tbl table{min-width:460px}
  .sv-toc__list{grid-template-columns:minmax(0,1fr)}
  .sv-tbl table{font-size:13px}.sv-tbl th,.sv-tbl td{padding:9px 10px}
  .sv-pays{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-12px;padding-right:12px}
  .sx-chips::-webkit-scrollbar{display:none}
  .sx-tab{position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;background:var(--bar);border-top:1px solid var(--line);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -8px 20px rgba(0,0,0,.45)}
  .sx-tab__i,.sx-tab__go{display:grid;justify-items:center;gap:3px;min-height:48px;align-content:center;border:0;background:transparent;color:var(--mute);text-decoration:none;font:700 10px/1.1 var(--ff);text-transform:uppercase;letter-spacing:.2px;cursor:pointer;padding:0}
  .sx-tab__i[aria-current=page]{color:var(--gold)}
  .sx-tab__go{color:var(--ink)}
  .sx-tab__c{width:44px;height:44px;margin-top:-22px;border-radius:50%;background:var(--gold);color:#0A0F1F;display:grid;place-items:center;border:4px solid var(--bar)}
  .sx-open .sx-tab{display:none}
}
@media (max-width:400px){.sx-nav__btns .sv-btn{padding:0 9px;font-size:13px}.sx-logo img{width:84px}.sx-nav__in{gap:6px}}
@media (max-width:350px){.sx-nav__btns .sv-btn--grey{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.sx-provs__track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;gap:18px 32px;padding:0 14px}.sx-prov[aria-hidden]{display:none}}

/* ═══════════ Этап Д2 (10.10.2026): контентный слой — только компоненты, которые есть у оператора ═══════════
   Источник: текстовые страницы оператора (SSS, «Bahis Kuralları», «Bize Ulaşın»), окно «Kurallar», боковая панель, страница промо —
   _cache/operator/design-20261010/text-probe.json, _design/compare/op-giris-*.png. Его детали:
   · панель страницы: #060F2B, r 4, тонкая линия, отступ 24/16; H1 20/700 по центру; описание 14/500 приглушённое; H2 18/700; H3 16/600;
   · строка вопроса SSS: квадратик «+» 20 px, вопрос 16/600, пунктирный разделитель, ответ 14/500 приглушённый;
   · пункт боковой панели: #08163D, r 4, 42 px, 14/700; подпись группы КАПС 12/700 приглушённая;
   · пилюля: r 999, #0C1D54, активная золотая; карточка промо; строки «Kurallar» с маркером ⚡.
   Своих декоративных приёмов нет: ни цветных меток над заголовками, ни кружков шагов, ни градиентов, ни цветных кромок. */
body{font-size:14px;line-height:1.55}
.sv-sec,.sv-ihero{border:1px solid var(--line);padding:22px 16px 24px}
.sv-sec h2{font-size:18px;font-weight:700}
.sv-sec h3{font-size:16px;font-weight:600;margin-top:22px}
.sv-lead,.sv-prose,.sv-sec .sv-wrap>p:not(.sv-lead):not(.sv-tbl__note),.sv-prose ul,.sv-prose ol,.sv-sec .sv-wrap>ul,.sv-faq__a,.sv-hero__lead{color:rgba(233,237,252,.78);font-weight:500;max-width:none}
.sv-lead{margin-top:8px}
.sv-em{color:var(--ink)}
/* заголовок внутренней страницы — как у оператора: по центру, 20/700, описание под ним */
.sv-ihero{text-align:center}
.sv-ihero h1{font-size:20px;font-weight:700}
.sv-ihero .sv-hero__lead{margin:10px auto 0;max-width:86ch;font-size:14px}
.sv-ihero .sv-crumbs ol{justify-content:center}
.sv-ihero .sv-hero__cta{justify-content:center;margin-top:14px}
.sv-ihero .sv-kpis{text-align:left}
.sv-ihero__grid--art{text-align:left}
.sx-lead h1{font-size:20px;font-weight:700}
/* маркеры списков — как в «Kurallar» оператора */
.sv-prose ul,.sv-sec .sv-wrap>ul:not([class]){list-style:none;padding-left:0}
.sv-prose ul>li,.sv-sec .sv-wrap>ul:not([class])>li{position:relative;padding-left:22px}
.sv-prose ul>li::before,.sv-sec .sv-wrap>ul:not([class])>li::before{content:"⚡";position:absolute;left:0;top:0;font-size:12px;line-height:1.75}
/* строки SSS: квадратик «+», пунктир; оглавление и FAQ — этим же компонентом */
.sv-toc,.sv-faq details{background:transparent;border-radius:0;overflow:visible}
.sv-faq{gap:0;margin-top:8px}
.sv-faq details{border-bottom:1px dashed var(--line2)}
.sv-toc>summary,.sv-faq summary{background:transparent!important;min-height:52px;padding:14px 0;gap:12px;font-size:16px;font-weight:600;color:rgba(233,237,252,.9)}
.sv-toc>summary::after,.sv-faq summary::after{content:none}
.sv-faq summary::before,.sv-toc__ic{content:"";flex:0 0 20px;width:20px;height:20px;border-radius:3px;display:block;padding:0;
  background:linear-gradient(#9EA3B8,#9EA3B8) center/10px 1.5px no-repeat,linear-gradient(#9EA3B8,#9EA3B8) center/1.5px 10px no-repeat,#1A2444}
.sv-toc__ic span{display:none}
.sv-faq details[open] summary::before,.sv-toc[open] .sv-toc__ic{background:linear-gradient(#9EA3B8,#9EA3B8) center/10px 1.5px no-repeat,#1A2444}
.sv-faq__a{padding:0 0 16px 32px;font-size:14px}
main>.sv-wrap>.sv-toc{background:var(--bar);border:1px solid var(--line);border-radius:var(--r);padding:0 16px}
.sv-toc__n{font-weight:500;color:var(--faint)}
.sv-toc__list{padding:0 0 14px;display:flex;flex-wrap:wrap;gap:8px;counter-reset:none}
.sv-toc__list a{min-height:34px;padding:0 14px;border-radius:999px;background:var(--card);color:#fff;font-weight:600;font-size:13px}
.sv-toc__list a::before{content:none}
.sv-toc__list a:hover{background:var(--acc)}
/* шаги, чек-лист, «ловушки», глоссарий — строки с пунктиром, без кружков и плашек */
.sv-steps,.sv-check,.sv-traps{gap:0;margin-top:8px}
.sv-steps li,.sv-check li,.sv-traps li{background:transparent;border-radius:0;border-bottom:1px dashed var(--line2);padding:12px 0 12px 30px;color:rgba(233,237,252,.78);font-weight:500}
.sv-steps li::before{content:counter(s) ".";left:0;top:12px;width:auto;height:auto;background:transparent;color:var(--ink);font-weight:700;font-size:14px;display:block;border-radius:0}
.sv-check li::before{content:"⚡";left:0;top:12px;width:auto;height:auto;background:none;border-radius:0;font-size:12px;line-height:1.75}
.sv-steps .sv-em,.sv-check .sv-em{font-weight:600;font-size:15px;color:rgba(233,237,252,.92)}
.sv-sec .sv-wrap>ul.sv-check,.sv-sec .sv-wrap>ul.sv-traps{padding-left:0;max-width:none}
.sv-gloss{gap:0 24px}.sv-gloss div{background:transparent;border-radius:0;border-bottom:1px dashed var(--line2);padding:12px 0}
.sv-gloss dt{color:var(--ink);font-weight:600}
.sv-trio{gap:8px}.sv-sec .sv-col h3{background:transparent;padding:12px 14px 0;font-size:15px}
/* заметки и цитаты — пункт панели, без кромок */
.sv-note{border-left:0;border-radius:var(--r);background:var(--item);font-size:13px;color:rgba(233,237,252,.78)}
main blockquote{background:var(--item);font-weight:500;color:rgba(233,237,252,.9)}
/* короткий ответ, цифры, лестница — ячейки-пункты панели */
.sv-ans{background:transparent;padding:0;margin-top:12px}
.sv-ans__k{background:transparent;color:var(--mute);padding:0;font-size:12px;font-weight:700;letter-spacing:.3px;margin-bottom:6px;display:block}
.sv-ans__c{background:var(--item)}
.sv-ans__v,.sv-stat__v,.sv-ladder__v,.sv-kpi__v{font-size:16px;font-weight:700;color:var(--ink)}
.sv-ladder__s{border-top:0}
.sv-kpi__l,.sv-stat__l,.sv-ans__l,.sv-ladder__d{font-weight:500}
/* таблицы — строки с линией, шапка пунктом панели; подпись таблицы обычным текстом */
.sv-tbl{background:transparent;border:1px solid var(--line);border-radius:var(--r)}
.sv-tbl caption{background:transparent;padding:12px 14px 10px;font-size:14px;font-weight:700;color:var(--ink)}
.sv-tbl thead th{background:var(--item);font-size:12px;letter-spacing:.3px}
.sv-tbl th,.sv-tbl td{border-top:1px solid var(--line);color:rgba(233,237,252,.78);font-weight:500}
.sv-tbl tbody th{color:var(--ink);font-weight:600}
/* пункты-ссылки и плитки — как пункты боковой панели */
.sv-ask,.sv-tile{min-height:42px;padding:6px 12px}
.sv-ask__ic{flex:0 0 22px;height:22px;background:transparent;color:#38BDF8;border-radius:0}
.sv-ask:nth-child(3n+2) .sv-ask__ic{color:#F5B81C}.sv-ask:nth-child(3n) .sv-ask__ic{color:#22C55E}
.sv-ask__go{display:none}
.sv-ask__a{font-weight:500}
/* карточка лицензии и подпись — без собственных значков */
.sv-lic__ic,.sv-by__ic{display:none}
.sv-lic{padding:12px 14px}
.sv-legal h2{font-size:16px}
/* кадры — пункт панели с подписью */
.sv-fig{background:var(--item);border-radius:var(--r)}
.sv-fig--strip{width:100%}.sv-fig--strip img{width:100%}
/* мелочи критика Д1 */
.sx-util__in{padding:10px 28px 10px 16px}
.sx-strip{gap:26px}.sx-strip a{font-size:15px}
/* внутренние страницы у оператора без боковой панели: контент на всю ширину, две колонки вопросов */
body.sx--noside .sx-main{max-width:1280px}
@media (min-width:1000px){body.sx--noside .sv-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px;align-items:start}}
/* ── критик Д2, круг 1 ── */
.sv-sec+.sv-sec{margin-top:0;border-top:1px dashed var(--line2);border-top-left-radius:0;border-top-right-radius:0}     /* одна панель страницы с пунктиром, как у оператора */
.sv-sec:has(+.sv-sec){border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
.sv-lead,.sv-prose,.sv-sec .sv-wrap>p:not(.sv-lead):not(.sv-tbl__note),.sv-prose ul,.sv-prose ol,.sv-sec .sv-wrap>ul,.sv-steps,.sv-check,.sv-faq__a{max-width:104ch}
.sv-ihero .sv-kpis{justify-content:center;margin-top:14px}
main>.sv-wrap>.sv-cta-row{justify-content:center;background:var(--bar);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;margin-top:0}
.sv-fig{display:table;width:auto}.sv-fig figcaption{display:table-caption;caption-side:bottom;background:var(--item);border-radius:0 0 var(--r) var(--r)}
.sv-fig--tall img{max-height:520px;width:auto}
.sv-fig--strip{display:block}
.sv-tbl{background:linear-gradient(to left,var(--bar) 40%,transparent) right/36px 100% no-repeat local,linear-gradient(to left,rgba(0,0,0,.5),transparent) right/14px 100% no-repeat scroll,transparent}
.sx-side{position:static;max-height:none;overflow:visible}
@media (min-width:1200px){.sx-side{position:sticky;top:var(--side-top,80px);align-self:start}}   /* --side-top ставит скрипт: высокая панель докручивается до низа и остаётся в кадре */
/* ── координатор 10.10: одна ширина панели на всех 11 страницах, текст занимает панель целиком — пустой правой половины нет ── */
.sx-main,body.sx--noside .sx-main{max-width:1000px;margin-left:auto;margin-right:auto;width:100%}
.sv-lead,.sv-prose,.sv-sec .sv-wrap>p:not(.sv-lead):not(.sv-tbl__note),.sv-prose ul,.sv-prose ol,.sv-sec .sv-wrap>ul,.sv-steps,.sv-check,.sv-faq__a,.sv-sec .sv-wrap>ul.sv-check,.sv-sec .sv-wrap>ul.sv-traps,.sv-tbl:has(thead th:nth-child(2):last-child){max-width:none}
.sv-split{grid-template-columns:minmax(0,1fr);gap:14px}.sv-split>.sv-stats{order:-1}   /* две неравные колонки давали пустой экран справа: длинный текст на всю ширину, плитки чисел строкой над ним */
@media (min-width:1000px){.sv-promos{display:flex;flex-wrap:wrap;justify-content:center}.sv-promos>*{flex:0 0 calc((100% - 60px)/4);min-width:0}}   /* Б2: 13 карточек, последний ряд по центру */
.sv-fig:not(.sv-fig--strip){margin-left:auto;margin-right:auto}   /* узкий кадр стоит по центру панели, подпись под ним: пустой половины справа нет */
@media (min-width:700px){.sv-fig--tall{display:flex;justify-content:center;align-items:flex-start;gap:14px;width:100%;background:transparent}.sv-fig--tall figcaption{display:block;max-width:46ch;border-radius:var(--r)}}
/* ── критик Д2, круг 2 ── */
.sx-tick__d{color:var(--gold)}.sx-ic--b{color:#F5B81C}   /* design-critic: синие акценты вне палитры оператора */
.sv-ans__c{text-align:left;padding:11px 14px}
@media (max-width:640px){
  .sv-pays{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sv-tbl table:has(thead th:nth-child(4)){table-layout:auto;font-size:12px}
  .sv-tbl td>.sv-em{white-space:nowrap;overflow-wrap:normal}
}
@media (max-width:1199px){.sx-side{position:fixed;overflow-y:auto}}
@media (max-width:640px){
  .sv-tbl table{min-width:0;table-layout:auto}.sv-tbl th,.sv-tbl td{overflow-wrap:break-word;hyphens:auto;padding:9px 7px;font-size:12.5px}.sv-tbl th{letter-spacing:0;font-size:11px}   /* слова не рвутся посреди; не влезло — таблица прокручивается */
  /* /bonuslar/ на телефоне: H1 → пилюли → карточки, как у оператора; лид и дата уходят под витрину, текст не скрывается */
  body:has(#promosyon-vitrini) main{display:flex;flex-direction:column}
  body:has(#promosyon-vitrini) main>*{order:4}
  body:has(#promosyon-vitrini) :is(.sv-ihero,.sv-ihero>.sv-wrap,.sv-ihero__grid,.sv-ihero__grid>div){display:contents}
  body:has(#promosyon-vitrini) .sv-ihero .sv-crumbs{order:0;padding:10px 4px 0}
  body:has(#promosyon-vitrini) .sv-ihero h1{order:0;padding:4px 4px 10px;margin:0;text-align:left}
  body:has(#promosyon-vitrini) main>.sx-chips{order:1}
  body:has(#promosyon-vitrini) #promosyon-vitrini{order:2}
  body:has(#promosyon-vitrini) .sv-ihero :is(.sv-hero__lead,.sv-hero__meta){order:3;margin:10px 0 0;padding:0 4px;text-align:left}
  .sv-sec,.sv-ihero{padding:18px 14px 20px}
  .sv-ihero{text-align:left}.sv-ihero .sv-crumbs ol,.sv-ihero .sv-hero__cta{justify-content:flex-start}.sv-ihero .sv-hero__lead{margin-left:0}
  .sv-toc>summary,.sv-faq summary{font-size:15px}
}