/* Apuestas Ticas — обновление вида 2026-10 (Claude, по задаче Егора 06.10.2026). Айдентика прежняя: navy + красный, тяжёлые заголовки, «бумажный» фон. Меняются сетка, ритм, детали. Грузится после style.css. */ :root{ --at-radius:14px; --at-shadow:0 1px 2px rgba(7,27,45,.05),0 8px 22px rgba(7,27,45,.07); --at-shadow-h:0 2px 6px rgba(7,27,45,.07),0 16px 34px rgba(7,27,45,.12); } body{background:var(--at-paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} /* ---- сетка: секции во всю ширину, контент держит .at-shell (раньше всё сидело в «коробке» 1120) ---- */ .site.grid-container,.site.container{max-width:none;padding:0;margin:0;background:transparent} .separate-containers .inside-article,.separate-containers .site-main{margin:0;padding:0;background:transparent} /* ---- шапка: крупнее, прилипает ---- */ .at-nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(1.4) blur(10px);background:rgba(255,254,250,.94)} .at-nav .at-shell{min-height:70px} .at-logo{font-size:22px} .at-logo i{font-size:9px;padding:3px 6px} .at-nav-links{overflow:visible} .at-nav-links>a,.at-nav-links summary{font-size:14px;font-weight:700;color:#2c3e48;border-radius:8px} .at-nav-links>a:hover,.at-nav-links summary:hover{color:var(--at-red);background:rgba(189,52,65,.06)} .at-nav-reviews__list{border-radius:12px;box-shadow:var(--at-shadow-h)} .at-burger{display:none;width:44px;height:44px;margin-left:auto;padding:0;border:1px solid var(--at-line);border-radius:10px;background:#fff;cursor:pointer} .at-burger span{display:block;width:20px;height:2px;margin:4px auto;border-radius:2px;background:var(--at-navy-deep);transition:transform .2s,opacity .2s} .at-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)} .at-burger[aria-expanded="true"] span:nth-child(2){opacity:0} .at-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)} /* ---- типографика ---- */ .at-kicker{font-size:11px;letter-spacing:.14em} .at-editorial h2,.at-commerce>h2,.at-commerce h2,.at-longread h2{font-weight:800;color:var(--at-navy-deep);letter-spacing:-.025em} .at-editorial h3,.at-commerce h3,.at-longread h3{font-weight:800;color:var(--at-navy-deep)} .at-commerce>p,.at-editorial p,.at-longread p{color:#24343d} .at-commerce a:not(.at-btn),.at-editorial a:not(.at-btn),.at-longread a:not(.at-btn){color:var(--at-blue);text-underline-offset:3px;text-decoration-thickness:1px} .at-commerce a:not(.at-btn):hover,.at-editorial a:not(.at-btn):hover{color:var(--at-red)} /* ---- кнопки ---- */ .at-btn{min-height:46px;padding:11px 20px;border-radius:10px;font-size:14px;letter-spacing:.01em;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s} .at-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(189,52,65,.22)} .at-btn--dark:hover{box-shadow:0 6px 16px rgba(7,27,45,.22)} /* ---- карточки: единый радиус, тень, ховер ---- */ .at-liveboard,.at-board,.at-now-grid>*,.at-data-card,.at-intent-card,.at-rank,.at-ranking>*,.at-bono-card,.at-app-card,.at-about-card,.at-related a,.at-casino-door,.at-game,.at-resume-box{border-radius:var(--at-radius)} .at-liveboard,.at-board,.at-data-card,.at-bono-card,.at-app-card,.at-resume-box{box-shadow:var(--at-shadow)} .at-now-grid>a,.at-now-grid>article,.at-intent-card,.at-related a,.at-casino-door,.at-game{transition:transform .18s,box-shadow .18s,border-color .18s} .at-now-grid>a:hover,.at-now-grid>article:hover,.at-intent-card:hover,.at-related a:hover,.at-casino-door:hover,.at-game:hover{transform:translateY(-2px);box-shadow:var(--at-shadow-h);border-color:#c9d3d6} /* ---- полоса заголовка внутренних страниц и обзоров: navy с красной линией (как шапка-«флаг») ---- */ .at-hero--review{position:relative;overflow:hidden;background:radial-gradient(700px 300px at 92% -20%,rgba(45,100,132,.55),transparent 65%),var(--at-navy-deep);border-bottom:4px solid var(--at-red)} .at-hero--review,.at-hero--review h1,.at-hero--review p{color:#fff} .at-hero--review p{color:#c8d6de} .at-hero--review .at-kicker{color:#ff8a94} /* ---- таблицы ---- */ .at-commerce table,.at-editorial table,.at-longread table{border-collapse:separate;border-spacing:0;border:1px solid var(--at-line);border-radius:12px;overflow:hidden;background:#fff} .at-commerce th,.at-editorial th,.at-longread th{background:#f3f6f7;color:#52636d;font-size:12px;letter-spacing:.06em;text-transform:uppercase} .at-commerce tbody tr:nth-child(even) td,.at-editorial tbody tr:nth-child(even) td{background:#fafbfb} /* ---- футер: отступ под плавающий оффер внутри тёмного футера, без светлой полосы снизу ---- */ body.at-has-sticky{padding-bottom:0} body.at-has-sticky .at-footer{padding-bottom:calc(28px + 84px)} .at-footer{border-top:4px solid var(--at-red)} .at-footer a{transition:color .15s} /* ---- плавающий оффер ---- */ .at-sticky-offer{border-radius:16px;box-shadow:0 16px 40px rgba(7,27,45,.3)} /* ---- адаптив ---- */ @media(max-width:920px){ .at-burger{display:block} .at-nav .at-shell{flex-wrap:wrap;gap:10px;min-height:62px} .at-nav-links{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;margin:0 0 12px;padding:6px;border:1px solid var(--at-line);border-radius:12px;background:#fff} .at-nav-links.is-open{display:flex} .at-nav-links>a,.at-nav-links summary{display:block;padding:13px 12px;font-size:16px;border-bottom:1px solid #eef1f2;border-radius:0} .at-nav-links>a:last-child{border-bottom:0} .at-nav-reviews__list{position:static;box-shadow:none;border:0;background:#f6f8f8;padding:4px 8px} body.at-has-sticky .at-footer{padding-bottom:calc(24px + 76px)} } @media(prefers-reduced-motion:reduce){*{transition:none!important}} /* таблицы в тексте: на всю ширину колонки, только горизонтальные линии */ .at-commerce table,.at-editorial table,.at-longread table{width:100%} .at-commerce td,.at-commerce th,.at-editorial td,.at-editorial th,.at-longread td,.at-longread th{border:0;border-bottom:1px solid var(--at-line);padding:11px 14px;text-align:left} .at-commerce tr:last-child td,.at-editorial tr:last-child td,.at-longread tr:last-child td{border-bottom:0} /* заголовки блоков главной — тем же тяжёлым начертанием, что и H1 */ .at-now-head h2{font-weight:800;letter-spacing:-.02em} /* ========================================================= 06.10.2026 · вторая итерация: логотипы, рейтинг-иерархия, новый обзор ========================================================= */ .at-brand-tile{display:block;height:auto;max-width:100%;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(7,27,45,.08);background:#fff;object-fit:cover} .at-btn--ghost{border-color:var(--at-line);background:#fff;color:var(--at-navy-deep)} .at-btn--ghost:hover{border-color:var(--at-navy-deep);background:#fff;color:var(--at-navy-deep);box-shadow:none} /* рейтинг: №1 и №2 */ .at-top{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;align-items:stretch;margin-bottom:18px} .at-top-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:28px 26px 20px;background:#fff;border:1px solid var(--at-line);border-radius:18px;box-shadow:var(--at-shadow)} .at-top-card--1{border:2px solid var(--at-red);box-shadow:0 18px 40px rgba(189,52,65,.14)} .at-top-card__badge{position:absolute;top:-13px;left:22px;padding:4px 12px;border-radius:999px;background:var(--at-navy-deep);color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em} .at-top-card--1 .at-top-card__badge{background:var(--at-red)} .at-top-card__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center} .at-top-card__head .at-brand-tile{width:128px} .at-top-card--2 .at-top-card__head .at-brand-tile{width:104px} .at-top-card h3{margin:0 0 2px;font-size:24px;font-weight:900;letter-spacing:-.03em;color:var(--at-navy-deep)} .at-top-card--2 h3{font-size:21px} .at-top-card__head p{margin:0;color:var(--at-muted);font-size:14px;line-height:1.45} .at-top-card__score{text-align:right;line-height:1} .at-top-card__score b{display:block;color:var(--at-red);font-size:40px;font-weight:900;letter-spacing:-.04em} .at-top-card--2 .at-top-card__score b{font-size:32px} .at-top-card__score small{color:var(--at-muted);font-size:12px;font-weight:700} .at-top-card__bono{padding:14px 16px;border-radius:12px;background:var(--at-sand)} .at-top-card__bono small{display:block;margin-bottom:2px;color:var(--at-muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase} .at-top-card__bono strong{color:var(--at-navy-deep);font-size:18px;line-height:1.3} .at-top-card--1 .at-top-card__bono{background:var(--at-navy-deep)} .at-top-card--1 .at-top-card__bono small{color:#ff9aa3} .at-top-card--1 .at-top-card__bono strong{color:#fff;font-size:20px} .at-top-card__facts{display:grid;gap:6px;margin:0;padding:0;list-style:none} .at-top-card__facts li{position:relative;padding-left:24px;color:#2c3e48;font-size:14px;font-weight:600} .at-top-card__facts li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:#fbe9eb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23bd3441' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat} .at-top-card__act{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin-top:auto} .at-top-card__act .at-btn{width:100%} .at-top-card__legal{color:var(--at-muted);font-size:11px} /* рейтинг: остальные строки */ .at-rows{display:grid;gap:10px} .at-row{display:grid;grid-template-columns:34px 96px minmax(0,1fr) 70px 220px;align-items:center;gap:16px;padding:14px 18px;background:#fff;border:1px solid var(--at-line);border-radius:14px;transition:box-shadow .18s,border-color .18s} .at-row:hover{border-color:#c9d3d6;box-shadow:var(--at-shadow)} .at-row__pos{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--at-mist);color:var(--at-navy-deep);font-weight:900} .at-row__logo .at-brand-tile{width:96px} .at-row__txt strong{display:block;color:var(--at-navy-deep);font-size:17px;font-weight:800} .at-row__txt span{color:var(--at-muted);font-size:14px;line-height:1.4} .at-row__score{text-align:right;line-height:1} .at-row__score b{color:var(--at-navy-deep);font-size:24px;font-weight:900} .at-row__score small{display:block;color:var(--at-muted);font-size:11px;font-weight:700} .at-row__act{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px} .at-row__review{color:var(--at-blue);font-size:14px;font-weight:800;text-decoration:none} .at-row__review:hover{color:var(--at-red)} .at-row .at-btn{min-height:42px} .at-review__more{display:inline-block;margin-top:6px;color:var(--at-red);font-size:14px;font-weight:800;text-decoration:none} .at-review__more:hover{text-decoration:underline} /* обзор: hero с карточкой бренда */ .at-rv-hero{padding:52px 0 64px} .at-rv-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:center} .at-rv-hero h1{max-width:680px} .at-rv-card{display:grid;gap:14px;padding:22px;border-radius:18px;background:#fff;color:var(--at-ink);box-shadow:0 24px 60px rgba(0,0,0,.35)} .at-rv-card .at-brand-tile{width:100%;max-width:none} .at-rv-card__score{display:flex;align-items:baseline;gap:8px} .at-rv-card__score b{color:var(--at-red);font-size:44px;font-weight:900;letter-spacing:-.04em;line-height:1} .at-rv-card__score span{color:var(--at-muted);font-weight:800} .at-rv-card__score small{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase} .at-rv-card__bono{padding:12px 14px;border-radius:12px;background:var(--at-sand)} .at-rv-card__bono small{display:block;color:var(--at-muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase} .at-rv-card__bono strong{color:var(--at-navy-deep);font-size:16px;line-height:1.35} .at-rv-card .at-btn{width:100%;min-height:50px;font-size:15px} .at-rv-card>small{color:var(--at-muted);font-size:11px;text-align:center} .at-rv-hero .at-rv-card *{color:inherit} .at-rv-hero .at-rv-card .at-btn{color:#fff} .at-rv-hero .at-rv-card__score b{color:var(--at-red)} .at-rv-hero .at-rv-card__bono strong{color:var(--at-navy-deep)} .at-rv-hero .at-rv-card small,.at-rv-hero .at-rv-card__score span{color:var(--at-muted)} /* полоса фактов, наезжает на hero */ .at-rv-facts{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:-30px 0 0;padding:0;overflow:hidden;background:#fff;border:1px solid var(--at-line);border-radius:16px;box-shadow:var(--at-shadow)} .at-rv-facts>div{padding:16px 20px;border-right:1px solid var(--at-line)} .at-rv-facts>div:last-child{border-right:0} .at-rv-facts dt{color:var(--at-muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase} .at-rv-facts dd{margin:4px 0 0;color:var(--at-navy-deep);font-size:15px;font-weight:800;line-height:1.35} /* статья + липкая колонка */ .at-rv-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:start} .at-rv-article{max-width:none;margin:0;font-size:17px;line-height:1.75} .at-rv-article h2{scroll-margin-top:90px;margin-top:44px;padding-top:28px;border-top:1px solid var(--at-line)} .at-rv-article h2:first-of-type{border-top:0;padding-top:0} .at-rv-side{position:sticky;top:92px;display:grid;gap:14px} .at-rv-toc{display:grid;gap:2px;padding:18px;background:#fff;border:1px solid var(--at-line);border-radius:14px} .at-rv-toc b{margin-bottom:8px;color:var(--at-navy-deep);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase} .at-rv-toc a{padding:7px 10px;border-left:2px solid var(--at-line);color:#4a5b64;font-size:14px;line-height:1.35;text-decoration:none} .at-rv-toc a:hover{border-color:var(--at-red);color:var(--at-red);background:#fdf3f4} .at-rv-mini{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:center;padding:14px;background:var(--at-navy-deep);border-radius:14px;color:#fff} .at-rv-mini .at-brand-tile{width:64px} .at-rv-mini b{font-size:18px;font-weight:900} .at-rv-mini .at-btn{grid-column:1/-1;width:100%} .at-review-page .at-section--cream .at-rows{margin-bottom:28px} @media(max-width:920px){ .at-top{grid-template-columns:minmax(0,1fr)} .at-row{grid-template-columns:30px 84px minmax(0,1fr) 56px;grid-template-areas:"pos logo txt score" "act act act act"} .at-row__pos{grid-area:pos}.at-row__logo{grid-area:logo}.at-row__txt{grid-area:txt}.at-row__score{grid-area:score}.at-row__act{grid-area:act;grid-template-columns:1fr 1fr} .at-row__review{display:grid;min-height:42px;place-items:center;border:1px solid var(--at-line);border-radius:10px} .at-row__logo .at-brand-tile{width:84px} .at-rv-hero__grid{grid-template-columns:minmax(0,1fr);gap:28px} .at-rv-card{max-width:420px} .at-rv-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-22px} .at-rv-facts>div:nth-child(2){border-right:0} .at-rv-facts>div:nth-child(-n+2){border-bottom:1px solid var(--at-line)} .at-rv-grid{grid-template-columns:minmax(0,1fr)} .at-rv-side{position:static;order:-1} .at-rv-mini{display:none} } @media(max-width:560px){ .at-top-card{padding:24px 16px 16px} .at-top-card__head{grid-template-columns:auto minmax(0,1fr);} .at-top-card__score{grid-column:1/-1;display:flex;align-items:baseline;gap:6px;text-align:left} .at-top-card__head .at-brand-tile,.at-top-card--2 .at-top-card__head .at-brand-tile{width:96px} .at-top-card h3{font-size:21px} .at-top-card__act{grid-template-columns:minmax(0,1fr)} .at-row{grid-template-columns:28px 72px minmax(0,1fr) 46px;gap:10px;padding:12px} .at-row__logo .at-brand-tile{width:72px} .at-row__txt span{display:none} .at-rv-hero{padding:32px 0 48px} .at-rv-article{font-size:16px} } /* таблицы в обзорах: на десктопе обычная таблица на всю ширину, на телефоне — прокрутка внутри */ .at-longread table{display:table;width:100%} @media(max-width:640px){.at-longread table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}} /* №2 не растягиваем по высоте №1 — без пустого места */ .at-top{align-items:start} .at-top-card--2 .at-top-card__act{margin-top:4px} /* логотип в карточке обзора — компактнее */ .at-rv-card .at-brand-tile{width:220px;margin:0 auto} /* матч: прогноз сразу под шапкой */ .atm-pick-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:-18px 0 8px;padding:16px 20px;position:relative;z-index:2;background:#fff;border:2px solid var(--at-red);border-radius:14px;box-shadow:var(--at-shadow);color:var(--at-ink);text-decoration:none} .atm-pick-top__label{padding:5px 11px;border-radius:999px;background:var(--at-red);color:#fff;font-size:12px;font-weight:800;white-space:nowrap} .atm-pick-top__text{color:var(--at-navy-deep);font-size:16px;font-weight:700;line-height:1.45} .atm-pick-top__more{color:var(--at-red);font-size:14px;font-weight:800;white-space:nowrap} .atm-pick-top:hover{box-shadow:var(--at-shadow-h)} #pronostico{scroll-margin-top:80px} @media(max-width:640px){.atm-pick-top{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:-10px}.atm-pick-top__label{justify-self:start}} /* CTA-блок .at-slot-offer — раньше жил только во встроенном