/* ============================================================================ casinoonline-365.com — КАРКАС «AURORA», этап 05 Полотно #0A1026 · белый ЛИСТ контента 888 + поля 36 · светлый подвал #F4F7FD Классы своих блоков: c365-* Классы донора после чистки: zt-* Грузится ПОСЛЕДНИМ, поэтому правила донора по голому тегу гасятся приёмом :where(body.c365-page <тег>) — та же специфичность, но мы ниже. ========================================================================= */ /* --- c365:font --- шрифт донора (Roboto из темы 13027), положен локально ---- */ @font-face{font-family:"C365 Sans";font-style:normal;font-weight:400;font-display:swap; src:url("/x/c365/roboto-400.woff2") format("woff2")} @font-face{font-family:"C365 Sans";font-style:normal;font-weight:500;font-display:swap; src:url("/x/c365/roboto-500.woff2") format("woff2")} @font-face{font-family:"C365 Sans";font-style:normal;font-weight:700;font-display:swap; src:url("/x/c365/roboto-700.woff2") format("woff2")} /* --- c365:tokens ---------------------------------------------------------- */ :root{ --c365-canvas:#0A1026; --c365-canvas2:#121A38; --c365-util:#060B1B; --c365-paper:#FFFFFF; --c365-ink:#141A2C; --c365-ink2:#4B5674; --c365-ink3:#5F6982; --c365-line:#E2E7F3; --c365-line2:#CED7EA; /* ink3 не светлее #5F6982: 4.5:1 на подвале */ --c365-tint:#F6F8FD; --c365-tint2:#EEF2FB; --c365-acc:#2ED9A0; --c365-acc-d:#12B583; --c365-acc-ink:#06281D; --c365-acc2:#7C5CFF; --c365-acc2-d:#5B3BE0; --c365-star:#FFC542; --c365-red:#D51B2A; --c365-foot:#F4F7FD; --c365-w:888px; --c365-wide:1120px; --c365-sheet:36px; --c365-pad:20px; --c365-gap:24px; --c365-r:14px; --c365-r2:10px; --c365-s1:8px; --c365-s2:16px; --c365-s3:30px; --c365-s4:48px; --c365-ff:"C365 Sans",Roboto,"Segoe UI",Arial,sans-serif; --c365-sh:0 24px 60px rgba(4,8,22,.45); } @media (max-width:900px){:root{--c365-sheet:14px;--c365-pad:14px;--c365-gap:12px}} /* --- c365:reset — гасим правила донора по ГОЛОМУ тегу --------------------- */ :where(body.c365-page header),:where(body.c365-page footer),:where(body.c365-page nav){ position:static;top:auto;left:auto;right:auto;bottom:auto;float:none; background:none;width:auto;height:auto;min-height:0;max-height:none; transform:none;z-index:auto;margin:0;padding:0;border:0;box-shadow:none;overflow:visible} :where(body.c365-page a){text-decoration:none;color:var(--c365-acc2-d)} :where(body.c365-page figcaption){color:var(--c365-ink3);font-size:14px} :where(body.c365-page h1),:where(body.c365-page h2),:where(body.c365-page h3), :where(body.c365-page h4){color:var(--c365-ink);font-family:var(--c365-ff);text-transform:none} :where(body.c365-page h2):after,:where(body.c365-page h2):before, :where(body.c365-page h3):after,:where(body.c365-page h3):before{content:none} body.c365-page:before,body.c365-page:after{content:none!important} body.c365-page .zt-site-container:before,body.c365-page .zt-site-container:after{content:none!important} /* иконочный шрифт темы мёртв — его псевдоэлементы не должны висеть крапинами. Гасим ТОЛЬКО у донорских узлов, свои маркеры живут своими классами. */ body.c365-page [class*="icon-"]:before,body.c365-page [class*="icon_"]:before, body.c365-page .zt-soc-icon:before,body.c365-page .arrow:before{content:none!important} body.c365-page .zt-main li:before{content:none!important} body.c365-page .zt-main ul:not(.breadcrumbs):not(.menu){list-style:none;padding-left:0} body.c365-page .zt-main .text ul:not(.breadcrumbs) li, body.c365-page .zt-main .text-column ul li{position:relative;padding-left:26px;margin:7px 0} body.c365-page .zt-main .text ul:not(.breadcrumbs) li:before, body.c365-page .zt-main .text-column ul li:before{ content:""!important;position:absolute;left:6px;top:11px;width:8px;height:8px;border-radius:2px; background:linear-gradient(135deg,var(--c365-acc),var(--c365-acc2))} body.c365-page .zt-main .text ol,body.c365-page .zt-main .text-column ol{ list-style:decimal;padding-left:26px} body.c365-page .zt-main .text ol li{margin:7px 0} /* --- c365:frame — полотно и ЛИСТ ------------------------------------------ */ body.c365-page{background:var(--c365-canvas)!important;color:var(--c365-ink); font:400 17px/1.72 var(--c365-ff);margin:0;padding:0;overflow-x:hidden} body.c365-page .site-wrapper{background:none;max-width:none;width:auto;padding:0;margin:0} body.c365-page .zt-site-container{background:none!important;max-width:none!important; width:auto!important;padding:0!important;margin:0!important;display:block!important;border:0} /* ЛИСТ. Второй селектор — для шаблонов, где донор вложил контейнер глубже. */ body.c365-page .zt-page-wrapper, body.c365-page .zt-site-container>.row>.zt-page-wrapper{ display:block!important;float:none!important;width:auto!important; max-width:calc(var(--c365-w) + var(--c365-sheet)*2)!important; margin:var(--c365-s3) auto var(--c365-s4)!important;padding:0!important; background:var(--c365-paper)!important;border:1px solid var(--c365-line2); border-radius:var(--c365-r);box-shadow:var(--c365-sh);overflow:visible} /* шаблон с рельсом: лист шире ровно на рельс+зазор, колонка текста те же 888 */ body.c365-page.c365-hasrail .zt-page-wrapper{ max-width:calc(1164px + var(--c365-sheet)*2)!important} /* ряды-обёртки донора возвращаются в блочный поток; отступ держит ТОЛЬКО zt-main */ body.c365-page .zt-main{display:block!important;float:none!important;width:auto!important; max-width:none!important;flex:none!important; padding:var(--c365-s3) var(--c365-sheet) var(--c365-s4)!important;margin:0!important; box-sizing:border-box;background:none} body.c365-page .zt-main>*{float:none!important;width:auto!important;max-width:100%!important; flex:none!important;box-sizing:border-box} body.c365-page .zt-main .row,body.c365-page .zt-main .zt-blog-area, body.c365-page .zt-main .page-top,body.c365-page .zt-main .head{ display:block!important;width:100%!important;flex:none!important;margin-left:0;margin-right:0} body.c365-page .zt-main:first-child>*:first-child{margin-top:0} body.c365-page img,body.c365-page iframe,body.c365-page table{max-width:100%} body.c365-page img{height:auto} @media (max-width:900px){ body.c365-page .zt-page-wrapper{max-width:none!important;margin:0 auto var(--c365-s3)!important; border-radius:0;border-left:0;border-right:0} } /* --- c365:top — двухъярусная шапка ----------------------------------------- */ .c365-top{background:var(--c365-canvas2);position:relative;z-index:900} .c365-top *{box-sizing:border-box} .c365-top__in{max-width:var(--c365-wide);margin:0 auto;padding:0 var(--c365-pad); display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0} .c365-top__util{background:var(--c365-util);color:#AEB8D4;font-size:13px;line-height:1.5} .c365-top__util .c365-top__in{min-height:36px;padding-top:6px;padding-bottom:6px} .c365-top__util a{color:#D6DEF5} .c365-top__util a:hover{color:#fff} .c365-top__note{color:#8E9AB8;min-width:0} .c365-top__grow{flex:1 1 20px} .c365-top__help{display:inline-flex;align-items:center;gap:7px;white-space:normal;font-weight:500} .c365-top__help svg{flex:none;fill:var(--c365-acc)} .c365-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px; padding:3px 10px;font-size:12px;font-weight:700;letter-spacing:.02em} .c365-chip svg{flex:none} .c365-chip--geo{background:rgba(255,255,255,.07);color:#EAF0FF} .c365-chip--age{background:var(--c365-acc);color:var(--c365-acc-ink)} .c365-top__bar{position:relative} .c365-top__bar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px; background:linear-gradient(90deg,var(--c365-acc),var(--c365-acc2))} .c365-top__bar .c365-top__in{min-height:72px;padding-top:10px;padding-bottom:10px} .c365-brand{display:inline-flex;align-items:center;gap:12px;color:#fff!important; text-decoration:none!important;margin-right:auto} .c365-brand__mark{width:44px;height:44px;flex:none;display:block} .c365-brand__mark svg{display:block;width:44px;height:44px} .c365-brand__tx{display:flex;flex-direction:column;line-height:1.16;min-width:0} .c365-brand__tx b{font-size:21px;font-weight:700;color:#fff;letter-spacing:-.01em} .c365-brand__tx i{font-style:normal;font-size:12px;color:#93A0C0;letter-spacing:.06em; text-transform:uppercase} /* меню: ноль JS, подменю на :hover/:focus-within, мобильный тоггл — чекбокс */ .c365-menut{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none} .c365-burger{display:none;width:44px;height:44px;border-radius:var(--c365-r2); border:1px solid rgba(255,255,255,.18);cursor:pointer;align-items:center;justify-content:center} .c365-burger span,.c365-burger span:before,.c365-burger span:after{ display:block;width:20px;height:2px;background:#fff;border-radius:2px;position:relative} .c365-burger span:before,.c365-burger span:after{content:"";position:absolute;left:0} .c365-burger span:before{top:-6px} .c365-burger span:after{top:6px} .c365-menu ul{list-style:none;margin:0;padding:0} .c365-menu>ul{display:flex;align-items:center;gap:2px;flex-wrap:wrap} /* цвет задаётся и самому li: текст рисует ссылка, но проверка контраста читает computed color у ПУНКТА — унаследованный тёмный ink на тёмной шапке = провал 1.01 */ .c365-menu__i{position:relative;color:#E7ECFA} .c365-menu__i>a{display:inline-flex;align-items:center;gap:7px;color:#E7ECFA!important; font-size:15px;font-weight:500;padding:10px 11px;border-radius:var(--c365-r2); text-decoration:none!important;white-space:nowrap} .c365-menu__i>a svg{flex:none;fill:var(--c365-acc)} .c365-menu__i:hover>a,.c365-menu__i:focus-within>a{background:rgba(124,92,255,.22);color:#fff!important} .c365-menu__i--has>a:after{content:"";width:6px;height:6px;border-right:2px solid #8E9AB8; border-bottom:2px solid #8E9AB8;transform:rotate(45deg) translateY(-2px);flex:none} .c365-drop{position:absolute;top:100%;left:0;min-width:252px;background:#0E1531; border:1px solid #23305C;border-radius:var(--c365-r2);box-shadow:0 18px 40px rgba(2,5,16,.5); padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.14s;z-index:960} .c365-menu__i:hover>.c365-drop,.c365-menu__i:focus-within>.c365-drop{ opacity:1;visibility:visible;transform:none} .c365-menu__i--r .c365-drop{left:auto;right:0} .c365-drop a{display:flex;align-items:center;gap:8px;color:#CBD5F0!important;font-size:14px; padding:8px 10px;border-radius:8px;text-decoration:none!important} .c365-drop a:before{content:"";width:5px;height:5px;border-radius:999px;flex:none; background:var(--c365-acc)} .c365-drop a:hover{background:rgba(46,217,160,.14);color:#fff!important} @media (max-width:900px){ .c365-burger{display:inline-flex} .c365-top__bar .c365-top__in{min-height:64px} .c365-menu{flex-basis:100%;display:none} .c365-menut:checked~.c365-menu{display:block} .c365-menu>ul{display:block} .c365-menu__i>a{display:flex;width:100%;justify-content:space-between;padding:12px 4px; border-bottom:1px solid rgba(255,255,255,.08);min-height:44px;border-radius:0} .c365-drop{position:static;opacity:1;visibility:visible;transform:none;display:none; box-shadow:none;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1); margin:0 0 8px} .c365-menu__i:focus-within>.c365-drop,.c365-menu__i:hover>.c365-drop{display:block} .c365-drop a{min-height:44px} } /* --- c365:foot — СВЕТЛЫЙ подвал: широкая траст-полоса + узкий ряд чипов ----- */ .c365-foot{background:var(--c365-foot);color:#2A3350;border-top:3px solid transparent; border-image:linear-gradient(90deg,var(--c365-acc),var(--c365-acc2)) 1; font-size:15px;line-height:1.66} .c365-foot *{box-sizing:border-box} .c365-foot__in{max-width:var(--c365-wide);margin:0 auto;padding:0 var(--c365-pad)} .c365-foot__trust{padding:30px 0 22px} .c365-foot__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .c365-foot__t{background:#fff;border:1px solid var(--c365-line);border-radius:var(--c365-r2); padding:18px 18px 16px} .c365-foot__t svg{fill:var(--c365-acc2-d);display:block;margin-bottom:10px} .c365-foot__t b{display:block;font-size:15px;color:#141A2C;margin-bottom:5px} .c365-foot__t span{display:block;font-size:14px;color:#525C7A} .c365-foot__help{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center; background:#fff;border:1px solid var(--c365-line);border-radius:var(--c365-r2);padding:14px 18px} .c365-foot__help b{font-size:15px;color:#141A2C} .c365-foot__help a{color:var(--c365-acc2-d)!important;font-weight:500} .c365-foot__help .c365-chip--age{background:var(--c365-acc-ink);color:var(--c365-acc)} .c365-foot__chips{border-top:1px solid var(--c365-line);padding:16px 0} .c365-foot__chips .c365-foot__in{display:flex;flex-wrap:wrap;gap:8px} .c365-foot__chip{display:inline-block;padding:7px 13px;border-radius:999px;background:#fff; border:1px solid var(--c365-line2);color:#2A3350!important;font-size:13.5px; text-decoration:none!important} .c365-foot__chip:hover{border-color:var(--c365-acc2);color:var(--c365-acc2-d)!important} .c365-foot__badges{border-top:1px solid var(--c365-line);padding:16px 0} .c365-foot__badges .c365-foot__in{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center} .c365-foot__badges b{font-size:13px;color:var(--c365-ink3);font-weight:500;text-transform:uppercase; letter-spacing:.05em;flex:1 1 100%} .c365-foot__badge{display:inline-flex;align-items:center;justify-content:center;height:34px; padding:0 10px;background:#fff;border:1px solid var(--c365-line);border-radius:8px} .c365-foot__badge img{max-height:22px;max-width:96px;width:auto;height:auto;display:block} .c365-foot__legal{border-top:1px solid var(--c365-line);padding:16px 0 26px} .c365-foot__legal .c365-foot__in{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center} .c365-foot__mark{display:inline-flex;align-items:center;gap:9px;color:#141A2C!important; font-weight:700;text-decoration:none!important} .c365-foot__mark svg{width:30px;height:30px;display:block;flex:none} .c365-foot__nav{display:flex;flex-wrap:wrap;gap:6px 14px;margin-left:auto} .c365-foot__nav a{color:#4B5674!important;font-size:14px;text-decoration:none!important} .c365-foot__nav a:hover{color:var(--c365-acc2-d)!important;text-decoration:underline!important} .c365-foot__copy{width:100%;color:var(--c365-ink3);font-size:13px} @media (max-width:900px){ .c365-foot__grid{grid-template-columns:1fr} .c365-foot__nav{margin-left:0} } /* --- c365:h1 — плашка заголовка ------------------------------------------- */ body.c365-page .zt-main .title,body.c365-page .zt-main .front-page, body.c365-page .zt-main .slot-page-title,body.c365-page .zt-main .casino-page-title{ background:none;padding:0;margin:0 0 var(--c365-s2);border:0;text-align:left} /* ⚠ СПЕЦИФИЧНОСТЬ. У донора заголовок красит `.zt .title h1` — это (0,2,1), а наше `body.c365-page h1` — (0,1,2): классов меньше, значит донор ВЫИГРЫВАЕТ. Было видно не глазом, а замером: на всех страницах кроме главной H1 оставался донорским — 30px, uppercase, #303030, красная полоска :before и float:left (из-за флоата .title схлопывался в 4px и чекер считал H1 «скрытым текстом»). Свои правила на заголовок держим минимум с ДВУМЯ классами, а свойства, которые донор задаёт селекторами в 3–4 класса (`.zt.not-front .title h1`, `.zt.single.default .title h1`, `.zt.not-front.archive.paged .title h1`) — через !important: классами их не перебить. */ body.c365-page h1,body.c365-page .zt-main h1,body.c365-page .title h1, body.c365-page .title .like-title{ font-size:38px!important;line-height:1.2!important;font-weight:700!important; letter-spacing:-.02em;margin:0 0 6px!important;color:#101627!important; text-transform:none!important;padding-left:0!important;float:none!important; position:static!important;width:auto!important;text-align:left!important} body.c365-page .title h1:before,body.c365-page .title .like-title:before, body.c365-page .zt-main h1:before{content:none!important;display:none!important} body.c365-page .zt-main>.title:after,body.c365-page .zt-main .title h1:after{content:none} body.c365-page .c365-h1rule{display:block;width:96px;height:4px;border-radius:3px; background:linear-gradient(90deg,var(--c365-acc),var(--c365-acc2));margin:0 0 var(--c365-s3)} /* ⚠ цвет и РЕГИСТР подзаголовков тоже нельзя оставлять в :where() (0 специфичности): донорское `h2,h3,h4,h5,h6{color:#1b1b1b;text-transform:uppercase}` выигрывало на 52 узлах одной страницы — все подзаголовки сайта шли КАПСОМ и чужим серым. */ body.c365-page h2{font-size:26px;line-height:1.28;font-weight:700;margin:var(--c365-s3) 0 12px; letter-spacing:-.01em;color:var(--c365-ink);text-transform:none} body.c365-page h3{font-size:20px;line-height:1.35;font-weight:700;margin:var(--c365-s2) 0 10px; color:var(--c365-ink);text-transform:none} body.c365-page h4{font-size:17px;font-weight:700;margin:var(--c365-s2) 0 8px; color:var(--c365-ink);text-transform:none} body.c365-page h5,body.c365-page h6{font-size:16px;font-weight:700; margin:var(--c365-s2) 0 8px;color:var(--c365-ink);text-transform:none} body.c365-page .zt-main p,body.c365-page .zt-main li,body.c365-page .zt-main dd, body.c365-page .zt-main dt,body.c365-page .zt-main blockquote,body.c365-page .zt-main td, body.c365-page .zt-main th,body.c365-page .zt-main span{ font-family:var(--c365-ff)!important;color:inherit} body.c365-page .zt-main p,body.c365-page .zt-main li{font-size:17px!important;line-height:1.72!important} body.c365-page .zt-main p{margin:0 0 14px} body.c365-page .zt-main .text a,body.c365-page .zt-main .text-column a, body.c365-page .zt-main p a,body.c365-page .zt-main li a{ color:var(--c365-acc2-d)!important;text-decoration:underline!important; text-decoration-thickness:1px;text-underline-offset:2px} body.c365-page .zt-main mark{background:#FFF6D6;color:#3A2E00;padding:0 3px;border-radius:3px} body.c365-page .zt-main blockquote{margin:var(--c365-s2) 0;padding:14px 18px; background:var(--c365-tint);border-left:4px solid var(--c365-acc2);border-radius:0 10px 10px 0} body.c365-page .zt-main hr{border:0;border-top:1px solid var(--c365-line);margin:var(--c365-s3) 0} @media (max-width:900px){ body.c365-page h1{font-size:28px!important} /* !important — иначе десктопное правило с !important не уступит */ body.c365-page h2{font-size:22px} body.c365-page h3{font-size:18px} } /* --- c365:crumbs ---------------------------------------------------------- */ body.c365-page ul.breadcrumbs{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none; margin:0 0 var(--c365-s2);padding:0;font-size:13px;color:var(--c365-ink3)} body.c365-page ul.breadcrumbs li{margin:0;padding:0;font-size:13px!important;position:static} body.c365-page ul.breadcrumbs li:before{content:none!important} body.c365-page ul.breadcrumbs li+li:after{content:none} body.c365-page ul.breadcrumbs li:not(:last-child):after{content:"›";margin-left:8px;color:#A7B0C6} body.c365-page ul.breadcrumbs a{color:var(--c365-ink3)!important;text-decoration:none!important} body.c365-page ul.breadcrumbs a:hover{color:var(--c365-acc2-d)!important} /* --- c365:toc — своё СВЁРНУТОЕ оглавление -------------------------------- */ .c365-toc{border:1px solid var(--c365-line2);border-radius:var(--c365-r2); background:var(--c365-tint);margin:0 0 var(--c365-s3);overflow:hidden} .c365-toc>summary{cursor:pointer;list-style:none;padding:13px 16px;font-weight:700; display:flex;align-items:center;gap:10px;color:#141A2C;min-height:44px} .c365-toc>summary::-webkit-details-marker{display:none} .c365-toc>summary svg{fill:var(--c365-acc2-d);flex:none} .c365-toc>summary:after{content:"";width:8px;height:8px;margin-left:auto; border-right:2px solid #6B7590;border-bottom:2px solid #6B7590;transform:rotate(45deg)} .c365-toc[open]>summary:after{transform:rotate(-135deg)} .c365-toc__b{padding:0 16px 14px;border-top:1px solid var(--c365-line)} .c365-toc__b ol{list-style:none;margin:10px 0 0;padding:0;counter-reset:c365toc} .c365-toc__b li{counter-increment:c365toc;position:relative;padding-left:30px;margin:6px 0} /* !important обязателен: сброс `.zt-main li:before{content:none!important}` из c365:reset той же специфичности, и без !important номера оглавления не отрисовываются вовсе — пустой отступ слева на 594 страницах. */ .c365-toc__b li:before{content:counter(c365toc)!important;position:absolute;left:0;top:1px;width:21px; height:21px;border-radius:6px;background:#fff;border:1px solid var(--c365-line2); font-size:11.5px;font-weight:700;color:var(--c365-acc2-d);display:flex; align-items:center;justify-content:center} .c365-toc__b a{color:#27314D!important;text-decoration:none!important;font-size:15.5px} .c365-toc__b a:hover{color:var(--c365-acc2-d)!important;text-decoration:underline!important} /* оглавление донора выключено разметкой; на всякий случай прячем остатки */ body.c365-page #toc_container,body.c365-page .toc_wrap_left,body.c365-page .ctoc{display:none} /* --- c365:prose-media — картинки и подписи в теле ------------------------- */ body.c365-page .zt-main img.aligncenter,body.c365-page .zt-main img.size-full{ display:block;margin:var(--c365-s2) auto;border-radius:var(--c365-r2)} .c365-fig{margin:var(--c365-s2) 0;border:1px solid var(--c365-line);border-radius:var(--c365-r2); overflow:hidden;background:var(--c365-tint)} .c365-fig img{display:block;width:100%;height:auto} .c365-fig figcaption{padding:10px 14px;font-size:13.5px;color:var(--c365-ink3); border-top:1px solid var(--c365-line);background:#fff} /* --- c365:donor-tables — таблицы данных донора --------------------------- */ body.c365-page .zt-main table{border-collapse:collapse;width:100%;margin:var(--c365-s2) 0; font-size:15.5px;background:#fff} body.c365-page .zt-main table.block-data,body.c365-page .zt-main table.characteristics{ border:1px solid var(--c365-line);border-radius:var(--c365-r2);overflow:hidden} body.c365-page .zt-main table th{background:var(--c365-tint2);color:#1B2238;text-align:left; font-weight:700;font-size:14px!important;padding:11px 14px;border-bottom:1px solid var(--c365-line)} body.c365-page .zt-main table td{padding:11px 14px;border-bottom:1px solid var(--c365-line); vertical-align:middle;font-size:15.5px!important} body.c365-page .zt-main table tr:last-child td{border-bottom:0} body.c365-page .zt-main .label-data{color:var(--c365-ink2);font-weight:500;width:42%} body.c365-page .zt-main .cell-data{color:#1B2238} body.c365-page .zt-main td.border-none,body.c365-page .zt-main .border-none{border:0} /* аккордеоны донора жили на JS — раскрыты навсегда, «скрытого текста» нет */ body.c365-page .slide-open,body.c365-page .data-title{display:table-header-group} body.c365-page .zt-main table tbody{display:table-row-group} body.c365-page .zt-main .data-title__cell{background:var(--c365-tint2)} body.c365-page .zt-main .p-0{padding:0} .c365-tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--c365-s2) 0} .c365-tblwrap>table{margin:0;min-width:520px} .c365-tblwrap--2>table{min-width:0} .c365-tblnote{font-size:13px;color:var(--c365-ink3);margin:6px 0 0} /* ⚠ база донора (base-*.css) с 1140px гасит .column-4 (License) и .column-5 (Games Types) таблицы бонусов: на телефоне посетитель терял лицензию и типы игр, а рендер-гейт видел это как «скрытый текст». Внутри своей обёртки таблица уже прокручивается по горизонтали, гасить колонки не нужно — возвращаем их с теми же ширинами, что на широком экране. Текст донорский, ничего не дописано. */ /* 769–1140px донор держит таблицу колонками: возвращаем колонки с их ширинами, обёртка прокручивает. Без flex-shrink:0 ячейки сожмутся вместо прокрутки. */ @media only screen and (min-width:769px) and (max-width:1140px){ body.c365-page .c365-tblwrap table.table-top-bonuses .column-4, body.c365-page .c365-tblwrap table.table-top-bonuses .column-5{display:block!important} body.c365-page .c365-tblwrap table.table-top-bonuses .column-4{ width:169px;padding-left:5px;padding-right:5px} body.c365-page .c365-tblwrap table.table-top-bonuses .column-5{ width:242px;padding-left:5px;padding-right:5px} body.c365-page .c365-tblwrap table.table-top-bonuses td, body.c365-page .c365-tblwrap table.table-top-bonuses th{flex:0 0 auto} body.c365-page .c365-tblwrap table.table-top-bonuses{min-width:1100px} } /* ≤768px донор складывает ряд в карточку (ячейки во всю ширину) — две вернувшиеся колонки встают такими же строками карточки, а не уезжают за правый край. */ @media only screen and (max-width:768px){ body.c365-page .c365-tblwrap table.table-top-bonuses .column-4, body.c365-page .c365-tblwrap table.table-top-bonuses .column-5{ display:block!important;width:100%!important;flex:0 0 100%!important; padding-left:5px;padding-right:5px} } /* --- c365:donor-cards — карточки слотов, казино, бонусов ------------------ */ body.c365-page .slots-block,body.c365-page .cover-items{margin:var(--c365-s3) 0 0} body.c365-page .cover-items .title_onlinecasino,body.c365-page .cover-items h2{ margin:0 0 var(--c365-s2)} body.c365-page .slider-slots,body.c365-page .slots-list{ display:grid!important;grid-template-columns:repeat(auto-fill,minmax(196px,1fr)); gap:var(--c365-gap);width:auto!important} body.c365-page .slot-item{display:flex!important;flex-direction:column;background:#fff; border:1px solid var(--c365-line);border-radius:var(--c365-r2);overflow:hidden; width:auto!important;margin:0!important;float:none!important} body.c365-page .slot-item__image,body.c365-page .slot-item-pre-img{ display:block;aspect-ratio:16/11;overflow:hidden;background:var(--c365-tint2)} body.c365-page .slot-item__image img,body.c365-page .slot-item-pre-img img{ width:100%;height:100%;object-fit:cover;display:block} body.c365-page .slot-item__title{padding:11px 12px 4px;font-weight:700;font-size:15px!important; line-height:1.3;color:#151B2E} body.c365-page .slot-item__title a{color:#151B2E!important;text-decoration:none!important} body.c365-page .slot-item__button{margin:auto 12px 12px;padding-top:8px} body.c365-page .casino-item{background:#fff;border:1px solid var(--c365-line); border-radius:var(--c365-r2);padding:14px;margin:0!important;width:auto!important; float:none!important;display:flex!important;flex-direction:column;gap:10px} body.c365-page .casino-item__inner{display:flex;flex-direction:column;gap:10px} body.c365-page .casino-item__image{display:flex;align-items:center;justify-content:center; min-height:64px;background:none;border:0} body.c365-page .casino-item__image img{max-height:56px;width:auto;object-fit:contain} body.c365-page .casino-item__title{font-weight:700;font-size:16px!important;color:#151B2E} body.c365-page .casino-item__title a{color:#151B2E!important;text-decoration:none!important} body.c365-page .casino-item__review-link a{color:var(--c365-acc2-d)!important;font-size:14px} body.c365-page .bonus-item{background:#fff} body.c365-page .bonus-item__logo img{max-height:52px;width:auto;object-fit:contain} body.c365-page .bonus-item__bonus{font-weight:700;color:#101627} body.c365-page .bonus-item__casino{font-weight:700} body.c365-page .bonus-item__review a{color:var(--c365-acc2-d)!important;font-size:14px} /* мини-таблица «топ казино» донора: ряд-ссылка с логотипом, названием и рейтингом */ body.c365-page .item-top-casino{padding:10px 12px!important} body.c365-page a.top_slot_sidebar{display:flex!important;align-items:center;gap:12px; color:#151B2E!important;text-decoration:none!important} body.c365-page .item-top-casino-pre-img{width:64px;height:44px;flex:none;overflow:hidden; border-radius:8px;background:var(--c365-tint2)} body.c365-page .item-top-casino-pre-img img{width:100%;height:100%;object-fit:contain} body.c365-page .item-top-casino-title{font-weight:700;font-size:15px!important;min-width:0} body.c365-page .right-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap; justify-content:flex-end} body.c365-page .top-casinos-text{color:var(--c365-ink2);font-size:14px!important} body.c365-page .sidebar-popular-slot,body.c365-page .sidebar-popular-link{ display:flex;align-items:center;gap:10px;color:#151B2E!important;text-decoration:none!important} /* --- c365:rating — звёзды ------------------------------------------------- */ body.c365-page .custom-ratting-container,body.c365-page .rating-cover{ display:inline-flex;align-items:center;gap:6px} body.c365-page .custom-rating-img img,body.c365-page .rating-cover img{ height:18px;width:auto;display:block} body.c365-page .rating-name,body.c365-page .rating-value{font-weight:700;color:#101627; font-size:14px!important} .c365-stars{display:inline-flex;gap:2px;vertical-align:middle} .c365-stars svg{width:17px;height:17px;display:block} /* --- c365:btn — кнопки и CTA --------------------------------------------- Донор оформляет кнопку то ссылкой внутри, то текстом на самом узле (button.red-btn, div.casino-item__button). Красим оба вида: вложенную ссылку — всегда, сам узел — когда ссылки внутри нет (:not(:has(a))), иначе кнопка нарисуется дважды. */ body.c365-page .green-btn a,body.c365-page a.green-btn,body.c365-page .red-btn a, body.c365-page a.red-btn,body.c365-page .review-btn a,body.c365-page a.review-btn, body.c365-page .slot-item__button a,body.c365-page .casino-item__button a, body.c365-page .bonus-item__play a,body.c365-page a.c365-cta,body.c365-page button.table-link, body.c365-page .green-btn:not(:has(a)),body.c365-page .red-btn:not(:has(a)), body.c365-page .review-btn:not(:has(a)),body.c365-page .slot-item__button:not(:has(a)), body.c365-page .casino-item__button:not(:has(a)),body.c365-page .bonus-item__play:not(:has(a)), body.c365-page .c365-cta{ display:inline-flex!important;align-items:center;justify-content:center;gap:8px; min-height:44px;padding:11px 18px;border-radius:var(--c365-r2);border:0;cursor:pointer; font:700 15px/1.2 var(--c365-ff);text-decoration:none!important;width:100%; background:linear-gradient(135deg,var(--c365-acc),var(--c365-acc-d)); color:var(--c365-acc-ink)!important;box-shadow:0 8px 18px rgba(18,181,131,.22)} body.c365-page .green-btn a:hover,body.c365-page a.c365-cta:hover, body.c365-page .slot-item__button a:hover{filter:brightness(1.06)} body.c365-page .review-btn a,body.c365-page a.review-btn,body.c365-page .c365-cta--ghost, body.c365-page .review-btn:not(:has(a)){ background:#fff;color:var(--c365-acc2-d)!important;border:1px solid var(--c365-line2); box-shadow:none;font-weight:600} body.c365-page .review-btn a:hover{border-color:var(--c365-acc2);background:var(--c365-tint)} body.c365-page .red-btn a,body.c365-page a.red-btn,body.c365-page .red-btn:not(:has(a)){ background:linear-gradient(135deg,var(--c365-acc2),var(--c365-acc2-d));color:#fff!important; box-shadow:0 8px 18px rgba(92,59,224,.22)} /* обёртка кнопки в карточке слота держит внешний отступ, а не padding кнопки */ body.c365-page .slot-item__button:not(:has(a)){margin:auto 12px 12px;padding:11px 18px} /* когда кнопку рисует вложенная ссылка, у САМОЙ обёртки донорская алая заливка (#ff1a4b) остаётся и выглядывает рамкой из-под нашей пилюли — гасим обёртку */ body.c365-page .red-btn:has(a),body.c365-page .green-btn:has(a), body.c365-page .bonus-item__play:has(a),body.c365-page .casino-item__button:has(a){ background:none!important;box-shadow:none!important;padding:0!important;border:0!important} /* ссылка-«обзор» у донора алая (3.8:1 на белом и ещё хуже на цветных рядах) */ body.c365-page .casino-item__review-link,body.c365-page a.casino-item__review-link, body.c365-page .bonus-item__review,body.c365-page a.bonus-item__review, body.c365-page .slot-item__review,body.c365-page a.table-link{ color:var(--c365-acc2-d)!important;font-size:14px!important;font-weight:600; text-decoration:none!important} body.c365-page .casino-item__review-link:hover,body.c365-page a.bonus-item__review:hover{ text-decoration:underline!important} /* донор подкрашивал ряды витрин в фирменные цвета казино — на листе это грязь и провал контраста; ряды белые, чётные — светлый тон скина */ body.c365-page [class*="table-top-"][class*="__item"], body.c365-page [class*="table-top-"][class*="__item"]>td, body.c365-page [class*="table-top-"] tr>td{background-color:#fff!important} body.c365-page [class*="table-top-"] tbody tr:nth-of-type(even)>td{ background-color:var(--c365-tint)!important} /* ⚠ у части ячеек фон не цветом, а ГРАДИЕНТОМ (td.table-top-providers__item — сиреневый linear-gradient): background-color его не перекрывает, ссылка внутри осталась #515170 на сиреневом = 3.26. Гасим и картинку фона. ⚠ Гасить по маске «-item» нельзя: под неё попадает .bonus-item__play — САМА кнопка, она теряла градиент и белый текст оставался на белом. Только ячейки ряда. */ body.c365-page [class*="table-top-"] tr>td, body.c365-page [class*="table-top-"] td[class*="__item"], body.c365-page [class*="table-top-"] tr[class*="__item"]>td{background-image:none!important} /* плитка провайдера у донора — «выезжающий» градиент (linear-gradient(270deg,#6b4eaf 49%, #f6f5fa 50%) при background-size:200%): в покое видна светлая половина, на hover заезжает сиреневая и ссылка белеет. Средний цвет стопов читается как сиреневый фон под тёмной ссылкой (3.26). Делаем плитку своей: белая с рамкой, на hover — тон и акцент. */ body.c365-page [class*="table-top-providers"] .provider-item{ background-image:none!important;background-color:#fff!important; border:1px solid var(--c365-line)!important;border-radius:var(--c365-r2)!important; transition:background-color .2s,border-color .2s} body.c365-page [class*="table-top-providers"] td:hover .provider-item{ background-color:var(--c365-tint2)!important;border-color:var(--c365-acc2)!important} body.c365-page [class*="table-top-providers"] .provider-item__link{ color:#151B2E!important;font-weight:600} body.c365-page [class*="table-top-providers"] td:hover .provider-item__link{ color:var(--c365-acc2-d)!important} /* имя казино в бонусной витрине донора — серо-сиреневая ссылка 18px; на листе это заголовок строки: тёмный ink и жирный, как имя провайдера в плитке */ body.c365-page [class*="table-top-"] .bonus-item__casino a, body.c365-page .bonus-item__casino a{color:#151B2E!important;font-weight:700} body.c365-page [class*="table-top-"] .bonus-item__casino a:hover{ color:var(--c365-acc2-d)!important} /* блок FAQ донора звал Roboto по имени — локально его нет, шрифт слетал в системный */ body.c365-page .faq-text,body.c365-page .faq-question,body.c365-page .faq-answer{ font-family:var(--c365-ff)!important} /* бесклассовая ссылка донора в таблице: своя розовая краска 4.06 на светлом тоне */ body.c365-page td>a:not([class]),body.c365-page th>a:not([class]), body.c365-page td>a[class=""]{color:var(--c365-acc2-d)!important;font-weight:600} body.c365-page .zt-main .btn-pink,body.c365-page .zt-main .hidden-sm{width:auto} /* --- c365:slotdemo — экран игры донора жил на JS: остаётся кадр и CTA ----- */ .c365-demo{margin:0 0 var(--c365-s3);border:1px solid var(--c365-line); border-radius:var(--c365-r);overflow:hidden;background:var(--c365-tint)} .c365-demo__shot{display:block;position:relative;background:#0B1226} .c365-demo__shot img{display:block;width:100%;height:auto} .c365-demo__bar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;padding:14px; background:#fff;border-top:1px solid var(--c365-line)} .c365-demo__bar b{font-size:15px;color:#141A2C} .c365-demo__bar span{font-size:13.5px;color:var(--c365-ink3)} .c365-demo__bar .c365-cta{width:auto;margin-left:auto} @media (max-width:900px){.c365-demo__bar .c365-cta{margin-left:0;width:100%}} /* --- c365:shots — лента скриншотов обзора -------------------------------- */ body.c365-page .slider-screenshots-wrapper{margin:var(--c365-s3) 0} body.c365-page .slider-screenshots-top{display:flex;align-items:center;gap:12px; margin-bottom:12px} body.c365-page .slider-screenshots__title{font-weight:700;font-size:20px;color:#141A2C} body.c365-page .slider-screenshots-btns{display:none} body.c365-page .slider-screenshots{display:grid!important; grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--c365-gap); width:auto!important;overflow:visible!important} body.c365-page .slider-screenshots-item{margin:0!important;width:auto!important; border:1px solid var(--c365-line);border-radius:var(--c365-r2);overflow:hidden;background:#fff} body.c365-page .slider-screenshots-item img{display:block;width:100%;height:auto} /* --- c365:faq ------------------------------------------------------------- */ body.c365-page .faq-text,body.c365-page .faq-answer{display:block!important; height:auto!important;max-height:none!important;overflow:visible!important; visibility:visible!important;opacity:1!important} .c365-faq{margin:var(--c365-s3) 0 0} .c365-faq__i{border:1px solid var(--c365-line);border-radius:var(--c365-r2);background:#fff; padding:14px 16px;margin:0 0 10px} .c365-faq__i b{display:block;font-size:16px;color:#141A2C;margin-bottom:6px} /* --- c365:rail — рельс обзора (портал, а не блог) ------------------------- */ .c365-grid{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:var(--c365-gap); align-items:start} .c365-grid__main{min-width:0} .c365-grid__main>*:first-child{margin-top:0} .c365-rail{position:sticky;top:12px;display:flex;flex-direction:column;gap:var(--c365-gap); min-width:0} .c365-rail__b{border:1px solid var(--c365-line);border-radius:var(--c365-r2);background:#fff; overflow:hidden} .c365-rail__hd{display:flex;align-items:center;gap:8px;padding:11px 13px;font-weight:700; font-size:14px;color:#141A2C;background:var(--c365-tint2); border-bottom:1px solid var(--c365-line)} .c365-rail__hd svg{fill:var(--c365-acc2-d);flex:none} .c365-rail__l{list-style:none;margin:0;padding:6px} .c365-rail__l li{margin:0} .c365-rail__l a{display:flex;align-items:center;gap:9px;padding:9px 9px;border-radius:8px; color:#27314D!important;font-size:14.5px;text-decoration:none!important;min-height:40px} .c365-rail__l a:hover{background:var(--c365-tint);color:var(--c365-acc2-d)!important} .c365-rail__l a svg{fill:var(--c365-acc);flex:none} .c365-rail__note{padding:12px 13px;font-size:13.5px;color:var(--c365-ink2); background:var(--c365-tint)} @media (max-width:1000px){ .c365-grid{grid-template-columns:1fr} .c365-rail{position:static;flex-direction:row;flex-wrap:wrap} .c365-rail__b{flex:1 1 260px} } /* --- c365:value — блок ценности (почему этот сайт) ----------------------- */ .c365-value{margin:var(--c365-s3) 0 0;background:linear-gradient(135deg,#0E1531,#1B2350); border-radius:var(--c365-r);padding:22px;color:#E9EEFC} .c365-value h2{color:#fff!important;font-size:22px!important;margin:0 0 6px!important} .c365-value p{color:#B9C3E0!important;margin:0 0 16px!important} .c365-value__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .c365-value__i{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1); border-radius:var(--c365-r2);padding:14px} .c365-value__i svg{fill:var(--c365-acc);display:block;margin-bottom:8px} .c365-value__i b{display:block;font-size:15px;color:#fff;margin-bottom:4px} .c365-value__i span{display:block;font-size:13.5px;color:#AFBAD8} @media (max-width:900px){.c365-value__g{grid-template-columns:1fr}} /* --- c365:trustbar — полоса доверия донора над листом -------------------- */ /* ⚠ у донора это геро-баннер: height:400px + background-image:banner.svg, текст прижат к низу. Картинки в снапшоте нет, поэтому оставался ПУСТОЙ провал 400px между шапкой и листом (замер: зазор 430px), а в мобильном донор гасил блок целиком (display:none) — три обещания уезжали в «скрытый текст». Делаем из него узкую полосу доверия: высота по содержимому, видна на всех ширинах. */ body.c365-page .zt-top-front-bn{background:none!important;height:auto!important;min-height:0; display:block!important;padding:0;margin:0;position:static} body.c365-page .zt-top-front-bn .front-top-bn-text{max-width:var(--c365-wide);margin:0 auto; padding:16px var(--c365-pad) 2px;color:#C3CDE9;font-size:14px;display:block; align-items:normal} body.c365-page .zt-top-front-bn .front-top-bn-text p{color:#C3CDE9!important;margin:0; display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:center;text-align:center; font-size:13.5px;letter-spacing:.04em} body.c365-page .zt-top-front-bn .front-top-bn-text br{display:none} /* --- c365:lists — ленты и индексы (НЕ карточки) -------------------------- */ body.c365-page .item-preview-bottom,body.c365-page .zt-blog-area .post-item{ display:flex;gap:14px;align-items:flex-start;padding:14px 0; border-bottom:1px solid var(--c365-line)} body.c365-page .item-preview-bottom img{width:132px;height:88px;object-fit:cover;flex:none; border-radius:8px} body.c365-page .slots-link,body.c365-page .provider-link{color:#151B2E!important; text-decoration:none!important} body.c365-page .slots-link:hover,body.c365-page .provider-link:hover{ color:var(--c365-acc2-d)!important} @media (max-width:900px){ body.c365-page .item-preview-bottom img{width:96px;height:66px} } /* --- c365:kill — мёртвые органы управления донора ------------------------ */ body.c365-page .zt-search-form-wrapper,body.c365-page .searchform, body.c365-page .share-buttons,body.c365-page .slot-page-share, body.c365-page .btn-refresh,body.c365-page .fullscreen-button, body.c365-page .fullscreen-ref--wrap,body.c365-page .demo-container, body.c365-page .play-block-preload,body.c365-page .slider-screenshots-btns, body.c365-page .zt-buttons-block{display:none!important} /* --- c365:narrow — 375–390: ничего не должно вылезать за лист ------------ Длинные названия («Lucky Larry's Lobstermania 2»), жирные вставки и кнопки донора с фиксированной шириной рвут строку на узком экране. */ @media (max-width:900px){ body.c365-page .zt-main,body.c365-page .c365-foot,body.c365-page .c365-top{ overflow-wrap:anywhere} body.c365-page .zt-main p,body.c365-page .zt-main li,body.c365-page .zt-main strong, body.c365-page .zt-main b,body.c365-page .zt-main a,body.c365-page .zt-main h1, body.c365-page .zt-main h2,body.c365-page .zt-main h3,body.c365-page .zt-main h4, body.c365-page .zt-main div:not(.c365-tblwrap),body.c365-page .zt-main img, body.c365-page .zt-main iframe{max-width:100%!important} body.c365-page .zt-main [style*="width"]:not(.c365-tblwrap):not(table):not(td):not(th){ width:auto!important;max-width:100%!important} body.c365-page .slot-item__button,body.c365-page .casino-item__button, body.c365-page .bonus-item__play,body.c365-page .green-btn,body.c365-page .red-btn{ min-width:0!important} } /* --- c365:contrast — узлы ниже 4.5 по gate_render R3 (24.09.2026) -------- Донорская краска на своих же подложках не проходит порог читаемости, и это не видно глазом: белое на #EA1845 даёт 4.45, белое на золотом #FFCE45 — 1.48. Красим ФОН там, где подложка своя, и ТЕКСТ там, где подложка — картинка. */ /* кнопки «More Reviews» / «More Popular Slots» / «See more»: белое на #EA1845 = 4.45 */ body.c365-page .see_more_slots,body.c365-page .see_more_casinos, body.c365-page .see_more a,body.c365-page .see_more button, body.c365-page a.see_more_slots,body.c365-page button.see_more_slots{ background:#C8102E!important;color:#fff!important} /* «More Reviews» подвала листинга: белое на #F16A87 = 2.94 */ body.c365-page .load-more-btn,body.c365-page .load-more-btn span, body.c365-page .load-more{background:#C8102E!important;color:#fff!important} /* подпись поверх обложки казино/провайдера: белое на #FFCE45 = 1.48 — берём тёмную плашку, а не перекрашиваем текст: под подписью лежит картинка */ body.c365-page .casino-img-title,body.c365-page .software-img-title, body.c365-page [class$="-img-title"]{background:rgba(10,16,38,.78)!important; color:#fff!important} body.c365-page .casino-img-title span,body.c365-page .software-img-title span, body.c365-page [class$="-img-title"] span{color:#fff!important} /* инлайновый красный донора в заголовках «Cons» (#ff0000 = 4.0 на белом) */ body.c365-page .zt-main [style*="#ff0000" i], body.c365-page .zt-main [style*="rgb(255, 0, 0)" i]{color:#C8102E!important} /* телефон помощи в правой колонке обзора: донорский розовый 4.29 на тоне */ body.c365-page .c365-rail__note a{color:var(--c365-acc2-d)!important;font-weight:600} /* --- c365:a11y ----------------------------------------------------------- */ body.c365-page a:focus-visible,body.c365-page summary:focus-visible, body.c365-page .c365-burger:focus-visible{outline:3px solid var(--c365-acc2);outline-offset:2px} .c365-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0); white-space:nowrap} /* --- c365:upd — одна видимая дата на страницу, сразу под линейкой H1 ------ */ /* правило H1 несёт margin-bottom s3; строку даты подтягиваем под него, иначе между линейкой и датой встаёт двойной отступ */ body.c365-page .c365-upd{font-size:13px;line-height:1.5;color:var(--c365-ink3); margin:0 0 var(--c365-s2);display:flex;gap:6px;align-items:baseline} body.c365-page .c365-h1rule + .c365-upd{margin-top:calc(10px - var(--c365-s3))} body.c365-page .c365-upd time{color:var(--c365-ink2);font-weight:600} /* --- c365:sig — редакционная подпись перед подвалом (организация, без персоны) */ .c365-sig{background:var(--c365-canvas2);border-top:1px solid rgba(255,255,255,.08); color:#C7D0E8} .c365-sig__in{max-width:var(--c365-wide);margin:0 auto; padding:var(--c365-s3) var(--c365-pad);display:flex;gap:16px;align-items:flex-start} .c365-sig__ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid; place-items:center;background:rgba(46,217,160,.14)} .c365-sig__ic svg{fill:var(--c365-acc)} .c365-sig__tx{min-width:0} .c365-sig__hd{display:block;color:#fff;font-size:17px;font-weight:700;margin:0 0 6px} .c365-sig p{margin:0 0 8px;font-size:14px;line-height:1.62} .c365-sig p:last-child{margin-bottom:0} .c365-sig a{color:#A99BFF;text-decoration:underline} .c365-sig a:hover{color:#fff} .c365-sig__ad,.c365-sig__rg{color:#AEB8D4;font-size:13.5px} @media (max-width:640px){.c365-sig__in{gap:12px;padding:var(--c365-s2) var(--c365-pad)} .c365-sig__ic{width:34px;height:34px;border-radius:10px} .c365-sig__ic svg{width:18px;height:18px}} /* --- c365:art — СВОИ ГАЙДЫ: тело, выноски, карточка фактов, диаграмма, FAQ, дальше --- Своих страниц у донора не было, поэтому бандл темы на них не подключается (п. 05.28) и ВСЁ, что видно, описано здесь. Классы донора не переиспользуются: общий сброс `.zt-main ul` из c365:reset гасит маркеры, свои возвращаются своим селектором (п. 05.14c — свои маркеры обязаны выжить после своих же сбросов). */ .c365-art{margin:0} .c365-art>*:first-child{margin-top:0} .c365-art>h2:first-of-type{margin-top:var(--c365-s2)} body.c365-page .zt-main .c365-art>p{margin:0 0 15px} body.c365-page .zt-main .c365-art>p.c365-art__intro{font-size:18.5px!important; line-height:1.66!important;color:#26304C} /* ВЕДЁННЫЕ СПИСКИ: маркер свой, ромб-градиент как в карточках и оглавлении */ body.c365-page .zt-main .c365-art ul{list-style:none;margin:0 0 16px;padding:0} body.c365-page .zt-main .c365-art ul>li{position:relative;padding-left:26px;margin:9px 0} body.c365-page .zt-main .c365-art ul>li:before{content:""!important;position:absolute; left:5px;top:11px;width:9px;height:9px;border-radius:3px; background:linear-gradient(135deg,var(--c365-acc),var(--c365-acc2))} body.c365-page .zt-main .c365-art ol{list-style:none;counter-reset:c365art;margin:0 0 18px; padding:0} body.c365-page .zt-main .c365-art ol>li{counter-increment:c365art;position:relative; padding-left:40px;margin:11px 0} /* !important — общий сброс `.zt-main li:before{content:none!important}` из c365:reset бьёт специфичность: без !important нумерация молча исчезает (п. 05.14c). */ body.c365-page .zt-main .c365-art ol>li:before{content:counter(c365art)!important;position:absolute; left:0;top:2px;width:27px;height:27px;border-radius:9px;background:var(--c365-tint2); border:1px solid var(--c365-line2);color:#33406B;font-size:13px;font-weight:700; display:flex;align-items:center;justify-content:center} body.c365-page .zt-main .c365-art li>strong,body.c365-page .zt-main .c365-art p>strong{ color:#101627} /* ВЫНОСКА-ОТВЕТ: короткий ответ на запрос страницы, сразу под интро */ .c365-lead{display:flex;gap:14px;align-items:flex-start;margin:0 0 var(--c365-s3); padding:16px 18px;border:1px solid var(--c365-line2);border-left:4px solid var(--c365-acc2); border-radius:0 var(--c365-r2) var(--c365-r2) 0;background:var(--c365-tint)} .c365-lead__ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid; place-items:center;background:#fff;border:1px solid var(--c365-line2)} .c365-lead__ic svg{fill:var(--c365-acc2-d)} .c365-lead__x{min-width:0} /* Подписи-«шапки» — теги span и p, а по ним у донора бьют правила в два класса (`.zt-main span{color:inherit}`, `.zt-main p{font-size:17px!important}`). Поэтому свои подписи держим тем же префиксом и с !important на кегле и цвете. */ body.c365-page .zt-main .c365-lead__hd{display:block;font-size:13px!important;font-weight:700; letter-spacing:.06em;text-transform:uppercase;color:var(--c365-acc2-d)!important;margin:0 0 4px} body.c365-page .zt-main .c365-lead p{margin:0;font-size:16.5px!important;color:#232C48} /* КАРТОЧКА ФАКТОВ: пары «что → как», ширина колонки фиксирована на десктопе */ .c365-keys{margin:0 0 var(--c365-s3);border:1px solid var(--c365-line2); border-radius:var(--c365-r2);background:#fff;overflow:hidden} .c365-keys__hd{display:flex;align-items:center;gap:9px;padding:12px 16px;font-weight:700; font-size:14.5px;color:#141A2C;background:var(--c365-tint2); border-bottom:1px solid var(--c365-line)} .c365-keys__hd svg{fill:var(--c365-acc2-d);flex:none} .c365-keys dl{display:grid;grid-template-columns:186px minmax(0,1fr);margin:0} .c365-keys dt,.c365-keys dd{margin:0;padding:11px 16px;border-bottom:1px solid var(--c365-line); font-size:15.5px!important} body.c365-page .zt-main .c365-keys dt{font-weight:700;color:#33406B!important;background:#FBFCFF} body.c365-page .zt-main .c365-keys dd{color:var(--c365-ink)!important} .c365-keys dt:nth-last-of-type(1),.c365-keys dd:nth-last-of-type(1){border-bottom:0} /* ЧЕК-ЛИСТ: то, что читатель должен проверить сам */ .c365-check{margin:0 0 var(--c365-s3);padding:16px 18px;border:1px solid var(--c365-line2); border-radius:var(--c365-r2);background:linear-gradient(180deg,#FBFDFF,var(--c365-tint))} body.c365-page .zt-main .c365-check__hd{display:block;font-weight:700;font-size:16px!important; color:#141A2C!important;margin:0 0 10px} body.c365-page .zt-main .c365-check ul{margin:0;padding:0;list-style:none} body.c365-page .zt-main .c365-check ul>li{position:relative;padding-left:30px;margin:8px 0; font-size:16px!important} body.c365-page .zt-main .c365-check ul>li:before{content:""!important;position:absolute;left:2px; top:7px;width:16px;height:16px;border-radius:5px;background:var(--c365-acc); box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px var(--c365-acc-d)} /* ДИАГРАММА: полосы, шаги или две колонки — данные берутся из текста статьи */ .c365-dia{margin:var(--c365-s3) 0;border:1px solid var(--c365-line2); border-radius:var(--c365-r2);background:#fff;overflow:hidden} .c365-dia__hd{display:flex;align-items:center;gap:9px;padding:12px 16px;font-weight:700; font-size:14.5px;color:#141A2C;background:var(--c365-tint2); border-bottom:1px solid var(--c365-line)} .c365-dia__hd svg{fill:var(--c365-acc-d);flex:none} .c365-dia__b{padding:16px} body.c365-page .zt-main .c365-dia__note{margin:0;padding:0 16px 14px;font-size:13px!important; line-height:1.55!important;color:var(--c365-ink3)!important} .c365-bar{display:grid;grid-template-columns:174px minmax(0,1fr) 96px;gap:10px; align-items:center;margin:0 0 11px} .c365-bar:last-child{margin-bottom:0} body.c365-page .zt-main .c365-bar__t{font-size:14px!important;color:#33406B!important; font-weight:500;min-width:0} .c365-bar__r{height:16px;border-radius:8px;background:var(--c365-tint2);overflow:hidden} .c365-bar__f{display:block;height:100%;border-radius:8px; background:linear-gradient(90deg,var(--c365-acc),var(--c365-acc2))} body.c365-page .zt-main .c365-bar__v{font-size:13.5px!important;font-weight:700; color:#101627!important;text-align:right} body.c365-page .zt-main .c365-steps{counter-reset:c365st;margin:0;padding:0;list-style:none} body.c365-page .zt-main .c365-steps>li{counter-increment:c365st;position:relative; padding:0 0 16px 42px;margin:0;border-left:2px solid var(--c365-line2)} body.c365-page .zt-main .c365-steps>li:last-child{padding-bottom:0;border-left-color:transparent} body.c365-page .zt-main .c365-steps>li:before{content:counter(c365st)!important; position:absolute;left:-15px;top:-2px;width:28px; height:28px;border-radius:50%;background:#fff;border:2px solid var(--c365-acc); color:var(--c365-acc-d);font-size:13px;font-weight:700;display:flex;align-items:center; justify-content:center} body.c365-page .zt-main .c365-steps b{display:block;font-size:15.5px;color:#101627; margin:3px 0 3px} body.c365-page .zt-main .c365-steps span{display:block;font-size:14.5px; color:var(--c365-ink2)!important;line-height:1.6} .c365-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .c365-split__c{border:1px solid var(--c365-line);border-radius:var(--c365-r2); padding:14px;background:var(--c365-tint)} .c365-split__c--b{background:#FFF9F2;border-color:#F0E0CB} body.c365-page .zt-main .c365-split__hd{display:block;font-weight:700;font-size:15px!important; color:#101627!important;margin:0 0 8px} body.c365-page .zt-main .c365-split ul{margin:0;padding:0;list-style:none} body.c365-page .zt-main .c365-split ul>li{position:relative;padding-left:20px;margin:6px 0; font-size:14.5px!important;line-height:1.58!important} body.c365-page .zt-main .c365-split ul>li:before{content:""!important;position:absolute;left:2px; top:9px;width:7px;height:7px;border-radius:2px;background:var(--c365-acc2)} .c365-split__c--b ul>li:before{background:#C98A3A!important} /* СВОИ ТАБЛИЦЫ: рамка и радиус, как у донорских .block-data (у донора рамка висит на классе, которого на своих таблицах нет — без этого правила они «голые») */ .c365-art .c365-tblwrap>table{border:1px solid var(--c365-line); border-radius:var(--c365-r2);overflow:hidden} .c365-art .c365-tblwrap>table td:first-child{color:#33406B;font-weight:500} /* FAQ: заголовок блока (сами карточки живут в c365:faq) */ .c365-faq__hd{font-size:22px!important;margin:var(--c365-s3) 0 12px!important} /* ДАЛЬШЕ ПО ТЕМЕ: внутренние ссылки, без них новая страница остаётся сиротой */ .c365-rel{margin:var(--c365-s4) 0 0;border-top:1px solid var(--c365-line); padding-top:var(--c365-s2)} body.c365-page .zt-main .c365-rel__hd{display:block;font-size:13px!important;font-weight:700; letter-spacing:.06em;text-transform:uppercase;color:var(--c365-ink3)!important;margin:0 0 12px} .c365-rel__g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; margin:0;padding:0;list-style:none} body.c365-page .zt-main .c365-rel__g>li{margin:0;padding:0} body.c365-page .zt-main .c365-rel__g>li:before{content:none!important} body.c365-page .zt-main .c365-rel__g a{display:flex;align-items:center;gap:10px;min-height:48px; padding:10px 13px;border:1px solid var(--c365-line2);border-radius:var(--c365-r2); background:#fff;color:#27314D!important;font-size:15px!important;font-weight:500; text-decoration:none!important;line-height:1.4} body.c365-page .zt-main .c365-rel__g a:hover{border-color:var(--c365-acc2); background:var(--c365-tint);color:var(--c365-acc2-d)!important} .c365-rel__g a svg{fill:var(--c365-acc2-d);flex:none} @media (max-width:900px){ .c365-keys dl{grid-template-columns:1fr} .c365-keys dt{padding-bottom:0;border-bottom:0;background:#fff} .c365-keys dd{padding-top:4px} .c365-bar{grid-template-columns:1fr auto;gap:4px 10px} body.c365-page .zt-main .c365-bar__t{grid-column:1;font-size:14.5px!important} body.c365-page .zt-main .c365-bar__v{grid-column:2;text-align:right} .c365-bar__r{grid-column:1 / span 2;height:14px} .c365-split{grid-template-columns:1fr} .c365-rel__g{grid-template-columns:1fr} .c365-lead{gap:11px;padding:14px} .c365-lead__ic{width:28px;height:28px;border-radius:8px} .c365-lead__ic svg{width:16px;height:16px} body.c365-page .zt-main .c365-art>p.c365-art__intro{font-size:17.5px!important} .c365-faq__hd{font-size:20px!important} } /* --- c365:railsb — донорский сайдбар обзора ВНУТРИ рельса ----------------- */ /* Владелец 24.09.2026: «на обзоре два сайдбара». Колонка донора (`.casino-page-content > .sidebar-block-side`) переехала первым ребёнком `aside.c365-rail` (c365_rail2.py), контейнер сохранён — донорские правила привязаны к нему. Здесь снимаются его собственные 300 px и отступ, а таблицы подгоняются под колонку: вид карточек и палитра уже заданы секцией c365:donor-tables, потому что рельс лежит внутри `.zt-main`. */ .c365-grid--rail300{grid-template-columns:minmax(0,1fr) 300px} /* у донора `.casino-page-top{width:calc(100% - 330px)}` — без колонки внутри main это была бы дыра в 330 px справа от текста */ .c365-grid--rail300 .casino-page-top, .c365-grid--rail300 .casino-page{width:100%!important} .c365-rail .sidebar-block-side{width:100%!important;max-width:100%!important; padding:0!important;display:flex!important;flex-direction:column; gap:var(--c365-gap);flex-wrap:nowrap!important} .c365-rail .sidebar-block-side>*{width:100%!important;max-width:100%!important; margin:0!important;flex:0 0 auto} body.c365-page .c365-rail .sidebar-block-side table.block-data{margin:0!important; font-size:14px} body.c365-page .c365-rail .sidebar-block-side table th{padding:10px 12px; font-size:12.5px!important;letter-spacing:.04em;text-transform:uppercase} body.c365-page .c365-rail .sidebar-block-side table td{padding:9px 12px; font-size:14px!important;line-height:1.4} body.c365-page .c365-rail .sidebar-block-side .label-data{width:46%;font-size:13.5px!important} /* таблица популярных слотов лежит в своей обёртке с min-width:520px под текст — в колонке 300 px это горизонтальная прокрутка внутри сайдбара */ .c365-rail .c365-tblwrap{margin:0!important;overflow:visible} .c365-rail .c365-tblwrap>table{min-width:0!important} .c365-rail .sidebar-block-side .casino-page-img{margin:0!important} .c365-rail .sidebar-block-side .cover-casino-img{width:100%!important;margin:0 0 10px!important} .c365-rail .sidebar-block-side .cover-casino-img img{height:150px} /* кнопка «Play for real money» под логотипом и «SHOW ALL FREE SLOTS» в подвале таблицы — единая кнопка рельса, а не две разные донорские */ .c365-rail .sidebar-block-side a.btn, .c365-rail .sidebar-block-side .casino-page-img a, .c365-rail .sidebar-block-side td.border-none a{display:block;text-align:center; padding:10px 12px;border-radius:9px;background:var(--c365-acc); color:var(--c365-acc-ink)!important;font-weight:700;font-size:14px; text-decoration:none!important} .c365-rail .sidebar-block-side a.btn:hover, .c365-rail .sidebar-block-side .casino-page-img a:hover, .c365-rail .sidebar-block-side td.border-none a:hover{background:var(--c365-acc-d)} .c365-rail .sidebar-block-side .slot-popular td a{display:block;text-align:left; padding:0;background:none;color:#27314D!important;font-weight:400;border-radius:0} .c365-rail .sidebar-block-side .slot-popular td a:hover{background:none; color:var(--c365-acc2-d)!important;text-decoration:underline!important} /* CTA «Get bonus» внутри рельса — обычный блок колонки: свой отступ ему задаёт зазор колонки, а не правило секции c365:donor-cta2 для тела страницы */ .c365-rail .sidebar-block-side a.casino-link{margin:0!important} /* ⚠ На телефоне колонка уезжала ВНИЗ за статью: замер 24.09.2026 — рельс начинался на 17 756 px, то есть карточка бренда, бонус и главный CTA обзора лежали ниже всего текста. Разворачиваем обе обёртки в `display:contents`, чтобы их блоки стали клетками одноколоночного грида, и поднимаем над текстом ровно три: карточку с логотипом и кнопкой, таблицу бонуса и «Get bonus». Популярные слоты, факты, платежи и наши блоки остаются под статьёй. */ @media (max-width:1000px){ .c365-grid--rail300{grid-template-columns:1fr} .c365-grid--rail300>aside.c365-rail{display:contents} .c365-rail .sidebar-block-side{display:contents!important} .c365-rail .sidebar-block-side>.casino-page-img{order:-3} .c365-rail .sidebar-block-side>table.block-data:first-of-type{order:-2} .c365-rail .sidebar-block-side>a.casino-link{order:-1} .c365-rail .sidebar-block-side>.c365-tblwrap, .c365-rail .sidebar-block-side>table.block-data{order:2} .c365-rail .sidebar-block-side>table.block-data:first-of-type{order:-2} /* три поднятых блока — это геро обзора; чем он ниже, тем ближе H1 к первому экрану (замер: карточка 202, H1 737 при экране 844) */ .c365-rail .sidebar-block-side .cover-casino-img img{height:120px} .c365-rail .sidebar-block-side>.casino-page-img{padding:12px} } /* --- c365:donor-cta2 — CTA, снятые с `