/* 1win.ck.ua — section menu, language switcher and inner pages (added with the move from 1win.net.ua, 2026-10-12).
   Builds on main.min.css + site.min.css: same colours, hero, article card, FAQ and buttons. */

/* ---------- header: section menu with drop-downs ---------- */
.header__nav .nav{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}
.nav__item{position:relative}
.nav__top{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:0;border-radius:6px;background:none;color:rgba(220,220,230,.85);font:inherit;font-size:.85rem;font-weight:500;line-height:1.2;white-space:nowrap;cursor:pointer;text-decoration:none}
.header__nav a.nav__top{padding:8px 12px}
.nav__item--drop>.nav__top::after{content:"";width:6px;height:6px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.nav__top:hover,.nav__top:focus-visible,.nav__item.is-here>.nav__top,.nav__item--drop.is-open>.nav__top{color:#1b9eff;background:rgba(27,158,255,.08)}
.nav__item--drop.is-open>.nav__top::after{transform:rotate(-135deg);margin-top:3px}
.nav__panel{position:absolute;top:100%;left:0;z-index:120;display:none;min-width:230px;margin:6px 0 0;padding:8px;list-style:none;background:#0f1430;border:1px solid rgba(27,158,255,.18);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.nav__panel::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.nav__item--drop:hover>.nav__panel,.nav__item--drop.is-open>.nav__panel{display:block}
.header__nav .nav__panel a{display:block;padding:9px 12px;font-size:.875rem;white-space:nowrap}
.header__nav .nav__panel a[aria-current=page]{color:#1b9eff;background:rgba(27,158,255,.08)}
@media (min-width:960px) and (max-width:1100px){.nav__top,.header__nav a.nav__top{padding:8px 9px}}

/* ---------- header: language switcher ---------- */
.langs{position:relative;list-style:none}
.langs__btn{display:inline-flex;align-items:center;gap:7px;height:2.25rem;padding:0 11px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:.8rem;font-weight:700;letter-spacing:.04em;cursor:pointer}
.langs__btn::after{content:"";width:5px;height:5px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.langs__btn:hover,.langs__btn:focus-visible,.langs.is-open .langs__btn{border-color:rgba(27,158,255,.5);color:#1b9eff}
.langs__list{position:absolute;right:0;top:100%;z-index:120;display:none;min-width:88px;margin:6px 0 0;padding:6px;list-style:none;background:#0f1430;border:1px solid rgba(27,158,255,.18);border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.langs.is-open .langs__list{display:block}
.langs__list a{display:block;padding:8px 12px;border-radius:6px;color:rgba(220,220,230,.9);font-size:.85rem;font-weight:700;text-decoration:none}
.langs__list a:hover,.langs__list a:focus-visible{color:#1b9eff;background:rgba(27,158,255,.08)}
@media (max-width:599.98px){.langs{display:none}}

/* ---------- mobile menu: groups, languages ---------- */
.mobile-menu{flex-direction:column;height:calc(100dvh - 4.375rem);min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.mobile-menu__nav{flex:0 0 auto}
.mm-group summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:14px 20px;color:rgba(220,220,230,.9);font-size:16px;font-weight:500;line-height:1.4;list-style:none;cursor:pointer}
.mm-group summary::-webkit-details-marker{display:none}
.mm-group summary::after{content:"";width:8px;height:8px;margin-right:4px;border-right:2px solid rgba(27,158,255,.7);border-bottom:2px solid rgba(27,158,255,.7);transform:rotate(45deg);transition:transform .2s}
.mm-group[open] summary{color:#1b9eff}
.mm-group[open] summary::after{transform:rotate(-135deg)}
.mm-group__links{padding:0 0 8px 14px;border-left:2px solid rgba(27,158,255,.2);margin-left:20px}
.mobile-menu__nav .mm-group__links a{min-height:44px;padding:11px 16px;font-size:15px;color:rgba(220,220,230,.78)}
.mobile-menu__nav a[aria-current=page]{color:#1b9eff}
.mm-langs{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 18px}
.mm-langs a,.mm-langs__on{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.9rem;font-weight:700;text-decoration:none}
.mm-langs__on{background:linear-gradient(135deg,#1b9eff 0%,#1464c8 100%);border-color:transparent}
.mobile-menu__cta{padding-bottom:32px}

/* ---------- inner page top (hero) and breadcrumbs ---------- */
.hero--page,.hero--game{padding-bottom:40px}
.hero--page .hero__title{margin-bottom:22px}
.crumbs ol{display:flex;flex-wrap:wrap;justify-content:center;margin:0 0 16px;padding:0;list-style:none;font-size:.82rem;line-height:1.5;color:rgba(220,220,230,.6)}
.crumbs li+li::before{content:"\203A";margin:0 8px;color:rgba(27,158,255,.7)}
.crumbs a{color:#8cc8ff;text-decoration:none}
.crumbs a:hover,.crumbs a:focus-visible{color:#1b9eff}
@media (max-width:600px){.hero.hero--page,.hero.hero--game{padding-top:104px!important;padding-bottom:28px}}

/* ---------- game page ---------- */
.hero--game .hero__container{max-width:74.25rem;text-align:left}
.hero--game .crumbs ol{justify-content:flex-start}
.game{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:start}
.game__shot{position:relative;overflow:hidden;border:1px solid rgba(27,158,255,.2);border-radius:16px;background:#0f1430}
.game__shot img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.game__shot .game__demo{width:auto;max-width:calc(100% - 32px);padding:12px 26px}
.game__demo{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(10,12,28,.6)}
.game__body .hero__title{margin-bottom:20px}
.game__play{margin-bottom:26px}
.game__cap{margin:0 0 10px;color:rgba(220,220,230,.6);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 22px}
.facts__row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:rgba(25,28,50,.6);border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:.88rem}
.facts dt{color:rgba(220,220,230,.7)}
.facts dd{margin:0;color:#fff;font-weight:700}
.facts__row--rate dd{color:#1b9eff}
.game__prov{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.04);color:rgba(220,220,230,.85);font-size:.9rem;text-decoration:none}
.game__prov:hover,.game__prov:focus-visible{border-color:rgba(27,158,255,.5)}
.game__prov img{width:auto;height:38px;padding:4px 6px;border-radius:6px;background:#eef3fb;object-fit:contain}
.game__prov b{color:#fff}
@media (max-width:860px){.game{grid-template-columns:1fr;gap:22px}.game__play{width:100%}}

/* ---------- game cards, provider logos ---------- */
.block{margin:0 0 1.75rem}
.block__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 14px}
.block__title{margin:0 0 14px;color:#fff;font-size:1.3rem;font-weight:800;line-height:1.3}
.block__head .block__title{margin:0}
.block__more{color:#8cc8ff;font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap}
.block__more::after{content:" \2192"}
.block__more:hover,.block__more:focus-visible{color:#1b9eff}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.tile{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#0b1930;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#fff;text-decoration:none;transition:border-color .2s,transform .2s}
.tile:hover,.tile:focus-visible{border-color:rgba(27,158,255,.55);transform:translateY(-2px)}
.tile img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#0f1430}
.tile__name{padding:10px 12px 12px;color:rgba(240,240,245,.92);font-size:.85rem;font-weight:600;line-height:1.3}
.tiles--logos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.tile__logo{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;padding:12px 14px;background:#eef3fb}
.tile--logo img{width:auto;max-width:100%;max-height:64px;aspect-ratio:auto;object-fit:contain;background:none}
@media (max-width:480px){.tiles,.tiles--logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* ---------- article body additions ---------- */
.article>.toc:first-child{margin:1rem 1rem 0}
@media (min-width:992px){.article>.toc:first-child{margin:1.5rem 1.5rem 0}}
.article__body>:first-child{margin-top:0}
.article__body a{color:#8cc8ff;text-decoration:underline;text-decoration-color:rgba(140,200,255,.4);text-underline-offset:2px}
.article__body a:hover,.article__body a:focus-visible{color:#1b9eff}
.article__body .table-wrap{margin:0 0 1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}
.article__body figure{margin:0 0 1.5rem}
.article__body img{max-width:100%;height:auto;border-radius:12px}
.article__body .faq__body a{color:#8cc8ff}
.linkset{margin:0 0 1.5rem;padding:0;list-style:none;columns:3 220px;column-gap:28px}
.linkset li{padding:5px 0;break-inside:avoid}
.article__body .linkset a{text-decoration:none}
.article__body .linkset a:hover{text-decoration:underline}

/* ---------- 404 ---------- */
.hero--404 .hero__title{font-size:clamp(2.5rem,8vw,4.5rem)}