.cl-header__inner { min-block-size: 72px; display: flex; align-items: center; gap: 20px; }.cl-header__nav { flex: 1; min-inline-size: 0; }.cl-header .catnav { justify-content: center; }.cl-header .catnav__item { min-block-size: 68px; flex-direction: column; gap: 0; border-radius: 0; font-size: .8rem; }.cl-header .catnav__icon img { inline-size: 32px; block-size: 32px; }.cl-header .catnav__item.is-active { background: transparent; border-block-end: 3px solid var(--primary); }.cl-header__actions { display: flex; align-items: center; gap: 8px; }
.cl-footer { margin-block-start: 56px; background: var(--footer-bg); color: var(--footer-ink); }.cl-footer__grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 28px; padding-block: 44px; }.cl-footer section, .cl-footer nav { display: grid; align-content: start; gap: 10px; }.cl-footer h2 { font-size: 1rem; }.cl-footer p, .cl-footer a { color: var(--footer-ink); opacity: .82; }.cl-footer__brand .brand { color: var(--footer-ink); }.cl-footer__help .footer { display: grid; justify-items: start; gap: 10px; padding: 0; background: transparent; color: inherit; text-align: start; }.cl-footer__help .footer nav { display: grid; justify-content: start; gap: 10px; }
.cl-center { display: grid; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) 96px; gap: clamp(20px, 3vw, 44px); padding-block: 48px; }.cl-center__intro { display: grid; align-content: center; gap: 12px; }.cl-center__title { color: var(--primary); font-size: clamp(2.25rem, 3vw, 2.5rem); line-height: 1.1; }.cl-center__intro p { color: var(--muted); }.cl-center__intro img { inline-size: min(100%, 240px); aspect-ratio: 1; object-fit: contain; }.cl-center__icon { color: var(--primary); font-size: 7.5rem; }.cl-center__games .ggrid { grid-template-columns: repeat(4, minmax(0, 1fr)); }.cl-tabs { display: grid; align-content: center; gap: 6px; }.cl-tabs__item { min-block-size: 62px; display: grid; place-content: center; gap: 1px; border: 1px solid var(--line); border-radius: var(--radius-btn); background: var(--surface); color: var(--muted); cursor: pointer; }.cl-tabs__item small { font-family: var(--font-num); font-size: .7rem; }.cl-tabs__item span { font-size: .8rem; font-weight: 800; }.cl-tabs__item.is-active { border-color: var(--primary); background: var(--primary); color: var(--on-primary); }
.cl-providers, .cl-promos { display: grid; gap: 18px; padding-block: 24px; }.cl-providers__list { display: grid; grid-auto-flow: column; grid-auto-columns: 96px; gap: 16px; overflow-x: auto; padding: 4px; scrollbar-width: thin; scrollbar-color: var(--line) transparent; }.cl-providers__list a { display: grid; justify-items: center; gap: 8px; color: var(--muted); text-align: center; }.cl-providers__list span { inline-size: 72px; block-size: 72px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); color: var(--primary); font-family: var(--font-num); font-size: 1.75rem; font-weight: 800; }.cl-providers__list small { overflow: hidden; inline-size: 100%; text-overflow: ellipsis; text-wrap: nowrap; }.cl-trust { margin-block: 24px; padding-block: 32px; background: var(--bg-alt); }.cl-trust .trust { border: 0; background: transparent; }.cl-trust .trust__item { inline-size: 120px; aspect-ratio: 1; justify-self: center; align-content: center; border: 6px solid var(--primary); border-radius: 50%; padding: 12px; }
@media (max-width: 1023px) { .cl-center { grid-template-columns: 200px minmax(0, 1fr) 84px; gap: 18px; }.cl-center__games .ggrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.cl-footer__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .cl-header__inner { min-block-size: 60px; }.cl-header__nav { display: none; }.cl-header__actions { margin-inline-start: auto; }.cl-header .menu-btn { display: grid; place-items: center; }.cl-header .uchip__register, .cl-header .uchip__balance, .cl-header .uchip__vip, .cl-header .lang span { display: none; }.drawer nav { display: grid; gap: 12px; margin-block-start: 20px; }.drawer nav a { min-block-size: 44px; display: flex; align-items: center; }.cl-center { grid-template-columns: 1fr; gap: 18px; padding-block: 32px; }.cl-center__intro { display: block; }.cl-center__intro p { margin-block-start: 8px; }.cl-center__intro img, .cl-center__icon { display: none; }.cl-center__games { order: 3; }.cl-center__games .ggrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.cl-tabs { order: 2; grid-auto-flow: column; grid-auto-columns: 88px; overflow-x: auto; padding-block: 4px; }.cl-tabs__item { min-block-size: 58px; }.cl-providers__list { grid-auto-columns: 84px; }.cl-trust .trust { grid-template-columns: repeat(2, 1fr); gap: 16px; }.cl-footer { margin-block-end: 64px; }.cl-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; padding-block: 32px; }.cl-footer__grid > section { grid-column: 1 / -1; }.cl-promos .promo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.cl-promos .pcard { grid-template-columns: 1fr; }.cl-promos .pcard__body { padding: 12px; } }
@media (hover: none) { .cl-providers__list, .cl-tabs { scrollbar-width: none; }.cl-providers__list::-webkit-scrollbar, .cl-tabs::-webkit-scrollbar { display: none; } }@media (prefers-reduced-motion: no-preference) { .cl-tabs__item { transition: transform .2s ease, opacity .2s ease; }.cl-tabs__item:active { transform: scale(.97); } }
@media (min-width:1024px){[data-layout="classic"] .cl-promos .promo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}