/* ==========================================================================
TORIPELIT — parhaat-nettikasinot.biz · каркас прогона, префикс tori
Порядок секций повторяет порядок блоков на странице:
00 основа · 01 сетка и отступы · 02 шапка · 03 меню · 04 герой
05 проза · 06 карточки и рельс · 07 витрина (toriv) · 08 оглавление
09 FAQ · 10 лента блога · 11 подвал · 12 мобилка
========================================================================== */
/* -- 00 основа ----------------------------------------------------------- */
:root{
--pad:20px;
--w:888px; /* колонка контента (витрина, таблицы, карточки) */
--w-hd:1120px; /* контент шапки и подвала */
--ink:#0e1a2b;
--muted:#5a6b83;
--canvas:#e9edf3; /* полотно */
--paper:#ffffff; /* поле контента */
--navy:#0b1f3a;
--navy-2:#16304f;
--amber:#e8a020;
--amber-d:#8a5a00; /* R3: #a96f06 на белом даёт 4,3 — ниже нормы 4,5 */
--line:#d6dde8;
--line-2:#eceff5;
--good:#0f7a52;
--rad:10px;
--shadow:0 1px 0 rgba(14,26,43,.04),0 8px 24px -14px rgba(11,31,58,.28);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.tori-b{
margin:0;background:var(--canvas);color:var(--ink);
font:400 17px/1.65 "Inter","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
font-feature-settings:"tnum" 0;
}
body.tori-b img{max-width:100%;height:auto}
/* R15: плитка знака держит знак сама. Общее правило `img{height:auto}` специфичнее
одноклассового `.toriv-tile img` и ломало вписывание — поэтому те же body.tori-b */
body.tori-b .toriv-tile img,
body.tori-b .tori-ads__tile img,
body.tori-b .tori-rail__tile img,
body.tori-b .tori-verdict__tile img{width:100%;height:100%;object-fit:contain;display:block}
body.tori-b table{max-width:100%}
body.tori-b a{color:#10477f;text-decoration:none}
body.tori-b a:hover{text-decoration:underline}
/* цвет ссылки задан через `body.tori-b a` — на тёмных участках его надо перебить
СПЕЦИФИЧНОСТЬЮ, иначе синяя ссылка на синем фоне даёт контраст 1,4 (R3) */
body.tori-b .tori-skip{position:absolute;left:-9999px;top:0;background:var(--navy);color:#fff;
padding:10px 16px;z-index:60;text-decoration:none}
body.tori-b .tori-skip:focus{left:0}
/* -- 01 сетка и отступы --------------------------------------------------- */
/* один центрирующий контейнер-полоса у каждой полноширинной секции */
.tori-band{
width:100%;max-width:var(--w-hd);margin-left:auto;margin-right:auto;
padding-left:var(--pad);padding-right:var(--pad);
}
/* R7: отступ живёт на САМОМ контейнере, а не на детях. Своя padding-заливка у блока
(сброс `ul{padding:0}`, сетки, таблицы) перебивала `.tori-main > *` — и коробка
текста вставала вплотную к краю вьюпорта на мобилке (53 блока на «/»). */
.tori-main{
max-width:calc(var(--w) + var(--pad) * 2);margin:0 auto;
padding:0 var(--pad) 46px;
}
.tori-main > *{width:100%;max-width:var(--w);margin-left:auto;margin-right:auto}
body.tori-b--narrow{--w:760px}
body.tori-b--wide{--w:1120px} /* страница с рельсом: текст ≈770 + рельс 312 */
/* поле контента отделено от полотна: бумага с рамкой */
.tori-paper{
background:var(--paper);border:1px solid var(--line);border-radius:var(--rad);
box-shadow:var(--shadow);padding-top:26px;padding-bottom:26px;margin-bottom:22px;
}
/* -- 02 шапка ------------------------------------------------------------- */
/* композиция прогона: тонкая полоса ответственной игры СВЕРХУ, под ней белая шапка */
.tori-mast{position:relative;z-index:30;background:var(--paper)}
.tori-mast__alert{background:var(--navy);color:#cfdcec;font-size:13px;line-height:1.45}
.tori-mast__alert-in{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
padding-top:7px;padding-bottom:7px}
body.tori-b .tori-mast__alert a{color:#ffd483;text-decoration:underline}
.tori-age{display:inline-block;border:1.5px solid var(--amber);color:var(--amber);
border-radius:4px;font:700 12px/1 "Inter",system-ui,sans-serif;padding:4px 6px;letter-spacing:.02em}
.tori-mast__upd{margin-left:auto;color:#8fa6c2;white-space:nowrap}
.tori-mast__main{border-bottom:3px solid var(--navy);background:var(--paper)}
.tori-mast__in{display:flex;align-items:center;gap:22px;padding-top:14px;padding-bottom:14px}
.tori-logo{display:flex;align-items:center;gap:10px;color:var(--navy)!important;text-decoration:none!important}
.tori-logo svg{display:block;flex:none}
.tori-logo b{font:800 23px/1 "Inter",system-ui,sans-serif;letter-spacing:-.02em}
.tori-logo i{font:400 23px/1 "Inter",system-ui,sans-serif;font-style:normal;letter-spacing:-.02em;color:var(--amber-d)}
.tori-logo small{display:block;font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:3px}
/* -- 03 меню -------------------------------------------------------------- */
.tori-nav{margin-left:auto}
.tori-nav__list{display:flex;list-style:none;margin:0;padding:0;background:var(--paper);color:var(--ink)}
.tori-nav__i{position:relative;background:var(--paper)}
.tori-nav__i + .tori-nav__i{border-left:1px solid var(--line-2)}
.tori-nav__i > a{
display:block;padding:10px 14px;color:var(--ink)!important;text-decoration:none!important;
font:600 13.5px/1.2 "Inter",system-ui,sans-serif;letter-spacing:.055em;text-transform:uppercase;
border-top:3px solid transparent; /* акцент СВЕРХУ, не подчёркиванием */
}
.tori-nav__i > a:hover,.tori-nav__i:focus-within > a{border-top-color:var(--amber);background:#f6f8fb}
.tori-nav__i--on > a{border-top-color:var(--navy);color:var(--navy)!important}
.tori-nav__sub{
position:absolute;left:0;top:100%;min-width:232px;margin:0;padding:6px 0;list-style:none;
background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:0 0 8px 8px;
box-shadow:0 14px 30px -12px rgba(11,31,58,.4);opacity:0;visibility:hidden;transform:translateY(-6px);
transition:opacity .16s,transform .16s,visibility .16s;
}
.tori-nav__i:hover > .tori-nav__sub,.tori-nav__i:focus-within > .tori-nav__sub{opacity:1;visibility:visible;transform:none}
.tori-nav__sub li{background:var(--paper);color:var(--ink)}
.tori-nav__sub a{display:block;padding:8px 16px;color:var(--ink)!important;font-size:14.5px;text-decoration:none!important}
.tori-nav__sub a:hover{background:#f2f6fb;color:var(--navy)!important}
.tori-burger{display:none}
/* -- 04 герой ------------------------------------------------------------- */
.tori-hero{padding-top:22px;padding-bottom:0}
.tori-hero__shot{position:relative;border-radius:var(--rad);overflow:hidden;border:1px solid var(--line);background:var(--navy)}
.tori-hero__shot img{display:block;width:100%;height:auto}
.tori-hero__over{
position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
padding:22px 26px;color:#fff;
background-color:rgba(8,20,36,.30);
background-image:linear-gradient(90deg,rgba(7,18,33,.92) 0%,rgba(7,18,33,.66) 46%,rgba(7,18,33,.12) 100%);
}
.tori-hero__over h1{margin:0;color:#fff;font:800 clamp(22px,3.2vw,34px)/1.16 "Inter",system-ui,sans-serif;letter-spacing:-.02em;max-width:22ch}
.tori-hero__over p{margin:8px 0 0;color:#dbe6f4;font-size:15.5px;max-width:52ch}
.tori-credit{display:block;margin:6px 2px 0;text-align:right;font-size:11.5px;color:#7b8ba3}
.tori-credit a{color:#7b8ba3}
/* линия доверия под героем */
.tori-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 4px;padding:0;list-style:none}
.tori-trust li{
background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--amber);
border-radius:8px;padding:11px 14px;font-size:14px;color:var(--ink)
}
.tori-trust b{display:block;font:700 13px/1.3 "Inter",system-ui,sans-serif;color:var(--navy)}
.tori-trust span{color:var(--muted);font-size:13px}
/* полоса заголовка внутренней страницы — низкая, ≤⅓ первого экрана (05.0ш) */
.tori-top{padding-top:18px;padding-bottom:2px}
.tori-crumbs{margin:0 0 8px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px;font-size:12.5px;color:var(--muted)}
.tori-crumbs li::after{content:"›";margin-left:6px;color:#aab6c8}
.tori-crumbs li:last-child::after{content:""}
.tori-crumbs a{color:var(--muted)}
.tori-h1{margin:0;font:800 clamp(24px,3vw,33px)/1.18 "Inter",system-ui,sans-serif;letter-spacing:-.022em;color:var(--navy)}
.tori-meta{margin:7px 0 0;font-size:13px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap}
.tori-meta b{color:var(--ink);font-weight:600}
/* -- 05 проза ------------------------------------------------------------- */
.tori-prose{font-size:17px}
.tori-prose > *:first-child{margin-top:0}
.tori-prose p{margin:0 0 16px}
.tori-prose h2{
margin:34px 0 14px;font:700 clamp(20px,2.3vw,26px)/1.25 "Inter",system-ui,sans-serif;
color:var(--navy);letter-spacing:-.015em;padding-left:14px;border-left:5px solid var(--amber);
}
.tori-prose h3{margin:26px 0 10px;font:700 19px/1.3 "Inter",system-ui,sans-serif;color:var(--navy-2)}
.tori-prose h4{margin:20px 0 8px;font:700 16.5px/1.35 "Inter",system-ui,sans-serif;color:var(--navy-2)}
.tori-prose ul,.tori-prose ol{margin:0 0 16px;padding-left:22px}
.tori-prose li{margin:0 0 7px}
.tori-prose ul{list-style:none;padding-left:4px}
.tori-prose ul > li{position:relative;padding-left:20px}
.tori-prose ul > li::before{content:"";position:absolute;left:3px;top:.62em;width:7px;height:7px;
background:var(--amber);border-radius:2px;transform:rotate(45deg)}
.tori-prose blockquote{margin:0 0 18px;padding:14px 18px;background:#f5f8fc;border-left:4px solid var(--navy);
border-radius:0 8px 8px 0;color:var(--navy-2)}
.tori-prose strong{color:var(--navy)}
.tori-prose hr{border:0;border-top:1px solid var(--line);margin:26px 0}
/* первая картинка страницы — флотом сбоку, не полосой (§18) */
.tori-prose .tori-float{float:right;width:clamp(170px,32%,300px);margin:4px 0 14px 18px}
.tori-prose .tori-float img{display:block;width:100%;border-radius:8px;border:1px solid var(--line)}
.tori-prose .tori-float figcaption{margin-top:5px;font-size:12px;color:var(--muted);line-height:1.4}
.tori-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 20px}
.tori-tw > table{margin:0;min-width:520px}
.tori-prose table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px;background:var(--paper)}
.tori-prose th,.tori-prose td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.tori-prose thead th{background:var(--navy);color:#fff;font-weight:600;border-color:var(--navy)}
.tori-prose tbody tr:nth-child(2n){background:#f7f9fc}
.tori-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 20px}
.tori-tw table{margin:0}
/* каталог игр и провайдеров, перенесённый от донора: сетка имён, не колонка */
.tori-prose ul.tori-gamecat{
list-style:none;display:grid;gap:8px;margin:0 0 22px;padding:0;
grid-template-columns:repeat(auto-fill,minmax(214px,1fr));
}
.tori-prose ul.tori-gamecat li{
margin:0;padding:10px 13px;background:var(--paper);border:1px solid var(--line);
border-left:3px solid var(--amber);border-radius:0 7px 7px 0;
font-size:14.5px;line-height:1.35;color:var(--ink);
}
.tori-prose ul.tori-gamecat li::before{content:none}
.tori-prose ul.tori-gamecat li span{display:block;margin-top:3px;font-size:12.5px;color:var(--muted)}
.tori-prose ul.tori-gamecat a{text-decoration:none!important}
@media (max-width:600px){
.tori-prose ul.tori-gamecat{grid-template-columns:1fr 1fr;gap:6px}
.tori-prose ul.tori-gamecat li{padding:8px 10px;font-size:13.5px}
}
/* -- 06 карточки и рельс рубрик ------------------------------------------- */
.tori-sec{margin:0 0 8px}
.tori-sec__h{
display:flex;align-items:baseline;gap:12px;margin:26px 0 14px;
font:700 clamp(19px,2.2vw,24px)/1.25 "Inter",system-ui,sans-serif;color:var(--navy);letter-spacing:-.015em;
}
.tori-sec__h::before{content:"";flex:none;width:26px;height:5px;background:var(--amber);border-radius:2px;align-self:center}
/* svg без width/height занимает 300×150 — заголовок рубрики блога получал икону в пол-экрана */
.tori-sec__h svg{flex:none;width:25px;height:25px;color:var(--amber-d);align-self:center}
.tori-sec__h--ico::before{display:none}
.tori-sec__h a{color:var(--navy)!important;margin-left:auto;font:600 13px/1 "Inter",system-ui,sans-serif;
text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--amber);padding-bottom:3px}
.tori-grid{display:grid;gap:14px;margin:0 0 24px;padding:0;list-style:none}
.tori-grid--3{grid-template-columns:repeat(3,1fr)}
.tori-grid--2{grid-template-columns:repeat(2,1fr)}
.tori-card{
background:var(--paper);border:1px solid var(--line);border-radius:var(--rad);
box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;
}
.tori-card__pic{display:block;background:#dfe6ef;aspect-ratio:16/9;overflow:hidden}
.tori-card__pic img{width:100%;height:100%;object-fit:cover;display:block}
.tori-card__ico{display:flex;align-items:center;justify-content:center;height:64px;background:#f3f6fb;border-bottom:1px solid var(--line-2)}
.tori-card__ico svg{flex:none;width:30px;height:30px;color:var(--amber-d)}
.tori-card__b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.tori-card__k{font:700 11px/1 "Inter",system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--amber-d)}
.tori-card h3{margin:0;font:700 17px/1.3 "Inter",system-ui,sans-serif}
.tori-card h3 a{color:var(--navy)!important;text-decoration:none!important}
.tori-card h3 a:hover{text-decoration:underline!important}
.tori-card p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.55}
.tori-card__more{margin-top:auto;padding-top:10px;font:600 13px/1 "Inter",system-ui,sans-serif;color:#10477f}
/* лента быстрых переходов — горизонтальные плитки со своей иконкой */
.tori-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 24px;padding:0;list-style:none}
.tori-quick li{background:var(--paper);border:1px solid var(--line);border-radius:8px}
.tori-quick a{display:flex;align-items:center;gap:11px;padding:12px 14px;color:var(--ink)!important;
font:600 14.5px/1.25 "Inter",system-ui,sans-serif;text-decoration:none!important}
.tori-quick a:hover{background:#f5f8fc;color:var(--navy)!important}
.tori-quick svg{flex:none;width:26px;height:26px;color:var(--amber-d)}
.tori-quick__t{display:block;min-width:0}
.tori-quick b{display:block}
.tori-quick__t>span{display:block;font:400 12.5px/1.3 "Inter",system-ui,sans-serif;color:var(--muted);margin-top:2px}
/* -- 07 витрина toriv ----------------------------------------------------- */
.toriv-wrap{
margin:0 0 26px;padding:20px var(--pad) 18px;background:var(--paper);
border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:var(--rad);
box-shadow:var(--shadow);
}
.toriv-h{display:flex;align-items:baseline;gap:12px;margin:0 0 6px;
font:700 clamp(19px,2.2vw,23px)/1.25 "Inter",system-ui,sans-serif;color:var(--navy);letter-spacing:-.015em}
.toriv-h::before{content:"";flex:none;width:26px;height:5px;background:var(--amber);border-radius:2px;align-self:center}
.toriv-sub{margin:0 0 14px;font-size:14px;color:var(--muted)}
.toriv-list{list-style:none;margin:0;padding:0;counter-reset:none}
.toriv-row{
display:grid;grid-template-columns:34px 158px 1fr 200px;gap:0 15px;align-items:center;
padding:13px 0;border-top:1px solid var(--line-2);
}
.toriv-list > li:first-child{border-top:0}
.toriv-row--top{background:#fbfcfe;border-radius:8px;padding-left:8px;padding-right:8px;margin-left:-8px;margin-right:-8px}
.toriv-rank{
font:800 15px/1 "Inter",system-ui,sans-serif;color:var(--amber);
background:var(--navy);border-radius:6px;width:30px;height:30px;
display:flex;align-items:center;justify-content:center;
}
.toriv-row--top .toriv-rank{background:var(--amber);color:var(--navy)}
.toriv-id{min-width:0}
.toriv-tile{
display:flex;align-items:center;justify-content:center;
/* R15: поле плитки мерится вместе с padding — при 6 px высокий знак не добирал 75 % */
width:150px;height:56px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:3px;
}
.toriv-tile img{width:100%;height:100%;object-fit:contain;display:block}
.toriv-name{display:block;margin:7px 0 0;font:700 15px/1.25 "Inter",system-ui,sans-serif;color:var(--navy)}
.toriv-mid{min-width:0}
.toriv-trust{display:block;font-size:12.5px;color:var(--muted);line-height:1.45;margin:0 0 7px}
.toriv-facts{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.toriv-facts li{
background:#eef3f9;color:var(--navy-2);border-radius:20px;padding:4px 10px;
font:600 12px/1.25 "Inter",system-ui,sans-serif;white-space:nowrap;
}
.toriv-facts li.toriv-f--pnp{background:#e4f3ec;color:var(--good)}
/* панель оффера — «кассакуитти», рваный верхний край */
.toriv-deal{display:flex;flex-direction:column;gap:8px;min-width:0}
.toriv-offer{
position:relative;background:#fffaf0;border:1px solid #f0d9a8;border-radius:0 0 8px 8px;
padding:12px 16px 11px; /* ≥16 по горизонтали — норма §2 */
}
.toriv-offer::before{
content:"";position:absolute;left:-1px;right:-1px;top:-6px;height:6px;
background:repeating-linear-gradient(90deg,#f0d9a8 0 6px,transparent 6px 12px);
}
.toriv-offer__k{display:block;font:700 10.5px/1 "Inter",system-ui,sans-serif;letter-spacing:.08em;
text-transform:uppercase;color:var(--amber-d);margin-bottom:4px}
.toriv-offer__v{display:block;font:800 16px/1.25 "Inter",system-ui,sans-serif;color:var(--navy)}
.toriv-offer__d{display:block;font-size:12.5px;color:var(--navy-2);margin-top:3px}
.toriv-offer__w{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.toriv-act{display:flex;flex-direction:column;gap:5px}
.toriv-cta{
display:block;text-align:center;background:var(--amber);color:#2a1a02!important;
border:0;border-bottom:3px solid var(--amber-d);border-radius:7px;
padding:11px 12px;font:800 14.5px/1 "Inter",system-ui,sans-serif;letter-spacing:.02em;
text-decoration:none!important;
}
.toriv-cta:hover{background:#f2ae2d;text-decoration:none!important}
.toriv-rev{display:block;text-align:center;font:600 12.5px/1 "Inter",system-ui,sans-serif;color:#10477f!important;padding:3px 0}
.toriv-tc{display:block;margin:9px 0 0;font-size:11.5px;color:var(--muted);line-height:1.45}
/* хвост под чекбоксом */
.toriv-more{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.toriv-hid{display:none}
.toriv-more:checked ~ .toriv-list > .toriv-hid{display:grid}
.toriv-more:checked ~ .toriv-btn{display:none}
.toriv-btn{
display:block;margin:14px auto 0;max-width:280px;text-align:center;cursor:pointer;
border:1px solid var(--navy);border-radius:7px;padding:10px 16px;color:var(--navy);
font:700 13.5px/1 "Inter",system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;background:#fff;
}
.toriv-btn:hover{background:var(--navy);color:#fff}
/* -- 08 оглавление (своё, свёрнутое) -------------------------------------- */
/* разметка — */
.tori-toc{background:#f5f8fc;border:1px solid var(--line);border-radius:var(--rad);
margin:0 0 22px;padding:13px 18px 14px}
.tori-toc > b{
display:flex;align-items:center;gap:9px;margin:0 0 9px;
font:700 14px/1.3 "Inter",system-ui,sans-serif;color:var(--navy);
letter-spacing:.06em;text-transform:uppercase;
}
.tori-toc > b::before{content:"";flex:none;width:18px;height:4px;background:var(--amber);border-radius:2px}
.tori-toc ol{margin:0;padding:0 0 0 20px;font-size:14.5px;columns:2;column-gap:26px}
.tori-toc li{margin:0 0 5px;break-inside:avoid}
@media (max-width:700px){.tori-toc ol{columns:1}}
/* -- 09 FAQ — все ответы развёрнуты --------------------------------------- */
.tori-faq{margin:6px 0 24px;padding:0;list-style:none}
.tori-faq > li{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--navy);
border-radius:0 8px 8px 0;padding:14px 16px;margin:0 0 10px}
.tori-faq h3{margin:0 0 6px;font:700 16px/1.35 "Inter",system-ui,sans-serif;color:var(--navy)}
.tori-faq p{margin:0;font-size:15.5px;color:var(--ink)}
.tori-faq p + p{margin-top:8px}
/* -- 10 лента блога ------------------------------------------------------- */
.tori-wire{margin:0}
.tori-wire:empty{display:none}
.tori-feed{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px}
.tori-feed > li{background:var(--paper);border:1px solid var(--line);border-radius:var(--rad);
padding:15px 17px;box-shadow:var(--shadow)}
.tori-feed h3{margin:0 0 5px;font:700 17.5px/1.32 "Inter",system-ui,sans-serif}
.tori-feed h3 a{color:var(--navy)!important;text-decoration:none!important}
.tori-feed h3 a:hover{text-decoration:underline!important}
.tori-feed time{display:block;font-size:12.5px;color:var(--muted);margin-bottom:5px;
font-weight:600;letter-spacing:.03em;text-transform:uppercase}
.tori-feed p{margin:0;font-size:15px;color:var(--muted);line-height:1.55}
/* -- 11 подвал ------------------------------------------------------------ */
/* композиция прогона: широкий траст-блок сверху + три узкие колонки ссылок */
.tori-foot{background:var(--navy);color:#c7d6e8;margin-top:30px;font-size:14.5px}
body.tori-b .tori-foot a{color:#c7d6e8;text-decoration:none}
body.tori-b .tori-foot a:hover{color:#fff;text-decoration:underline}
.tori-foot__trust{background:var(--navy-2);border-bottom:1px solid #22456e}
.tori-foot__trust-in{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:22px;
padding-top:24px;padding-bottom:22px}
.tori-foot__trust b{display:block;color:#fff;font:700 14px/1.3 "Inter",system-ui,sans-serif;margin-bottom:7px}
.tori-foot__trust p{margin:0 0 9px;font-size:14px;line-height:1.55;color:#b9cadf}
.tori-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0 0;padding:0;list-style:none}
.tori-badges li{background:#0b1f3a;border:1px solid #2b527e;border-radius:6px;padding:6px 10px;
font:700 11.5px/1 "Inter",system-ui,sans-serif;letter-spacing:.05em;color:#9fb8d4;text-transform:uppercase}
.tori-badges li.tori-b18{border-color:var(--amber);color:var(--amber)}
.tori-foot__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:24px;padding-bottom:18px}
.tori-foot__cols b{display:block;color:#fff;font:700 12px/1 "Inter",system-ui,sans-serif;
letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px}
.tori-foot__cols ul{list-style:none;margin:0;padding:0}
.tori-foot__cols li{margin:0 0 7px;font-size:14px}
.tori-foot__end{border-top:1px solid #22456e}
.tori-foot__end-in{display:flex;flex-wrap:wrap;gap:12px;align-items:center;
padding-top:14px;padding-bottom:18px;font-size:13px;color:#8ba3c1}
.tori-foot__end-in .tori-age{border-color:#8ba3c1;color:#8ba3c1}
/* -- 11a две колонки: текст + рельс (обзор оператора, статья) -------------- */
/* 05.7: на ревьюшнике рельс обязателен — без него портал читается блогом */
.tori-cols{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:34px;align-items:start}
.tori-cols__m{min-width:0}
.tori-rail{position:sticky;top:14px;min-width:0;display:grid;gap:14px;align-content:start}
.tori-rail__b{background:var(--paper);border:1px solid var(--line);border-radius:var(--rad);
padding:14px 16px;box-shadow:var(--shadow)}
.tori-rail__h{display:block;margin:0 0 10px;font:700 12px/1 "Inter",system-ui,sans-serif;
letter-spacing:.09em;text-transform:uppercase;color:var(--navy)}
.tori-rail__h::after{content:"";display:block;width:26px;height:4px;background:var(--amber);
border-radius:2px;margin-top:7px}
.tori-rail__sect,.tori-rail__art{list-style:none;margin:0;padding:0}
.tori-rail__sect li + li,.tori-rail__art li + li{border-top:1px solid var(--line-2)}
.tori-rail__sect a{display:flex;align-items:center;gap:10px;padding:9px 0;
font:600 14px/1.3 "Inter",system-ui,sans-serif;color:var(--ink)!important;text-decoration:none!important}
.tori-rail__sect a:hover{color:var(--navy)!important}
.tori-rail__sect svg{flex:none;width:22px;height:22px;color:var(--amber-d)}
.tori-rail__art li{display:flex;gap:9px;align-items:flex-start;padding:9px 0}
.tori-rail__art svg{flex:none;width:17px;height:17px;margin-top:2px;color:var(--amber-d)}
.tori-rail__art a{font-size:14px;line-height:1.4}
.tori-rail__top{list-style:none;margin:0;padding:0;counter-reset:r}
.tori-rail__top li{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:9px;
align-items:center;padding:9px 0}
.tori-rail__top li + li{border-top:1px solid var(--line-2)}
.tori-rail__tile{display:flex;align-items:center;justify-content:center;width:62px;height:30px;
background:#fff;border:1px solid var(--line);border-radius:5px;padding:2px}
.tori-rail__t{min-width:0}
.tori-rail__t b{display:block;font:700 13px/1.25 "Inter",system-ui,sans-serif;color:var(--navy);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tori-rail__t i{display:block;font-style:normal;font-size:11.5px;color:var(--muted);line-height:1.3;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tori-rail__top li > a{flex:none;background:var(--amber);color:#2a1a02!important;border-radius:5px;
padding:7px 9px;font:800 11.5px/1 "Inter",system-ui,sans-serif;text-decoration:none!important}
.tori-rail__all{display:block;margin-top:11px;font:700 13px/1 "Inter",system-ui,sans-serif;color:#10477f}
/* -- 11b рекламный блок (там, где витрины быть не должно) ------------------ */
.tori-ads{display:block;background:var(--paper);border:1px solid var(--line);
border-radius:var(--rad);padding:14px 16px;margin:0 0 24px;box-shadow:var(--shadow)}
.tori-ads__h{display:block;margin:0 0 10px;font:700 12px/1 "Inter",system-ui,sans-serif;
letter-spacing:.09em;text-transform:uppercase;color:var(--navy)}
.tori-ads__h::after{content:"";display:block;width:26px;height:4px;background:var(--amber);
border-radius:2px;margin-top:7px}
.tori-ads__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tori-ads__i{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:11px;align-items:center;
border:1px solid var(--line-2);border-radius:8px;padding:9px 11px;background:#fbfcfe}
.tori-ads__tile{display:flex;align-items:center;justify-content:center;width:78px;height:36px;
background:#fff;border:1px solid var(--line);border-radius:5px;padding:2px}
.tori-ads__t{min-width:0}
.tori-ads__t b{display:block;font:700 14px/1.25 "Inter",system-ui,sans-serif;color:var(--navy)}
.tori-ads__t i{display:block;font-style:normal;font-size:12.5px;color:var(--muted);line-height:1.35}
.tori-ads__cta{flex:none;background:var(--navy);color:#fff!important;border-radius:6px;
padding:9px 13px;font:800 12.5px/1 "Inter",system-ui,sans-serif;text-decoration:none!important;
letter-spacing:.04em;text-transform:uppercase}
.tori-ads__cta:hover{background:var(--navy-2)}
.tori-ads__tc{display:block;margin-top:10px;font-size:11.5px;color:var(--muted);line-height:1.45}
/* в рельсе блок уже — карточка в одну колонку */
.tori-rail .tori-ads{margin:0;box-shadow:none}
.tori-rail .tori-ads__i{grid-template-columns:62px minmax(0,1fr);gap:9px;row-gap:7px}
.tori-rail .tori-ads__tile{width:62px;height:30px}
.tori-rail .tori-ads__cta{grid-column:1 / -1;text-align:center;padding:8px}
/* на всю ширину колонки — по две карточки в ряд */
.tori-main > .tori-ads .tori-ads__list{grid-template-columns:repeat(2,1fr)}
/* -- 11c вердикт обзора, призыв, таблица фактов ---------------------------- */
.tori-verdict{display:grid;grid-template-columns:152px minmax(0,1fr) 190px;gap:16px;align-items:center;
background:#fffaf0;border:1px solid #f0d9a8;border-left:4px solid var(--amber);
border-radius:var(--rad);padding:15px 18px;margin:0 0 22px}
.tori-verdict__tile{display:flex;align-items:center;justify-content:center;width:152px;height:58px;
background:#fff;border:1px solid var(--line);border-radius:7px;padding:3px}
.tori-verdict__b{min-width:0}
.tori-verdict__k{display:block;font:700 10.5px/1 "Inter",system-ui,sans-serif;letter-spacing:.08em;
text-transform:uppercase;color:var(--amber-d);margin-bottom:4px}
.tori-verdict__v{display:block;font:800 17px/1.25 "Inter",system-ui,sans-serif;color:var(--navy)}
.tori-verdict__w{display:block;font-size:12.5px;color:var(--navy-2);margin-top:3px}
.tori-verdict__t{display:block;font-size:12.5px;color:var(--muted);line-height:1.45;margin-top:5px}
.tori-verdict__cta{display:block;text-align:center;background:var(--amber);color:#2a1a02!important;
border-bottom:3px solid var(--amber-d);border-radius:7px;padding:12px 14px;
font:800 14px/1.15 "Inter",system-ui,sans-serif;text-decoration:none!important}
.tori-verdict__cta:hover{background:#f2ad2c}
.tori-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:center;
background:var(--navy);border-radius:var(--rad);padding:17px 19px;margin:6px 0 22px}
.tori-cta b{font:800 17px/1.3 "Inter",system-ui,sans-serif;color:#fff}
.tori-cta > a{background:var(--amber);color:#2a1a02!important;border-radius:7px;padding:12px 18px;
font:800 14px/1 "Inter",system-ui,sans-serif;text-decoration:none!important;white-space:nowrap}
.tori-cta span{grid-column:1 / -1;font-size:12.5px;color:#9fb8d4}
.tori-cta--in{background:#f5f8fc;border:1px solid var(--line)}
.tori-cta--in b{color:var(--navy)}
.tori-cta--in span{color:var(--muted)}
.tori-facts{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px;background:var(--paper)}
.tori-facts th,.tori-facts td{border:1px solid var(--line);padding:9px 13px;text-align:left;vertical-align:top}
.tori-facts th{width:36%;background:#f5f8fc;color:var(--navy);font-weight:700}
/* -- 11d герой, примечание, индекс, карта --------------------------------- */
.tori-hero__in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:26px;
align-items:center;padding:4px 0 6px}
.tori-hero__t{min-width:0}
.tori-hero__lead{margin:12px 0 0;font-size:16.5px;line-height:1.6;color:var(--navy-2)}
.tori-hero__upd{margin:10px 0 0;font:600 12.5px/1 "Inter",system-ui,sans-serif;
letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.tori-hero__img{margin:0;float:none;width:100%}
.tori-hero__img img{display:block;width:100%;border-radius:var(--rad);border:1px solid var(--line)}
.tori-hero__img figcaption{margin-top:5px;font-size:12px;color:var(--muted);line-height:1.4}
.tori-note{margin:6px 0 20px;padding:12px 16px;background:#f5f8fc;border:1px solid var(--line);
border-radius:8px;font-size:13px;line-height:1.55;color:var(--muted)}
.tori-index{margin:0 0 24px}
.tori-index__n{margin-left:auto;background:var(--navy);color:#fff;border-radius:20px;
padding:4px 11px;font:700 12.5px/1 "Inter",system-ui,sans-serif}
.tori-index__list{list-style:none;margin:10px 0 0;padding:0;columns:3;column-gap:24px;font-size:14.5px}
.tori-index__list li{margin:0 0 6px;break-inside:avoid}
.tori-sitemap{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 26px;margin:0 0 24px}
.tori-sitemap ul{list-style:none;margin:0 0 6px;padding:0;font-size:14.5px}
.tori-sitemap li{margin:0 0 6px}
/* -- 12 мобилка ----------------------------------------------------------- */
@media (max-width:1020px){
.tori-cols{grid-template-columns:1fr;gap:24px}
.tori-rail{position:static;grid-template-columns:repeat(2,1fr);display:grid}
.tori-index__list{columns:2}
.tori-grid--3{grid-template-columns:repeat(2,1fr)}
.tori-quick{grid-template-columns:repeat(2,1fr)}
.toriv-row{grid-template-columns:32px 128px 1fr 180px;gap:0 12px}
.toriv-tile{width:120px;height:48px}
}
@media (max-width:820px){
/* сам