html {
background-color: #08090e;
}
:root {
--gr-bg: #08090e;
--gr-container: 1280px;
--gr-bg-2: #10121a;
--gr-surface: #151822;
--gr-surface-2: #1c2030;
--gr-logo-bg: #1c2030;
--gr-border: rgba(255, 255, 255, 0.08);
--gr-border-gold: rgba(212, 175, 55, 0.28);
--gr-text: #f3f4f8;
--gr-muted: #9aa3b2;
--gr-gold: #d4af37;
--gr-gold-2: #f5d06a;
--gr-emerald: #22c997;
--gr-emerald-2: #0f9f74;
--gr-pink: #ff4d8d;
--gr-radius: 16px;
--gr-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
--gr-glow: 0 0 0 1px rgba(212, 175, 55, 0.12), 0 12px 40px rgba(0, 0, 0, 0.35);
--gr-font: "Plus Jakarta Sans", "Roboto", sans-serif;
--gr-display: "Outfit", "Plus Jakarta Sans", sans-serif;
--gr-header-h: 88px;
}
body.azart_theme.gr-premium,
body.gr-premium.azart_theme,
body.azart_theme {
background:
radial-gradient(ellipse 80% 50% at 50% -20%, rgba(212, 175, 55, 0.14), transparent 55%),
radial-gradient(ellipse 60% 40% at 100% 0%, rgba(34, 201, 151, 0.08), transparent 50%),
linear-gradient(180deg, var(--gr-bg) 0%, #0c0e14 40%, var(--gr-bg-2) 100%) !important;
color: var(--gr-text) !important;
font-family: var(--gr-font) !important;
}
body.azart_theme .azart-wrapper {
min-height: 100vh;
width: 100%;
max-width: none;
background: transparent !important;
}
body.gr-premium .azart-header .azart-container,
body.gr-premium .gr-hero__inner.azart-container,
body.gr-premium .gr-casino-toolbar-wrap .azart-container {
max-width: var(--gr-container);
}
body.azart_theme h1,
body.azart_theme h2,
body.azart_theme h3,
body.azart_theme .block h2,
body.azart_theme .azart-faq h2,
body.azart_theme .azart-news h2,
body.azart_theme .azart-slots h2,
body.azart_theme .azart-top-rated h2 {
color: var(--gr-text) !important;
font-family: var(--gr-font) !important;
font-weight: 800 !important;
}
body.azart_theme .azart-header {
position: sticky !important;
top: 0;
z-index: 100;
border-top: none !important;
background: rgba(8, 9, 14, 0.85) !important;
backdrop-filter: blur(18px);
border-bottom: 1px solid var(--gr-border) !important;
}
body.azart_theme .azart-header.gr-header--scrolled {
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
}
body.azart_theme .azart-header__box > a img:not(.gr-brand__logo--theme),
body.azart_theme .azart-header__box img:not(.gr-brand__logo--theme) {
max-height: 52px;
width: auto;
}
body.azart_theme .azart-header__box .gr-brand__logo--theme {
width: auto !important;
border-radius: 0 !important;
object-fit: contain !important;
background: transparent !important;
}
@media (min-width: 992px) {
body.azart_theme .azart-header__box .gr-brand__logo--theme {
height: 76px !important;
max-height: none !important;
max-width: 520px !important;
}
}
body.azart_theme .azart-nav > ul > li > a,
body.azart_theme .azart-nav a {
color: var(--gr-text) !important;
font-weight: 600 !important;
text-transform: uppercase;
border-radius: 999px;
}
body.azart_theme .azart-nav > ul > li > a:hover,
body.azart_theme .azart-nav > ul > li:hover > a {
color: #111 !important;
background: linear-gradient(135deg, var(--gr-gold), var(--gr-gold-2)) !important;
}
body.azart_theme .block.azart-top-rated,
body.azart_theme .block.azart-news,
body.azart_theme .azart-news {
background: transparent !important;
}
body.azart_theme .block.azart-top-rated h2,
body.azart_theme .azart-top-rated h2 {
background: linear-gradient(135deg, #fff 0%, var(--gr-gold-2) 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
}
body.azart_theme .azart-top-rated__item {
background: linear-gradient(180deg, rgba(28, 32, 48, 0.98), rgba(21, 24, 34, 0.98)) !important;
border: 1px solid var(--gr-border) !important;
border-radius: var(--gr-radius) !important;
box-shadow: var(--gr-shadow) !important;
}
body.azart_theme .azart-top-rated__item:hover {
border-color: var(--gr-border-gold) !important;
box-shadow: var(--gr-glow) !important;
}
body.azart_theme .azart-top-rated__item-content-box > a {
color: #fff !important;
}
body.azart_theme .azart-properties {
background: rgba(255, 255, 255, 0.04) !important;
border: 1px solid var(--gr-border) !important;
border-radius: 12px !important;
}
body.azart_theme .azart-properties__item-desc {
color: #fff !important;
}
body.azart_theme .azart-properties__item-desc b {
color: var(--gr-muted) !important;
}
body.azart_theme .azart-rating__numbers {
background: rgba(212, 175, 55, 0.15) !important;
color: var(--gr-gold-2) !important;
border: 1px solid var(--gr-border-gold) !important;
}
body.azart_theme .btn:not(.btn--empty):not(.btn--red) {
background: linear-gradient(135deg, var(--gr-emerald), var(--gr-emerald-2)) !important;
color: #04130e !important;
border-radius: 999px !important;
}
body.azart_theme .btn--empty {
background: transparent !important;
color: var(--gr-text) !important;
border: 1px solid var(--gr-border-gold) !important;
border-radius: 999px !important;
}
body.azart_theme .azart-promo {
background: linear-gradient(165deg, #1a1730, #0f1118) !important;
border: 1px solid var(--gr-border) !important;
border-radius: var(--gr-radius) !important;
}
body.azart_theme .azart-promo__title,
body.azart_theme .azart-promo__title a {
color: #fff !important;
}
body.azart_theme .azart-promo__code::before {
border-color: var(--gr-gold) !important;
}
body.azart_theme .azart-news-item,
body.azart_theme .azart-news-horizontal-list .azart-news-item {
background: var(--gr-surface) !important;
border: 1px solid var(--gr-border) !important;
border-radius: var(--gr-radius) !important;
}
body.azart_theme .azart-news-item__title,
body.azart_theme .azart-news-horizontal-list .azart-news-item__title {
color: #fff !important;
}
body.azart_theme .azart-news-item__desc {
color: var(--gr-muted) !important;
}
body.azart_theme .azart-casino {
background: var(--gr-surface) !important;
border: 1px solid var(--gr-border) !important;
border-radius: var(--gr-radius) !important;
}
body.azart_theme .azart-accordion__item {
background: var(--gr-surface) !important;
border: 1px solid var(--gr-border) !important;
border-radius: 12px !important;
}
body.azart_theme .azart-accordion__title {
color: #fff !important;
}
body.azart_theme .azart-accordion__content {
color: var(--gr-muted) !important;
}
body.azart_theme .widget {
background: var(--gr-surface) !important;
border: 1px solid var(--gr-border) !important;
border-radius: var(--gr-radius) !important;
}
body.azart_theme .widget-title {
color: var(--gr-gold-2) !important;
}
body.azart_theme .azart-foot {
background: #06070b !important;
border-top: 1px solid var(--gr-border) !important;
color: var(--gr-muted) !important;
}
body.azart_theme .azart-foot a {
color: var(--gr-muted) !important;
}
body.azart_theme .azart-foot a:hover {
color: var(--gr-gold-2) !important;
} body.azart_theme .azart-header__content--fixed,
body.azart_theme .azart-header__content--clone {
background: rgba(8, 9, 14, 0.96) !important;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;
border-bottom: 1px solid var(--gr-border) !important;
}
body.azart_theme .azart-nav > ul > li ul,
body.azart_theme .azart-nav > ul > li > ul {
background: var(--gr-surface-2) !important;
color: var(--gr-text) !important;
border: 1px solid var(--gr-border) !important;
border-radius: 12px !important;
box-shadow: var(--gr-shadow) !important;
overflow: hidden;
}
body.azart_theme .azart-nav > ul > li > ul::before {
border-color: transparent transparent var(--gr-surface-2) !important;
}
body.azart_theme .azart-nav > ul > li ul li:not(:last-child) {
border-bottom-color: var(--gr-border) !important;
}
body.azart_theme .azart-nav > ul > li ul a,
body.azart_theme .azart-nav > ul > li > ul > li > a {
color: var(--gr-text) !important;
text-transform: none !important;
letter-spacing: 0.02em !important;
font-weight: 500 !important;
border-radius: 0 !important;
background: transparent !important;
}
body.azart_theme .azart-nav > ul > li > ul li:hover,
body.azart_theme .azart-nav > ul > li ul li:hover {
background: rgba(212, 175, 55, 0.12) !important;
}
body.azart_theme .azart-nav > ul > li > ul li:hover > a,
body.azart_theme .azart-nav > ul > li ul li:hover > a {
color: var(--gr-gold-2) !important;
background: transparent !important;
}
body.azart_theme .azart-nav__li-btn svg {
fill: var(--gr-muted) !important;
}
body.azart_theme .azart-nav > ul > li > ul li:hover > .azart-nav__li-btn svg {
fill: var(--gr-gold-2) !important;
}
body.azart_theme .azart-hamburger span,
body.azart_theme .azart-hamburger::before,
body.azart_theme .azart-hamburger::after {
background: var(--gr-text) !important;
} body.azart_theme .azart-search-popup {
background: rgba(8, 9, 14, 0.96) !important;
backdrop-filter: blur(12px);
}
body.azart_theme .azart-search-popup .azart-form__field {
background: var(--gr-surface) !important;
border: 1px solid var(--gr-border) !important;
color: var(--gr-text) !important;
}
body.azart_theme .azart-search-popup .azart-form__field input {
color: #fff !important;
background: transparent !important;
}
body.azart_theme .azart-search-popup__close svg {
fill: var(--gr-text) !important;
} body.azart_theme .tippy-box,
.tippy-box[data-theme=""] {
background: linear-gradient(165deg, #1c2030, #12141c) !important;
color: var(--gr-text) !important;
border: 1px solid var(--gr-border-gold) !important;
border-radius: 12px !important;
box-shadow: var(--gr-glow) !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
body.azart_theme .tippy-arrow,
.tippy-box[data-theme=""] > .tippy-arrow {
color: #1c2030 !important;
}
body.azart_theme .tippy-content,
body.azart_theme .tippy-content p,
body.azart_theme .tippy-content li {
color: var(--gr-muted) !important;
}
body.azart_theme .tippy-content h3,
body.azart_theme .tippy-content h4,
body.azart_theme .tippy-content h5,
body.azart_theme .tippy-content h6 {
color: var(--gr-gold-2) !important;
font-weight: 700 !important;
}
body.azart_theme .tippy-content ol,
body.azart_theme .tippy-content ul {
padding-left: 1.2em;
}
body.azart_theme .tippy-content strong,
body.azart_theme .tippy-content b {
color: #fff !important;
} body.azart_theme .breadcrumbs,
body.azart_theme .breadcrumbs a {
color: var(--gr-muted) !important;
}
body.azart_theme .breadcrumbs a:hover {
color: var(--gr-gold-2) !important;
}
body.azart_theme .azart-mini-header {
background: transparent !important;
color: var(--gr-text) !important;
}
body.azart_theme .azart-mini-header h1 {
color: #fff !important;
}
body.azart_theme .azart-mini-header .breadcrumbs {
color: var(--gr-muted) !important;
} body.azart_theme .azart-casino-box {
background: linear-gradient(135deg, #12141c 0%, #1a1730 50%, #0f1118 100%) !important;
color: var(--gr-text) !important;
border-bottom: 1px solid var(--gr-border) !important;
}
body.azart_theme .azart-casino-box::before {
background: rgba(8, 9, 14, 0.55) !important;
}
body.azart_theme .azart-casino-box h1,
body.azart_theme .azart-casino-box h2,
body.azart_theme .azart-casino-box h3,
body.azart_theme .azart-casino-box h4 {
color: #fff !important;
}
body.azart_theme .azart-casino-box__text,
body.azart_theme .azart-casino-box__desc {
color: var(--gr-muted) !important;
}
body.azart_theme .azart-casino-box__img img {
border-radius: 10px !important;
border: 0 !important;
background: transparent !important;
}
body.azart_theme .azart-casino-box .azart-rating__stars svg {
stroke: var(--gr-gold) !important;
}
body.azart_theme .azart-casino-box .azart-rating__stars ul li.active svg {
fill: var(--gr-gold) !important;
}
body.azart_theme .azart-tooltips,
body.azart_theme .azart-tooltips-js {
color: var(--gr-gold-2) !important;
cursor: pointer;
text-decoration: underline;
text-decoration-color: rgba(212, 175, 55, 0.4);
} body.azart_theme .azart-properties--single {
background: var(--gr-surface) !important;
border: 1px solid var(--gr-border) !important;
border-bottom: 3px solid var(--gr-gold) !important;
border-radius: var(--gr-radius) !important;
box-shadow: var(--gr-shadow) !important;
}
body.azart_theme .azart-properties--single .azart-properties__item {
border-color: var(--gr-border) !important;
}
body.azart_theme .azart-properties--single .azart-properties__item-desc {
color: #fff !important;
}
body.azart_theme .azart-rating-properties {
color: var(--gr-muted) !important;
}
body.azart_theme .azart-rating-properties b,
body.azart_theme .azart-rating-properties strong {
color: #fff !important;
}
body.azart_theme .azart-rating-properties__item {
border-bottom-color: var(--gr-border) !important;
}
body.azart_theme .azart-rating-properties__title {
color: var(--gr-gold-2) !important;
} body.azart_theme .azart-advantages {
color: var(--gr-muted) !important;
}
body.azart_theme .azart-advantages__title {
color: var(--gr-gold-2) !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 0.06em;
font-size: 0.82rem !important;
}
body.azart_theme .azart-advantages__item {
border-radius: var(--gr-radius) !important;
border: 1px solid var(--gr-border) !important;
box-shadow: var(--gr-shadow) !important;
}
body.azart_theme .azart-advantages__item--positive {
background: linear-gradient(165deg, rgba(34, 201, 151, 0.14), rgba(15, 159, 116, 0.08)) !important;
border-color: rgba(34, 201, 151, 0.25) !important;
}
body.azart_theme .azart-advantages__item--negative {
background: linear-gradient(165deg, rgba(255, 77, 141, 0.12), rgba(255, 95, 154, 0.06)) !important;
border-color: rgba(255, 77, 141, 0.22) !important;
}
body.azart_theme .azart-advantages__item ul li {
color: var(--gr-text) !important;
}
body.azart_theme .azart-top-rated__item .azart-advantages {
background: rgba(0, 0, 0, 0.25) !important;
border-top: 1px solid var(--gr-border) !important;
}
body.azart_theme .azart-top-rated__item-advant-btn {
background: rgba(212, 175, 55, 0.08) !important;
border-top: 1px solid var(--gr-border) !important;
color: var(--gr-muted) !important;
}
body.azart_theme .azart-top-rated__item-advant-btn:hover {
color: var(--gr-gold-2) !important;
}
body.azart_theme .azart-top-rated__item-advant-btn svg {
fill: var(--gr-gold) !important;
} body.azart_theme .azart-tags__item {
background: var(--gr-surface) !important;
border: 1px solid var(--gr-border) !important;
border-radius: var(--gr-radius) !important;
color: var(--gr-muted) !important;
padding-top: 2rem !important;
}
body.azart_theme .azart-tags__item-title {
background: var(--gr-surface-2) !important;
color: var(--gr-gold-2) !important;
border: 1px solid var(--gr-border-gold) !important;
border-radius: 8px !important;
font-weight: 700 !important;
}
body.azart_theme .azart-tags__item-list a {
background: rgba(255, 255, 255, 0.04) !important;
color: var(--gr-text) !important;
border: 1px solid var(--gr-border) !important;
border-radius: 999px !important;
font-size: 12px !important;
transition: all 0.2s ease !important;
}
body.azart_theme .azart-tags__item-list a:hover {
background: rgba(212, 175, 55, 0.15) !important;
color: var(--gr-gold-2) !important;
border-color: var(--gr-border-gold) !important;
} body.azart_theme .block.azart-bonus,
body.azart_theme .block.azart-bonuses {
background: transparent !important;
}
body.azart_theme .azart-bonus {
background: linear-gradient(180deg, rgba(26, 23, 48, 0.5), transparent) !important;
}
body.azart_theme .azart-bonus h2 {
color: #fff !important;
}
body.azart_theme .azart-promo__desc,
body.azart_theme .azart-promo__date {
color: var(--gr-muted) !important;
}
body.azart_theme .azart-promo__code span {
background: rgba(8, 9, 14, 0.9) !important;
color: var(--gr-gold-2) !important;
border-radius: 8px !important;
}
body.azart_theme .azart-promo__code svg {
fill: var(--gr-gold) !important;
}
body.azart_theme .azart-promo__code.copied span {
color: var(--gr-emerald) !important;
}
body.azart_theme .btn--red,
body.azart_theme .azart-promo__action .btn,
body.azart_theme .btn.btn--lg.btn--red {
background: linear-gradient(135deg, #ff5f9a, var(--gr-pink)) !important;
color: #fff !important;
box-shadow: 0 10px 28px rgba(255, 77, 141, 0.28) !important;
}
body.azart_theme .btn--lg {
padding: 0.85rem 1.75rem !important;
font-size: 0.95rem !important;
} body.azart_theme .entry-content,
body.azart_theme .azart-content,
body.azart_theme .azart-single,
body.azart_theme .azart-holder-col-9,
body.azart_theme .mt-45 {
color: #d7dce6 !important;
}
body.azart_theme .entry-content a,
body.azart_theme .azart-content a,
body.azart_theme p a,
body.azart_theme li a,
body.azart_theme .mt-45 p a,
body.azart_theme .mt-45 li a,
body.azart_theme .azart-single .azart-col-9 p a,
body.azart_theme .azart-single .azart-col-9 li a,
body.azart_theme .azart-slots .azart-col-9 .mt-45 p a,
body.azart_theme .azart-slots .azart-col-9 .mt-45 li a,
body.azart_theme .single-casino .azart-holder-col-9 p a,
body.azart_theme .single-casino .azart-holder-col-9 li a {
color: #e8c872 !important;
text-decoration: underline;
text-decoration-color: rgba(232, 200, 114, 0.42);
text-underline-offset: 0.16em;
font-weight: 600;
transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
body.azart_theme .entry-content a:hover,
body.azart_theme .azart-content a:hover,
body.azart_theme p a:hover,
body.azart_theme li a:hover,
body.azart_theme .mt-45 p a:hover,
body.azart_theme .mt-45 li a:hover,
body.azart_theme .azart-single .azart-col-9 p a:hover,
body.azart_theme .azart-single .azart-col-9 li a:hover,
body.azart_theme .azart-slots .azart-col-9 .mt-45 p a:hover,
body.azart_theme .azart-slots .azart-col-9 .mt-45 li a:hover,
body.azart_theme .single-casino .azart-holder-col-9 p a:hover,
body.azart_theme .single-casino .azart-holder-col-9 li a:hover {
color: #ffe9a8 !important;
text-decoration-color: rgba(255, 233, 168, 0.8);
}
body.azart_theme .entry-content h2,
body.azart_theme .entry-content h3,
body.azart_theme .azart-content h2,
body.azart_theme .azart-content h3 {
color: #fff !important;
} body.azart_theme blockquote,
body.azart_theme .wp-block-quote,
body.azart_theme .entry-content blockquote,
body.azart_theme .azart-content blockquote,
body.azart_theme .azart-holder-col-9 blockquote,
body.azart_theme .mt-45 blockquote,
body.azart_theme .entry-content .wp-block-quote,
body.azart_theme .azart-content .wp-block-quote,
body.azart_theme .azart-holder-col-9 .wp-block-quote,
body.azart_theme .mt-45 .wp-block-quote {
color: #d7dce6 !important;
border-left: 4px solid #fc275a !important;
background: rgba(255, 255, 255, 0.04);
border-radius: 0 10px 10px 0;
padding: 0.85rem 1rem 0.85rem 1.1rem;
margin: 1rem 0 1.25rem;
}
body.azart_theme blockquote p,
body.azart_theme .wp-block-quote p,
body.azart_theme .entry-content blockquote p,
body.azart_theme .azart-content blockquote p,
body.azart_theme .azart-holder-col-9 blockquote p,
body.azart_theme .mt-45 blockquote p,
body.azart_theme .entry-content .wp-block-quote p,
body.azart_theme .azart-content .wp-block-quote p,
body.azart_theme .azart-holder-col-9 .wp-block-quote p,
body.azart_theme .mt-45 .wp-block-quote p {
color: inherit !important;
}
body.azart_theme blockquote cite,
body.azart_theme .wp-block-quote cite,
body.azart_theme .entry-content blockquote cite,
body.azart_theme .mt-45 blockquote cite,
body.azart_theme .entry-content .wp-block-quote cite,
body.azart_theme .mt-45 .wp-block-quote cite {
color: #9aa3b5 !important;
}
body.azart_theme blockquote.has-black-color,
body.azart_theme .wp-block-quote.has-black-color,
body.azart_theme blockquote .has-black-color,
body.azart_theme .wp-block-quote .has-black-color,
body.azart_theme blockquote [style*="color"],
body.azart_theme .wp-block-quote [style*="color"] {
color: #d7dce6 !important;
}
body.azart_theme .entry-content table,
body.azart_theme .entry-content td,
body.azart_theme .entry-content th {
border-color: var(--gr-border) !important;
color: var(--gr-text) !important;
}
body.azart_theme .entry-content tr:nth-child(even) {
background: rgba(255, 255, 255, 0.03) !important;
}
body.azart_theme [class*="--bggrey"] {
background: var(--gr-surface) !important;
color: var(--gr-text) !important;
} body.azart_theme .azart-comments-block h2 {
color: #fff !important;
}
body.azart_theme .azart-comments__item {
background: var(--gr-surface) !important;
border: 1px solid var(--gr-border) !important;
border-radius: var(--gr-radius) !important;
color: var(--gr-muted) !important;
}
body.azart_theme .azart-comments__item-title {
color: #fff !important;
}
body.azart_theme .azart-comments__item-reply {
color: var(--gr-gold-2) !important;
}
body.azart_theme .azart-comments-form {
background: var(--gr-surface) !important;
border: 1px solid var(--gr-border) !important;
border-radius: var(--gr-radius) !important;
}
body.azart_theme .azart-comments-form h2 {
color: #fff !important;
}
body.azart_theme .azart-comments-form__field {
background: var(--gr-surface-2) !important;
border: 1px solid var(--gr-border) !important;
}
body.azart_theme .azart-comments-form__field input,
body.azart_theme .azart-comments-form__field textarea {
color: #fff !important;
background: transparent !important;
}
body.azart_theme .btn--full {
width: 100%;
border-radius: 999px !important;
} body.azart_theme .azart-filters__block-title {
color: var(--gr-gold-2) !important;
}
body.azart_theme .azart-filters__title {
color: var(--gr-text) !important;
background: var(--gr-surface) !important;
border: 1px solid var(--gr-border) !important;
border-radius: 10px !important;
}
body.azart_theme .azart-filters__title.active,
body.azart_theme .azart-filters__title:hover {
border-color: var(--gr-border-gold) !important;
color: var(--gr-gold-2) !important;
}
body.azart_theme .azart-filters__box {
background: var(--gr-surface) !important;
border: 1px solid var(--gr-border) !important;
border-radius: 12px !important;
max-height: 260px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
padding: 10px 12px !important;
}
body.azart_theme .azart-label-field {
color: #e8ebf2 !important;
padding: 8px 6px 8px 30px !important;
font-size: 12px !important;
line-height: 1.35 !important;
word-break: break-word;
overflow-wrap: anywhere;
}
body.azart_theme .azart-filters__title {
color: #fff !important;
border-top-color: var(--gr-border) !important;
}
body.azart_theme .azart-filters__title svg {
fill: var(--gr-gold-2, #f5d06a) !important;
}
body.azart_theme .azart-filters__block-title {
color: var(--gr-gold-2, #f5d06a) !important;
}
body.azart_theme .azart-label-field__icon {
background: var(--gr-surface-2) !important;
border-color: var(--gr-border) !important;
} body.azart_theme .azart-foot__bottom {
border-top: 1px solid var(--gr-border) !important;
padding-top: 1.5rem;
}
body.azart_theme .azart-foot__nav-title {
color: #fff !important;
font-weight: 700 !important;
}
body.azart_theme .azart-foot__nav a {
color: var(--gr-muted) !important;
}
body.azart_theme .azart-legacy-links a {
color: var(--gr-muted) !important;
}
body.azart_theme .azart-copyright {
color: var(--gr-muted) !important;
} body.azart_theme .navigation.pagination .nav-links a,
body.azart_theme .navigation.pagination .nav-links span {
background: var(--gr-surface) !important;
border: 1px solid var(--gr-border) !important;
color: var(--gr-text) !important;
border-radius: 8px !important;
}
body.azart_theme .navigation.pagination .nav-links .current {
background: linear-gradient(135deg, var(--gr-gold), var(--gr-gold-2)) !important;
color: #111 !important;
border-color: transparent !important;
}
body.azart_theme .azart-post-grid__item {
border-color: var(--gr-border) !important;
}
body.azart_theme .azart-post-grid__item-title a {
color: #fff !important;
}
body.azart_theme .azart-slots-item {
border-radius: var(--gr-radius) !important;
border: 1px solid var(--gr-border) !important;
}
body.azart_theme .azart-slots-item__title {
color: #fff !important;
}
body.azart_theme .azart-payment-geography__desc,
body.azart_theme .azart-payment-geography__flag {
color: var(--gr-gold-2) !important;
}
body.azart_theme .azart-flag__status.unset {
opacity: 0.5;
}
body.azart_theme .slick-dots li button {
background: var(--gr-muted) !important;
}
body.azart_theme .slick-dots li.slick-active button {
background: var(--gr-gold) !important;
}
body.azart_theme .azart-rating__stars ul li.active svg {
fill: var(--gr-gold) !important;
}
body.azart_theme .azart-rating__stars svg {
stroke: var(--gr-gold) !important;
}
body.azart_theme .block {
background: transparent !important;
}
body.azart_theme .azart-news-tags__item {
background: rgba(212, 175, 55, 0.9) !important;
color: #111 !important;
border-radius: 6px !important;
}
@media (min-width: 992px) {
body.azart_theme .azart-nav > ul > li ul,
body.azart_theme .azart-nav > ul > li > ul {
background: var(--gr-surface-2) !important;
min-width: 220px !important;
}
body.azart_theme .azart-nav > ul > li > ul::before {
border-color: transparent transparent var(--gr-surface-2) !important;
}
body.azart_theme .azart-nav > ul > li > ul li:hover {
background: rgba(212, 175, 55, 0.12) !important;
color: var(--gr-gold-2) !important;
}
}
@media (max-width: 991px) {
body.azart_theme .azart-nav {
background: var(--gr-surface-2) !important;
border: 1px solid var(--gr-border) !important;
border-radius: 12px !important;
}
body.azart_theme .azart-nav > ul > li > a {
border-radius: 0 !important;
border-bottom: 1px solid var(--gr-border) !important;
}
body.azart_theme .azart-nav > ul > li ul {
position: static !important;
background: rgba(0, 0, 0, 0.2) !important;
box-shadow: none !important;
border: none !important;
border-radius: 0 !important;
}
body.azart_theme .azart-nav > ul > li > ul::before {
display: none !important;
}
body.azart_theme .azart-advantages__box {
flex-direction: column;
}
body.azart_theme .azart-advantages__item {
width: 100% !important;
margin: 0 0 1rem !important;
}
body.azart_theme .azart-top-rated__item-box {
flex-direction: column;
}
body.azart_theme .azart-properties {
flex-direction: column;
}
body.azart_theme .azart-properties__item:not(:first-child) {
border-left: none !important;
border-top: 1px solid var(--gr-border) !important;
}
} body.azart_theme.gr-premium::before {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
z-index: 9999;
opacity: 0.035;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.gr-reveal {
opacity: 1;
transform: none;
transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1), transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: no-preference) {
.gr-reveal:not(.gr-reveal--visible) {
opacity: 0;
transform: translateY(22px);
}
}
.gr-reveal--visible {
opacity: 1;
transform: translateY(0);
}
.gr-reveal--delay-1 { transition-delay: 0.08s; }
.gr-reveal--delay-2 { transition-delay: 0.16s; }
.gr-reveal--delay-3 { transition-delay: 0.24s; } body.azart_theme .gr-brand {
display: flex;
align-items: center;
gap: 0.65rem;
flex-shrink: 0;
}
body.azart_theme .gr-brand__link {
display: flex;
align-items: center;
gap: 0.55rem;
}
body.azart_theme .gr-brand__logo {
max-height: 46px;
width: auto;
border-radius: 10px;
object-fit: contain;
filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.35));
}
body.azart_theme .gr-brand__logo--theme {
width: auto;
border-radius: 0;
background: transparent !important;
filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.28));
}
body.azart_theme .gr-brand__logo--svg {
image-rendering: auto;
}
@media (max-width: 991px) {
body.azart_theme .azart-header__box {
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) auto;
grid-template-areas: "burger brand search";
align-items: center;
gap: 0.45rem;
padding: 0.5rem 0 !important;
}
body.azart_theme .azart-hamburger {
display: flex !important;
grid-area: burger;
flex-shrink: 0;
margin-right: 0.15rem;
}
body.azart_theme .gr-brand {
grid-area: brand;
min-width: 0;
max-width: 100%;
overflow: hidden;
}
body.azart_theme .gr-brand__link,
body.azart_theme .gr-brand__link picture {
display: block;
max-width: 100%;
}
body.azart_theme .azart-header__box > .azart-nav {
grid-column: 1 / -1;
}
body.azart_theme .azart-search-toggle {
grid-area: search;
flex-shrink: 0;
padding-left: 0 !important;
margin-left: 0 !important;
}
body.azart_theme .azart-header__box .gr-brand__logo--theme {
height: 34px !important;
max-height: none !important;
max-width: 100% !important;
}
body.azart_theme .azart-nav {
z-index: 120 !important;
}
.gr-hero {
padding: 1.65rem 0 1.15rem;
min-height: 0 !important;
}
.gr-hero__title {
font-size: clamp(1.55rem, 6.5vw, 2.15rem) !important;
}
.gr-hero__subtitle {
font-size: 0.92rem;
margin-bottom: 1rem;
}
.gr-hero__stats {
grid-template-columns: 1fr !important;
}
.gr-hero__stat-value {
font-size: 1.45rem;
}
}
@media (max-width: 575px) {
body.azart_theme .azart-header__box .gr-brand__logo--theme {
height: 30px !important;
}
}
@media (min-width: 992px) {
.gr-hero {
padding: 4.75rem 0 3.25rem;
min-height: 380px;
display: flex;
align-items: center;
}
.gr-hero__inner {
width: 100%;
}
.gr-hero__title {
font-size: clamp(2.4rem, 4vw, 3.75rem) !important;
}
.gr-hero__stat {
padding: 1.35rem 1.5rem;
}
}
body.azart_theme .gr-brand__name {
font-family: var(--gr-display) !important;
font-weight: 800;
font-size: 1.05rem;
letter-spacing: 0.06em;
text-transform: uppercase;
background: linear-gradient(135deg, #fff, var(--gr-gold-2));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
body.azart_theme .gr-brand__badge {
font-size: 0.62rem;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
padding: 0.28rem 0.55rem;
border-radius: 999px;
color: #111;
background: linear-gradient(135deg, var(--gr-gold), var(--gr-gold-2));
box-shadow: 0 4px 14px rgba(212, 175, 55, 0.25);
}
body.azart_theme .gr-header.gr-header--scrolled,
body.azart_theme .gr-header.gr-header--scrolled .azart-header__content {
background: rgba(8, 9, 14, 0.96) !important;
}
body.azart_theme .azart-search-toggle {
width: 42px;
height: 42px;
border-radius: 50%;
background: var(--gr-surface-2) !important;
border: 1px solid var(--gr-border) !important;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
}
body.azart_theme .azart-search-toggle svg {
fill: var(--gr-text) !important;
}
body.azart_theme .azart-search-toggle:hover {
background: linear-gradient(135deg, var(--gr-gold), var(--gr-gold-2)) !important;
border-color: transparent !important;
}
body.azart_theme .azart-search-toggle:hover svg {
fill: #111 !important;
} .gr-hero {
position: relative;
overflow: hidden;
padding: 3.5rem 0 2.5rem;
border-bottom: 1px solid var(--gr-border);
width: 100%;
background:
radial-gradient(ellipse 90% 120% at 10% 0%, rgba(34, 201, 151, 0.14), transparent 58%),
radial-gradient(ellipse 80% 100% at 90% 10%, rgba(212, 175, 55, 0.16), transparent 55%),
radial-gradient(ellipse 70% 80% at 50% 100%, rgba(18, 22, 34, 0.9), transparent 70%),
linear-gradient(180deg, #0b0d14 0%, #08090e 55%, #08090e 100%);
}
.gr-hero__mesh {
position: absolute;
inset: -35% -10%;
background:
radial-gradient(circle at 20% 30%, rgba(212, 175, 55, 0.18), transparent 48%),
radial-gradient(circle at 80% 20%, rgba(34, 201, 151, 0.14), transparent 44%),
radial-gradient(circle at 50% 80%, rgba(120, 90, 255, 0.08), transparent 50%);
transition: transform 0.2s ease-out;
pointer-events: none;
}
.gr-hero__glow {
position: absolute;
border-radius: 50%;
filter: blur(80px);
pointer-events: none;
}
.gr-hero__glow--gold {
width: min(520px, 46vw);
height: min(520px, 46vw);
top: -140px;
right: 4%;
background: rgba(212, 175, 55, 0.16);
}
.gr-hero__glow--emerald {
width: min(440px, 40vw);
height: min(440px, 40vw);
bottom: -120px;
left: 0;
background: rgba(34, 201, 151, 0.12);
}
.gr-hero__inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: 2rem;
align-items: end;
}
.gr-hero__eyebrow {
display: inline-flex;
align-items: center;
gap: 0.5rem;
margin: 0 0 1rem;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--gr-muted);
}
.gr-hero__dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--gr-emerald);
box-shadow: 0 0 12px rgba(34, 201, 151, 0.8);
animation: gr-pulse 2s ease-in-out infinite;
}
@keyframes gr-pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.65; transform: scale(0.85); }
}
.gr-hero__title {
margin: 0 0 0.75rem;
font-family: var(--gr-display) !important;
font-size: clamp(2rem, 4.5vw, 3.4rem) !important;
font-weight: 800 !important;
line-height: 1.05 !important;
letter-spacing: -0.03em !important;
color: #fff !important;
}
.gr-hero__title-accent {
display: block;
background: linear-gradient(135deg, var(--gr-gold), var(--gr-gold-2));
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
}
.gr-hero__subtitle {
margin: 0 0 1.5rem;
max-width: 38rem;
font-size: 1.05rem;
line-height: 1.6;
color: var(--gr-muted);
}
.gr-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
}
.gr-hero__btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.85rem 1.35rem;
border-radius: 999px;
font-weight: 700;
font-size: 0.92rem;
letter-spacing: 0.02em;
text-decoration: none !important;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.gr-hero__btn--primary {
color: #04130e !important;
background: linear-gradient(135deg, var(--gr-emerald), var(--gr-emerald-2));
box-shadow: 0 12px 32px rgba(34, 201, 151, 0.28);
}
.gr-hero__btn--ghost {
color: var(--gr-text) !important;
border: 1px solid var(--gr-border-gold);
background: rgba(255, 255, 255, 0.03);
}
.gr-hero__btn:hover {
transform: translateY(-2px);
}
.gr-hero__stats {
display: grid;
gap: 0.85rem;
}
.gr-hero__stat {
padding: 1rem 1.15rem;
border-radius: 14px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid var(--gr-border);
backdrop-filter: blur(8px);
}
.gr-hero__stat-value {
display: block;
font-family: var(--gr-display) !important;
font-size: clamp(1.55rem, 2.2vw, 2.1rem);
font-weight: 800;
color: #fff;
line-height: 1.1;
}
.gr-hero__stat-label {
display: block;
margin-top: 0.25rem;
font-size: 0.82rem;
color: var(--gr-muted);
} body.home .block.azart-top-rated {
padding-top: 2rem !important;
}
body.home .block.azart-top-rated h2 {
font-size: 0.82rem !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
background: none !important;
-webkit-text-fill-color: var(--gr-muted) !important;
color: var(--gr-muted) !important;
font-weight: 700 !important;
margin-bottom: 1.5rem !important;
} body.azart_theme .azart-top-rated__box {
counter-reset: gr-rank;
}
body.azart_theme .gr-casino-card {
counter-increment: gr-rank;
position: relative;
overflow: visible !important;
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}
body.azart_theme .gr-casino-card::before {
content: "#" counter(gr-rank);
position: absolute;
top: -10px;
left: 16px;
z-index: 2;
padding: 0.22rem 0.55rem;
border-radius: 999px;
font-size: 0.68rem;
font-weight: 800;
letter-spacing: 0.08em;
color: var(--gr-muted);
background: var(--gr-surface-2);
border: 1px solid var(--gr-border);
}
body.azart_theme .gr-casino-card:nth-child(-n+3)::before {
content: "TOP " counter(gr-rank);
color: #111;
background: linear-gradient(135deg, var(--gr-gold), var(--gr-gold-2));
border-color: transparent;
box-shadow: 0 6px 18px rgba(212, 175, 55, 0.3);
}
body.azart_theme .gr-casino-card:nth-child(1) {
border-color: rgba(212, 175, 55, 0.45) !important;
box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.12), 0 22px 60px rgba(0, 0, 0, 0.5) !important;
}
body.azart_theme .gr-casino-card:hover {
transform: translateY(-4px) !important;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-content-box > a {
font-family: var(--gr-display) !important;
font-size: 1.25rem !important;
font-weight: 700 !important;
}
body.azart_theme .gr-score-pill {
font-family: var(--gr-display) !important;
font-weight: 800 !important;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-img {
background: var(--gr-logo-bg);
border: 1px solid var(--gr-border);
border-radius: 14px;
overflow: hidden;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-img img {
border-radius: 14px !important;
background: transparent !important;
padding: 8px;
box-shadow: none;
}
body.azart_theme .gr-btn-play {
box-shadow: 0 10px 28px rgba(34, 201, 151, 0.32) !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
body.azart_theme .gr-btn-play:hover {
transform: translateY(-2px);
box-shadow: 0 14px 34px rgba(34, 201, 151, 0.42) !important;
}
body.azart_theme .gr-btn-review:hover {
background: rgba(212, 175, 55, 0.08) !important;
color: var(--gr-gold-2) !important;
}
body.azart_theme .azart-properties__item-ico svg {
fill: var(--gr-gold) !important;
} .gr-trust {
padding: 1.25rem 0;
border-top: 1px solid var(--gr-border);
background: rgba(255, 255, 255, 0.02);
}
.gr-trust__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0.75rem;
}
.gr-trust__item {
display: flex;
align-items: center;
gap: 0.65rem;
font-size: 0.82rem;
color: var(--gr-muted);
}
.gr-trust__badge {
flex-shrink: 0;
min-width: 2.4rem;
text-align: center;
padding: 0.25rem 0.4rem;
border-radius: 8px;
font-size: 0.68rem;
font-weight: 800;
letter-spacing: 0.06em;
color: var(--gr-gold-2);
background: rgba(212, 175, 55, 0.1);
border: 1px solid var(--gr-border-gold);
}
body.azart_theme .gr-footer {
margin-top: 0 !important;
}
@media (max-width: 991px) {
.gr-hero__inner {
grid-template-columns: 1fr;
}
.gr-trust__grid {
grid-template-columns: repeat(2, 1fr);
}
body.azart_theme .gr-brand__badge {
display: none;
}
}
@media (max-width: 575px) {
.gr-hero {
padding: 2rem 0 1.5rem;
}
.gr-hero__stats {
grid-template-columns: 1fr;
}
.gr-trust__grid {
grid-template-columns: 1fr;
}
} body.azart_theme .azart-top-rated__item-media {
max-width: 168px !important;
width: 168px !important;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-img img {
object-fit: contain !important;
background: transparent !important;
}
body.azart_theme .azart-casino-box__img {
max-width: 240px !important;
background: var(--gr-logo-bg);
border: 1px solid var(--gr-border);
border-radius: 14px;
padding: 10px;
}
body.azart_theme .azart-casino-box__img img {
object-fit: contain !important;
background: transparent !important;
padding: 0;
border-radius: 10px !important;
border: 0 !important;
}
body.azart_theme .gr-brand__logo:not(.gr-brand__logo--theme) {
max-height: 58px !important;
}
body.azart_theme .azart-properties__item-desc ul img {
width: auto !important;
height: 28px !important;
max-width: 48px !important;
object-fit: contain !important;
}
.gr-bonus-card__logo {
margin-bottom: 0.75rem;
}
.gr-bonus-card__logo img {
width: 100%;
max-width: 180px;
height: 72px;
object-fit: contain;
background: var(--gr-logo-bg);
padding: 8px;
border-radius: 12px;
border: 1px solid var(--gr-border);
}
.gr-compare-pick {
position: absolute;
top: 12px;
right: 12px;
z-index: 3;
cursor: pointer;
}
.gr-casino-card {
position: relative;
}
.gr-compare-pick input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.gr-compare-pick__ui {
display: inline-flex;
width: 28px;
height: 28px;
border-radius: 8px;
border: 1px solid var(--gr-border);
background: rgba(0, 0, 0, 0.35);
align-items: center;
justify-content: center;
font-size: 14px;
color: var(--gr-muted);
}
.gr-compare-pick input:checked + .gr-compare-pick__ui {
background: linear-gradient(135deg, var(--gr-gold), var(--gr-gold-2));
color: #111;
border-color: transparent;
}
.gr-compare-pick input:checked + .gr-compare-pick__ui::after {
content: "✓";
font-weight: 800;
}
.gr-compare-bar {
display: none;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 185;
background: rgba(8, 9, 14, 0.98);
border-top: 1px solid var(--gr-border-gold);
padding: 0.75rem 0;
box-shadow: 0 -10px 36px rgba(0, 0, 0, 0.45);
}
.gr-compare-bar.is-visible {
display: block;
}
body.gr-has-compare.gr-has-mobile-nav .gr-compare-bar {
bottom: calc(68px + env(safe-area-inset-bottom, 0px));
}
body.gr-has-compare.gr-has-mobile-nav {
padding-bottom: calc(132px + env(safe-area-inset-bottom, 0px));
}
.gr-compare-bar__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.gr-compare-bar__btn {
border: none;
border-radius: 999px;
padding: 0.65rem 1.1rem;
font-weight: 700;
cursor: pointer;
background: linear-gradient(135deg, var(--gr-gold), var(--gr-gold-2));
color: #111;
}
.gr-compare-bar__btn:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.gr-compare-bar__btn--ghost {
background: transparent;
color: var(--gr-text);
border: 1px solid var(--gr-border);
}
.gr-compare-modal,
.gr-calc-modal,
.gr-age-gate {
position: fixed;
inset: 0;
z-index: 200;
background: rgba(0, 0, 0, 0.72);
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
}
.gr-compare-modal[hidden],
.gr-calc-modal[hidden],
.gr-age-gate[hidden] {
display: none !important;
}
.gr-compare-modal__panel,
.gr-calc-modal__panel,
.gr-age-gate__panel {
width: min(920px, 100%);
max-height: 90vh;
overflow: auto;
background: var(--gr-surface-2);
border: 1px solid var(--gr-border-gold);
border-radius: 16px;
padding: 1.25rem;
color: var(--gr-text);
}
.gr-compare-table {
width: 100%;
border-collapse: collapse;
}
.gr-compare-table th,
.gr-compare-table td {
border: 1px solid var(--gr-border);
padding: 0.65rem;
text-align: center;
vertical-align: top;
}
.gr-sticky-cta {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 110;
background: rgba(8, 9, 14, 0.96);
border-top: 1px solid var(--gr-border);
padding: 0.65rem 0;
}
body.gr-has-sticky .gr-compare-bar {
bottom: 64px;
}
.gr-sticky-cta[hidden] {
display: none !important;
}
.gr-sticky-cta__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.gr-sticky-cta__brand {
display: flex;
align-items: center;
gap: 0.75rem;
}
.gr-sticky-cta__brand img {
border-radius: 10px;
background: var(--gr-logo-bg);
border: 1px solid var(--gr-border);
object-fit: contain;
}
.gr-live-search-wrap {
margin-bottom: 1rem;
}
.gr-live-search {
width: 100%;
padding: 0.85rem 1rem;
border-radius: 999px;
border: 1px solid var(--gr-border);
background: var(--gr-surface);
color: #fff;
}
.gr-recent {
padding: 1.5rem 0 0;
}
.gr-recent__list {
display: flex;
flex-wrap: wrap;
gap: 0.65rem;
}
.gr-recent__item {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.45rem 0.65rem;
border-radius: 999px;
border: 1px solid var(--gr-border);
background: var(--gr-surface);
color: var(--gr-text) !important;
text-decoration: none !important;
}
.gr-recent__item img {
border-radius: 6px;
background: var(--gr-logo-bg);
border: 1px solid var(--gr-border);
object-fit: contain;
}
.gr-calc-fab,
.gr-scroll-top {
position: fixed;
z-index: 105;
border: none;
border-radius: 50%;
width: 46px;
height: 46px;
font-weight: 800;
cursor: pointer;
box-shadow: var(--gr-shadow);
}
.gr-calc-fab {
right: 18px;
bottom: 18px;
background: linear-gradient(135deg, var(--gr-gold), var(--gr-gold-2));
color: #111;
}
.gr-scroll-top {
right: 18px;
bottom: 74px;
background: var(--gr-surface-2);
color: #fff;
border: 1px solid var(--gr-border);
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
}
.gr-scroll-top--show {
opacity: 1;
pointer-events: auto;
}
.gr-toast {
position: fixed;
left: 50%;
bottom: 90px;
transform: translateX(-50%) translateY(12px);
z-index: 220;
padding: 0.65rem 1rem;
border-radius: 999px;
background: #111;
color: #fff;
border: 1px solid var(--gr-border-gold);
opacity: 0;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.gr-toast--show {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
.gr-calc-field {
display: block;
margin-bottom: 0.75rem;
}
.gr-calc-field span {
display: block;
margin-bottom: 0.25rem;
color: var(--gr-muted);
font-size: 0.85rem;
}
.gr-calc-field input {
width: 100%;
padding: 0.65rem 0.75rem;
border-radius: 10px;
border: 1px solid var(--gr-border);
background: var(--gr-surface);
color: #fff;
}
.gr-calc-result {
margin-top: 0.75rem;
padding: 0.85rem;
border-radius: 12px;
background: rgba(34, 201, 151, 0.12);
border: 1px solid rgba(34, 201, 151, 0.25);
font-weight: 700;
}
html.gr-age-lock {
overflow: hidden;
}
.gr-age-gate__badge {
display: inline-block;
padding: 0.35rem 0.55rem;
border-radius: 8px;
background: linear-gradient(135deg, var(--gr-gold), var(--gr-gold-2));
color: #111;
font-weight: 800;
}
.gr-age-gate__actions {
display: flex;
gap: 0.65rem;
margin-top: 1rem;
}
.gr-age-gate__btn {
flex: 1;
border: none;
border-radius: 999px;
padding: 0.75rem 1rem;
font-weight: 700;
cursor: pointer;
}
.gr-age-gate__btn--yes {
background: linear-gradient(135deg, var(--gr-emerald), var(--gr-emerald-2));
color: #04130e;
}
.gr-age-gate__btn--no {
background: transparent;
color: var(--gr-text);
border: 1px solid var(--gr-border);
} .gr-card-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
}
.gr-card-head > a {
flex: 1;
}
.gr-card-updated {
display: block;
margin: 0.25rem 0 0.5rem;
font-size: 0.72rem;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--gr-text-muted, #9aa3b5);
opacity: 0.85;
}
.gr-fav-btn {
flex: 0 0 auto;
width: 40px;
height: 40px;
border-radius: 999px;
border: 1px solid var(--gr-border);
background: rgba(255, 255, 255, 0.04);
color: #ff6b9d;
font-size: 1.1rem;
line-height: 1;
cursor: pointer;
transition: transform 0.2s ease, background 0.2s ease;
}
.gr-fav-btn.is-active {
background: rgba(255, 107, 157, 0.15);
border-color: rgba(255, 107, 157, 0.45);
}
.gr-vote {
margin-top: 0.85rem;
padding-top: 0.85rem;
border-top: 1px solid var(--gr-border);
}
.gr-vote__badge {
display: inline-block;
margin-bottom: 0.35rem;
padding: 0.2rem 0.55rem;
border-radius: 999px;
background: rgba(212, 175, 55, 0.14);
border: 1px solid rgba(212, 175, 55, 0.35);
color: var(--gr-gold, #d4af37);
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.gr-vote__meta {
display: flex;
align-items: center;
gap: 0.35rem;
font-size: 0.85rem;
color: var(--gr-text-muted, #9aa3b5);
}
.gr-vote__avg {
color: var(--gr-gold, #d4af37);
font-weight: 700;
}
.gr-vote__stars {
display: flex;
gap: 0.15rem;
margin-top: 0.45rem;
}
.gr-vote__star {
width: 36px;
height: 36px;
border: none;
border-radius: 8px;
background: rgba(255, 255, 255, 0.04);
color: rgba(212, 175, 55, 0.35);
font-size: 1.1rem;
cursor: pointer;
}
.gr-vote__star.is-filled,
.gr-vote__star:hover {
color: var(--gr-gold, #d4af37);
background: rgba(212, 175, 55, 0.12);
}
.gr-vote__star:disabled {
cursor: default;
opacity: 0.85;
}
.gr-vote__hint {
margin: 0.35rem 0 0;
font-size: 0.75rem;
color: var(--gr-text-muted, #9aa3b5);
}
.gr-vote--compact {
margin: 0;
padding: 0;
border: 0;
}
.gr-vote--compact .gr-vote__stars,
.gr-vote--compact .gr-vote__hint,
.gr-vote--compact .gr-vote__badge {
display: none;
}
.gr-community-top {
padding: 2rem 0 1rem;
}
.gr-community-top--after-hero {
padding: 0.75rem 0 1.25rem;
margin-top: -0.5rem;
border-bottom: 1px solid var(--gr-border);
background: linear-gradient(180deg, rgba(8, 9, 14, 0) 0%, rgba(18, 21, 31, 0.65) 100%);
}
.gr-community-top--after-hero .gr-community-top__head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 1rem;
flex-wrap: wrap;
margin-bottom: 0.75rem;
}
.gr-community-top--after-hero .gr-community-top__title {
font-size: clamp(1.05rem, 2.2vw, 1.35rem);
}
.gr-community-top--after-hero .gr-community-top__sub {
margin: 0;
font-size: 0.82rem;
}
.gr-community-top--after-hero .gr-community-top__grid {
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
.gr-community-top__title {
margin: 0;
font-size: clamp(1.25rem, 2vw, 1.6rem);
color: var(--gr-text, #f3f4f8);
}
.gr-community-top__sub {
margin: 0.35rem 0 1rem;
color: var(--gr-text-muted, #9aa3b5);
font-size: 0.9rem;
}
.gr-community-top__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
.gr-community-top__card {
display: grid;
gap: 0.35rem;
justify-items: center;
text-align: center;
padding: 1rem;
border-radius: 14px;
border: 1px solid var(--gr-border);
background: rgba(255, 255, 255, 0.03);
color: inherit;
text-decoration: none;
transition: transform 0.2s ease, border-color 0.2s ease;
}
.gr-community-top__card:hover {
transform: translateY(-2px);
border-color: rgba(212, 175, 55, 0.45);
}
.gr-community-top__rank {
font-size: 0.72rem;
font-weight: 800;
color: var(--gr-gold, #d4af37);
}
.gr-community-top__name {
font-weight: 700;
}
.gr-community-top__card img {
width: 72px;
height: 54px;
object-fit: contain;
background: var(--gr-logo-bg);
border: 1px solid var(--gr-border);
border-radius: 10px;
padding: 4px;
}
.gr-community-top__meta {
font-size: 0.78rem;
color: var(--gr-text-muted, #9aa3b5);
}
.gr-mobile-nav {
display: none;
}
.gr-filter-fab {
display: none;
}
.gr-sticky-cta {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 120;
transform: translateY(110%);
transition: transform 0.25s ease;
background: rgba(8, 9, 14, 0.96);
border-top: 1px solid var(--gr-border);
padding: 0.55rem 0 calc(0.55rem + env(safe-area-inset-bottom));
backdrop-filter: blur(10px);
}
.gr-sticky-cta.is-visible {
transform: translateY(0);
}
.gr-sticky-cta__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
}
.gr-sticky-cta__brand {
display: flex;
align-items: center;
gap: 0.65rem;
min-width: 0;
}
.gr-sticky-cta__brand strong {
display: block;
font-size: 0.9rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gr-sticky-cta__play {
flex: 0 0 auto;
min-height: 48px;
min-width: 120px;
}
.gr-filter-drawer[hidden],
.gr-calc-modal[hidden] {
display: none !important;
}
.gr-filter-drawer {
position: fixed;
inset: 0;
z-index: 170;
pointer-events: none;
}
.gr-filter-drawer:not([hidden]) {
pointer-events: auto;
}
.gr-filter-drawer__backdrop,
.gr-calc-modal__backdrop {
position: absolute;
inset: 0;
z-index: 1;
background: rgba(0, 0, 0, 0.65);
pointer-events: auto;
}
.gr-calc-modal:not([hidden]) {
pointer-events: auto;
z-index: 220;
}
.gr-calc-modal__panel {
z-index: 5;
pointer-events: auto;
position: relative;
}
.gr-filter-drawer__panel {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
max-height: min(84vh, 700px);
overflow: auto;
-webkit-overflow-scrolling: touch;
background: #12151f;
border-top: 1px solid var(--gr-border-gold);
border-radius: 16px 16px 0 0;
padding: 2.5rem 1rem calc(1rem + env(safe-area-inset-bottom));
pointer-events: auto;
box-shadow: 0 -16px 48px rgba(0, 0, 0, 0.45);
}
.gr-filter-drawer__panel .azart-filters__block-title {
color: var(--gr-gold-2, #f5d06a) !important;
font-size: 1rem !important;
margin-bottom: 0.75rem;
}
.gr-filter-drawer__panel .azart-label-field {
color: #eef1f7 !important;
}
.gr-filter-drawer__panel .azart-filters__box {
background: #1a1f2e !important;
}
.gr-filter-drawer__panel .casino_filter_action {
display: block !important;
width: 100%;
visibility: visible !important;
opacity: 1 !important;
}
.gr-filter-drawer__panel .azart-filters__item {
margin-top: 0.45rem;
}
.gr-filter-drawer__panel .azart-filters__title {
color: #eef1f7 !important;
background: rgba(255, 255, 255, 0.04) !important;
border: 1px solid var(--gr-border) !important;
border-radius: 10px !important;
}
.gr-filter-drawer__panel .azart-filters__title svg {
fill: var(--gr-gold-2, #f5d06a) !important;
}
.gr-filter-drawer__panel .azart-filters__box {
display: block !important;
max-height: min(42vh, 320px) !important;
margin-top: 0.35rem;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
}
.gr-filter-drawer__panel .azart-label-field {
color: #eef1f7 !important;
}
.gr-filter-drawer__head {
margin: 0 2.25rem 0.85rem 0;
font-size: 1rem;
font-weight: 800;
color: var(--gr-gold-2, #f5d06a);
letter-spacing: 0.04em;
}
.gr-calc-modal__panel {
width: min(420px, calc(100% - 2rem));
max-height: 86vh;
overflow: auto;
-webkit-overflow-scrolling: touch;
background: #12151f;
border: 1px solid var(--gr-border-gold);
border-radius: 16px;
padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom));
margin: auto;
}
.gr-calc-modal__title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
}
.gr-calc-modal__close {
width: 40px;
height: 40px;
border: 1px solid var(--gr-border);
border-radius: 10px;
background: transparent;
color: var(--gr-text);
font-size: 1.4rem;
line-height: 1;
cursor: pointer;
}
.gr-calc-modal {
position: fixed;
inset: 0;
z-index: 220;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
padding-bottom: calc(1rem + env(safe-area-inset-bottom));
}
body.gr-calc-open {
overflow: hidden;
}
.gr-calc-modal__field {
display: grid;
gap: 0.35rem;
margin: 0.75rem 0;
}
.gr-calc-modal__field input {
width: 100%;
min-height: 48px;
border-radius: 10px;
border: 1px solid var(--gr-border);
background: rgba(255, 255, 255, 0.04);
color: var(--gr-text);
padding: 0 0.75rem;
}
.gr-calc-modal__result {
margin: 0.5rem 0 0;
}
body.gr-filter-open {
overflow: hidden;
}
@media (max-width: 991px) {
body.gr-has-mobile-nav {
padding-bottom: calc(68px + env(safe-area-inset-bottom));
}
body.gr-has-sticky.gr-has-mobile-nav {
padding-bottom: calc(128px + env(safe-area-inset-bottom));
}
.gr-mobile-nav {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 130;
background: rgba(8, 9, 14, 0.97);
border-top: 1px solid var(--gr-border);
padding: 0.35rem 0 calc(0.35rem + env(safe-area-inset-bottom));
backdrop-filter: blur(12px);
}
.gr-mobile-nav__item {
display: grid;
gap: 0.15rem;
justify-items: center;
padding: 0.35rem 0.15rem;
border: 0;
background: transparent;
color: var(--gr-text-muted, #9aa3b5);
font-size: 0.56rem;
text-transform: uppercase;
letter-spacing: 0.04em;
text-decoration: none;
cursor: pointer;
}
.gr-mobile-nav__item.is-active {
color: var(--gr-gold, #d4af37);
}
.gr-mobile-nav__ico {
font-size: 1rem;
line-height: 1;
}
.gr-filter-fab {
display: inline-flex;
align-items: center;
justify-content: center;
position: fixed;
left: 1rem;
right: auto;
bottom: calc(76px + env(safe-area-inset-bottom));
z-index: 125;
min-height: 48px;
padding: 0 1rem;
border-radius: 999px;
border: 1px solid rgba(212, 175, 55, 0.45);
background: linear-gradient(135deg, rgba(212, 175, 55, 0.2), rgba(8, 9, 14, 0.95));
color: var(--gr-text);
font-weight: 700;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
cursor: pointer;
}
.gr-filter-fab[hidden] {
display: none !important;
}
body.gr-has-sticky .gr-filter-fab {
bottom: calc(136px + env(safe-area-inset-bottom));
}
body.gr-v5 {
overflow-x: hidden;
}
body.gr-v5 .azart-wrapper {
overflow-x: clip;
max-width: 100%;
}
body.gr-v5 .azart-container {
max-width: 100%;
padding-left: 12px;
padding-right: 12px;
}
body.gr-v5 .azart-row {
flex-wrap: wrap;
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
body.gr-v5 .azart-slots .azart-col-9,
body.gr-v5 .azart-slots .azart-holder-col-3,
body.gr-v5 .azart-slots .azart-col,
body.gr-v5 .azart-slots [class*='azart-col-'] {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
padding-left: 0;
padding-right: 0;
box-sizing: border-box;
}
body.gr-v5 .azart-row--casino-grid {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 1rem;
width: 100%;
}
body.gr-v5 .azart-row--casino-grid > [class*='azart-col'] {
width: 100% !important;
max-width: 100% !important;
min-width: 0;
}
body.gr-v5 .azart-slots .azart-holder-col-3 {
display: none !important;
}
.gr-filter-slot {
display: none !important;
}
body.gr-v5.single-casino .azart-holder-col-3,
body.gr-v5.single-bonus .azart-holder-col-3 {
height: auto !important;
padding: 0 !important;
}
body.gr-v5.single-casino .azart-holder-col-3 .azart-holder__sidebar,
body.gr-v5.single-bonus .azart-holder-col-3 .azart-holder__sidebar {
position: static !important;
transform: none !important;
max-height: none !important;
pointer-events: auto !important;
border-radius: 14px;
margin-bottom: 1rem;
}
body.gr-v5 .azart-slots .azart-holder__sidebar .azart-label-field,
body.gr-filter-open .azart-slots .azart-holder__sidebar .azart-label-field {
color: #eef1f7 !important;
}
body.gr-v5 .azart-slots .azart-holder__sidebar .azart-filters__box,
body.gr-filter-open .azart-slots .azart-holder__sidebar .azart-filters__box {
background: #161a26 !important;
}
.gr-filter-drawer__backdrop {
position: absolute;
inset: 0;
z-index: 1;
background: rgba(0, 0, 0, 0.55);
}
.gr-filter-drawer__panel {
z-index: 5;
}
.gr-filter-drawer__close {
position: absolute;
top: 0.65rem;
right: 0.75rem;
z-index: 10;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid var(--gr-border);
background: #12151f;
color: #fff;
font-size: 1.4rem;
line-height: 1;
cursor: pointer;
display: block;
}
body.gr-filter-open .gr-filter-fab {
opacity: 0;
pointer-events: none;
}
.gr-hero__stats--scroll {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
gap: 0.75rem;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
padding-bottom: 0.25rem;
}
.gr-hero__stats--scroll .gr-hero__stat {
flex: 0 0 auto;
min-width: 150px;
scroll-snap-align: start;
}
.gr-community-top__grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
body.azart_theme .gr-casino-card.azart-top-rated__item {
overflow: visible !important;
margin-bottom: 0.5rem !important;
}
body.azart_theme .gr-casino-card::before {
top: 6px;
right: 8px;
left: auto;
padding: 0.14rem 0.42rem;
font-size: 0.58rem;
z-index: 4;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-box {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
text-align: left !important;
gap: 0.55rem !important;
padding: 0.55rem 0.6rem !important;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-media {
flex: 0 0 64px !important;
width: 64px !important;
max-width: 64px !important;
margin: 0 !important;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-img {
width: 64px !important;
height: 48px !important;
min-height: 48px !important;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-img img {
width: 64px !important;
height: 48px !important;
max-height: 48px !important;
padding: 4px !important;
object-fit: contain !important;
}
body.azart_theme .gr-casino-card .azart-rating {
transform: scale(0.78);
transform-origin: top center;
margin-top: 0.15rem;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-content {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0;
display: flex !important;
flex-direction: column !important;
gap: 0.35rem;
}
body.azart_theme .gr-casino-card .gr-card-head {
justify-content: space-between !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 0.35rem;
margin-bottom: 0 !important;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-content-box > a,
body.azart_theme .gr-casino-card .gr-card-head > a {
font-size: 0.92rem !important;
line-height: 1.2 !important;
}
body.azart_theme .gr-casino-card .gr-card-updated,
body.azart_theme .gr-casino-card .gr-card-badges,
body.azart_theme .gr-casino-card .gr-bonus-timer,
body.azart_theme .gr-casino-card .azart-payment-geography,
body.azart_theme .gr-casino-card .azart-advantages,
body.azart_theme .gr-casino-card .azart-top-rated__item-advant-btn {
display: none !important;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-content-inset {
margin: 0 !important;
padding: 0 !important;
}
body.azart_theme .gr-casino-card .azart-properties {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0.2rem !important;
padding: 0.35rem 0.45rem !important;
margin: 0 !important;
border-radius: 10px;
background: rgba(255, 255, 255, 0.03) !important;
}
body.azart_theme .gr-casino-card .azart-properties__item {
width: 100% !important;
justify-content: flex-start !important;
gap: 0.35rem !important;
font-size: 0.72rem;
}
body.azart_theme .gr-casino-card .azart-properties__item:nth-child(n + 3) {
display: none !important;
}
body.azart_theme .gr-casino-card .azart-properties__item-ico {
display: none !important;
}
body.azart_theme .gr-casino-card .azart-properties__item-desc b {
display: inline;
margin-right: 0.25rem;
font-size: 0.68rem;
color: var(--gr-muted, #9aa3b2);
}
body.azart_theme .gr-casino-card .gr-bonus-flash {
font-size: 0.74rem !important;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-content-action {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 0.4rem !important;
width: 100% !important;
margin: 0 !important;
}
body.azart_theme .gr-casino-card .gr-btn-play,
body.azart_theme .gr-casino-card .gr-btn-review {
width: 100% !important;
min-height: 40px !important;
font-size: 0.72rem !important;
padding: 0.35rem 0.45rem !important;
}
body.azart_theme .gr-casino-card .gr-vote-row {
padding: 0.35rem 0.55rem 0.45rem !important;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
body.azart_theme .gr-casino-card .gr-vote--inline .gr-vote__inline-top {
margin-bottom: 0.2rem;
}
body.azart_theme .gr-casino-card .gr-vote--inline .gr-vote__star {
width: 30px;
height: 30px;
font-size: 0.85rem;
}
body.azart_theme .gr-casino-card .gr-vote--inline .gr-vote__score {
width: 38px;
height: 38px;
font-size: 0.72rem;
}
.gr-vote__star {
width: 36px;
height: 36px;
}
body.azart_theme .azart-casino-box__group {
flex-direction: column;
text-align: center;
}
.gr-sticky-cta__inner {
flex-wrap: wrap;
}
.gr-sticky-cta__play {
width: 100%;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-content-action .gr-btn-play {
display: inline-flex !important;
}
.gr-card-playbar {
display: none !important;
}
} .gr-bonus-flash {
display: block;
margin-top: 0.2rem;
font-weight: 800;
font-size: clamp(1rem, 2.5vw, 1.18rem);
line-height: 1.3;
color: #ffe08a;
text-shadow: 0 0 18px rgba(212, 175, 55, 0.35);
}
body.azart_theme .azart-properties__item-desc b,
body.azart_theme .azart-top-rated__item-content-box > a,
body.azart_theme .gr-card-head > a {
font-weight: 800 !important;
}
.gr-vote-row {
padding: 0 1rem 1rem;
border-top: 1px solid rgba(212, 175, 55, 0.15);
}
.gr-vote--card {
margin-top: 1rem;
padding: 0;
border: 0;
}
.gr-vote__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 0.75rem;
margin-bottom: 0.65rem;
}
.gr-vote__label {
display: block;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--gr-gold, #d4af37);
}
.gr-vote__tagline {
display: block;
margin-top: 0.15rem;
font-size: 0.82rem;
color: var(--gr-text-muted, #9aa3b5);
}
.gr-vote__panel {
display: grid;
grid-template-columns: auto 1fr;
gap: 0.85rem;
align-items: center;
padding: 0.9rem 1rem;
border-radius: 16px;
border: 1px solid rgba(212, 175, 55, 0.35);
background:
radial-gradient(circle at top right, rgba(34, 201, 151, 0.12), transparent 55%),
linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.gr-vote__score {
display: grid;
place-items: center;
width: 72px;
height: 72px;
border-radius: 18px;
background: rgba(8, 9, 14, 0.55);
border: 1px solid rgba(212, 175, 55, 0.45);
box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.08);
}
.gr-vote__score .gr-vote__avg {
font-size: 1.45rem;
font-weight: 800;
line-height: 1;
color: #fff4c2;
}
.gr-vote__of {
font-size: 0.72rem;
color: var(--gr-text-muted, #9aa3b5);
}
.gr-vote__meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
margin-bottom: 0.45rem;
}
.gr-vote__stars-display {
letter-spacing: 0.08em;
color: rgba(212, 175, 55, 0.45);
font-size: 0.72rem;
}
.gr-vote__count {
font-size: 0.78rem;
font-weight: 700;
color: #fff;
}
.gr-vote__stars {
display: flex;
gap: 0.35rem;
margin-top: 0;
}
.gr-vote__star {
width: 42px;
height: 42px;
border-radius: 12px;
border: 1px solid rgba(212, 175, 55, 0.25);
background: rgba(0, 0, 0, 0.25);
color: rgba(212, 175, 55, 0.35);
font-size: 1.15rem;
cursor: pointer;
transition: transform 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.gr-vote__star:hover,
.gr-vote__star.is-filled {
color: #ffe08a;
transform: translateY(-2px);
box-shadow: 0 8px 18px rgba(212, 175, 55, 0.22);
border-color: rgba(212, 175, 55, 0.55);
}
.gr-vote__hint {
margin: 0.5rem 0 0;
font-size: 0.76rem;
color: var(--gr-text-muted, #9aa3b5);
}
.gr-community-top__eyebrow {
margin: 0 0 0.2rem;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--gr-emerald, #22c997);
}
.gr-community-top__title {
background: linear-gradient(90deg, #fff 0%, #f5d06a 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.gr-community-top__card {
position: relative;
overflow: hidden;
background: linear-gradient(180deg, rgba(28, 32, 48, 0.95), rgba(12, 14, 22, 0.95));
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}
.gr-community-top__card::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at top, rgba(212, 175, 55, 0.14), transparent 60%);
pointer-events: none;
}
.gr-community-top__rank {
padding: 0.2rem 0.55rem;
border-radius: 999px;
background: rgba(212, 175, 55, 0.14);
border: 1px solid rgba(212, 175, 55, 0.35);
}
@media (min-width: 992px) {
.gr-card-playbar {
display: none !important;
}
}
.gr-card-playbar {
padding: 0 1rem 1rem;
}
.gr-card-playbar__btn {
display: flex !important;
align-items: center;
justify-content: center;
width: 100% !important;
min-height: 54px !important;
font-size: 1rem !important;
font-weight: 800 !important;
letter-spacing: 0.04em;
box-shadow: 0 12px 28px rgba(34, 201, 151, 0.35);
}
.gr-mobile-nav--v6 .gr-mobile-nav__bar {
display: grid;
grid-template-columns: 1fr 1fr auto 1fr 1fr;
align-items: end;
gap: 0.15rem;
padding: 0.45rem 0.5rem calc(0.45rem + env(safe-area-inset-bottom));
border-top: 1px solid rgba(212, 175, 55, 0.18);
background:
linear-gradient(180deg, rgba(18, 21, 31, 0.72), rgba(8, 9, 14, 0.98)),
rgba(8, 9, 14, 0.98);
box-shadow: 0 -12px 30px rgba(0, 0, 0, 0.35);
}
.gr-mobile-nav--v6 .gr-mobile-nav__item {
font-size: 0.58rem;
gap: 0.2rem;
}
.gr-mobile-nav--v6 .gr-mobile-nav__ico svg {
display: block;
}
.gr-mobile-nav__play {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 62px;
height: 62px;
margin: 0 auto;
padding: 0 0.85rem;
border-radius: 999px;
transform: translateY(-14px);
background: linear-gradient(135deg, #2ef0b2 0%, #14c18c 55%, #0ea774 100%);
color: #04130e;
font-weight: 900;
font-size: 0.92rem;
text-decoration: none;
box-shadow: 0 14px 34px rgba(34, 201, 151, 0.45), 0 0 0 6px rgba(34, 201, 151, 0.12);
}
.gr-mobile-nav__play--ghost {
visibility: hidden;
pointer-events: none;
}
.gr-mobile-nav__sheet {
position: fixed;
left: 0.75rem;
right: 0.75rem;
bottom: calc(78px + env(safe-area-inset-bottom));
z-index: 140;
display: grid;
gap: 0.35rem;
padding: 0.5rem;
border-radius: 14px;
border: 1px solid var(--gr-border);
background: rgba(12, 14, 22, 0.98);
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}
.gr-mobile-nav__sheet[hidden] {
display: none !important;
}
.gr-mobile-nav__sheet-item {
min-height: 48px;
border: 0;
border-radius: 10px;
background: rgba(255, 255, 255, 0.04);
color: var(--gr-text, #f3f4f8);
font-weight: 700;
text-align: left;
padding: 0 0.85rem;
cursor: pointer;
}
.gr-sticky-cta--desktop-only {
display: none;
}
.gr-sticky-cta--desktop-only.is-visible {
display: block;
}
.gr-single-vote-wrap,
.gr-single-bonus-cta {
margin: 0 0 1.25rem;
}
.gr-single-bonus-cta__play {
display: none;
width: 100%;
min-height: 52px;
margin-bottom: 0.75rem;
font-weight: 800;
}
.gr-bonus-card__play {
width: 100%;
min-height: 48px;
margin-bottom: 0.5rem;
font-weight: 800;
}
.gr-bonus-card .azart-promo__action {
display: grid;
gap: 0.5rem;
}
@media (max-width: 991px) {
.gr-mobile-nav {
display: block;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 130;
background: transparent;
border-top: 0;
padding: 0;
}
body.gr-has-mobile-nav {
padding-bottom: calc(88px + env(safe-area-inset-bottom));
}
body.gr-has-sticky.gr-has-mobile-nav {
padding-bottom: calc(150px + env(safe-area-inset-bottom));
}
.gr-vote--card .gr-vote__panel {
grid-template-columns: 1fr;
text-align: center;
}
.gr-vote__score {
margin: 0 auto;
}
.gr-vote__stars {
justify-content: center;
}
.gr-filter-fab {
bottom: calc(88px + env(safe-area-inset-bottom));
}
.gr-sticky-cta--desktop-only {
display: none !important;
}
.gr-single-bonus-cta__play {
display: none !important;
}
body.single-casino .azart-casino-box__action .btn,
body.single-bonus .azart-casino-box__action .btn {
display: none !important;
}
body.gr-has-mobile-nav {
padding-bottom: calc(76px + env(safe-area-inset-bottom));
}
body.gr-has-sticky.gr-has-mobile-nav {
padding-bottom: calc(76px + env(safe-area-inset-bottom));
}
}
@media (min-width: 992px) {
.gr-sticky-cta--desktop-only.is-visible {
display: block;
}
} body.azart_theme .gr-casino-card.azart-top-rated__item {
margin-bottom: 0.65rem !important;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-box {
padding: 0.7rem 0.85rem !important;
gap: 0.65rem !important;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-content-box > a {
font-size: 1.05rem !important;
}
.gr-vote-row {
padding: 0.45rem 0.85rem 0.65rem;
border-top: 1px solid rgba(212, 175, 55, 0.12);
}
.gr-vote--inline .gr-vote__inline-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
margin-bottom: 0.35rem;
}
.gr-vote--inline .gr-vote__label {
font-size: 0.65rem;
margin: 0;
}
.gr-vote--inline .gr-vote__count {
font-size: 0.72rem;
font-weight: 700;
color: var(--gr-text-muted, #9aa3b5);
}
.gr-vote--inline .gr-vote__inline-row {
display: flex;
align-items: center;
gap: 0.65rem;
}
.gr-vote--inline .gr-vote__score {
width: 52px;
height: 52px;
border-radius: 12px;
flex: 0 0 auto;
box-shadow: none;
}
.gr-vote--inline .gr-vote__score .gr-vote__avg {
font-size: 1.05rem;
}
.gr-vote--inline .gr-vote__stars {
flex: 1;
justify-content: flex-start;
flex-wrap: wrap;
gap: 0.2rem;
}
.gr-vote--inline .gr-vote__star {
width: 34px;
height: 34px;
font-size: 0.95rem;
border-radius: 8px;
}
.gr-vote--inline .gr-vote__hint {
margin: 0.3rem 0 0;
font-size: 0.68rem;
}
.gr-single-vote-wrap .gr-vote__panel {
padding: 0.65rem 0.85rem;
}
.gr-single-vote-wrap .gr-vote__score {
width: 58px;
height: 58px;
}
.gr-single-vote-wrap .gr-vote__star {
width: 36px;
height: 36px;
}
.gr-bonus-card.azart-promo {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
height: 100%;
padding: 0.85rem 0.75rem 0.95rem !important;
border-radius: 14px !important;
}
.gr-bonus-card--has-image.azart-promo {
padding-top: 0 !important;
overflow: hidden;
}
.gr-bonus-card__media {
width: 100%;
margin: 0 0 0.65rem;
aspect-ratio: 278 / 158;
background: rgba(255, 255, 255, 0.06);
border-radius: 12px 12px 0 0;
overflow: hidden;
}
.gr-bonus-card__media a {
display: block;
width: 100%;
height: 100%;
}
.gr-bonus-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
padding: 0;
box-sizing: border-box;
}
.gr-bonus-card .azart-promo__title,
.gr-bonus-card .azart-promo__code,
.gr-bonus-card .azart-promo__date,
.gr-bonus-card .azart-promo__desc {
width: 100%;
text-align: center;
}
.gr-bonus-card .azart-promo__title a {
font-size: 0.95rem !important;
line-height: 1.25;
font-weight: 700 !important;
}
.gr-bonus-card .gr-bonus-flash {
font-size: 0.88rem !important;
line-height: 1.25;
margin-top: 0.35rem;
}
.gr-bonus-card .azart-promo__code {
flex-grow: 0 !important;
margin-top: 0.5rem !important;
padding: 0 !important;
font-size: 0.85rem !important;
}
.gr-bonus-card .azart-promo__code::before {
display: none !important;
}
.gr-bonus-card .azart-promo__code span {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 0.35rem;
width: auto !important;
max-width: 100%;
margin: 0 auto;
padding: 0.38rem 0.85rem !important;
border-radius: 999px !important;
border: 1px dashed rgba(212, 175, 55, 0.55) !important;
background: rgba(8, 9, 14, 0.75) !important;
font-size: 0.88rem !important;
font-weight: 800 !important;
letter-spacing: 0.05em;
line-height: 1.2 !important;
}
.gr-bonus-card .azart-promo__date {
margin-top: 0.35rem !important;
font-size: 0.72rem !important;
}
.gr-bonus-card .azart-promo__desc {
margin-top: 0.45rem !important;
font-size: 0.78rem !important;
line-height: 1.35 !important;
flex-grow: 1;
}
.gr-bonus-card .azart-promo__action {
width: 100% !important;
max-width: none !important;
margin: auto 0 0 !important;
padding-top: 0.65rem;
display: grid;
gap: 0.4rem;
justify-items: stretch;
}
.gr-bonus-card .azart-promo__action .btn,
.gr-bonus-card .gr-btn-bonus,
.gr-bonus-card .gr-bonus-card__play,
.gr-bonus-card .gr-btn-review {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 44px !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
text-align: center;
font-size: 0.88rem !important;
border-radius: 999px !important;
box-sizing: border-box;
}
section.azart-bonuses .azart-row--casino-grid > .azart-col-3 {
display: flex;
min-width: 0;
}
section.azart-bonuses .azart-row--casino-grid > .azart-col-3 .gr-bonus-card {
flex: 1;
width: 100%;
}
.gr-bonus-card .gr-bonus-card__rating,
.gr-bonus-card .gr-bonus-card__rating.azart-rating {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin: 0.35rem 0 0.15rem !important;
text-align: center !important;
position: static;
z-index: auto;
}
.gr-bonus-card .gr-bonus-card__rating .azart-rating__stars,
.gr-bonus-card .gr-bonus-card__rating .azart-rating__stars ul {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
padding: 0;
width: auto;
}
.gr-bonus-card .gr-bonus-card__rating .azart-rating__stars ul li {
margin: 0 2px;
float: none;
}
.gr-card-playbar {
padding: 0 0.85rem 0.65rem;
}
.gr-card-playbar__btn {
min-height: 46px !important;
font-size: 0.92rem !important;
box-shadow: 0 8px 20px rgba(34, 201, 151, 0.28) !important;
}
.gr-community-top--after-hero {
padding: 0.5rem 0 0.85rem;
}
.gr-community-top__card {
padding: 0.75rem;
}
@media (max-width: 767px) {
body.azart_theme .gr-casino-card .azart-top-rated__item-box {
padding: 0.65rem 0.7rem !important;
}
.gr-vote--inline .gr-vote__inline-row {
flex-wrap: wrap;
justify-content: center;
}
.gr-vote--inline .gr-vote__stars {
justify-content: center;
}
.gr-bonus-card .azart-promo__action {
max-width: 100%;
}
section.azart-bonuses .azart-row--casino-grid > [class*='azart-col'] {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
} body.azart_theme .azart-post-grid,
body.azart_theme .azart-sidebar__posts .azart-post-grid {
font-size: 0.78rem;
line-height: 1.35;
color: var(--gr-text-muted, #9aa3b5) !important;
background: linear-gradient(180deg, rgba(22, 25, 36, 0.98), rgba(14, 16, 24, 0.98));
border: 1px solid var(--gr-border);
border-radius: 14px;
padding: 0.55rem 0.45rem 0.35rem;
margin-bottom: 0.85rem !important;
}
body.azart_theme .mb-35 {
margin-bottom: 0.85rem !important;
}
body.azart_theme .azart-post-grid__title {
margin-bottom: 0.35rem;
padding: 0 0.35rem;
}
body.azart_theme .azart-post-grid__title h2 {
font-size: 0.78rem !important;
font-weight: 800 !important;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--gr-gold, #d4af37) !important;
background: none !important;
-webkit-text-fill-color: unset !important;
line-height: 1.3 !important;
margin: 0 !important;
}
body.azart_theme .azart-post-grid__item {
padding: 0.45rem 0.35rem !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
gap: 0.55rem;
align-items: center;
text-decoration: none !important;
}
body.azart_theme .azart-post-grid__item:last-child {
border-bottom: 0 !important;
}
body.azart_theme .azart-post-grid__item:hover {
background: rgba(255, 255, 255, 0.03);
border-radius: 10px;
}
body.azart_theme .azart-post-grid__item-title {
color: #fff !important;
font-weight: 700 !important;
font-size: 0.8rem !important;
line-height: 1.25 !important;
}
body.azart_theme .azart-post-grid__item:hover .azart-post-grid__item-title {
color: var(--gr-gold-2, #f5d06a) !important;
}
body.azart_theme .azart-post-grid__item-date,
body.azart_theme .azart-post-grid__item-desc {
color: var(--gr-text-muted, #9aa3b5) !important;
font-size: 0.68rem !important;
margin-top: 0.2rem !important;
padding-top: 0 !important;
line-height: 1.3;
}
body.azart_theme .azart-post-grid__item-img {
max-width: 48px !important;
margin-right: 0 !important;
border-radius: 10px;
overflow: hidden;
background: var(--gr-logo-bg);
border: 1px solid var(--gr-border);
flex-shrink: 0;
}
body.azart_theme .azart-post-grid__item-img::before {
padding-top: 72% !important;
}
body.azart_theme .azart-post-grid__item .azart-rating__stars {
margin-top: 0.15rem !important;
transform: scale(0.82);
transform-origin: left center;
}
body.azart_theme .azart-post-grid__item-info {
min-width: 0;
} body.azart_theme .azart-news .subtitle {
color: var(--gr-text-muted, #9aa3b5) !important;
font-size: 0.88rem;
line-height: 1.45;
margin-bottom: 0.85rem;
}
body.azart_theme .azart-row--news-grid {
row-gap: 0.65rem;
}
body.azart_theme .azart-row--news-grid > .azart-col-3 {
padding-left: 0.4rem;
padding-right: 0.4rem;
}
body.azart_theme .gr-news-card.azart-news-item {
padding: 0.55rem !important;
height: 100%;
transition: transform 0.2s ease, border-color 0.2s ease;
}
body.azart_theme .gr-news-card.azart-news-item:hover {
transform: translateY(-2px);
border-color: rgba(212, 175, 55, 0.35) !important;
}
body.azart_theme .gr-news-card .azart-news-item__img {
position: relative;
margin: 0 !important;
border-radius: 10px;
overflow: hidden;
aspect-ratio: 278 / 200;
max-height: none;
}
body.azart_theme .gr-news-card .azart-news-item__img::before {
display: none !important;
}
body.azart_theme .gr-news-card .azart-news-item__img a {
display: block;
width: 100%;
height: 100%;
}
body.azart_theme .gr-news-card .azart-news-item__img img {
position: static !important;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
body.azart_theme .gr-news-card .azart-news-tags {
position: absolute;
top: 0.4rem;
right: 0.4rem;
left: auto;
bottom: auto;
max-width: calc(100% - 0.8rem);
pointer-events: none;
}
body.azart_theme .gr-news-card .azart-news-tags__item {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.58rem !important;
font-weight: 700;
padding: 0.16rem 0.42rem !important;
border-radius: 999px;
background: rgba(8, 9, 14, 0.88) !important;
border: 1px solid rgba(212, 175, 55, 0.35);
color: var(--gr-gold-2, #f5d06a) !important;
pointer-events: auto;
}
body.azart_theme .gr-news-card .azart-news-item__title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 0.86rem !important;
font-weight: 700 !important;
line-height: 1.3 !important;
margin-top: 0.45rem !important;
min-height: 2.6em;
}
body.azart_theme .gr-news-card .azart-news-item__foot {
display: flex;
justify-content: space-between;
gap: 0.35rem;
margin-top: 0.35rem;
font-size: 0.65rem;
color: var(--gr-text-muted, #9aa3b5) !important;
}
body.azart_theme .gr-news-card .azart-news-item__foot .svg {
width: 12px;
height: 12px;
opacity: 0.7;
} @media (min-width: 992px) {
body.azart_theme .gr-casino-card .azart-top-rated__item-box {
display: flex !important;
align-items: flex-start !important;
gap: 0.65rem !important;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-media {
width: 108px !important;
max-width: 108px !important;
flex: 0 0 108px;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-img img {
max-height: 64px;
padding: 4px !important;
}
body.azart_theme .gr-casino-card .azart-rating {
transform: scale(0.9);
transform-origin: top center;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-content {
flex: 1;
min-width: 0;
}
body.azart_theme .gr-casino-card .azart-properties {
padding: 0.35rem 0.5rem !important;
gap: 0.25rem;
}
body.azart_theme .gr-casino-card .azart-properties__item-desc {
font-size: 0.78rem;
}
body.azart_theme .gr-casino-card .gr-bonus-flash {
font-size: 0.82rem !important;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-content-action {
flex: 0 0 148px;
display: flex !important;
flex-direction: column;
gap: 0.35rem;
}
body.azart_theme .gr-casino-card .gr-btn-play,
body.azart_theme .gr-casino-card .gr-btn-review {
min-height: 40px !important;
font-size: 0.82rem !important;
padding: 0.35rem 0.65rem !important;
}
body.azart_theme .gr-casino-card .gr-vote-row {
padding: 0.35rem 0.75rem 0.5rem;
}
body.azart_theme .gr-casino-card .gr-vote--inline .gr-vote__score {
width: 44px;
height: 44px;
}
body.azart_theme .gr-casino-card .gr-vote--inline .gr-vote__star {
width: 30px;
height: 30px;
font-size: 0.85rem;
}
}
body.azart_theme .gr-casino-card .azart-top-rated__item-box {
padding: 0.55rem 0.7rem !important;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-content-box > a {
font-size: 0.95rem !important;
margin-bottom: 0.15rem !important;
}
body.azart_theme .gr-casino-card .azart-top-rated__item-content-inset {
font-size: 0.62rem !important;
margin-bottom: 0.25rem !important;
}
body.azart_theme .gr-vote-row {
padding: 0.3rem 0.7rem 0.45rem !important;
} body.azart_theme .azart-news-horizontal-list {
display: flex;
flex-direction: column;
gap: 0.55rem;
}
body.azart_theme .gr-news-card--horizontal.azart-news-item {
display: flex !important;
flex-direction: row !important;
align-items: stretch !important;
padding: 0.5rem !important;
gap: 0.65rem !important;
border: 1px solid var(--gr-border) !important;
}
body.azart_theme .gr-news-card--horizontal .azart-news-item__img {
flex: 0 0 108px;
max-width: 108px;
margin: 0 !important;
aspect-ratio: 258 / 184;
max-height: none;
border-radius: 10px;
overflow: hidden;
}
body.azart_theme .gr-news-card--horizontal .azart-news-item__img::before {
display: none !important;
}
body.azart_theme .gr-news-card--horizontal .azart-news-item__img img {
position: static !important;
width: 100%;
height: 100%;
object-fit: cover;
}
body.azart_theme .gr-news-card--horizontal .azart-news-tags {
display: none;
}
body.azart_theme .gr-news-card--horizontal .azart-news-item__box {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
body.azart_theme .gr-news-card--horizontal .azart-news-item__title {
font-size: 0.84rem !important;
font-weight: 700 !important;
line-height: 1.3 !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0 !important;
}
body.azart_theme .gr-news-card--horizontal .azart-news-item__desc,
body.azart_theme .gr-news-card--horizontal .azart-news-item__action {
display: none !important;
}
body.azart_theme .gr-news-card--horizontal .azart-news-item__foot {
margin-top: 0.3rem;
font-size: 0.65rem;
color: var(--gr-text-muted, #9aa3b5) !important;
}
body.azart_theme .azart-sidebar__posts .azart-post-grid__item-date {
display: block;
font-weight: 600;
letter-spacing: 0.02em;
} body.gr-v7 {
--gr-font-display: "Outfit", "Plus Jakarta Sans", system-ui, sans-serif;
}
body.gr-v7 h1,
body.gr-v7 h2,
body.gr-v7 .gr-community-top__title,
body.gr-v7 .azart-top-rated__item-content-box > a,
body.gr-v7 .gr-card-head > a {
font-family: var(--gr-font-display) !important;
font-weight: 800 !important;
letter-spacing: -0.02em;
}
body.gr-v7 .gr-bonus-flash {
font-weight: 800 !important;
color: var(--gr-gold-2, #f5d06a) !important;
}
.gr-card-badges {
display: flex;
flex-wrap: wrap;
gap: 0.3rem;
margin: 0.25rem 0 0.35rem;
}
.gr-card-badge {
font-size: 0.62rem;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
padding: 0.18rem 0.45rem;
border-radius: 999px;
border: 1px solid transparent;
}
.gr-card-badge--choice {
background: rgba(212, 175, 55, 0.15);
border-color: rgba(212, 175, 55, 0.45);
color: var(--gr-gold-2, #f5d06a);
}
.gr-card-badge--trend {
background: rgba(255, 77, 141, 0.12);
border-color: rgba(255, 77, 141, 0.35);
color: #ff8eb8;
}
.gr-card-badge--hot {
background: rgba(34, 201, 151, 0.12);
border-color: rgba(34, 201, 151, 0.35);
color: #5eecc0;
}
.gr-bonus-timer {
font-size: 0.68rem;
color: var(--gr-text-muted, #9aa3b5);
margin-bottom: 0.25rem;
}
.gr-bonus-timer__value {
color: var(--gr-gold-2, #f5d06a);
font-weight: 700;
}
.gr-bonus-timer.is-expired .gr-bonus-timer__value {
color: #ff8eb8;
}
.gr-card-head__actions {
display: flex;
gap: 0.25rem;
align-items: center;
}
.gr-compare-toggle {
width: 34px;
height: 34px;
border-radius: 10px;
border: 1px solid var(--gr-border);
background: rgba(255, 255, 255, 0.04);
color: #fff;
cursor: pointer;
transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.gr-compare-toggle.is-active,
.gr-compare-toggle:hover {
border-color: rgba(212, 175, 55, 0.5);
background: rgba(212, 175, 55, 0.12);
transform: translateY(-1px);
}
.gr-casino-toolbar-wrap {
margin: 0 0 1rem;
}
.gr-casino-toolbar-wrap .azart-container {
max-width: 1190px;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
}
.gr-casino-toolbar {
display: flex;
flex-wrap: wrap;
gap: 0.65rem 1rem;
align-items: center;
justify-content: space-between;
margin-bottom: 0.85rem;
padding: 0.65rem 0.75rem;
border: 1px solid var(--gr-border);
border-radius: 14px;
background: linear-gradient(180deg, rgba(22, 25, 36, 0.95), rgba(14, 16, 24, 0.95));
}
.gr-casino-card.is-gr-filtered-out,
.azart-top-rated__item.is-gr-filtered-out {
display: none !important;
}
.gr-quick-filter-empty {
margin: 0.5rem 0 1rem;
padding: 0.75rem 0.9rem;
border-radius: 12px;
border: 1px dashed rgba(212, 175, 55, 0.35);
color: var(--gr-text-muted, #9aa3b5);
font-size: 0.82rem;
text-align: center;
}
.gr-casino-toolbar__label {
font-size: 0.68rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--gr-text-muted, #9aa3b5);
margin-right: 0.35rem;
}
.gr-sort-chip,
.gr-quick-chip {
display: inline-flex;
align-items: center;
padding: 0.28rem 0.55rem;
border-radius: 999px;
border: 1px solid var(--gr-border);
background: rgba(255, 255, 255, 0.03);
color: #fff;
font-size: 0.72rem;
font-weight: 700;
text-decoration: none !important;
cursor: pointer;
transition: all 0.2s ease;
}
.gr-sort-chip.is-active,
.gr-sort-chip:hover,
.gr-quick-chip.is-active,
.gr-quick-chip:hover {
border-color: rgba(212, 175, 55, 0.45);
color: var(--gr-gold-2, #f5d06a);
background: rgba(212, 175, 55, 0.1);
}
.gr-compare-bar__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.45rem 0.75rem;
}
.gr-compare-pill {
display: inline-flex;
padding: 0.2rem 0.5rem;
border-radius: 999px;
background: rgba(255, 255, 255, 0.06);
font-size: 0.72rem;
margin-right: 0.25rem;
}
.gr-compare-bar__hint {
font-size: 0.68rem;
color: var(--gr-text-muted, #9aa3b5);
margin: 0;
}
.gr-compare-bar.is-ready {
border-top-color: rgba(212, 175, 55, 0.55);
box-shadow: 0 -8px 30px rgba(212, 175, 55, 0.12);
}
.gr-compare-bar__actions {
display: flex;
gap: 0.45rem;
align-items: center;
}
#gr-compare-open:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.gr-compare-bar__clear {
background: none;
border: 0;
color: var(--gr-text-muted, #9aa3b5);
cursor: pointer;
font-size: 0.75rem;
}
.gr-compare-page__lead {
color: var(--gr-text-muted, #9aa3b5);
margin-bottom: 1rem;
}
.gr-compare-table.is-loading {
min-height: 180px;
border-radius: 14px;
background: linear-gradient(90deg, rgba(255,255,255,0.03) 25%, rgba(255,255,255,0.07) 50%, rgba(255,255,255,0.03) 75%);
background-size: 200% 100%;
animation: gr-shimmer 1.2s infinite;
}
@keyframes gr-shimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
.gr-compare-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 0.75rem;
margin-bottom: 1rem;
}
.gr-compare-col {
padding: 0.75rem;
border: 1px solid var(--gr-border);
border-radius: 14px;
background: var(--gr-surface);
text-align: center;
}
.gr-compare-col__logo {
max-height: 54px;
margin: 0 auto 0.5rem;
object-fit: contain;
background: var(--gr-logo-bg);
border: 1px solid var(--gr-border);
border-radius: 10px;
padding: 6px;
}
.gr-compare-rows {
width: 100%;
border-collapse: collapse;
font-size: 0.82rem;
}
.gr-compare-rows th,
.gr-compare-rows td {
border: 1px solid var(--gr-border);
padding: 0.55rem 0.65rem;
text-align: left;
}
.gr-compare-rows th {
width: 140px;
color: var(--gr-gold-2, #f5d06a);
background: rgba(255, 255, 255, 0.03);
}
.gr-reviews {
margin-top: 2rem;
padding-top: 1.25rem;
border-top: 1px solid var(--gr-border);
}
.gr-reviews__title {
margin-bottom: 0.75rem;
}
.gr-review-card {
padding: 0.75rem;
margin-bottom: 0.55rem;
border: 1px solid var(--gr-border);
border-radius: 12px;
background: rgba(255, 255, 255, 0.02);
}
.gr-review-card__head {
display: flex;
flex-wrap: wrap;
gap: 0.35rem 0.65rem;
align-items: center;
margin-bottom: 0.35rem;
font-size: 0.78rem;
}
.gr-review-card__stars {
color: var(--gr-gold-2, #f5d06a);
}
.gr-review-form {
margin-top: 1rem;
padding: 0.85rem;
border: 1px solid var(--gr-border);
border-radius: 14px;
background: rgba(255, 255, 255, 0.02);
}
.gr-review-form__row {
display: grid;
grid-template-columns: 1fr 140px;
gap: 0.65rem;
margin-bottom: 0.65rem;
}
.gr-review-form label span {
display: block;
font-size: 0.72rem;
margin-bottom: 0.2rem;
color: var(--gr-text-muted, #9aa3b5);
}
.gr-review-form input,
.gr-review-form select,
.gr-review-form textarea {
width: 100%;
border-radius: 10px;
border: 1px solid var(--gr-border);
background: rgba(0, 0, 0, 0.25);
color: #fff;
padding: 0.45rem 0.55rem;
}
.gr-review-form__msg {
margin-top: 0.5rem;
font-size: 0.78rem;
color: var(--gr-gold-2, #f5d06a);
}
body.gr-v7 .gr-casino-card {
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
body.gr-v7 .gr-casino-card:hover {
transform: translateY(-2px);
}
body.gr-v7 .azart-filters.gr-filters {
border: 1px solid var(--gr-border);
border-radius: 14px;
padding: 0.55rem;
background: linear-gradient(180deg, rgba(22, 25, 36, 0.98), rgba(14, 16, 24, 0.98));
}
body.gr-v7 .azart-filters__block-title {
color: var(--gr-gold-2, #f5d06a) !important;
font-weight: 800 !important;
letter-spacing: 0.08em;
text-transform: uppercase;
font-size: 0.78rem !important;
}
body.single-casino .azart-row--holder > .azart-col:not(.azart-holder-col-3):not(.azart-holder-col-9),
body.single-bonus .azart-row--holder > .azart-col:not(.azart-holder-col-3):not(.azart-holder-col-9) {
display: none !important;
}
body.single-casino .azart-holder__sidebar,
body.single-bonus .azart-holder__sidebar {
width: 100%;
max-width: 100%;
}
body.single-casino .azart-holder__sidebar *,
body.single-bonus .azart-holder__sidebar * {
word-break: normal;
overflow-wrap: normal;
}
@media (min-width: 992px) {
body.single-casino .azart-row--holder,
body.single-bonus .azart-row--holder {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
gap: 1.25rem;
}
body.single-casino .azart-holder-col-3,
body.single-bonus .azart-holder-col-3 {
flex: 0 0 300px !important;
width: 300px !important;
max-width: 300px !important;
min-width: 300px !important;
order: 1;
margin: 0 !important;
}
body.single-casino .azart-holder-col-9,
body.single-bonus .azart-holder-col-9 {
flex: 1 1 0 !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
order: 2;
margin: 0 !important;
}
body.single-casino .azart-holder__sidebar,
body.single-bonus .azart-holder__sidebar {
position: static !important;
transform: none !important;
pointer-events: auto !important;
}
body.gr-v5 .azart-slots .azart-holder-col-3 {
display: block !important;
height: auto !important;
}
body.gr-v7 .azart-slots .azart-row > .azart-col-9 {
min-width: 0;
flex: 1 1 0;
}
body.gr-v7 .azart-slots .azart-holder-col-3 {
flex: 0 0 280px;
max-width: 280px;
}
body.gr-v7 .azart-holder__sidebar .azart-filters {
width: 100%;
}
body.gr-v7 .gr-casino-card .azart-top-rated__item-content {
display: flex !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
gap: 0.65rem !important;
}
body.gr-v7 .gr-casino-card .azart-top-rated__item-content-box {
flex: 1 1 auto;
min-width: 0;
}
body.gr-v7 .gr-casino-card .azart-top-rated__item-content-action {
flex: 0 0 132px !important;
width: 132px !important;
margin-left: auto;
}
}
.gr-toast {
position: fixed;
left: 50%;
bottom: calc(88px + env(safe-area-inset-bottom, 0px));
transform: translateX(-50%) translateY(12px);
z-index: 200;
max-width: min(92vw, 420px);
padding: 0.55rem 0.85rem;
border-radius: 12px;
background: rgba(18, 21, 31, 0.96);
border: 1px solid rgba(212, 175, 55, 0.45);
color: #fff;
font-size: 0.78rem;
font-weight: 600;
text-align: center;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.gr-toast.is-visible {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
@media (max-width: 640px) {
.gr-review-form__row {
grid-template-columns: 1fr;
}
.gr-casino-toolbar {
flex-direction: column;
align-items: flex-start;
}
} .gr-geo-banner {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.65rem 1rem;
margin: 0 auto 1rem;
max-width: var(--gr-container, 1280px);
padding: 0.65rem 1rem;
border-radius: 14px;
border: 1px solid rgba(212, 175, 55, 0.28);
background: linear-gradient(135deg, rgba(21, 24, 34, 0.95), rgba(12, 14, 22, 0.92));
}
.gr-geo-banner__text {
margin: 0;
flex: 1 1 200px;
font-size: 0.82rem;
color: var(--gr-muted, #9aa3b2);
}
.gr-geo-banner__btn {
border: 1px solid rgba(34, 201, 151, 0.45);
background: rgba(34, 201, 151, 0.12);
color: #d7fff2;
border-radius: 999px;
padding: 0.35rem 0.85rem;
font-size: 0.75rem;
font-weight: 700;
cursor: pointer;
}
.gr-matcher {
margin: 0 0 1.25rem;
padding: 1.25rem 0 0.25rem;
}
.gr-matcher__head {
margin-bottom: 0.85rem;
}
.gr-matcher__eyebrow {
margin: 0 0 0.25rem;
font-size: 0.72rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--gr-gold, #d4af37);
}
.gr-matcher__title {
margin: 0;
font-size: clamp(1.15rem, 2.8vw, 1.55rem);
}
.gr-matcher__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
margin-bottom: 0.85rem;
}
.gr-matcher__field span {
display: block;
margin-bottom: 0.3rem;
font-size: 0.75rem;
color: var(--gr-muted, #9aa3b2);
}
.gr-matcher__field select {
width: 100%;
border-radius: 10px;
border: 1px solid var(--gr-border, rgba(255, 255, 255, 0.08));
background: var(--gr-surface, #151822);
color: var(--gr-text, #f3f4f8);
padding: 0.55rem 0.65rem;
}
.gr-matcher__submit {
min-width: 180px;
}
.gr-matcher__cards {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
margin-top: 0.85rem;
}
.gr-matcher__card {
border: 1px solid var(--gr-border-gold, rgba(212, 175, 55, 0.28));
border-radius: 14px;
padding: 0.85rem;
background: rgba(21, 24, 34, 0.88);
}
.gr-matcher__rank {
display: inline-block;
margin-bottom: 0.35rem;
font-size: 0.72rem;
font-weight: 800;
color: var(--gr-gold-2, #f5d06a);
}
.gr-matcher__meta {
margin: 0.35rem 0 0.65rem;
font-size: 0.78rem;
color: var(--gr-muted, #9aa3b2);
}
.gr-matcher__actions {
display: flex;
gap: 0.45rem;
flex-wrap: wrap;
}
.gr-matcher__actions .btn {
font-size: 0.72rem;
padding: 0.35rem 0.65rem;
}
.azart-top-rated__box.is-gr-loading {
opacity: 0.55;
pointer-events: none;
min-height: 120px;
}
.is-gr-filtered-out {
display: none !important;
}
.gr-calc-modal__results {
margin-top: 0.5rem;
padding-top: 0.65rem;
border-top: 1px solid var(--gr-border, rgba(255, 255, 255, 0.08));
}
.gr-calc-modal__result--muted strong {
color: var(--gr-emerald, #22c997);
}
body.gr-v72 .gr-casino-card .azart-top-rated__item-img img,
body.gr-v72 .azart-top-rated__item.gr-casino-card .azart-top-rated__item-img img {
object-fit: contain;
}
@media (max-width: 991px) {
.gr-calc-modal {
align-items: flex-end;
padding: 0;
}
.gr-calc-modal__panel {
width: 100%;
max-height: min(92vh, 720px);
border-radius: 18px 18px 0 0;
margin: 0;
}
.gr-casino-toolbar__quick {
flex-wrap: wrap;
gap: 0.35rem;
}
.gr-matcher__grid,
.gr-matcher__cards {
grid-template-columns: 1fr;
}
.gr-geo-banner {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
} .azart-row--casino-grid {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 1rem 1.1rem;
margin: 0 !important;
}
.azart-row--casino-grid > .azart-col-3,
.azart-row--casino-grid > .azart-col-4 {
width: 100% !important;
max-width: none !important;
flex: none !important;
padding: 0 !important;
float: none !important;
}
.azart-row--casino-grid {
counter-reset: gr-grid-rank;
}
body.azart_theme .gr-casino-grid-card.azart-casino {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
margin: 0 !important;
padding: 1rem 0.9rem 0.95rem !important;
text-align: center;
background:
radial-gradient(ellipse 120% 80% at 50% 0%, rgba(212, 175, 55, 0.1), transparent 58%),
linear-gradient(165deg, rgba(24, 27, 40, 0.98), rgba(12, 14, 22, 0.98)) !important;
border: 1px solid rgba(212, 175, 55, 0.22) !important;
border-radius: 16px !important;
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
overflow: hidden;
}
body.azart_theme .gr-casino-grid-card.azart-casino:hover {
transform: translateY(-4px);
border-color: rgba(212, 175, 55, 0.42) !important;
box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(212, 175, 55, 0.12);
}
body.azart_theme .gr-casino-grid-card.azart-casino {
counter-increment: gr-grid-rank;
}
.gr-casino-grid-card__rank::before {
content: 'TOP ' counter(gr-grid-rank);
position: absolute;
top: 10px;
left: 10px;
z-index: 2;
padding: 0.18rem 0.5rem;
border-radius: 999px;
font-size: 0.62rem;
font-weight: 800;
letter-spacing: 0.08em;
color: #111;
background: linear-gradient(135deg, var(--gr-gold, #d4af37), var(--gr-gold-2, #f5d06a));
box-shadow: 0 6px 16px rgba(212, 175, 55, 0.28);
}
.azart-row--casino-grid > .azart-col-3:nth-child(n + 4) .gr-casino-grid-card__rank::before {
content: '#' counter(gr-grid-rank);
color: var(--gr-muted, #9aa3b2);
background: rgba(255, 255, 255, 0.06);
box-shadow: none;
border: 1px solid rgba(255, 255, 255, 0.08);
}
body.azart_theme .gr-casino-grid-card .azart-casino__img {
width: 100%;
aspect-ratio: 278 / 158;
display: flex;
align-items: center;
justify-content: center;
margin: 0.35rem 0 0.55rem !important;
padding: 0.65rem;
border-radius: 12px;
background: var(--gr-logo-bg);
border: 1px solid var(--gr-border);
box-shadow: none;
position: relative;
overflow: hidden;
}
body.azart_theme .gr-casino-grid-card .azart-casino__img::before {
display: none !important;
}
body.azart_theme .gr-casino-grid-card .azart-casino__img a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
body.azart_theme .gr-casino-grid-card .azart-casino__img img {
position: static !important;
width: auto !important;
height: auto !important;
max-width: 100%;
max-height: 100%;
object-fit: contain !important;
padding: 0 !important;
border-radius: 8px;
background: transparent !important;
}
body.azart_theme .gr-casino-grid-card .gr-casino-grid-card__rating {
margin-bottom: 0.35rem;
}
body.azart_theme .gr-casino-grid-card .gr-casino-grid-card__title {
margin: 0 0 0.35rem;
font-size: 1rem !important;
line-height: 1.25;
font-weight: 700;
}
body.azart_theme .gr-casino-grid-card .gr-casino-grid-card__title a {
color: #fff !important;
text-decoration: none !important;
}
body.azart_theme .gr-casino-grid-card .gr-casino-grid-card__title a:hover {
color: var(--gr-gold-2, #f5d06a) !important;
}
body.azart_theme .gr-casino-grid-card .gr-casino-grid-card__rules {
margin-bottom: 0.55rem;
font-size: 0.72rem;
color: var(--gr-gold-2, #f5d06a) !important;
}
body.azart_theme .gr-casino-grid-card .gr-casino-grid-card__actions {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 0.45rem;
width: 100%;
max-width: 100%;
min-width: 0;
margin-top: auto;
box-sizing: border-box;
}
body.azart_theme .gr-casino-grid-card .gr-casino-grid-card__actions .btn {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 40px;
font-size: 0.78rem !important;
padding: 0.4rem 0.55rem !important;
border-radius: 999px !important;
box-sizing: border-box;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.azart_theme .gr-casino-grid-card .gr-btn-play {
box-shadow: 0 10px 24px rgba(34, 201, 151, 0.28);
}
@media (max-width: 767px) {
.azart-row--casino-grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 0.75rem;
padding-bottom: 4.5rem;
}
body.azart_theme .gr-casino-grid-card.azart-casino {
padding: 0.85rem 0.75rem 0.9rem !important;
}
body.azart_theme .gr-casino-grid-card .gr-casino-grid-card__actions {
grid-template-columns: 1fr 1fr;
gap: 0.4rem;
}
body.azart_theme .gr-casino-grid-card .gr-casino-grid-card__actions .btn {
min-height: 42px;
font-size: 0.8rem !important;
}
} @media (max-width: 767px) {
body.gr-bonus-archive .azart-wrapper {
overflow-x: clip;
max-width: 100%;
}
body.gr-bonus-archive .block.azart-slots .azart-container {
padding-left: 12px;
padding-right: 12px;
}
body.gr-bonus-archive .block.azart-slots > .azart-container > .azart-row {
display: block !important;
margin-left: 0 !important;
margin-right: 0 !important;
max-width: 100%;
}
body.gr-bonus-archive .block.azart-slots .azart-col-9,
body.gr-bonus-archive .block.azart-slots .azart-holder-col-3 {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
flex: none !important;
}
body.gr-bonus-archive .block.azart-slots .azart-holder-col-3 {
display: none !important;
}
body.gr-bonus-archive .azart-row--casino-grid {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0.85rem;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 0 1rem !important;
grid-template-columns: none !important;
}
body.gr-bonus-archive .azart-row--casino-grid > [class*='azart-col'] {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
flex: none !important;
box-sizing: border-box;
}
body.gr-bonus-archive .gr-bonus-card.azart-promo {
width: 100%;
max-width: 100%;
margin: 0 auto;
align-items: center;
text-align: center;
box-sizing: border-box;
}
body.gr-bonus-archive .gr-bonus-card .azart-promo__title,
body.gr-bonus-archive .gr-bonus-card .azart-promo__code,
body.gr-bonus-archive .gr-bonus-card .azart-promo__desc,
body.gr-bonus-archive .gr-bonus-card .azart-promo__date,
body.gr-bonus-archive .gr-bonus-card .azart-promo__action {
width: 100%;
max-width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
body.gr-bonus-archive .gr-bonus-card .gr-bonus-card__rating,
body.gr-bonus-archive .gr-bonus-card .azart-rating {
width: 100% !important;
margin: 0.35rem auto 0 !important;
text-align: center !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
position: static !important;
}
body.gr-bonus-archive .gr-bonus-card .azart-rating__stars {
width: auto !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center !important;
}
body.gr-bonus-archive .gr-bonus-card .azart-rating__stars ul {
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin: 0 auto !important;
padding: 0 !important;
width: auto !important;
float: none !important;
}
body.gr-bonus-archive .gr-bonus-card .azart-rating__stars ul li {
float: none !important;
margin: 0 2px !important;
}
body.gr-bonus-archive .azart-mini-header .azart-row {
margin-left: 0 !important;
margin-right: 0 !important;
}
body.gr-bonus-archive .azart-mini-header [class*='azart-col'] {
width: 100% !important;
margin: 0 !important;
text-align: center;
}
body.gr-bonus-archive .navigation.pagination {
justify-content: center;
text-align: center;
}
} @media (max-width: 767px) {
body.gr-casino-archive .azart-wrapper {
overflow-x: clip;
max-width: 100%;
}
body.gr-casino-archive .block.azart-slots .azart-container {
padding-left: 12px;
padding-right: 12px;
}
body.gr-casino-archive .block.azart-slots > .azart-container > .azart-row {
display: block !important;
margin-left: 0 !important;
margin-right: 0 !important;
max-width: 100%;
}
body.gr-casino-archive .block.azart-slots .azart-col-9,
body.gr-casino-archive .block.azart-slots .azart-holder-col-3 {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
flex: none !important;
}
body.gr-casino-archive .block.azart-slots .azart-holder-col-3 {
display: none !important;
}
body.gr-casino-archive .gr-casino-toolbar-wrap .azart-container {
padding-left: 0;
padding-right: 0;
}
body.gr-casino-archive .gr-casino-toolbar {
margin-left: 0;
margin-right: 0;
}
body.gr-casino-archive .azart-mini-header .azart-row {
margin-left: 0 !important;
margin-right: 0 !important;
}
body.gr-casino-archive .azart-mini-header [class*='azart-col'] {
width: 100% !important;
margin: 0 !important;
text-align: center;
}
body.gr-casino-archive .navigation.pagination {
justify-content: center;
text-align: center;
} body.gr-casino-archive-list .azart-top-rated__box,
body.gr-casino-archive-list .azart-casino_results {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.gr-casino-archive-list .gr-casino-card.azart-top-rated__item {
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box;
}
body.gr-casino-archive-list .gr-casino-card .azart-top-rated__item-box {
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
padding: 0.85rem 0.75rem !important;
gap: 0.55rem !important;
}
body.gr-casino-archive-list .gr-casino-card .azart-top-rated__item-media {
flex: none !important;
width: 100% !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto !important;
}
body.gr-casino-archive-list .gr-casino-card .azart-top-rated__item-img {
width: 100% !important;
max-width: 220px !important;
height: auto !important;
min-height: 0 !important;
margin: 0 auto !important;
}
body.gr-casino-archive-list .gr-casino-card .azart-top-rated__item-img img {
width: 100% !important;
height: auto !important;
max-height: 130px !important;
margin: 0 auto !important;
object-fit: contain !important;
}
body.gr-casino-archive-list .gr-casino-card .azart-rating {
position: static !important;
transform: none !important;
margin: 0.4rem auto 0 !important;
width: 100% !important;
max-width: 100% !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
body.gr-casino-archive-list .gr-casino-card .azart-rating__numbers {
margin: 0 auto 0.2rem !important;
}
body.gr-casino-archive-list .gr-casino-card .azart-rating__stars {
width: auto !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center !important;
}
body.gr-casino-archive-list .gr-casino-card .azart-rating__stars ul {
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin: 0 auto !important;
padding: 0 !important;
width: auto !important;
}
body.gr-casino-archive-list .gr-casino-card .azart-rating__stars ul li {
float: none !important;
margin: 0 2px !important;
}
body.gr-casino-archive-list .gr-casino-card .azart-top-rated__item-content {
width: 100% !important;
max-width: 100% !important;
align-items: center !important;
text-align: center !important;
}
body.gr-casino-archive-list .gr-casino-card .azart-top-rated__item-content-box {
width: 100% !important;
text-align: center !important;
}
body.gr-casino-archive-list .gr-casino-card .gr-card-head {
justify-content: center !important;
flex-wrap: wrap !important;
gap: 0.35rem !important;
}
body.gr-casino-archive-list .gr-casino-card .azart-top-rated__item-content-box > a,
body.gr-casino-archive-list .gr-casino-card .gr-card-head > a {
width: 100%;
text-align: center !important;
}
body.gr-casino-archive-list .gr-casino-card .azart-properties {
align-items: center !important;
text-align: center !important;
}
body.gr-casino-archive-list .gr-casino-card .azart-properties__item {
justify-content: center !important;
text-align: center !important;
}
body.gr-casino-archive-list .gr-casino-card .azart-top-rated__item-content-action {
width: 100% !important;
max-width: 100% !important;
margin: 0.35rem auto 0 !important;
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 0.4rem !important;
}
body.gr-casino-archive-list .gr-casino-card .gr-btn-play,
body.gr-casino-archive-list .gr-casino-card .gr-btn-review {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
body.gr-casino-archive-list .gr-casino-card .gr-vote-row {
width: 100%;
text-align: center;
} body.gr-casino-archive-grid .azart-row--casino-grid,
body.gr-casino-archive:not(.gr-casino-archive-list) .azart-row--casino-grid {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0.85rem;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 0 4.5rem !important;
grid-template-columns: none !important;
}
body.gr-casino-archive-grid .azart-row--casino-grid > [class*='azart-col'],
body.gr-casino-archive:not(.gr-casino-archive-list) .azart-row--casino-grid > [class*='azart-col'] {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
flex: none !important;
box-sizing: border-box;
}
body.gr-casino-archive-grid .gr-casino-grid-card.azart-casino,
body.gr-casino-archive:not(.gr-casino-archive-list) .gr-casino-grid-card.azart-casino {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
body.gr-casino-archive-grid .gr-casino-grid-card .gr-casino-grid-card__rating,
body.gr-casino-archive:not(.gr-casino-archive-list) .gr-casino-grid-card .gr-casino-grid-card__rating {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
body.gr-casino-archive-grid .gr-casino-grid-card .azart-rating__stars ul,
body.gr-casino-archive:not(.gr-casino-archive-list) .gr-casino-grid-card .azart-rating__stars ul {
justify-content: center !important;
margin: 0 auto !important;
}
}