@charset "UTF-8";
@font-face {
  font-display: optional;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(/res/fonts/roboto-v50-latin_latin-ext-regular.woff2) format("woff2");
}
@font-face {
  font-display: optional;
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url(/res/fonts/roboto-v50-latin_latin-ext-italic.woff2) format("woff2");
}
@font-face {
  font-display: optional;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(/res/fonts/roboto-v50-latin_latin-ext-700.woff2) format("woff2");
}
@font-face {
  font-display: optional;
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url(/res/fonts/roboto-v50-latin_latin-ext-700italic.woff2)
    format("woff2");
}
@font-face {
  font-display: optional;
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url(/res/fonts/roboto-condensed-v31-latin_latin-ext-700.woff2)
    format("woff2");
}
:root {
  --primary: #408000;
  --primary-dark: #326400;
  --primary-light: #4b9600;
  --primary-50: #f0f7e6;
  --accent: #64c800;
  --text: #1f2937;
  --text-muted: #6b7280;
  --text-light: #9ca3af;
  --text-on-primary: #ffffff;
  --text-on-dark: #ffffff;
  --bg: #ffffff;
  --bg-light: #f9fafb;
  --bg-gray: #f3f4f6;
  --bg-dark: #222222;
  --bg-dark-menu: #2a2a2a;
  --bg-dark-submenu: #333333;
  --border: #e5e7eb;
  --border-dark: #d1d5db;
  --border-subtle: #00000014;
  --border-subtle-light: #ffffff14;
  --red: #dc2626;
  --red-light: #fef2f2;
  --red-dark: #b91c1c;
  --green: #16a34a;
  --green-light: #f0fdf4;
  --blue: #2563eb;
  --blue-light: #eff6ff;
  --amber: #f59e0b;
  --amber-light: #fffbeb;
  --purple: #9333ea;
  --purple-light: #f5f3ff;
  --orange: #f97316;
  --overlay-light-5: #ffffff0d;
  --overlay-light-8: #ffffff14;
  --overlay-light-10: #ffffff1a;
  --overlay-light-12: #ffffff1f;
  --overlay-light-15: #ffffff26;
  --overlay-light-20: #ffffff33;
  --overlay-dark-5: #0000000d;
  --overlay-dark-15: #00000026;
  --overlay-dark-30: #0000004d;
  --overlay-dark-55: #0000008c;
  --overlay-dark-75: #000000bf;
  --overlay-dark-85: #000000d9;
  --overlay-dark-95: #000000f2;
  --tipsport: #1e88e5;
  --tipsport-border: #55a5ec;
  --tipsport-text: #ffffff;
  --fortuna: #ffdb01;
  --fortuna-border: #ebc801;
  --fortuna-text: #000000;
  --synottip: #cf633d;
  --synottip-border: #d98264;
  --synottip-text: #ffffff;
  --chance: #007c4d;
  --chance-border: #00975f;
  --chance-text: #f49900;
  --sazkabet: #fddd31;
  --sazkabet-border: #f0cc02;
  --sazkabet-text: #000066;
  --betano: #ff3c00;
  --betano-border: #ff7851;
  --betano-text: #ffffff;
  --betx: #282828;
  --betx-border: #464646;
  --betx-text: #da1e4e;
  --fbet: #3a758f;
  --fbet-border: #4893b3;
  --fbet-text: #ffffff;
  --kingsbet: #1c0e30;
  --kingsbet-border: #4e2787;
  --kingsbet-text: #e0fe44;
  --merkurxtip: #011a3f;
  --merkurxtip-border: #023480;
  --merkurxtip-text: #f4cd39;
  --bonus-hero-bg: #0a1f0d;
  --bonus-hero-border: #1a3a20;
  --bonus-hero-accent: #ffdb01;
  --bonus-hero-accent-glow: #ffdb0133;
  --bonus-hero-accent-line: #ffdb0126;
  --brand: var(--primary);
  --brand-dark: var(--primary-dark);
  --brand-text: var(--text-on-primary);
  --brand-border: var(--primary-dark);
  --toc-color: var(--brand);
  --toc-color-rgb: 64, 128, 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --font-body: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --font-heading: "Roboto Condensed", "Roboto", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Arial Narrow", sans-serif;
  --fs-xs: 0.75rem;
  --fs-sm: 0.8125rem;
  --fs-base: 0.875rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 1.75rem;
  --fs-4xl: 2rem;
  --lh-tight: 1.3;
  --lh-normal: 1.5;
  --lh-relaxed: 1.7;
  --radius-sm: 0.25rem;
  --radius: 0.5rem;
  --radius-lg: 0.75rem;
  --shadow-sm: 0 1px 2px #0000000d;
  --shadow-md: 0 4px 6px #00000012;
  --shadow-lg: 0 10px 15px #0000001a;
  --shadow-xl: 0 20px 40px #00000026;
  --transition-fast: 100ms ease;
  --transition: 200ms ease;
  --transition-slow: 300ms ease;
  --z-base: 1;
  --z-breadcrumb: 1;
  --z-content: 2;
  --z-elevated: 10;
  --z-sticky: 50;
  --z-overlay: 90;
  --z-header: 100;
  --z-review-hdr: 101;
  --z-menu-overlay: 190;
  --z-menu: 200;
  --z-floating: 1000;
  --z-tooltip: 9999;
  --z-lightbox: 100000;
  --z-search-modal: 9999999;
  --navbar-height: 3.5rem;
  --page-max-width: 1200px;
  --cell-padding-x: 0.75rem;
  --menu-green: #326400;
  --menu-green-light: #64c800;
  --menu-red: #800000;
  --menu-red-light: #ff0000;
  --menu-blue: #004080;
  --menu-blue-light: #0080ff;
  --menu-purple: #4b0064;
  --menu-purple-light: #af00ea;
  --menu-bonus-text: #ff6b6b;
  --menu-casino-text: #c084fc;
  --menu-code-text: #60a5fa;
  --yellow-cta-light: #ffe600;
  --yellow-cta: #ffcc00;
  --yellow-cta-dark: #ffb300;
  --yellow-cta-border: #e6b800;
  --bonus-bg: #ffffe1;
  --bonus-bg-border: #f4e4b7;
  --bonus-text: #806513;
  --table-dark-even: #444444;
  --table-dark-odd: #555555;
  --table-dark-footer: #333333;
  --table-dark-border: #666666;
  --primary-deep: #306000;
  --bg-neutral: #f5f5f5;
  --gray-700: #374151;
  --gray-200: #e5e5e5;
  --menu-bonus-bg: #382222;
  --menu-bonus-brd: #5a2323;
  --menu-faq-bg: #222a3a;
  --menu-faq-brd: #23365e;
  --menu-casino-bg: #39254a;
  --menu-casino-brd: #552a7c;
  --menu-code-bg: #222a3a;
  --menu-code-brd: #23365e;
  --menu-green-bg: #2a361e;
  --menu-green-brd: #365418;
  --yellow-accent: #fbbf24;
  --yellow-dark: #eab308;
  --magenta: #ff00ff;
  --table-green-even: #e9ffd2;
  --table-green-odd: #f8fff0;
  --table-green-border: #aaff55;
  --table-purple-even: #f4d2ff;
  --table-purple-odd: #fcf0ff;
  --table-purple-border: #f1b9ff;
  --table-red-even: #ffd2d2;
  --table-red-odd: #fff0f0;
  --table-red-border: #ffb9b9;
  --table-blue-even: #d2e9ff;
  --table-blue-odd: #f0f8ff;
  --table-blue-border: #b9dcff;
  --table-orange-even: #ffd2a6;
  --table-orange-odd: #fff0e1;
  --table-orange-border: #ffb973;
  --table-yellow-even: #ffffd2;
  --table-yellow-odd: #fffff0;
  --table-yellow-border: #f0f000;
  --table-grey-even: #d2d2d2;
  --table-grey-odd: #f0f0f0;
  --table-grey-border: #b9b9b9;
  --table-pink-even: #ffd2ff;
  --table-pink-odd: #fff0ff;
  --table-pink-border: #ffb9ff;
}
#review.tipsport,
#review.tipsport-casino,
body.tipsport,
body.tipsport-casino {
  --brand: var(--tipsport);
  --brand-text: var(--tipsport-text);
  --brand-border: var(--tipsport-border);
  --toc-color: var(--tipsport);
  --toc-color-rgb: 30, 136, 229;
}
#review.fortuna,
#review.fortuna-casino,
body.fortuna,
body.fortuna-casino {
  --brand: var(--fortuna);
  --brand-text: var(--fortuna-text);
  --brand-border: var(--fortuna-border);
  --toc-color: var(--fortuna);
  --toc-color-rgb: 255, 219, 1;
}
#review.synottip,
#review.synottip-casino,
body.synottip,
body.synottip-casino {
  --brand: var(--synottip);
  --brand-text: var(--synottip-text);
  --brand-border: var(--synottip-border);
  --toc-color: var(--synottip);
  --toc-color-rgb: 207, 99, 61;
}
#review.chance,
#review.chance-casino,
body.chance,
body.chance-casino {
  --brand: var(--chance);
  --brand-text: var(--chance-text);
  --brand-border: var(--chance-border);
  --toc-color: var(--chance);
  --toc-color-rgb: 0, 124, 77;
}
#review.sazkabet,
#review.sazkabet-casino,
body.sazkabet,
body.sazkabet-casino {
  --brand: var(--sazkabet);
  --brand-text: var(--sazkabet-text);
  --brand-border: var(--sazkabet-border);
  --toc-color: var(--sazkabet);
  --toc-color-rgb: 253, 221, 49;
}
#review.betano,
#review.betano-casino,
body.betano,
body.betano-casino {
  --brand: var(--betano);
  --brand-text: var(--betano-text);
  --brand-border: var(--betano-border);
  --toc-color: var(--betano);
  --toc-color-rgb: 255, 60, 0;
}
#review.betx,
#review.betx-casino,
body.betx,
body.betx-casino {
  --brand: var(--betx);
  --brand-text: var(--betx-text);
  --brand-border: var(--betx-border);
  --toc-color: var(--betx);
  --toc-color-rgb: 40, 40, 40;
}
#review.fbet,
#review.fbet-casino,
body.fbet,
body.fbet-casino {
  --brand: var(--fbet);
  --brand-text: var(--fbet-text);
  --brand-border: var(--fbet-border);
  --toc-color: var(--fbet);
  --toc-color-rgb: 58, 117, 143;
}
#review.kingsbet,
#review.kingsbet-casino,
body.kingsbet,
body.kingsbet-casino {
  --brand: var(--kingsbet);
  --brand-text: var(--kingsbet-text);
  --brand-border: var(--kingsbet-border);
  --toc-color: var(--kingsbet);
  --toc-color-rgb: 28, 14, 48;
}
#review.merkurxtip,
#review.merkurxtip-casino,
body.merkurxtip,
body.merkurxtip-casino {
  --brand: var(--merkurxtip);
  --brand-text: var(--merkurxtip-text);
  --brand-border: var(--merkurxtip-border);
  --toc-color: var(--merkurxtip);
  --toc-color-rgb: 1, 26, 63;
}
*,
::after,
::before {
  box-sizing: border-box;
}
body,
html {
  background: var(--bg-dark);
}
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: auto;
  overflow-x: clip;
}
body {
  margin: 0;
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.7;
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  overflow-x: visible !important;
  overflow-y: visible !important;
}
body.menu-open {
  overflow: hidden !important;
}
iframe,
img,
svg,
video {
  display: block;
  max-width: 100%;
}
img,
svg,
video {
  height: auto;
}
button,
input,
select,
textarea {
  font: inherit;
}
iframe {
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
  color: var(--primary);
}
h1 {
  font-size: 1.75rem;
}
h2 {
  font-size: 1.5rem;
  margin: 2.5rem 0 1rem;
}
h3 {
  font-size: 1.25rem;
  margin: 2rem 0 0.75rem;
}
h4 {
  font-size: 1.125rem;
  margin: 1.5rem 0 0.75rem;
}
h5,
h6 {
  font-size: 1rem;
  margin: 1rem 0 0.5rem;
}
h1,
p {
  margin: 0 0 1rem;
}
p:last-child {
  margin-bottom: 0;
}
a {
  color: var(--primary);
  text-decoration: underline;
  transition: color var(--transition);
}
a:hover {
  color: var(--primary-dark);
  text-decoration: none;
}
ol,
ul {
  list-style-type: square;
  padding-left: 1.25rem;
  margin: 0.5rem 0 1rem;
}
ol {
  list-style-type: decimal;
  padding-left: 1.5rem;
}
li {
  margin: 0.25rem 0;
}
.small,
small {
  font-size: 0.857rem;
}
.content small,
.left-col small {
  display: block;
  margin-bottom: 0.5rem;
}
.big {
  font-size: 1.143rem;
}
.bold {
  font-weight: 700 !important;
}
.center {
  text-align: center !important;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
.middle {
  vertical-align: middle !important;
}
.hidden {
  display: none !important;
}
.underline {
  text-decoration: underline;
}
hr {
  border: 0;
  height: 1px;
  background: var(--border);
  margin: 2rem 0;
}
del {
  text-decoration: line-through;
  color: var(--red);
}
time {
  white-space: nowrap;
}
.l {
  float: left !important;
}
.r {
  float: right !important;
}
.c {
  margin: 0 auto;
}
.l-margin {
  margin-left: 7px;
}
.r-margin {
  margin-right: 7px;
}
.b-margin {
  margin-bottom: 5px;
}
.t-margin {
  margin-top: 2px;
}
.l-r-margin {
  margin: 0 7px;
}
.relative {
  position: relative;
}
.inline {
  display: inline !important;
}
.no-wrap {
  white-space: nowrap;
}
.clear {
  clear: both;
}
.offscreen {
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  margin: -1px;
  padding: 0;
  border: 0;
}
.cf::after,
.footer::after,
.header::after,
.main::after,
.post::after,
.share-box::after {
  content: "";
  display: table;
  clear: both;
}
.red-text {
  color: var(--red) !important;
}
.green-text {
  color: var(--green) !important;
}
.blue-text {
  color: var(--blue) !important;
}
.yellow-text {
  color: #ff0 !important;
}
.purple-text {
  color: var(--purple) !important;
}
.orange-text {
  color: var(--orange) !important;
}
.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
}
.no-benefit {
  opacity: 0.3;
}
.container {
  margin: 0 auto;
  padding: 0;
  background: var(--bg);
  box-shadow: 0 0 30px #0000004c;
}
.container,
.main-container {
  width: 100% !important;
  max-width: var(--page-max-width) !important;
  box-sizing: border-box !important;
}
.header,
body::before,
body > .container {
  background: var(--bg-dark);
}
.header {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem 0.5rem 1rem;
  position: sticky;
  top: 0;
  z-index: var(--z-header);
  border-bottom: none;
  gap: 0.5rem;
  transition: transform 0.3s ease;
  box-shadow: none;
}
.header-logo {
  color: var(--bg);
  flex: 1 !important;
  min-width: 0;
}
.jump-menu button {
  color: var(--bg);
  border-color: var(--bg);
}
.header-hidden {
  transform: translateY(-100%);
}
.main {
  background: var(--bg);
  display: flex;
  flex-direction: column;
}
.content {
  padding: 5px 5px 100px;
  overflow-x: auto;
}
.left-col,
.right-col {
  width: 100%;
  padding: 1rem;
}
.left-col {
  background: var(--bg);
  overflow-x: auto;
  min-width: 0;
}
.right-col {
  background: var(--bg-light);
}
#wide .main {
  display: block;
  padding: 1rem;
}
#wide .left-col {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.header-logo {
  display: block;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(/res/img/logo.svg) no-repeat 0 50% / contain;
  width: 200px;
  flex-shrink: 0;
}
.header-logo span {
  display: none;
}
.header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  margin-left: auto;
}
.header-search,
blockquote {
  border-radius: var(--radius);
}
.header-hamburger,
.header-search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  cursor: pointer;
  color: var(--bg);
}
.header-search {
  background: 0 0;
  border: 2px solid #ffffff66;
  transition: all var(--transition);
}
.header-search:hover {
  border-color: var(--primary);
  color: var(--primary);
}
.header-search svg {
  width: 20px;
  height: 20px;
}
.header-hamburger {
  background: var(--primary);
  border: 0;
  border-radius: var(--radius);
  transition: background var(--transition);
}
.header-hamburger:hover {
  background: var(--primary-dark);
}
.header-hamburger span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--bg);
  position: relative;
}
.header-hamburger span::after,
.header-hamburger span::before {
  content: "";
  display: block;
  width: 22px;
  height: 2px;
  background: var(--bg);
  position: absolute;
  left: 0;
}
.header-hamburger span::before {
  top: -7px;
}
.header-hamburger span::after {
  top: 7px;
}
.jump-menu {
  display: none;
}
.disclaimer {
  width: 100%;
  text-align: center;
  padding: 13px 20px;
  background: linear-gradient(180deg, #64748b0f, #64748b03);
  border-top: 2px solid #64748b40;
  font-size: 12.5px;
  line-height: 1.6;
  color: #7a7f88;
}
.disclaimer .age-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 22px;
  background: var(--gray-700);
  border-radius: var(--radius-sm);
  font-size: 10.5px;
  font-weight: 700;
  color: var(--bg);
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  padding: 0 5px;
}
blockquote {
  position: relative;
  margin: 2rem 0;
  padding: 2.5rem 2rem 2rem;
  text-align: center;
  font-style: italic;
  color: var(--text, #374151);
  line-height: 1.7;
  background: var(--bg-light);
  border-top: 2px solid var(--border);
  border-bottom: 2px solid var(--border);
}
blockquote::before {
  content: "“";
  position: absolute;
  top: -1.25rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4rem;
  font-family: Georgia, "Times New Roman", serif;
  color: var(--primary);
  opacity: 0.35;
  line-height: 1;
  background: var(--bg);
  padding: 0 0.75rem;
  pointer-events: none;
}
blockquote::after {
  content: none;
}
blockquote
  :where(
    [class$="-box"],
    [class*="-box "],
    [class^="notice-"],
    [class*=" notice-"]
  ) {
  text-align: initial;
  font-style: initial;
}
blockquote cite,
blockquote footer {
  display: block;
  margin-top: 0.75rem;
  font-size: 0.875rem;
  font-style: normal;
  color: var(--text-muted);
  text-align: center;
}
blockquote cite::before,
blockquote footer::before {
  content: "— ";
}
@media (min-width: 768px) {
  blockquote {
    padding: 3rem 3rem 2.5rem;
    font-size: 1.125rem;
  }
  blockquote::before {
    font-size: 5rem;
    top: -1.5rem;
  }
}
/* Stylesheet: 1. Foundations Modified On 2026-06-09 12:58:31 */
.menu {
  background: var(--bg-dark);
  position: relative;
  z-index: var(--z-overlay);
}
.menu,
.menu .sub-menu {
  border-bottom: none;
}
.facebook a > span,
.feed a > span,
.forum a > span,
.home a > span,
.instagram a > span,
.menu-toggle,
.pinterest a > span,
.search-button > span,
.whatsapp a > span,
.x a > span {
  display: none;
}
.menu-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: #0000008c;
  z-index: var(--z-menu-overlay);
  -webkit-tap-highlight-color: transparent;
}
.menu-overlay.active {
  display: block;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.main-menu {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 82%;
  max-width: 380px;
  background: var(--bg-dark);
  z-index: var(--z-menu);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transform: translateX(100%);
  visibility: hidden;
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0s linear 0.28s;
  box-shadow: -6px 0 32px #00000099;
  padding-bottom: 3rem;
}
.main-menu.open {
  transform: translateX(0);
  visibility: visible;
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0s linear 0s;
}
.main-menu ul,
.sub-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.main-menu ul {
  flex-direction: column;
}
.main-menu ul li {
  margin: 0;
}
.main-menu ul li a,
.search-button {
  display: flex;
  align-items: center;
  padding: 1rem 1.25rem;
  color: #ffffffe6 !important;
  text-decoration: none !important;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.125rem;
  border-bottom: 1px solid #ffffff14;
  transition: background var(--transition), color var(--transition);
  min-height: 56px;
}
.main-menu ul li a:hover {
  background: #ffffff12;
  color: var(--bg);
}
.main-menu > ul > li.bonus > a {
  color: var(--menu-bonus-text) !important;
}
.main-menu > ul > li.casino > a {
  color: var(--menu-casino-text) !important;
}
.main-menu > ul > li.code > a {
  color: var(--menu-code-text) !important;
}
.main-menu ul li.live a span {
  background: var(--red);
  color: var(--bg);
  padding: 2px 8px;
  border-radius: var(--radius-sm);
  font-size: 0.875rem;
  font-weight: 700;
}
.main-menu ul li.facebook,
.main-menu ul li.feed,
.main-menu ul li.forum,
.main-menu ul li.instagram,
.main-menu ul li.search,
.main-menu ul li.tipsport-tv,
.main-menu ul li.x {
  display: none !important;
}
.sub-menu {
  background-color: transparent;
  background-image: none !important;
  padding: 0.2rem 0.75rem;
  border-bottom: none;
  line-height: 1.2;
}
.sub-menu ul {
  flex-wrap: wrap;
  gap: 0;
  align-items: center;
}
.sub-menu ul li a {
  display: inline-block;
  padding: 0.25rem 0.6rem;
  color: #ffffffcc;
  text-decoration: none;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 0.8125rem;
  border-radius: var(--radius-sm);
  white-space: nowrap;
  transition: all var(--transition);
}
.sub-menu ul li a:hover {
  color: var(--bg);
  background: #ffffff1f;
}
.menu.bonus .sub-menu ul li a:hover {
  color: var(--bg);
  background: #ffffff33;
}
.menu.casino .sub-menu ul li a {
  color: #ffffffd9;
}
.menu.casino .sub-menu ul li a:hover {
  color: var(--bg);
  background: #ffffff26;
}
.main-menu .home a > span {
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  background-image: url(/res/img/menu-icons.svg?v=3) !important;
  background-repeat: no-repeat !important;
  background-size: auto 20px !important;
  background-position: 0 50% !important;
  vertical-align: middle !important;
  filter: brightness(0) invert(1) !important;
}
.main-menu ul li a svg {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
.main-menu ul li a svg circle,
.main-menu ul li a svg line,
.main-menu ul li a svg path,
.main-menu ul li a svg polygon,
.main-menu ul li a svg polyline {
  color: var(--bg) !important;
  stroke: var(--bg) !important;
  fill: none !important;
}
.main-menu ul li a svg rect {
  stroke: none !important;
  fill: none !important;
}
.search-button {
  cursor: pointer;
}
.breadcrumb {
  background: var(--bg-light);
  padding: 0.15rem 0 0.15rem 1rem;
  border-bottom: 1px solid var(--border);
  font-family: var(--font-body);
  font-size: 0.75rem;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  color: var(--text-muted);
  height: 1.75rem;
  line-height: 1.75rem;
  scroll-padding-right: 1rem;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  max-width: 100%;
  box-sizing: border-box;
}
.breadcrumb::-webkit-scrollbar,
.review-header.is-sticking .review-menu::-webkit-scrollbar,
.review-menu::-webkit-scrollbar {
  display: none;
}
.breadcrumb ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  height: 100%;
  min-width: 0;
}
.breadcrumb ol::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1px;
  flex: 0 0 1rem;
  flex-shrink: 0 !important;
}
.breadcrumb ol li {
  display: inline-flex;
  align-items: center;
}
.breadcrumb ol li:not(:last-child)::after {
  content: "›";
  color: var(--text-muted);
  margin: 0 0.35rem;
}
.breadcrumb a {
  color: var(--text);
  text-decoration: none;
  transition: color var(--transition);
}
.breadcrumb a:hover {
  color: var(--primary);
}
.breadcrumb li:last-child {
  color: var(--text-muted);
}
.breadcrumb li:last-child a {
  color: inherit;
}
.breadcrumb h1,
.breadcrumb h2,
.breadcrumb h3,
.breadcrumb h4,
.breadcrumb h5,
.breadcrumb h6 {
  margin: 0;
  padding: 0 1rem 0 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  display: inline-block;
  letter-spacing: normal;
}
.breadcrumb h1.l,
.breadcrumb h2.l,
.breadcrumb h3.l {
  float: none !important;
}
.breadcrumb .r {
  display: none;
}
.review-header {
  border-bottom: 1px solid var(--border);
  padding: 0;
  background: var(--primary);
  color: var(--bg);
  position: -webkit-sticky;
  position: sticky;
  top: var(--sticky-top, 0px);
  z-index: var(--z-review-hdr);
  transition: none;
}
.review-header.is-sticking {
  box-shadow: var(--shadow-md);
}
.review-header > a,
.review-rating {
  align-items: center;
  color: var(--bg);
}
.review-header > a {
  display: flex;
  gap: 0.75rem;
  text-decoration: none;
  padding: 0.75rem 1rem;
  flex: 1;
  min-width: 0;
}
.review-header img {
  height: 35px;
  width: auto;
}
.review-header .button {
  margin-left: auto;
  flex-shrink: 0;
}
#review .content .button:hover,
#review .left-col .button:hover,
.review-header .button:hover {
  background: var(--red-dark) !important;
}
#review .content .button,
#review .left-col .button,
.review-header .button {
  background: var(--red) !important;
  color: var(--bg) !important;
}
#review #bonus-info-footer,
#review .bonus-info-box .button,
#review .content .button.yellow,
#review .left-col .button.yellow {
  background: linear-gradient(
    to bottom,
    var(--yellow-cta-light),
    var(--yellow-cta)
  ) !important;
  color: #000 !important;
  border: 2px solid var(--yellow-cta-border);
  white-space: normal !important;
  word-break: keep-all;
  overflow-wrap: break-word;
}
#review #bonus-info-footer:hover,
#review .bonus-info-box .button:hover,
#review .content .button.yellow:hover,
#review .left-col .button.yellow:hover {
  background: linear-gradient(
    to bottom,
    var(--yellow-cta),
    var(--yellow-cta-dark)
  ) !important;
}
.review-rating {
  display: none;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #0000004c;
  font-family: var(--font-heading);
  font-weight: 700;
  flex-shrink: 0;
}
.rating-text {
  font-size: 1.5rem;
  white-space: nowrap;
}
.rating-value {
  font-size: 2rem;
  line-height: 1;
  display: inline-flex;
  align-items: baseline;
}
.best-rating {
  display: inline;
  font-size: 0.875rem;
  color: #ffffffb2;
  vertical-align: baseline;
}
.review-rating .rating-stars {
  transform: translateY(3px);
}
.mobile-icons {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0.75rem;
  vertical-align: middle;
}
.mobile-icon {
  display: block;
  width: 25px;
  height: 32px;
  background: no-repeat 50% 50% / contain;
  opacity: 0.85;
  transition: opacity var(--transition);
  filter: brightness(0) invert(1);
}
.mobile-icon:hover {
  opacity: 1;
}
.mobile-icon.android {
  background-image: url(/res/img/icon-android.svg);
}
.mobile-icon.ios {
  background-image: url(/res/img/icon-apple.svg);
}
.mobile-icon.harmonyos,
.mobile-icon.huawei {
  background-image: url(/res/img/icon-huawei.svg);
}
.review-header .share-buttons,
.review-header.is-sticking .share-buttons {
  display: none !important;
}
.review-header.is-sticking .review-menu,
.review-menu {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.review-menu {
  display: none;
  background: #000000cc;
  color: var(--bg);
  font-family: var(--font-heading);
  text-transform: uppercase;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  white-space: nowrap;
}
.review-header.is-sticking .review-menu {
  display: flex;
  align-items: center;
  flex: 0 0 100%;
  padding: 0.25rem 1rem;
  font-size: 0.8125rem;
  background: #000000b2;
}
.review-menu ul {
  list-style: none;
  display: flex;
  gap: 1rem;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.review-menu li {
  position: relative;
}
.review-menu li a {
  color: var(--bg) !important;
  text-decoration: none;
}
.review-menu li a.yellow-text {
  color: #ff0 !important;
}
.review-menu li a:hover,
.table-logo a:hover {
  text-decoration: underline;
}
.review-menu li .new {
  top: 0;
  right: -6px;
  transform: translateY(-50%);
  font-size: 0.5rem;
  padding: 0 3px;
  line-height: 1.3;
  z-index: 10;
}
.share-buttons {
  display: flex;
  gap: 0.25rem;
  margin-left: auto;
}
.share-buttons a {
  display: flex;
  align-items: center;
  padding: 2px;
}
.share-buttons svg {
  width: 14px;
  height: 14px;
  fill: var(--bg);
  border-radius: 2px;
}
.share-buttons.big svg {
  width: 22px;
  height: 22px;
  padding: 4px;
}
.icon-facebook {
  background-color: #3b5998;
}
.icon-x {
  background-color: #1da1f2;
}
.rating {
  background: url(/res/img/rating.svg) repeat-x 0 0/20px auto;
  height: 20px;
  width: 100px;
  display: inline-block;
  overflow: hidden;
}
.rating.big,
.rating.big span {
  background-size: 32px auto;
  height: 32px;
}
.rating.big {
  width: 160px;
}
.rating.bar {
  width: 80px;
}
.rating span {
  background: url(/res/img/rating.svg) repeat-x 0-26px/20px auto;
  height: 20px;
  display: block;
}
.rating.big span {
  background-position: 0-42px;
}
.rating.bar,
.rating.bar span {
  background-image: url(/res/img/rating-bar.svg);
  background-size: auto;
}
.rating.bar span {
  background-position: 0-26px;
}
.icon span,
.logo span,
.payment-icon span,
.rating span span,
.sport-icon span {
  display: none;
}
.bar-5,
table {
  width: 100%;
}
.bar-4 {
  width: 80%;
}
.bar-3 {
  width: 60%;
}
.bar-2 {
  width: 40%;
}
.bar-1 {
  width: 20%;
}
.overall-rating {
  font-family: var(--font-heading);
  font-weight: 700;
  text-align: center;
  padding: 0.5rem;
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.5rem;
  margin: 5px auto;
  width: auto;
}
.overall-rating .rating-stars.rating,
.table-wrap table {
  margin: 0;
}
.sub-rating {
  display: inline-block;
  width: 40px;
  text-align: right;
  margin-left: 0.5rem;
}
.overall-rating .rating-value,
.overall-rating strong {
  font-size: 2rem;
  line-height: 1;
}
.overall-rating .best-rating {
  font-size: 1.125rem;
  vertical-align: baseline;
}
.overall-rating .best-rating,
.review-table .best-rating,
table tfoot .best-rating {
  color: var(--text-muted) !important;
}
table {
  border-collapse: collapse;
  border: 1px solid var(--border);
  font-size: 0.875rem;
  margin: 1rem 0 2rem;
}
table:has(+ small) {
  margin-bottom: 0.35rem;
}
.recommended-box table:has(+ small) {
  margin-bottom: 0;
}
table td,
table th {
  padding: 0.5rem 0.75rem;
  white-space: normal;
}
table th {
  font-family: var(--font-heading);
  font-weight: 700;
  text-align: center;
  background: var(--primary);
  color: var(--bg);
  border: 1px solid var(--primary-dark);
}
table th a {
  color: inherit !important;
}
table td {
  vertical-align: middle;
  text-align: left;
  border: 1px solid var(--border);
}
table .button,
table.nowrap td,
table.nowrap th,
td.nowrap,
th.nowrap {
  white-space: nowrap !important;
}
table.wrap td,
table.wrap th,
td.wrap,
th.wrap {
  white-space: normal !important;
}
table tbody tr:nth-child(odd of:not(.hidden-row)) td {
  background: var(--bg);
}
table tbody tr:nth-child(even of:not(.hidden-row)) td {
  background: var(--bg-light);
}
table tbody tr td.dark,
table tbody tr.dark td,
table.dark tbody tr:nth-child(even) td,
table.dark tbody tr:nth-child(odd) td {
  background: var(--table-dark-even) !important;
  color: var(--bg) !important;
  border-color: var(--table-dark-border) !important;
}
table.dark tbody tr:nth-child(odd) td {
  background: var(--table-dark-odd) !important;
}
table tbody tr.hidden-row td,
table tfoot td {
  background: var(--bg-gray);
}
table tfoot td {
  font-weight: 700;
  border-radius: 0 !important;
  text-align: center;
}
table tfoot tr:last-child td {
  box-shadow: inset 0 3px 6px #00000014;
  border-top: 2px solid var(--border);
}
table caption {
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 700;
  padding: 0.75rem;
  text-align: center;
  caption-side: top;
}
.table-wrap {
  position: relative;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  margin: 1rem 0 2rem;
  max-width: 100% !important;
}
.table-wrap table[id*="comparison"] {
  table-layout: auto;
}
table.compact {
  width: auto;
}
table.center,
table.compact.c {
  margin-left: auto;
  margin-right: auto;
}
table.no-border,
table.no-border td,
table.no-border th {
  border: 0 !important;
}
.no-border td,
.no-border th {
  border-left: 0;
  border-right: 0;
}
.fit tr td {
  padding: 0.35rem;
}
table.highlight tr:hover td {
  background-color: #ffffc8 !important;
}
.review-table th,
.vertical th {
  text-align: left;
  background: var(--brand, var(--primary));
  color: var(--brand-text, var(--text-on-primary));
}
table.vertical.has-icons tbody :is(td, th):first-child,
table:not(.vertical).has-icons tbody th {
  position: relative;
  padding-left: calc(var(--cell-padding-x) + 1.5em);
}
.cell-icon {
  position: absolute;
  left: var(--cell-padding-x);
  top: 50%;
  transform: translateY(-50%);
  width: 1.15em;
  height: 1.15em;
  line-height: 1.15em;
  text-align: center;
  font-size: 1em;
}
table.has-icons tbody td.is-multiline > .cell-icon,
table.has-icons tbody td.is-multiline > svg:first-child,
table.has-icons tbody th.is-multiline > .cell-icon,
table.has-icons tbody th.is-multiline > svg:first-child {
  transform: none;
}
.vertical tbody :is(td, th):first-child > svg:first-child,
tbody th > svg:first-child {
  position: absolute;
  left: var(--cell-padding-x);
  top: 50%;
  transform: translateY(-50%);
  width: 1.15em;
  height: 1.15em;
}
table.vertical tbody :is(td, th):first-child:has(> svg:first-child),
table:not(.vertical) tbody th:has(> svg:first-child) {
  position: relative;
  padding-left: calc(var(--cell-padding-x) + 1.5em);
}
.w3 {
  width: 3%;
}
.w5 {
  width: 5%;
}
.w9 {
  width: 9%;
}
.w10 {
  width: 10%;
}
.w14 {
  width: 14%;
}
.w15 {
  width: 15%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w26 {
  width: 26%;
}
.w30 {
  width: 30%;
}
.w35 {
  width: 35%;
}
.w40 {
  width: 40%;
}
.w45 {
  width: 45%;
}
.w50 {
  width: 50%;
}
.w55 {
  width: 55%;
}
.w60 {
  width: 60%;
}
.table-rank {
  text-align: center;
  font-family: var(--font-heading);
  font-weight: 700;
}
.table-button {
  text-align: center;
  padding: 0.35rem;
}
.table-button a {
  font-size: 0.875rem;
}
.table-button .button {
  margin: 0.2rem;
}
.table-button.left {
  text-align: left;
}
.table-button.left .button {
  margin: 0.2rem 0.3rem 0.2rem 0;
}
table td:has(> .button),
table td:has(> a > .button),
table th:has(> .button),
table th:has(> a > .button) {
  text-align: center;
  padding: 0.35rem;
}
table td:has(> .button) .button,
table th:has(> .button) .button {
  margin: 0.2rem;
}
table .button {
  font-size: 0.8125rem;
  padding: 0.25rem 0.625rem;
}
.table-logo,
.table-rating {
  text-align: center;
  font-family: var(--font-heading);
  font-weight: 700;
}
.table-logo {
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: visible;
  line-height: 25px;
  text-align: left;
  vertical-align: middle;
}
.table-logo a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  vertical-align: middle;
}
@media (max-width: 999px) {
  #top-bookmaker .table-logo a {
    font-size: 0;
  }
}
#hide-bonus-terms-conditions::before,
#show-bonus-terms-conditions::before,
.html-tip + .hidden,
.table-logo .icon.recommended-bookmaker,
.table-logo .recommended,
.table-logo .recommended-bookmaker,
.table-logo .tag.recommended {
  display: none !important;
}
.html-tip {
  cursor: pointer;
}
table td .html-tip,
table td .icon.info,
table th .html-tip,
table th .icon.info {
  float: right;
  margin-left: 0.25rem;
  margin-top: -0.1rem;
  opacity: 0.6;
}
.website-box:hover img,
table td .html-tip:hover,
table td .icon.info:hover,
table th .html-tip:hover,
table th .icon.info:hover {
  opacity: 1;
}
.table-logo .l,
.table-logo .r {
  float: none !important;
}
.table-logo .tag {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.55rem;
  padding: 3px 5px;
  border-radius: 4px;
  z-index: 10;
  line-height: 1.2;
  letter-spacing: 0.02em;
  box-shadow: 0 2px 4px #0000004c;
  border: 1px solid #ffffff4c;
  transform: translate(-30px, -14px) rotate(8deg);
  margin-right: -28px;
}
table tr:hover .table-logo .tag {
  transform: translate(-30px, -14px) rotate(0deg) scale(1.05);
  transition: transform 0.2s ease;
}
table.dark td,
table.dark th {
  color: var(--bg) !important;
}
table.dark,
table.dark td {
  border-color: var(--table-dark-border) !important;
}
table.dark tr:nth-child(odd) td {
  background: var(--table-dark-odd) !important;
}
table.dark tr:nth-child(even) td {
  background: var(--table-dark-even) !important;
}
table.dark tfoot td {
  background: var(--table-dark-footer) !important;
}
.dark a:not(.button) {
  color: inherit !important;
  text-decoration: underline !important;
}
.dark a:not(.button):hover {
  text-decoration: none !important;
}
td.dark,
th.dark,
tr.dark td,
tr.dark th {
  background: var(--table-dark-even) !important;
  color: var(--bg) !important;
  border-color: var(--table-dark-border) !important;
}
.horizontal-th {
  background: #1e3a5f !important;
  color: var(--bg) !important;
  text-align: center;
  padding: 0.6rem 1rem !important;
  white-space: normal !important;
}
.horizontal-th a {
  color: var(--bg) !important;
  text-decoration: none;
}
.horizontal-th a:hover {
  text-decoration: underline;
}
.tipsport .horizontal-th,
.tipsport .review-table tfoot th,
.tipsport table tfoot th,
.tipsport-casino .horizontal-th,
.tipsport-casino .review-table tfoot th,
.tipsport-casino table tfoot th {
  background: var(--tipsport) !important;
  color: var(--bg) !important;
}
.fortuna .horizontal-th,
.fortuna .review-table tfoot th,
.fortuna table tfoot th,
.fortuna-casino .horizontal-th,
.fortuna-casino .review-table tfoot th,
.fortuna-casino table tfoot th {
  background: var(--fortuna) !important;
  color: #000 !important;
}
.fortuna .horizontal-th a,
.fortuna-casino .horizontal-th a {
  color: #000 !important;
}
.synottip .horizontal-th,
.synottip .review-table tfoot th,
.synottip table tfoot th,
.synottip-casino .horizontal-th,
.synottip-casino .review-table tfoot th,
.synottip-casino table tfoot th {
  background: var(--synottip) !important;
  color: var(--bg) !important;
}
.chance .horizontal-th,
.chance .review-table tfoot th,
.chance table tfoot th,
.chance-casino .horizontal-th,
.chance-casino .review-table tfoot th,
.chance-casino table tfoot th {
  background: var(--chance) !important;
  color: var(--bg) !important;
}
.sazkabet .horizontal-th,
.sazkabet .review-table tfoot th,
.sazkabet table tfoot th,
.sazkabet-casino .horizontal-th,
.sazkabet-casino .review-table tfoot th,
.sazkabet-casino table tfoot th {
  background: var(--sazkabet) !important;
  color: var(--sazkabet-text) !important;
}
.sazkabet .horizontal-th a,
.sazkabet-casino .horizontal-th a {
  color: var(--sazkabet-text) !important;
}
.betano .horizontal-th,
.betano .review-table tfoot th,
.betano table tfoot th,
.betano-casino .horizontal-th,
.betano-casino .review-table tfoot th,
.betano-casino table tfoot th {
  background: var(--betano) !important;
  color: var(--bg) !important;
}
.betx .horizontal-th,
.betx .review-table tfoot th,
.betx table tfoot th,
.betx-casino .horizontal-th,
.betx-casino .review-table tfoot th,
.betx-casino table tfoot th {
  background: var(--betx) !important;
  color: var(--betx-text) !important;
}
.betx .horizontal-th a,
.betx-casino .horizontal-th a {
  color: var(--betx-text) !important;
}
.fbet .horizontal-th,
.fbet .review-table tfoot th,
.fbet table tfoot th,
.fbet-casino .horizontal-th,
.fbet-casino .review-table tfoot th,
.fbet-casino table tfoot th {
  background: var(--fbet) !important;
  color: var(--bg) !important;
}
.kingsbet .horizontal-th,
.kingsbet .review-table tfoot th,
.kingsbet table tfoot th,
.kingsbet-casino .horizontal-th,
.kingsbet-casino .review-table tfoot th,
.kingsbet-casino table tfoot th {
  background: var(--kingsbet) !important;
  color: var(--kingsbet-text) !important;
}
.kingsbet .horizontal-th a,
.kingsbet-casino .horizontal-th a {
  color: var(--kingsbet-text) !important;
}
.merkurxtip .horizontal-th,
.merkurxtip .review-table tfoot th,
.merkurxtip table tfoot th,
.merkurxtip-casino .horizontal-th,
.merkurxtip-casino .review-table tfoot th,
.merkurxtip-casino table tfoot th {
  background: var(--merkurxtip) !important;
  color: var(--merkurxtip-text) !important;
}
.merkurxtip .horizontal-th a,
.merkurxtip-casino .horizontal-th a {
  color: var(--merkurxtip-text) !important;
}
#hide-rows,
.hidden-row {
  display: none;
}
#hide-bonus-terms-conditions,
#show-bonus-terms-conditions {
  text-align: center !important;
  cursor: pointer;
  color: var(--bg) !important;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 0.875rem;
  padding: 0.5rem;
}
#hide-bonus-terms-conditions:hover,
#show-bonus-terms-conditions:hover {
  text-decoration: underline !important;
}
.fortuna #hide-bonus-terms-conditions,
.fortuna #show-bonus-terms-conditions,
.fortuna-casino #hide-bonus-terms-conditions,
.fortuna-casino #show-bonus-terms-conditions {
  color: #000 !important;
}
.chance #hide-bonus-terms-conditions,
.chance #show-bonus-terms-conditions,
.chance-casino #hide-bonus-terms-conditions,
.chance-casino #show-bonus-terms-conditions {
  color: var(--chance-text) !important;
}
.sazkabet #hide-bonus-terms-conditions,
.sazkabet #show-bonus-terms-conditions,
.sazkabet-casino #hide-bonus-terms-conditions,
.sazkabet-casino #show-bonus-terms-conditions {
  color: var(--sazkabet-text) !important;
}
.betx #hide-bonus-terms-conditions,
.betx #show-bonus-terms-conditions,
.betx-casino #hide-bonus-terms-conditions,
.betx-casino #show-bonus-terms-conditions {
  color: var(--betx-text) !important;
}
.kingsbet #hide-bonus-terms-conditions,
.kingsbet #show-bonus-terms-conditions,
.kingsbet-casino #hide-bonus-terms-conditions,
.kingsbet-casino #show-bonus-terms-conditions {
  color: var(--kingsbet-text) !important;
}
.merkurxtip #hide-bonus-terms-conditions,
.merkurxtip #show-bonus-terms-conditions,
.merkurxtip-casino #hide-bonus-terms-conditions,
.merkurxtip-casino #show-bonus-terms-conditions {
  color: var(--merkurxtip-text) !important;
}
#bonus-terms-conditions,
.button-block br {
  display: none;
}
#bonus-terms-conditions > td {
  background: var(--bg-neutral);
  border-left: none;
}
.sort th {
  cursor: pointer;
  position: relative;
  padding-bottom: 1rem;
  background: var(--primary);
}
table thead tr:not(.sort) th::after,
table thead tr:not(.sort) th::before {
  content: none !important;
}
table thead tr:not(.sort) th.sorting,
table thead tr:not(.sort) th.sorting_asc,
table thead tr:not(.sort) th.sorting_asc_disabled,
table thead tr:not(.sort) th.sorting_desc,
table thead tr:not(.sort) th.sorting_desc_disabled {
  padding-bottom: 0.5rem !important;
  cursor: default !important;
}
#hide-rows::before,
#show-rows::before {
  content: none !important;
}
.button,
.table-skrill td {
  font-weight: 700;
  text-align: center;
}
.table-skrill td {
  background: var(--green-light) !important;
  font-family: var(--font-heading);
}
.table-skrill td a {
  color: var(--primary) !important;
}
.other-payments td {
  padding: 0.75rem;
}
.button {
  display: inline-block;
  padding: 0.4rem 1rem;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1rem;
  color: var(--bg) !important;
  text-decoration: none !important;
  white-space: nowrap;
  border-radius: var(--radius);
  border: 0;
  cursor: pointer;
  background: var(--text-muted);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition);
}
.button:hover {
  background: #4b5563;
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}
.button:active {
  transform: translateY(0);
}
.button.big {
  font-size: 1.125rem;
  padding: 0.625rem 1.5rem;
}
.button .bonus-extra {
  font-size: 0.75rem;
  font-weight: 400;
  color: inherit;
  opacity: 0.7;
}
.button:has(.bonus-extra),
.recommended-box .table-button a.button:has(.bonus-extra),
.table-button a.button:has(.bonus-extra) {
  font-size: 1.15em !important;
  line-height: 1.15;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}
.button.green {
  background: var(--green);
}
.button.green:hover {
  background: #15803d;
}
.button.red {
  background: var(--red);
}
.button.red:hover {
  background: var(--red-dark);
}
.button.blue {
  background: var(--blue);
}
.button.blue:hover {
  background: #1d4ed8;
}
.button.yellow {
  background: var(--yellow-dark);
  color: #000 !important;
}
.button.yellow:hover {
  background: #ca8a04;
}
.button.orange {
  background: var(--orange);
}
.button.orange:hover {
  background: #ea580c;
}
.button.purple {
  background: var(--purple);
}
.button.purple:hover {
  background: #7e22ce;
}
.button[class*="color-"] {
  box-shadow: var(--shadow-sm);
}
.button[class*="color-"]:hover {
  filter: brightness(1.1);
}
.button.color-tipsport {
  background: var(--tipsport) !important;
  color: var(--bg) !important;
}
.button.color-fortuna {
  background: var(--fortuna) !important;
  color: #000 !important;
}
.button.color-synottip {
  background: var(--synottip) !important;
  color: var(--bg) !important;
}
.button.color-chance {
  background: var(--chance) !important;
  color: var(--bg) !important;
}
.button.color-sazkabet {
  background: var(--sazkabet) !important;
  color: var(--sazkabet-text) !important;
}
.button.color-betano {
  background: var(--betano) !important;
  color: var(--bg) !important;
}
.button.color-betx {
  background: var(--betx) !important;
  color: var(--betx-text) !important;
}
.button.color-fbet {
  background: var(--fbet) !important;
  color: var(--bg) !important;
}
.button.color-kingsbet {
  background: var(--kingsbet) !important;
  color: var(--kingsbet-text) !important;
}
.button.color-merkurxtip {
  background: var(--merkurxtip) !important;
  color: var(--merkurxtip-text) !important;
}
.button-block {
  text-align: center;
  margin: 2rem 0;
}
.button-block .button,
.button-img {
  margin: 0.25rem;
}
.button-block small {
  display: block;
  margin-top: 0;
  font-size: 0.8125rem;
  color: var(--text-muted);
  line-height: 1.4;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.button-img {
  display: inline-block;
}
#bonus-info-footer,
.button-img img {
  border-radius: var(--radius);
}
input.button {
  padding: 0.5rem 1rem;
  height: auto;
}
#bonus-info-footer {
  display: block;
  text-align: center;
  padding: 1rem 1.5rem;
  margin: 2rem 0 0.5rem;
  font-family: var(--font-heading);
  font-size: 1.375rem;
  font-weight: 700;
  color: #000 !important;
  text-decoration: none !important;
  white-space: normal !important;
  background: linear-gradient(
    to bottom,
    var(--yellow-cta-light),
    var(--yellow-cta)
  );
  border: 2px solid var(--yellow-cta-border);
  box-shadow: 0 3px 8px #00000026;
  transition: all var(--transition);
}
#bonus-info-footer:hover {
  background: linear-gradient(
    to bottom,
    var(--yellow-cta),
    var(--yellow-cta-dark)
  );
  box-shadow: 0 4px 12px #00000033;
  transform: translateY(-1px);
}
#bonus-info-footer + br + small,
#bonus-info-footer + small {
  display: block;
  text-align: center;
  font-size: 0.8125rem;
  color: var(--text-muted);
  margin-bottom: 2rem;
}
.box {
  margin-bottom: 1.5rem;
}
.bonus-box > .review-table,
.bonus-box > table,
.box-title + .review-table,
.box-title + table,
.box > .review-table,
.box > table {
  margin-top: 0;
  border-top: none;
  border-radius: 0 0 var(--radius) var(--radius);
}
.box-title + .review-table,
.box-title + table {
  margin-top: 0 !important;
}
.box-title + .box-content {
  margin-top: 0;
}
.box-title {
  background: var(--text);
  border-radius: var(--radius) var(--radius) 0 0;
  padding: 0;
  min-height: 2.75rem;
  display: flex;
  align-items: center;
}
.box-title div,
.box-title h2 {
  color: var(--bg);
  padding: 0.625rem 1rem;
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
  flex: 1;
  min-width: 0;
}
.box-content {
  background: var(--bg);
  padding: 0.75rem;
  border: 1px solid var(--border);
  border-top: none;
  border-radius: 0 0 var(--radius) var(--radius);
}
.menu-box .box-title {
  background: var(--primary);
}
.content-box ul,
.menu-box ul,
.useful-links-box ul {
  list-style: none;
  padding: 0;
}
.menu-box ul li {
  padding: 0;
  border-bottom: 1px solid var(--border);
}
.menu-box ul li:last-child {
  border-bottom: none;
}
.benefits-box li,
.menu-box a {
  font-family: var(--font-heading);
}
.menu-box a {
  padding: 0.5rem 0.75rem;
  color: var(--primary);
  font-size: 0.875rem;
  transition: background var(--transition);
}
.menu-box a:hover {
  background: var(--bg-gray);
  color: var(--primary-dark);
}
.website-box {
  position: relative;
  margin-bottom: 1rem;
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}
.menu-box a,
.website-box a {
  text-decoration: none;
  display: block;
}
.website-box img {
  width: 100%;
  height: auto;
  opacity: 0.9;
  transition: opacity var(--transition);
}
.label,
.register-button {
  display: block;
  font-weight: 700;
}
.register-button {
  text-align: center;
  padding: 0.75rem;
  font-family: var(--font-heading);
  font-size: 1.125rem;
  color: #000;
  background: linear-gradient(var(--yellow-cta-light), #fa0);
  transition: all var(--transition);
}
.website-box:hover .register-button {
  background: var(--blue);
  color: var(--bg);
}
.label {
  color: var(--bg);
  font-size: 0.8125rem;
  padding: 0.2rem 0.625rem;
  position: absolute;
  right: 0;
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
  z-index: 10;
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: var(--shadow-sm);
}
.label-tip {
  background: var(--purple);
  top: 0.5rem;
}
.label-recommended {
  background: var(--blue);
  top: 2.5rem;
}
.label-no-fees {
  background: var(--accent);
  top: 4.5rem;
}
.label-bonus {
  background: var(--red);
  top: 6.5rem;
}
.label-extra-bonus {
  background: #000;
  top: 8.5rem;
}
.label-limited {
  background: var(--magenta);
  top: 10.5rem;
}
.label-new {
  background: var(--red);
  top: 12.5rem;
}
.local-website {
  display: none;
}
.bonus-box .box-title {
  background: var(--red);
}
.bonus-box .box-title .yellow-text {
  text-shadow: -1px -1px 0#0000004c, 1px -1px 0#0000004c, -1px 1px 0#0000004c,
    1px 1px 0#0000004c, 0 0 6px #00000033;
}
.benefits-box ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.benefits-box li {
  padding-left: 22px;
  width: calc(50% - 0.5rem);
  font-size: 0.8125rem;
}
.news-item,
.promo-item {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--border);
  align-items: flex-start;
}
.news-item:last-child,
.promo-item:last-child {
  border-bottom: none;
}
.news-item .thumb,
.news-item img {
  flex-shrink: 0;
  width: 100px;
  height: auto;
  border-radius: var(--radius-sm);
}
.news-text,
.promo-text {
  flex: 1;
  min-width: 0;
}
.news-item h3,
.news-text h3 {
  margin: 0;
  font-size: 0.875rem;
}
.news-text a,
.promo-text a {
  text-decoration: none;
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--primary);
  line-height: 1.35;
  display: block;
}
.news-text a:hover,
.promo-text a:hover {
  color: var(--text);
}
.news-text small {
  font-size: 0.75rem;
  display: block;
  margin-top: 0;
}
.news-dots,
.news-more,
.news-text small {
  color: var(--text-muted);
}
.news-more {
  font-size: 0.8125em;
  font-weight: 400;
  cursor: pointer;
}
.news-more:hover {
  color: var(--primary);
  text-decoration: underline;
}
.news-expand {
  display: none;
}
.bonuses-box h3 {
  color: var(--bonus-text);
}
.bonuses-box .box-content {
  background: var(--bonus-bg);
  border-color: var(--bonus-bg-border);
}
.arrow::before,
.payment-methods-box img {
  display: inline-block;
  vertical-align: middle;
}
.payment-methods-box img {
  height: 25px;
  margin: 0.25rem;
  border-radius: var(--radius-sm);
}
.deposit-box img,
.withdrawal-box img {
  height: 25px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: var(--radius-sm);
  display: inline-block;
}
.arrow {
  font-family: var(--font-heading);
  text-decoration: none !important;
  color: var(--primary);
  font-weight: 700;
  font-size: 0.875rem;
  display: block;
  text-align: right;
  clear: both;
  padding-top: 0.5rem;
}
.arrow::before {
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 0.5rem;
  background: url(/res/img/icon-logo.svg) no-repeat 50% 50% / contain;
}
.arrow:hover {
  color: var(--text);
}
tfoot .arrow {
  text-align: inherit;
  display: inline-block;
  padding-top: 0;
  white-space: normal;
}
.line {
  border-bottom: 1px solid var(--border);
  padding-top: 0.75rem;
  margin-bottom: 0.75rem;
  clear: both;
}
.notice-error,
.notice-info,
.notice-success,
.notice-warning {
  --notice-margin: 1rem 0;
  --notice-padding: 0.75rem 1rem 0.75rem 3rem;
  --notice-radius: var(--radius);
  --notice-border-width: 1px;
  --notice-accent-width: 4px;
  --notice-icon-size: 24px;
  --notice-icon-pos: 0.75rem 50%;
  --notice-fontsize: 0.875rem;
  --notice-lineheight: 1.5;
  margin: var(--notice-margin);
  padding: var(--notice-padding);
  background: var(--notice-bg) var(--notice-icon) no-repeat
    var(--notice-icon-pos) / var(--notice-icon-size) auto;
  border: var(--notice-border-width) solid var(--notice-border);
  border-left-width: var(--notice-accent-width);
  border-left-color: var(--notice-accent);
  border-radius: var(--notice-radius);
  color: var(--notice-text);
  font-size: var(--notice-fontsize);
  line-height: var(--notice-lineheight);
}
.notice-success {
  --notice-bg: var(--green-light);
  --notice-icon: url(/res/img/icon-notice-success.svg);
  --notice-border: #86efac;
  --notice-accent: var(--green);
  --notice-text: #166534;
}
.notice-error {
  --notice-bg: var(--red-light);
  --notice-icon: url(/res/img/icon-notice-error.svg);
  --notice-border: #fca5a5;
  --notice-accent: var(--red);
  --notice-text: #991b1b;
}
.notice-warning {
  --notice-bg: var(--amber-light);
  --notice-icon: url(/res/img/icon-notice-warning.svg);
  --notice-border: #fde68a;
  --notice-accent: var(--amber);
  --notice-text: #92400e;
}
.notice-info {
  --notice-bg: var(--blue-light);
  --notice-icon: url(/res/img/icon-notice-info.svg);
  --notice-border: #bfdbfe;
  --notice-accent: var(--blue);
  --notice-text: #1e3a8a;
}
.cons-box a,
.disclaimer a,
.example-box a,
.faq-box a,
.instruction-box a,
.note-box a,
.notice-error a,
.notice-info a,
.notice-success a,
.notice-warning a,
.pros-box a,
.tip-box a,
.warning-box a {
  color: inherit;
}
.disclaimer {
  width: 100%;
  text-align: center;
  padding: 13px 20px;
  margin-bottom: 1.25rem;
  font-size: 12.5px;
  line-height: 1.6;
  color: #7a7f88;
  position: relative;
  background: linear-gradient(
    90deg,
    transparent 0,
    #64748b0a 25%,
    #64748b12 50%,
    #64748b0a 75%,
    transparent 100%
  );
}
.disclaimer::before {
  content: "18+";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 22px;
  background: #475569;
  border-radius: 4px;
  font-size: 10.5px;
  font-weight: 700;
  color: #fff;
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  padding: 0 5px;
}
.disclaimer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    #64748b59 30%,
    #64748b59 70%,
    transparent
  );
}
.example-box,
.faq-box,
.instruction-box,
.note-box,
.tip-box,
.warning-box {
  --box-margin: 1.5rem 0;
  --box-padding: 1rem 1.25rem 1rem 5rem;
  --box-radius: var(--radius);
  --box-border-width: 1px;
  --box-accent-width: 5px;
  --box-icon-size: 42px;
  --box-icon-pos: 1rem 1rem;
  margin: var(--box-margin);
  padding: var(--box-padding);
  background: var(--box-bg, transparent) var(--box-icon, none) no-repeat
    var(--box-icon-pos) / var(--box-icon-size) auto;
  border: var(--box-border-width) solid var(--box-border, transparent);
  border-left: var(--box-accent-width) solid var(--box-accent, transparent);
  border-radius: var(--box-radius);
  color: var(--box-text, inherit);
  overflow: hidden;
}
.tip-box {
  --box-icon: url(/res/img/icon-tip.png);
  --box-bg: var(--green-light);
  --box-border: #86efac;
  --box-accent: var(--primary);
  --box-text: #166534;
}
.warning-box {
  --box-icon: url(/res/img/icon-warning.png);
  --box-bg: var(--red-light);
  --box-border: #fca5a5;
  --box-accent: var(--red);
  --box-text: #991b1b;
}
.note-box {
  --box-icon: url(/res/img/icon-note.png);
  --box-bg: var(--amber-light);
  --box-border: #fde68a;
  --box-accent: var(--amber);
  --box-text: #92400e;
}
.example-box,
.faq-box {
  --box-bg: var(--blue-light);
  --box-border: #bfdbfe;
  --box-accent: var(--blue);
  --box-text: #1e3a8a;
}
.example-box {
  --box-icon: url(/res/img/icon-example.png);
  --box-icon-pos: 1rem 1.25rem;
}
.faq-box {
  --box-icon: url(/res/img/icon-faq.png);
}
.instruction-box {
  --box-icon: url(/res/img/icon-instruction.png);
  --box-bg: var(--purple-light);
  --box-border: #c4b5fd;
  --box-accent: var(--purple);
  --box-text: #5b21b6;
}
.cons-box,
.pros-box {
  --prosbox-margin: 1.5rem 0;
  --prosbox-radius: var(--radius);
  --prosbox-border-width: 2px;
  --prosbox-header-padding: 0.75rem 1rem;
  --prosbox-header-fontsize: 1.125rem;
  --prosbox-list-padding: 1rem 1rem 1rem 2rem;
  margin: var(--prosbox-margin);
  background: var(--bg);
  border: var(--prosbox-border-width) solid var(--prosbox-border) !important;
  border-radius: var(--prosbox-radius);
  overflow: hidden;
}
.pros-box {
  --prosbox-border: #4ade80;
  --prosbox-header-bg: #22c55e;
  --prosbox-bullet: #22c55e;
}
.cons-box {
  --prosbox-border: #f87171;
  --prosbox-header-bg: #ef4444;
  --prosbox-bullet: #ef4444;
}
.cons-box > h2,
.cons-box > h3,
.cons-box > strong.title,
.pros-box > h2,
.pros-box > h3,
.pros-box > strong.title {
  margin: 0 !important;
  padding: var(--prosbox-header-padding) !important;
  background: var(--prosbox-header-bg) !important;
  color: var(--bg) !important;
  font-size: var(--prosbox-header-fontsize) !important;
  display: block;
}
.cons-box > ul,
.pros-box > ul {
  padding: var(--prosbox-list-padding);
  list-style-type: disc;
}
.cons-box > ul li,
.pros-box > ul li {
  color: var(--text);
  margin-bottom: 0.25rem;
}
.cons-box > ul li::marker,
.pros-box > ul li::marker {
  color: var(--prosbox-bullet);
}
.cons-box h2,
.cons-box h3,
.example-box h2,
.example-box h3,
.faq-box h2,
.faq-box h3,
.instruction-box h2,
.instruction-box h3,
.note-box h2,
.note-box h3,
.pros-box h2,
.pros-box h3,
.tip-box h2,
.tip-box h3,
.warning-box h2,
.warning-box h3 {
  margin-top: 0.25rem;
  color: inherit;
}
.notice-promo,
.title {
  font-family: var(--font-heading);
  line-height: 1.3;
}
.title {
  display: block;
  margin: 0 0 0.5rem;
  font-weight: 700;
}
.faq-box h3,
.title {
  font-size: 1.25rem;
}
.faq-box div[itemprop="acceptedAnswer"] {
  margin: 1rem 0;
}
.notice-promo {
  margin: 1rem 0;
  padding: 0;
  border-radius: var(--radius);
  background: #0080ff url(/res/img/bg-promo.png) no-repeat 105% 50%/128px auto;
  color: var(--bg);
  font-size: 1rem;
  text-shadow: 1px 1px 3px #000;
  display: flex;
  align-items: center;
  min-height: 2.75rem;
  overflow: hidden;
}
.close-box.notice-promo > .close,
.notice-promo > strong {
  flex-shrink: 0;
  align-self: stretch;
  display: flex;
  align-items: center;
}
.notice-promo > strong {
  padding: 0.5rem 0.75rem;
  background: #00000026;
  white-space: nowrap;
}
.notice-promo > a {
  color: var(--bg);
  flex: 1;
  min-width: 0;
  padding: 0.5rem 0.75rem;
  text-decoration: underline;
}
.notice-promo > a:hover {
  text-decoration: none;
}
.notice-promo a {
  color: var(--bg);
}
.close-box {
  padding-right: 2.75rem !important;
  position: relative;
}
.close-box.notice-promo {
  padding-right: 0 !important;
}
.close-box.notice-promo > .close {
  position: relative;
  top: auto;
  transform: none;
  padding: 0 0.75rem;
  height: auto;
  width: auto;
}
.close {
  background: 0 0;
  border: 0;
  height: 24px;
  padding: 0;
  position: absolute;
  right: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  cursor: pointer;
}
.close svg {
  opacity: 0.5;
  fill: var(--bg);
  width: 14px;
  height: 14px;
}
.close:hover svg {
  opacity: 1;
  fill: red;
}
.c-box,
figure {
  margin: 1.5rem 0;
  clear: both;
}
figcaption {
  clear: both;
  margin-top: 0.5rem;
  font-size: 0.8125rem;
  color: var(--text-muted);
  font-style: italic;
}
.c-box {
  margin: 1.5rem auto;
}
.c-box,
.c-img,
figcaption {
  text-align: center;
}
.c-img {
  margin: 1.5rem auto;
  clear: both;
}
.c-box img,
.c-img img,
.content img,
.l-box img,
.r-box img {
  border-radius: var(--radius);
}
.c-box img,
.l-box img,
.r-box img {
  margin: 0 auto;
}
.c-box {
  font-family: var(--font-heading);
  font-weight: 700;
  overflow: hidden;
}
.l-box,
.l-img,
.r-box,
.r-img {
  margin: 0 0 1rem;
}
.mosaic {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.mosaic img {
  flex: 1 1 auto;
  max-width: calc(50% - 0.25rem);
  height: auto;
}
.mosaic a {
  display: contents;
}
.mosaic * {
  margin: 0 !important;
}
.mosaic figcaption {
  flex-basis: 100%;
  width: 100%;
  margin-top: 0.5rem !important;
}
.article-img,
.page-img {
  width: 100%;
  height: auto;
  margin-bottom: 1.5rem;
}
.article-img,
.page-img,
.qr-code,
div.article-img {
  border-radius: var(--radius);
}
div.article-img {
  background: var(--table-dark-even) url(/res/img/logo.svg) no-repeat 50% 50%/75%auto;
  height: 200px;
}
.qr-code {
  display: block;
  margin: 1.5rem auto 0;
  padding: 0.75rem;
  background: var(--bg);
  border: 1px solid var(--border);
  max-width: 200px;
}
.tabs {
  margin-top: 1.5rem;
  margin-bottom: 0 !important;
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  border-bottom: none !important;
  position: relative;
  z-index: 2;
}
.tabs::-webkit-scrollbar {
  display: none !important;
}
.tabs ul {
  list-style: none;
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  min-width: 100% !important;
  margin: 0 !important;
  padding: 0 1.5rem 0 0 !important;
  gap: 0.25rem !important;
  border-bottom: 6px solid var(--primary) !important;
}
.tabs ul li {
  display: block !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}
.tabs ul li a {
  white-space: nowrap !important;
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  background: var(--bg-dark);
  color: var(--text-on-dark);
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 0.875rem;
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  transition: all var(--transition);
}
.tabs ul li a:hover {
  background: var(--bg-dark-menu);
  color: var(--bg);
}
.tabs ul li.active a {
  background: var(--primary);
  color: var(--bg);
}
.tab-content {
  display: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.tab-content.first {
  display: block;
}
.tab-content.box-content {
  background: var(--bg-light);
}
.tabs + br,
.tabs + div:empty,
.tabs + p {
  display: none !important;
  margin: 0 !important;
}
.meta-box {
  display: block;
  padding: 0.5rem 0.875rem;
  margin: 0 0 1.25rem;
  background: var(--bg-light);
  border: 1px solid var(--border);
  border-left: 3px solid var(--primary);
  border-radius: var(--radius);
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--text-muted);
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.meta-box::-webkit-scrollbar {
  height: 4px;
}
.meta-box::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 2px;
}
.meta-box a {
  color: var(--primary) !important;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
}
.meta-box a:hover {
  text-decoration: underline;
  color: var(--primary-dark) !important;
}
.meta-box + .table-wrap,
.meta-box + table {
  margin-top: 0.5rem;
}
.meta-box + h2 {
  margin-top: 1.25rem;
}
.intro {
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 1rem;
}
.intro a[rel~="sponsored"] {
  color: var(--red);
}
/* Stylesheet: 2. Components - core Modified On 2026-06-09 13:04:08 */
.toc:not(.toc-ready) .box-content ul > li:nth-child(n + 4) {
  display: grid;
  grid-template-rows: 0fr;
  min-height: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
}
.toc:not(.toc-ready) .box-content ul > li:nth-child(n + 4) > a,
.toc:not(.toc-ready) .box-content ul > li:nth-child(n + 4) > strong,
.toc:not(.toc-ready) .box-content ul > li:nth-child(n + 4) > strong > a {
  overflow: hidden;
  min-height: 0;
  height: 0;
  padding: 0;
}
.toc:not(.toc-ready) .box-content ul > li:nth-child(n + 4)::before {
  display: none;
}
#review .toc,
.toc {
  position: relative;
  background: var(--bg);
  width: 100%;
  max-width: 100%;
}
.toc {
  display: block;
  z-index: 10;
  margin: 1rem 0 1.5rem;
  padding: 0;
  border: 1px solid var(--border);
  box-shadow: 0 1px 3px #0000000d;
  border-radius: var(--radius);
  overflow: hidden;
}
#review .toc {
  height: auto;
  float: none;
  margin: 0 0 1.5rem;
  display: none !important;
}
.toc .box-title {
  background: linear-gradient(
    to bottom,
    var(--border) 0%,
    var(--border) 60%,
    var(--bg-gray) 100%
  );
  border: 0;
  height: 44px;
  padding: 0 1rem;
  cursor: default;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  margin: 0;
  border-radius: var(--radius) var(--radius) 0 0;
}
.toc .box-title div,
.toc .box-title h2 {
  font-family: var(--font-heading);
  font-size: 0.9375rem;
  font-weight: 700;
  text-transform: none;
  letter-spacing: normal;
  color: var(--text);
  margin: 0;
  height: 100%;
  line-height: 1.2;
  padding-left: 40px;
  padding-right: 0;
  background-size: 28px 28px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect width='28' height='28' rx='6' fill='%23408000'/%3E%3Cline x1='8' y1='9' x2='20' y2='9' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='14' x2='20' y2='14' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='19' x2='16' y2='19' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  text-shadow: 0 1px 2px #0000001a;
  text-decoration: underline;
  text-underline-offset: 3px;
  display: flex;
  align-items: center;
}
body.tipsport .toc .box-title div,
body.tipsport .toc .box-title h2,
body.tipsport-casino .toc .box-title div,
body.tipsport-casino .toc .box-title h2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect width='28' height='28' rx='6' fill='%231e88e5'/%3E%3Cline x1='8' y1='9' x2='20' y2='9' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='14' x2='20' y2='14' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='19' x2='16' y2='19' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.fortuna .toc .box-title div,
body.fortuna .toc .box-title h2,
body.fortuna-casino .toc .box-title div,
body.fortuna-casino .toc .box-title h2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect width='28' height='28' rx='6' fill='%23ffdb01'/%3E%3Cline x1='8' y1='9' x2='20' y2='9' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='14' x2='20' y2='14' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='19' x2='16' y2='19' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.chance .toc .box-title div,
body.chance .toc .box-title h2,
body.chance-casino .toc .box-title div,
body.chance-casino .toc .box-title h2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect width='28' height='28' rx='6' fill='%23007c4d'/%3E%3Cline x1='8' y1='9' x2='20' y2='9' stroke='%23f49900' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='14' x2='20' y2='14' stroke='%23f49900' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='19' x2='16' y2='19' stroke='%23f49900' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.synottip .toc .box-title div,
body.synottip .toc .box-title h2,
body.synottip-casino .toc .box-title div,
body.synottip-casino .toc .box-title h2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect width='28' height='28' rx='6' fill='%23cf633d'/%3E%3Cline x1='8' y1='9' x2='20' y2='9' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='14' x2='20' y2='14' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='19' x2='16' y2='19' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.sazkabet .toc .box-title div,
body.sazkabet .toc .box-title h2,
body.sazkabet-casino .toc .box-title div,
body.sazkabet-casino .toc .box-title h2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect width='28' height='28' rx='6' fill='%23fddd31'/%3E%3Cline x1='8' y1='9' x2='20' y2='9' stroke='%23000066' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='14' x2='20' y2='14' stroke='%23000066' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='19' x2='16' y2='19' stroke='%23000066' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.betano .toc .box-title div,
body.betano .toc .box-title h2,
body.betano-casino .toc .box-title div,
body.betano-casino .toc .box-title h2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect width='28' height='28' rx='6' fill='%23ff3c00'/%3E%3Cline x1='8' y1='9' x2='20' y2='9' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='14' x2='20' y2='14' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='19' x2='16' y2='19' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.betx .toc .box-title div,
body.betx .toc .box-title h2,
body.betx-casino .toc .box-title div,
body.betx-casino .toc .box-title h2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect width='28' height='28' rx='6' fill='%23282828'/%3E%3Cline x1='8' y1='9' x2='20' y2='9' stroke='%23da1e4e' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='14' x2='20' y2='14' stroke='%23da1e4e' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='19' x2='16' y2='19' stroke='%23da1e4e' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.fbet .toc .box-title div,
body.fbet .toc .box-title h2,
body.fbet-casino .toc .box-title div,
body.fbet-casino .toc .box-title h2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect width='28' height='28' rx='6' fill='%233a758f'/%3E%3Cline x1='8' y1='9' x2='20' y2='9' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='14' x2='20' y2='14' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='19' x2='16' y2='19' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.kingsbet .toc .box-title div,
body.kingsbet .toc .box-title h2,
body.kingsbet-casino .toc .box-title div,
body.kingsbet-casino .toc .box-title h2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect width='28' height='28' rx='6' fill='%231c0e30'/%3E%3Cline x1='8' y1='9' x2='20' y2='9' stroke='%23e0fe44' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='14' x2='20' y2='14' stroke='%23e0fe44' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='19' x2='16' y2='19' stroke='%23e0fe44' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.merkurxtip .toc .box-title div,
body.merkurxtip .toc .box-title h2,
body.merkurxtip-casino .toc .box-title div,
body.merkurxtip-casino .toc .box-title h2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect width='28' height='28' rx='6' fill='%23011a3f'/%3E%3Cline x1='8' y1='9' x2='20' y2='9' stroke='%23f4cd39' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='14' x2='20' y2='14' stroke='%23f4cd39' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='19' x2='16' y2='19' stroke='%23f4cd39' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.toc .box-title .toc-badge {
  font-family: var(--font-heading);
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--text-muted);
  background: #ffffffb2;
  padding: 2px 10px;
  border-radius: 1rem;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.toc .box-content {
  position: relative;
  padding: 0.5rem 1rem 3rem;
  background: linear-gradient(
    to bottom,
    var(--bg-gray) 0%,
    var(--bg) 20px,
    var(--bg) 100%
  );
  text-align: left;
  border-radius: 0 0 var(--radius) var(--radius);
  border: 0;
}
.toc:not(:has(.toc-hidden-item)) .box-content {
  padding-bottom: 0.75rem;
}
.toc:not(:has(.toc-hidden-item)) .box-content::after {
  display: none;
}
.toc .box-content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5.5rem;
  background: linear-gradient(
    to bottom,
    #ffffff00 0%,
    #ffffff66 35%,
    #ffffff99 55%,
    #ffffffcc 75%,
    var(--bg) 100%
  );
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.3s ease;
  z-index: 4;
}
.toc.expanded .box-content::after {
  opacity: 0;
}
.toc.expanded .box-content {
  padding-bottom: 0.75rem;
}
.toc .box-content::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  width: 130px;
  height: 130px;
  opacity: 0.04;
  pointer-events: none;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 130'%3E%3Crect x='15' y='10' width='65' height='85' rx='4' fill='none' stroke='%23374151' stroke-width='2.5'/%3E%3Cline x1='28' y1='30' x2='65' y2='30' stroke='%23374151' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='28' y1='42' x2='60' y2='42' stroke='%23374151' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='28' y1='54' x2='55' y2='54' stroke='%23374151' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='28' y1='66' x2='45' y2='66' stroke='%23374151' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='90' cy='75' r='25' fill='none' stroke='%23374151' stroke-width='3'/%3E%3Cline x1='108' y1='93' x2='122' y2='107' stroke='%23374151' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='90' cy='75' r='15' fill='none' stroke='%23374151' stroke-width='1' stroke-dasharray='3 3'/%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .toc .box-content::before {
    display: none;
  }
}
.toc .box-content ul {
  list-style: none;
  padding: 0 0 0 32px;
  margin: 0;
  position: relative;
}
.toc .box-content > ul::before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 16px;
  width: 2px;
  background: linear-gradient(to bottom, var(--toc-color), var(--border));
  border-radius: 1px;
  pointer-events: none;
}
.toc .box-content ul li {
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  font-size: 0;
}
.toc .box-content ul li strong {
  font-size: 0.8125rem;
}
.toc .box-content ul li:last-child {
  padding-bottom: 0;
}
.toc:has(.toc-hidden-item):not(.expanded) .box-content ul li:nth-child(2) {
  opacity: 0.93;
}
.toc:has(.toc-hidden-item):not(.expanded) .box-content ul li:nth-child(3) {
  opacity: 0.86;
}
.toc.expanded .box-content ul li {
  opacity: 1;
}
.toc .box-content ul li::before {
  content: "";
  position: absolute;
  left: -19px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bg);
  border: 2px solid var(--text-light);
  z-index: 1;
  transition: all 0.2s ease;
  font-size: 0;
  line-height: 0;
  color: transparent;
  font-weight: 400;
  margin: 0;
}
#review .toc .box-content ul li:hover::before,
.toc .box-content ul li:hover::before {
  border-color: var(--toc-color);
  background: var(--toc-color);
  box-shadow: 0 0 6px rgba(var(--toc-color-rgb), 0.35);
}
#review .toc .box-content > ul::before {
  background: linear-gradient(to bottom, var(--toc-color), var(--border));
}
.toc a {
  padding: 0.3125rem 0.5rem;
  border-radius: var(--radius-sm);
  color: var(--text);
  text-shadow: none;
  line-height: 1.4;
  font-weight: 400;
  text-decoration: none;
  font-size: 0.8125rem;
  text-align: left;
  transition: color 0.2s ease, font-weight 0.15s ease;
}
.toc a:hover {
  text-decoration: none;
  background: 0 0;
  font-weight: 600;
}
#review .toc a:hover,
.toc a:hover {
  color: var(--toc-color);
}
.toc .box-content ul li.toc-hidden-item {
  display: grid;
  grid-template-rows: 0fr;
  min-height: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  transition: grid-template-rows 0.3s ease, opacity 0.3s ease;
}
.toc .box-content ul li.toc-hidden-item::before {
  display: none;
}
.toc .box-content ul li.toc-hidden-item > a,
.toc .box-content ul li.toc-hidden-item > strong,
.toc .box-content ul li.toc-hidden-item > strong > a {
  overflow: hidden;
  min-height: 0;
  height: 0;
  padding: 0;
}
.toc.expanded .box-content ul li.toc-hidden-item {
  grid-template-rows: 1fr;
  opacity: 1;
  overflow: visible;
}
.toc a,
.toc.expanded .box-content ul li.toc-hidden-item::before {
  display: block;
}
.toc.expanded .box-content ul li.toc-hidden-item > a,
.toc.expanded .box-content ul li.toc-hidden-item > strong,
.toc.expanded .box-content ul li.toc-hidden-item > strong > a {
  height: auto;
  min-height: auto;
  padding: 0.3125rem 0.5rem;
  overflow: visible;
  line-height: 1.4;
}
.toc.expanded .box-content ul li.toc-hidden-item > strong {
  padding: 0;
  display: block;
}
.toc .toc-toggle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.5rem;
  width: auto;
  padding: 4px 12px;
  background: var(--border);
  border: 1px solid var(--text);
  color: var(--text-muted);
  font-size: 0.6875rem;
  font-weight: 700;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.2s, color 0.2s;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  border-radius: 1rem;
  z-index: 5;
  box-shadow: 0 2px 6px #0000001a;
}
.toc.expanded .toc-toggle {
  position: relative;
  left: auto;
  bottom: auto;
  transform: none;
  display: block;
  margin: 1rem auto 0.75rem;
}
.toc .toc-toggle:hover {
  background: var(--border-dark);
  color: var(--text);
}
.toc .toc-toggle:focus-visible {
  outline: 0;
  box-shadow: 0 2px 6px #0000001a, 0 0 0 2px var(--bg), 0 0 0 4px var(--primary);
}
.toc .toc-toggle::after {
  content: " ▼";
  font-size: 0.85em;
  margin-left: 6px;
  display: inline-block;
  transition: transform 0.3s;
}
.toc.expanded .toc-toggle::after {
  transform: rotate(180deg);
}
.toc .toc-toggle .show-text {
  display: inline;
}
.toc .toc-toggle .hide-text,
.toc.expanded .toc-toggle .show-text {
  display: none;
}
.toc.expanded .toc-toggle .hide-text {
  display: inline;
}
/* Stylesheet: 3. Components - toc Modified On 2026-06-09 13:04:37 */
.footer {
  color: #aaa;
  padding: 0.75rem 1rem 1rem;
  background: var(--bg-dark);
  border-top: 4px solid var(--primary);
  font-family: var(--font-body);
  font-size: 0.8125rem;
  line-height: 1.5;
  text-align: center;
  position: relative;
}
.footer::before {
  content: "";
  display: block;
  width: 220px;
  height: 30px;
  margin: 0 auto 0.5rem;
  background: url(/res/img/logo.svg) no-repeat 50% 50% / contain;
}
.footer a {
  color: var(--bg);
  text-decoration: none;
  padding: 0 3px;
}
.footer a:hover,
.footer-legal a {
  text-decoration: underline;
}
.footer .l,
.footer .r {
  float: none !important;
  display: block !important;
  margin-bottom: 0.25rem;
  text-align: center !important;
  width: 100%;
}
.footer .center,
.footer-legal {
  text-align: center;
  font-size: 0.75rem;
}
.footer-legal {
  color: #888;
  padding: 0.75rem 1rem;
  clear: both;
  margin-top: 1rem;
}
.footer-legal a {
  color: inherit;
}
.footer-legal a:hover {
  color: var(--bg);
}
.footer .center {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--table-dark-footer);
  width: 100%;
}
.share-footer {
  background: var(--bg-gray);
  border-top: 3px solid var(--primary);
  text-align: center;
  padding: 1.5rem 1rem;
  clear: both;
  margin-top: 3rem;
}
.share-footer p {
  font-family: var(--font-heading);
  font-size: 1.25rem;
  margin: 0 0 0.75rem;
}
textarea {
  resize: vertical;
}
button,
label,
select {
  cursor: pointer;
}
input:not([type="button"]):not([type="submit"]):not([type="reset"]):not(
    [type="checkbox"]
  ):not([type="radio"]):not([type="file"]),
select,
textarea {
  background: var(--bg);
  border: 1px solid var(--border);
  padding: 0.625rem 1rem;
  border-radius: var(--radius);
  width: 100%;
  max-width: 100%;
  transition: border-color var(--transition);
}
input:focus,
select:focus,
textarea:focus {
  border-color: var(--primary);
  outline: 0;
}
.scroll-top {
  display: none;
  position: fixed;
  bottom: 1rem;
  right: max(1rem, calc((100vw - 1200px) / 2 - 60px));
  width: 44px;
  height: 44px;
  background: 0 0;
  color: var(--primary);
  border: 3px solid var(--primary);
  border-radius: var(--radius);
  cursor: pointer;
  z-index: var(--z-floating);
  box-shadow: var(--shadow-md);
  transition: background var(--transition), color var(--transition);
  align-items: center;
  justify-content: center;
}
html:not(.is-touch) .scroll-top:focus,
html:not(.is-touch) .scroll-top:hover {
  background: var(--primary);
  color: var(--bg);
}
.scroll-top.is-clicked,
.scroll-top:active {
  background: var(--primary);
  color: var(--bg);
}
.scroll-top::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-top: 4px solid currentColor;
  border-right: 4px solid currentColor;
  transform: rotate(-45deg);
  margin-top: 4px;
}
@media (max-width: 999px) {
  .scroll-top {
    right: 5px;
  }
  body.has-mobile-sticky-banner .scroll-top {
    bottom: calc(
      1rem + min(100vw, 300px) * 250 / 1200 + 18px +
        env(safe-area-inset-bottom, 0) + 8px
    );
  }
}
.banner-side,
.cb,
.lh,
.rh,
.side-box {
  display: none;
}
.banner-top {
  text-align: center;
  padding: 0.5rem;
  background: var(--bg-dark) !important;
}
.banner-sidebar {
  text-align: center;
  margin: 1rem 0;
}
.banner-box,
.banner-home {
  text-align: center;
  margin: 0.5rem 0;
}
.banner-box {
  margin: 1rem 0;
}
.banner-box iframe,
.banner-box img {
  margin: 0 auto !important;
  max-width: 100%;
  border-radius: var(--radius);
}
.video {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  border-radius: var(--radius);
}
.video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.video,
.widget {
  margin: 1.5rem 0;
}
.widget iframe {
  width: 100%;
}
.loading {
  text-align: center;
  padding-top: 3rem;
}
.animate,
.button-img,
.button.big,
.website-box {
  animation: none !important;
}
:root {
  --bc-primary: var(--amazon-500, #3b7a57);
  --bc-primary-dark: var(--amazon-700, #2d5f44);
  --bc-success: var(--green-600, #16a34a);
  --bc-success-bg: var(--green-50, #f0fdf4);
  --bc-danger: var(--red-600, #dc2626);
  --bc-danger-dark: var(--red-700, #b91c1c);
  --bc-danger-bg: var(--red-100, #fee2e2);
  --bc-danger-soft: var(--red-50, #fef2f2);
  --bc-danger-soft-hover: #fde8e8;
  --bc-surface-2: var(--gray-100, #f3f4f6);
  --bc-surface-3: var(--gray-200, #e5e7eb);
  --bc-text: var(--text, #1a1a1a);
  --bc-text-muted: var(--text-muted);
  --bc-border: var(--border, #d1d5db);
}
.bc-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 12px;
  border-radius: var(--radius-sm);
  border: 1px dashed currentColor;
  font-family: var(
    --font-mono,
    ui-monospace,
    "SF Mono",
    Menlo,
    Consolas,
    monospace
  );
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background-color 0.15s ease, border-color 0.15s ease;
  vertical-align: middle;
  line-height: 1.5;
  letter-spacing: 0.3px;
  box-sizing: border-box;
  overflow: hidden;
}
.bc-wrap.is-copied,
.bc-wrap.is-tooltip-open {
  overflow: visible;
}
.bc-wrap .bonus-code,
.bc-wrap .code-chip {
  letter-spacing: inherit;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bc-wrap.is-red {
  background: var(--bc-danger-soft);
  color: var(--bc-danger);
}
.bc-wrap.is-red:hover {
  background: var(--bc-danger-soft-hover);
}
.bc-wrap.is-red .bonus-code {
  transition: filter 0.25s ease;
}
:is(td, th) .bc-wrap.is-red .bonus-code {
  filter: blur(4px);
}
:is(td, th) .bc-wrap.is-red:hover .bonus-code {
  filter: blur(2px);
}
:is(td, th) .bc-wrap.is-red.is-copied .bonus-code {
  filter: blur(0);
}
.bc-wrap.is-red.is-copied {
  background: var(--bc-danger-bg);
  border-style: solid;
}
.bc-wrap.is-red .bc-tooltip__text,
.bc-wrap.is-red.is-copied .bc-icon--check {
  color: var(--bc-danger);
}
.bc-wrap.is-red .bc-tooltip__cta {
  background: var(--bc-danger);
}
.bc-wrap.is-red .bc-tooltip__cta:hover {
  background: var(--bc-danger-dark);
}
.bc-wrap.is-green {
  background: var(--bc-surface-2);
  color: var(--bc-primary);
}
.bc-wrap.is-green:hover {
  background: var(--bc-surface-3);
}
.bc-wrap.is-green.is-copied {
  background: var(--bc-success-bg);
  border-color: var(--bc-success);
  border-style: solid;
  color: var(--bc-success);
}
.bc-wrap.is-green .bc-tooltip__text,
.bc-wrap.is-green.is-copied .bc-icon--check {
  color: var(--bc-success);
}
.bc-wrap.is-green .bc-tooltip__cta {
  background: var(--bc-primary);
}
.bc-wrap.is-green .bc-tooltip__cta:hover {
  background: var(--bc-primary-dark);
}
.bc-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  pointer-events: none;
}
.bc-wrap .bc-icon--copy {
  display: block;
}
.bc-wrap .bc-copied-label,
.bc-wrap .bc-icon--check,
.bc-wrap.is-copied .bc-icon--copy {
  display: none;
}
.bc-wrap.is-copied .bc-icon--check {
  display: block;
}
.bc-tooltip {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  width: max-content;
  max-width: 240px;
  padding: 14px 18px;
  background: #fff;
  color: var(--bc-text);
  border: 1px solid var(--bc-border);
  border-radius: var(--radius-md, 8px);
  box-shadow: 0 8px 24px #0000001f, 0 2px 6px #0000000f;
  font-family: var(
    --font-body,
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    sans-serif
  );
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  z-index: var(--z-floating);
  cursor: default;
  white-space: normal;
}
.bc-wrap.is-tooltip-open .bc-tooltip {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
  visibility: visible;
}
.bc-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 7px solid transparent;
  border-top-color: #fff;
  filter: drop-shadow(0 1px 0 var(--bc-border));
}
.bc-tooltip__text {
  display: block;
  margin: 0 0 12px;
  padding-right: 16px;
  font-weight: 600;
}
.bc-tooltip__close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 24px;
  height: 24px;
  padding: 0;
  background: 0 0;
  border: 0;
  border-radius: var(--radius-sm);
  color: var(--bc-text-muted);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.bc-tooltip__close:focus-visible,
.bc-tooltip__close:hover {
  background: #0000000f;
  color: var(--bc-text);
  outline: 0;
}
.bc-tooltip__close svg {
  width: 14px;
  height: 14px;
  pointer-events: none;
}
.bc-tooltip__info {
  display: block;
  margin: 0 0 14px;
  font-weight: 400;
  color: var(--bc-text);
  font-size: 13px;
}
.bc-tooltip__cta {
  display: inline-block;
  padding: 9px 22px;
  border-radius: var(--radius-sm, 6px);
  font-weight: 500;
  font-size: 14px;
  transition: background-color 0.15s ease;
}
.bc-tooltip__cta,
.bc-tooltip__cta:hover {
  color: #fff;
  text-decoration: none;
}
.bc-wrap.bc-tooltip-align-right .bc-tooltip {
  left: auto;
  right: 0;
  transform: translateX(0) translateY(8px);
}
.bc-wrap.bc-tooltip-align-right.is-tooltip-open .bc-tooltip {
  transform: translateX(0) translateY(0);
}
.bc-wrap.bc-tooltip-align-right .bc-tooltip::after {
  left: auto;
  right: 20px;
  transform: translateX(0);
}
.content a[href^="#"]:not(.toc a):not(.tabs a):not(.jump-menu a),
.left-col a[href^="#"]:not(.toc a):not(.tabs a):not(.jump-menu a) {
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: currentColor;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  white-space: normal;
}
.content a[href^="#"]:not(.toc a):not(.tabs a):not(.jump-menu a):hover,
.left-col a[href^="#"]:not(.toc a):not(.tabs a):not(.jump-menu a):hover {
  text-decoration-color: currentColor;
  opacity: 0.8;
}
.content a[href^="#"]:not(.toc a):not(.tabs a):not(.jump-menu a)::before,
.left-col a[href^="#"]:not(.toc a):not(.tabs a):not(.jump-menu a)::before {
  content: "";
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  margin-right: 0.25em;
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5.25 8.25h15m-16.5 7.5h15m-1.8-13.5-3.9 19.5m-2.1-19.5-3.9 19.5'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5.25 8.25h15m-16.5 7.5h15m-1.8-13.5-3.9 19.5m-2.1-19.5-3.9 19.5'/%3E%3C/svg%3E");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  vertical-align: middle;
  opacity: 0.8;
}
.content a[href^="#"]:not(.toc a):not(.tabs a):not(.jump-menu a):hover::before,
.left-col
  a[href^="#"]:not(.toc a):not(.tabs a):not(.jump-menu a):hover::before {
  opacity: 1;
}
.content
  > ul:not([class])
  li:has(> a[href^="#"]:first-child)
  a[href^="#"]::before,
.left-col
  :not(.toc)
  > .box-content
  ul:not([class])
  li:has(> a[href^="#"]:first-child)
  a[href^="#"]::before,
.left-col
  > ul:not([class])
  li:has(> a[href^="#"]:first-child)
  a[href^="#"]::before {
  display: none !important;
}
a.download {
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
a.download:hover {
  color: var(--primary-dark);
  text-decoration: none;
}
a.download::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.35em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  opacity: 0.7;
}
a.download:hover::before {
  opacity: 1;
}
.content > ul:not([class]),
.left-col :not(.toc) > .box-content ul:not([class]),
.left-col > ul:not([class]) {
  margin: 0.5rem 0 1.25rem;
  padding-left: 1.5rem;
  list-style: none;
}
.content > ul:not([class]) li,
.left-col :not(.toc) > .box-content ul:not([class]) li,
.left-col > ul:not([class]) li {
  position: relative;
  padding: 0.25rem 0 0.25rem 0.25rem;
  line-height: 1.6;
}
.content > ul:not([class]) li::before,
.left-col :not(.toc) > .box-content ul:not([class]) li::before,
.left-col > ul:not([class]) li::before {
  content: "";
  position: absolute;
  left: -1.25rem;
  top: 1.05rem;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--primary);
}
.content > ul:not([class]) ul li::before,
.left-col > ul:not([class]) ul li::before {
  width: 5px;
  height: 5px;
  background: 0 0;
  border: 1.5px solid var(--primary);
}
.content > ul:not([class]) ul ul li::before,
.left-col > ul:not([class]) ul ul li::before {
  width: 5px;
  height: 5px;
  border-radius: 0;
  background: var(--text-light);
  border: 0;
}
.content > ul:not([class]) li:has(> a[href^="#"]:first-child)::before,
.left-col
  :not(.toc)
  > .box-content
  ul:not([class])
  li:has(> a[href^="#"]:first-child)::before,
.left-col > ul:not([class]) li:has(> a[href^="#"]:first-child)::before {
  width: 14px;
  height: 14px;
  left: -1.5rem;
  top: 0.9rem;
  border-radius: 0;
  border: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%23408000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5.25 8.25h15m-16.5 7.5h15m-1.8-13.5-3.9 19.5m-2.1-19.5-3.9 19.5'/%3E%3C/svg%3E")
    no-repeat 50% 50% / contain;
}
.content > ol:not([class]),
.left-col > ol:not([class]) {
  margin: 0.5rem 0 1.25rem;
  padding-left: 0;
  list-style: none;
  counter-reset: list-counter;
}
.content > ol:not([class]) > li,
.left-col > ol:not([class]) > li {
  position: relative;
  padding: 0.35rem 0 0.35rem 2.25rem;
  line-height: 1.6;
  counter-increment: list-counter;
}
.content > ol:not([class]) > li::before,
.left-col > ol:not([class]) > li::before {
  content: counter(list-counter);
  position: absolute;
  left: 0;
  top: 0.4rem;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary);
  color: var(--bg);
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 50%;
  line-height: 1;
}
.content > ol:not([class]) ol > li::before,
.left-col > ol:not([class]) ol > li::before {
  content: "›";
  position: absolute;
  left: -1rem;
  top: 0.45rem;
  width: auto;
  height: auto;
  display: block;
  background: 0 0;
  color: var(--primary);
  font-size: 1.1rem;
  font-weight: 700;
  border-radius: 0;
}
.author-quote {
  position: relative;
  margin: 1.5rem 0;
  padding: 1.25rem 1.5rem 1.5rem;
  border-left: 4px solid var(--primary);
  background: var(--bg);
}
.author-quote .author-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.author-quote .author-avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.author-quote .author-avatar::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236b7280' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.author-quote .author-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.author-quote .author-avatar:has(img)::before {
  display: none;
}
.author-quote .author-name {
  font-weight: 700;
  color: var(--text);
  font-size: 1rem;
  line-height: 1.3;
}
.author-quote .author-role,
.author-quote::after {
  font-size: 0.8125rem;
  color: var(--text-muted);
  line-height: 1.3;
}
.author-quote .quote-text {
  font-style: italic;
  color: var(--text, #374151);
  line-height: 1.7;
  margin: 0;
}
.author-quote::after {
  content: "“";
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  font-size: 3rem;
  font-family: Georgia, "Times New Roman", serif;
  opacity: 0.2;
  line-height: 1;
}
@media (min-width: 768px) {
  .author-quote {
    padding: 1.5rem 2rem 2rem;
  }
  .author-quote .author-avatar {
    width: 3rem;
    height: 3rem;
  }
  .author-quote .quote-text {
    font-size: 1.0625rem;
  }
  .author-quote::after {
    font-size: 4rem;
    right: 1.5rem;
  }
}
.button-img {
  display: inline-block;
  margin: 0.5rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border-radius: var(--radius);
  overflow: hidden;
}
.button-img:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px #00000026;
}
.button-img:active {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px #00000026;
}
.button-img img {
  display: block;
  max-width: 100%;
  height: auto;
}
.underline {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.button-img img,
.share,
a.screenshot {
  border-radius: var(--radius);
}
.share {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  background: #f1f3f5;
}
.share-label {
  font-family: var(--font-heading, "Roboto Condensed", sans-serif);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.share-icons {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.share-icons .share-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  background: 0 0;
  border: 0;
  border-radius: 50%;
  color: var(--text-light);
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s ease;
}
.share-icons .share-btn svg {
  width: 22px;
  height: 22px;
}
.share-icons .share-btn:hover {
  transform: scale(1.15);
}
.share-icons .share-btn.facebook:hover {
  color: #1877f2;
}
.share-icons .share-btn.x:hover {
  color: #000;
}
.share-icons .share-btn.email:hover {
  color: var(--primary);
}
@media (max-width: 640px) {
  .share {
    padding: 0.75rem 1rem;
    margin-top: 2rem;
  }
  .share-label {
    font-size: 0.75rem;
  }
  .share-icons {
    gap: 0.5rem;
  }
  .share-icons .share-btn {
    width: 36px;
    height: 36px;
  }
  .share-icons .share-btn svg {
    width: 20px;
    height: 20px;
  }
}
a.screenshot {
  display: block;
  width: fit-content;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
  box-shadow: 0 4px 6px #0000001a;
}
a.screenshot img {
  transition: transform 0.3s ease, filter 0.3s ease;
}
a.screenshot:hover img {
  transform: scale(1.03);
  filter: brightness(0.92);
}
a.screenshot::after {
  content: "";
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-sm);
  background-color: #00000080;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9m11.25-5.25v4.5m0-4.5h-4.5m4.5 0L15 9m-11.25 11.25v-4.5m0 4.5h4.5m-4.5 0L9 15m11.25 5.25v-4.5m0 4.5h-4.5m4.5 0L15 15'/%3E%3C/svg%3E");
  background-size: 1.25rem;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none;
  z-index: 2;
}
a.screenshot:hover::after {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 768px) {
  a.screenshot::after {
    width: 2rem;
    height: 2rem;
    bottom: 0.5rem;
    right: 0.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6'/%3E%3C/svg%3E");
    background-size: 1.25rem;
    border-radius: 50%;
    opacity: 1;
    transform: none;
  }
}
.goverlay {
  background: #000000f2 !important;
  backdrop-filter: none !important;
  z-index: 0 !important;
}
.glightbox-container .gslider {
  z-index: 10 !important;
}
.glightbox-container .gslide-image img {
  opacity: 1 !important;
  filter: none !important;
  max-height: 85vh !important;
  max-width: 95vw !important;
  object-fit: contain !important;
  border-radius: var(--radius);
  box-shadow: 0 10px 30px #0000004c;
}
.glightbox-container .gnext,
.glightbox-container .gprev {
  background-color: #0000008c;
  border: 2px solid #ffffffd9;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1 !important;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.glightbox-container .gnext:hover,
.glightbox-container .gprev:hover {
  background-color: var(--primary);
  border-color: var(--primary);
  transform: translateY(-50%) scale(1.1);
}
.glightbox-container .gnext svg,
.glightbox-container .gprev svg {
  width: 28px;
  height: 28px;
  fill: var(--bg);
  filter: drop-shadow(0 1px 3px #000000b2);
}
.glightbox-container .gslide-description {
  display: none !important;
}
.glightbox-container .gclose {
  background-color: #0000008c;
  border: 2px solid #ffffffd9;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  opacity: 1;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.glightbox-container .gclose:hover {
  background-color: var(--primary);
  border-color: var(--primary);
  transform: scale(1.1);
}
.glightbox-container .gclose svg {
  width: 22px;
  height: 22px;
  fill: var(--bg);
}
@media (max-width: 768px) {
  .glightbox-container .gnext,
  .glightbox-container .gprev {
    width: 44px;
    height: 44px;
  }
  .glightbox-container .gnext svg,
  .glightbox-container .gprev svg {
    width: 22px;
    height: 22px;
  }
  .glightbox-container .gclose {
    width: 42px;
    height: 42px;
  }
  .glightbox-container .gclose svg {
    width: 18px;
    height: 18px;
  }
  .glightbox-container .gslide-image img {
    max-height: 65vh !important;
  }
}
.glightbox-container .glightbox-toolbar {
  position: fixed;
  top: 1rem;
  right: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  z-index: var(--z-tooltip);
  transition: opacity 0.3s ease;
}
body.glightbox-closing .glightbox-toolbar,
body.glightbox-closing .gnext,
body.glightbox-closing .gprev {
  opacity: 0;
}
.glightbox-container .gslide-counter {
  color: var(--bg);
  font-family: var(--font-heading, sans-serif);
  font-size: 0.875rem;
  font-weight: 600;
  text-shadow: 0 1px 3px #000000b2;
  background: #0000008c;
  padding: 6px 14px;
  border-radius: 2rem;
  border: 2px solid #ffffffd9;
}
.glightbox-container .gslide-counter:empty {
  display: none;
}
.glightbox-container .gzoom-btn {
  background-color: #0000008c;
  border: 2px solid #ffffffd9;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease,
    transform 0.2s ease;
}
.glightbox-container .gzoom-btn:hover {
  background-color: var(--primary);
  border-color: var(--primary);
  transform: scale(1.1);
}
.glightbox-container .gzoom-btn svg {
  width: 22px;
  height: 22px;
  stroke: var(--bg);
  fill: none;
}
.glightbox-container .gzoom-btn .zoom-in-icon {
  display: block;
}
.glightbox-container .gzoom-btn .zoom-out-icon,
.glightbox-container .gzoom-btn.zoomed .zoom-in-icon {
  display: none;
}
.glightbox-container .gzoom-btn.zoomed .zoom-out-icon {
  display: block;
}
.glightbox-container .gslide-image img {
  transition: transform 0.25s ease;
  transform-origin: center center;
}
.glightbox-container .gslide-image img.is-zoomed {
  cursor: zoom-out;
}
.glightbox-container .gslide-description.zoom-hidden {
  display: none !important;
}
.glightbox-container .glightbox-toolbar .gclose {
  position: static;
  top: auto;
  right: auto;
}
@media (max-width: 768px) {
  .glightbox-container .glightbox-toolbar {
    top: 0.5rem;
    right: 0.5rem;
    gap: 0.5rem;
  }
  .glightbox-container .gslide-counter {
    font-size: 0.75rem;
    padding: 4px 10px;
  }
  .glightbox-container .gzoom-btn {
    width: 42px;
    height: 42px;
  }
  .glightbox-container .gzoom-btn svg {
    width: 18px;
    height: 18px;
  }
}
table td .icon.l,
table td .rating.l,
table th .icon.l,
table th .rating.l {
  float: none !important;
  display: inline-block;
  vertical-align: middle;
}
table td .rating.bar.l,
table th .rating.bar.l {
  transform: translateY(2px);
}
table td:has(.icon.l),
table td:has(.rating.l),
table th:has(.icon.l),
table th:has(.rating.l) {
  white-space: nowrap;
  vertical-align: middle;
}
table td:has(> .icon.c),
table th:has(> .icon.c) {
  text-align: center;
}
.rating-star::before {
  content: "★";
  color: var(--yellow-accent);
  margin-right: 0.25em;
  display: inline;
}
.rating-star:empty::before {
  margin-right: 0;
}
.bonus-hero {
  display: grid;
  grid-template-columns: 220px 1fr;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--bonus-hero-bg);
  color: #fff;
  border: 1px solid var(--bonus-hero-border);
  position: relative;
  margin: 1.5rem 0;
}
.bonus-hero::before {
  content: "";
  position: absolute;
  left: 110px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 320px;
  height: 320px;
  background: radial-gradient(
    circle,
    var(--bonus-hero-accent-glow) 0%,
    transparent 60%
  );
  pointer-events: none;
  z-index: 0;
}
.bonus-hero__body,
.bonus-hero__visual {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.bonus-hero__visual {
  align-items: center;
  padding: 1rem;
}
.bonus-hero__visual img {
  display: block;
  width: 200px;
  border-radius: 8px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.bonus-hero__body {
  padding: 1.5rem 1.75rem;
  flex-direction: column;
}
.bonus-hero__brand {
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
  color: var(--bonus-hero-accent);
  font-weight: 700;
}
.bonus-hero__title {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 0.5rem;
  color: #fff;
}
.bonus-hero__list li::before,
.bonus-hero__title strong {
  color: var(--bonus-hero-accent);
}
.bonus-hero__title a {
  color: inherit;
  text-decoration: none;
}
.bonus-hero__footer a,
.bonus-hero__title a:hover {
  text-decoration: underline;
}
.bonus-hero__list {
  margin: 0.6rem 0 1.2rem;
  padding: 0;
  list-style: none;
  font-size: 14px;
  line-height: 1.6;
  color: #ffffffe0;
}
.bonus-hero__list li {
  padding-left: 1.3rem;
  position: relative;
  margin: 0.25rem 0;
}
.bonus-hero__list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  font-weight: 700;
}
.bonus-hero__cta {
  display: inline-block;
  background: 0 0;
  color: var(--bonus-hero-accent);
  border: 2px solid var(--bonus-hero-accent);
  text-decoration: none;
  padding: 0.7rem 1.4rem;
  border-radius: 4px;
  font-weight: 700;
  font-size: 14px;
  align-self: flex-start;
  transition: background 0.2s, color 0.2s;
}
.bonus-hero__cta:hover {
  background: var(--bonus-hero-accent);
  color: var(--bonus-hero-bg);
}
.bonus-hero__footer {
  grid-column: 1/-1;
  padding: 0.75rem 1.5rem;
  background: #0000004c;
  text-align: center;
  font-size: 13px;
  border-top: 1px solid var(--bonus-hero-accent-line);
  position: relative;
  z-index: 2;
}
.bonus-hero__footer a {
  color: var(--bonus-hero-accent);
}
@media (max-width: 640px) {
  .bonus-hero {
    grid-template-columns: 1fr;
  }
  .bonus-hero::before {
    left: 50%;
    top: 110px;
    width: 280px;
    height: 280px;
  }
  .bonus-hero__visual {
    padding: 1.5rem 1rem 0.5rem;
  }
  .bonus-hero__body {
    padding: 1rem 1.5rem 1.5rem;
    text-align: center;
    align-items: center;
  }
  .bonus-hero__list {
    text-align: left;
  }
  .bonus-hero__cta {
    align-self: center;
  }
}
.content a:not(.button):not([class*="color-"]),
.left-col a:not(.button):not([class*="color-"]) {
  overflow-wrap: anywhere;
}
/* Stylesheet: 4. Componnets - extras Modified On 2026-06-09 13:04:59 */
table tr:nth-child(even) td.table-betting,
table.green tr:nth-child(even) td,
tr.green td {
  background: var(--table-green-even) !important;
  border-color: var(--table-green-border);
}
td.green {
  background: var(--table-green-even) !important;
}
table tr:nth-child(odd) td.table-betting,
table.green tr:nth-child(odd) td,
td.green {
  background: var(--table-green-odd) !important;
  border-color: var(--table-green-border);
}
table tr:nth-child(even) td.green {
  background: var(--table-green-even) !important;
}
table tr:nth-child(odd) td.green {
  background: var(--table-green-odd) !important;
}
table tr:nth-child(even) td.table-casino,
table.purple tr:nth-child(even) td,
tr.purple td {
  background: var(--table-purple-even) !important;
  border-color: var(--table-purple-border);
}
td.purple {
  background: var(--table-purple-even) !important;
}
table tr:nth-child(odd) td.table-casino,
table.purple tr:nth-child(odd) td,
td.purple {
  background: var(--table-purple-odd) !important;
  border-color: var(--table-purple-border);
}
table tr:nth-child(even) td.purple {
  background: var(--table-purple-even) !important;
}
table tr:nth-child(odd) td.purple {
  background: var(--table-purple-odd) !important;
}
table tr:nth-child(even) td.table-bingo,
table.red tr:nth-child(even) td,
tr.red td {
  background: var(--table-red-even) !important;
  border-color: var(--table-red-border);
}
td.red {
  background: var(--table-red-even) !important;
}
table tr:nth-child(odd) td.table-bingo,
table.red tr:nth-child(odd) td,
td.red {
  background: var(--table-red-odd) !important;
  border-color: var(--table-red-border);
}
table tr:nth-child(even) td.red {
  background: var(--table-red-even) !important;
}
table tr:nth-child(odd) td.red {
  background: var(--table-red-odd) !important;
}
table tr:nth-child(even) td.table-keno,
table.blue tr:nth-child(even) td,
tr.blue td {
  background: var(--table-blue-even) !important;
  border-color: var(--table-blue-border);
}
td.blue {
  background: var(--table-blue-even) !important;
}
table tr:nth-child(odd) td.table-keno,
table.blue tr:nth-child(odd) td,
td.blue {
  background: var(--table-blue-odd) !important;
  border-color: var(--table-blue-border);
}
table tr:nth-child(even) td.blue {
  background: var(--table-blue-even) !important;
}
table tr:nth-child(odd) td.blue {
  background: var(--table-blue-odd) !important;
}
table tr:nth-child(even) td.table-scratch-cards,
table.orange tr:nth-child(even) td,
tr.orange td {
  background: var(--table-orange-even) !important;
  border-color: var(--table-orange-border);
}
td.orange {
  background: var(--table-orange-even) !important;
}
table tr:nth-child(odd) td.table-scratch-cards,
table.orange tr:nth-child(odd) td,
td.orange {
  background: var(--table-orange-odd) !important;
  border-color: var(--table-orange-border);
}
table tr:nth-child(even) td.orange {
  background: var(--table-orange-even) !important;
}
table tr:nth-child(odd) td.orange {
  background: var(--table-orange-odd) !important;
}
table.yellow tr:nth-child(even) td,
tr.yellow td {
  background: var(--table-yellow-even) !important;
  border-color: var(--table-yellow-border);
}
table.yellow tr:nth-child(odd) td,
td.yellow {
  background: var(--table-yellow-odd) !important;
  border-color: var(--table-yellow-border);
}
table tr:nth-child(even) td.yellow,
td.yellow {
  background: var(--table-yellow-even) !important;
}
table tr:nth-child(odd) td.yellow {
  background: var(--table-yellow-odd) !important;
}
table tr:nth-child(even) td.table-poker,
table.grey tr:nth-child(even) td,
tr.grey td {
  background: var(--table-grey-even) !important;
  border-color: var(--table-grey-border);
}
td.grey {
  background: var(--table-grey-even) !important;
}
table tr:nth-child(odd) td.table-poker,
table.grey tr:nth-child(odd) td,
td.grey {
  background: var(--table-grey-odd) !important;
  border-color: var(--table-grey-border);
}
table tr:nth-child(even) td.grey {
  background: var(--table-grey-even) !important;
}
table tr:nth-child(odd) td.grey {
  background: var(--table-grey-odd) !important;
}
table tr:nth-child(even) td.table-lottery,
table.pink tr:nth-child(even) td,
tr.pink td {
  background: var(--table-pink-even) !important;
  border-color: var(--table-pink-border);
}
td.pink {
  background: var(--table-pink-even) !important;
}
table tr:nth-child(odd) td.table-lottery,
table.pink tr:nth-child(odd) td,
td.pink {
  background: var(--table-pink-odd) !important;
  border-color: var(--table-pink-border);
}
table tr:nth-child(even) td.pink {
  background: var(--table-pink-even) !important;
}
table tr:nth-child(odd) td.pink {
  background: var(--table-pink-odd) !important;
}
.review-header,
table th {
  background: var(--brand, var(--primary));
  color: var(--brand-text, var(--text-on-primary));
  border-color: var(--brand-border, var(--primary-dark));
}
table tbody tr.color-tipsport:nth-child(n) td,
table tbody tr.color-tipsport:nth-child(n) th,
table.color-tipsport th,
td.color-tipsport,
th.color-tipsport {
  background: var(--tipsport) !important;
  color: var(--tipsport-text) !important;
  border-color: var(--tipsport-border) !important;
}
table tbody tr.color-fortuna:nth-child(n) td,
table tbody tr.color-fortuna:nth-child(n) th,
table.color-fortuna th,
td.color-fortuna,
th.color-fortuna {
  background: var(--fortuna) !important;
  color: var(--fortuna-text) !important;
  border-color: var(--fortuna-border) !important;
}
table tbody tr.color-synottip:nth-child(n) td,
table tbody tr.color-synottip:nth-child(n) th,
table.color-synottip th,
td.color-synottip,
th.color-synottip {
  background: var(--synottip) !important;
  color: var(--synottip-text) !important;
  border-color: var(--synottip-border) !important;
}
table tbody tr.color-chance:nth-child(n) td,
table tbody tr.color-chance:nth-child(n) th,
table.color-chance th,
td.color-chance,
th.color-chance {
  background: var(--chance) !important;
  color: var(--chance-text) !important;
  border-color: var(--chance-border) !important;
}
table tbody tr.color-sazkabet:nth-child(n) td,
table tbody tr.color-sazkabet:nth-child(n) th,
table.color-sazkabet th,
td.color-sazkabet,
th.color-sazkabet {
  background: var(--sazkabet) !important;
  color: var(--sazkabet-text) !important;
  border-color: var(--sazkabet-border) !important;
}
table tbody tr.color-betano:nth-child(n) td,
table tbody tr.color-betano:nth-child(n) th,
table.color-betano th,
td.color-betano,
th.color-betano {
  background: var(--betano) !important;
  color: var(--betano-text) !important;
  border-color: var(--betano-border) !important;
}
table tbody tr.color-betx:nth-child(n) td,
table tbody tr.color-betx:nth-child(n) th,
table.color-betx th,
td.color-betx,
th.color-betx {
  background: var(--betx) !important;
  color: var(--betx-text) !important;
  border-color: var(--betx-border) !important;
}
table tbody tr.color-fbet:nth-child(n) td,
table tbody tr.color-fbet:nth-child(n) th,
table.color-fbet th,
td.color-fbet,
th.color-fbet {
  background: var(--fbet) !important;
  color: var(--fbet-text) !important;
  border-color: var(--fbet-border) !important;
}
table tbody tr.color-kingsbet:nth-child(n) td,
table tbody tr.color-kingsbet:nth-child(n) th,
table.color-kingsbet th,
td.color-kingsbet,
th.color-kingsbet {
  background: var(--kingsbet) !important;
  color: var(--kingsbet-text) !important;
  border-color: var(--kingsbet-border) !important;
}
table tbody tr.color-merkurxtip:nth-child(n) td,
table tbody tr.color-merkurxtip:nth-child(n) th,
table.color-merkurxtip th,
td.color-merkurxtip,
th.color-merkurxtip {
  background: var(--merkurxtip) !important;
  color: var(--merkurxtip-text) !important;
  border-color: var(--merkurxtip-border) !important;
}
.color-tipsport-casino {
  background: var(--tipsport);
  color: var(--tipsport-text);
}
.color-fortuna-casino {
  background: var(--fortuna);
  color: var(--fortuna-text);
}
.color-synottip-casino {
  background: var(--synottip);
  color: var(--synottip-text);
}
.color-chance-casino {
  background: var(--chance);
  color: var(--chance-text);
}
.color-sazkabet-casino {
  background: var(--sazkabet);
  color: var(--sazkabet-text);
}
.color-betano-casino {
  background: var(--betano);
  color: var(--betano-text);
}
.color-betx-casino {
  background: var(--betx);
  color: var(--betx-text);
}
.color-fbet-casino {
  background: var(--fbet);
  color: var(--fbet-text);
}
.color-kingsbet-casino {
  background: var(--kingsbet);
  color: var(--kingsbet-text);
}
.color-merkurxtip-casino {
  background: var(--merkurxtip);
  color: var(--merkurxtip-text);
}
[class*="color-tipsport"] {
  --company-bg: var(--tipsport);
  --company-text: var(--tipsport-text);
}
[class*="color-fortuna"] {
  --company-bg: var(--fortuna);
  --company-text: var(--fortuna-text);
}
[class*="color-synottip"] {
  --company-bg: var(--synottip);
  --company-text: var(--synottip-text);
}
[class*="color-chance"] {
  --company-bg: var(--chance);
  --company-text: var(--chance-text);
}
[class*="color-sazkabet"] {
  --company-bg: var(--sazkabet);
  --company-text: var(--sazkabet-text);
}
[class*="color-betano"] {
  --company-bg: var(--betano);
  --company-text: var(--betano-text);
}
[class*="color-betx"] {
  --company-bg: var(--betx);
  --company-text: var(--betx-text);
}
[class*="color-fbet"] {
  --company-bg: var(--fbet);
  --company-text: var(--fbet-text);
}
[class*="color-kingsbet"] {
  --company-bg: var(--kingsbet);
  --company-text: var(--kingsbet-text);
}
[class*="color-merkurxtip"] {
  --company-bg: var(--merkurxtip);
  --company-text: var(--merkurxtip-text);
}
a[class*="color-"]:not(.button) {
  color: var(--company-bg, currentColor);
  font-weight: 700;
  font-size: 1.1em;
  font-variant: small-caps;
  position: relative;
  padding: 0 0.15em;
  text-decoration: none;
  background: 0 0;
  border-radius: 0;
  isolation: isolate;
  white-space: nowrap;
}
a[class*="color-"]:not(.button)::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 35%;
  height: 40%;
  background: var(--company-bg, currentColor);
  opacity: 0.15;
  z-index: -1;
  pointer-events: none;
}
a[class*="color-"]:not(.button):hover {
  text-decoration: none;
}
a[class*="color-"]:not(.button):hover::before {
  opacity: 0.25;
}
a[class*="color-fortuna"]:not(.button),
a[class*="color-sazkabet"]:not(.button) {
  color: var(--company-text, currentColor);
}
.table-wrapper a[class*="color-"]:not(.button),
table a[class*="color-"]:not(.button) {
  display: inline-block;
  background: var(--white) !important;
  color: var(--company-bg) !important;
  padding: 2px 12px;
  border: 1.5px solid var(--company-bg);
  border-radius: 999px;
  font-weight: 700;
  font-size: 12px;
  font-variant: normal;
  line-height: 1.6;
  text-decoration: none;
  white-space: nowrap;
  isolation: auto;
}
.table-wrapper a[class*="color-"]:not(.button)::before,
table a[class*="color-"]:not(.button)::before {
  display: none !important;
}
.table-wrapper a[class*="color-"]:not(.button):hover,
table a[class*="color-"]:not(.button):hover {
  background: var(--company-bg) !important;
  color: var(--company-text) !important;
  text-decoration: none;
}
.table-wrapper a[class*="color-fortuna"]:not(.button),
table a[class*="color-fortuna"]:not(.button) {
  color: var(--fortuna-text-on-light, #6b5400) !important;
  border-color: var(--fortuna-border-strong, #b88800);
}
.box a[class*="color-"]:not(.button),
.example-box a[class*="color-"]:not(.button),
.info-box a[class*="color-"]:not(.button),
.instruction-box a[class*="color-"]:not(.button),
.note-box a[class*="color-"]:not(.button),
.notice-error a[class*="color-"]:not(.button),
.notice-info a[class*="color-"]:not(.button),
.notice-success a[class*="color-"]:not(.button),
.notice-warning a[class*="color-"]:not(.button),
.success-box a[class*="color-"]:not(.button),
.tip-box a[class*="color-"]:not(.button),
.warning-box a[class*="color-"]:not(.button) {
  display: inline-block;
  color: inherit;
  background: var(--alpha-white-50, #ffffff80);
  border: 1px solid var(--alpha-black-10, #0000001a);
  padding: 1px 8px;
  border-radius: var(--radius-sm);
  font-weight: 700;
  font-size: 12px;
  font-variant: normal;
  line-height: 1.5;
  text-decoration: none;
  white-space: nowrap;
  isolation: auto;
}
.box a[class*="color-"]:not(.button)::before,
.example-box a[class*="color-"]:not(.button)::before,
.info-box a[class*="color-"]:not(.button)::before,
.instruction-box a[class*="color-"]:not(.button)::before,
.note-box a[class*="color-"]:not(.button)::before,
.notice-error a[class*="color-"]:not(.button)::before,
.notice-info a[class*="color-"]:not(.button)::before,
.notice-success a[class*="color-"]:not(.button)::before,
.notice-warning a[class*="color-"]:not(.button)::before,
.success-box a[class*="color-"]:not(.button)::before,
.tip-box a[class*="color-"]:not(.button)::before,
.warning-box a[class*="color-"]:not(.button)::before {
  display: none !important;
}
.box a[class*="color-"]:not(.button):hover,
.example-box a[class*="color-"]:not(.button):hover,
.info-box a[class*="color-"]:not(.button):hover,
.instruction-box a[class*="color-"]:not(.button):hover,
.note-box a[class*="color-"]:not(.button):hover,
.notice-error a[class*="color-"]:not(.button):hover,
.notice-info a[class*="color-"]:not(.button):hover,
.notice-success a[class*="color-"]:not(.button):hover,
.notice-warning a[class*="color-"]:not(.button):hover,
.success-box a[class*="color-"]:not(.button):hover,
.tip-box a[class*="color-"]:not(.button):hover,
.warning-box a[class*="color-"]:not(.button):hover {
  background: var(--alpha-white-70, #ffffffb2);
  text-decoration: none;
  color: inherit;
}
table [class*="color-"] td {
  border-width: 1px 0;
}
table [class*="color-"] .logo {
  border: 0;
  margin: 0 5px;
}
table.dark .logo,
td.dark .logo,
tr.dark .logo {
  border-color: transparent;
}
.table-wrap:has(+ small),
table:has(+ small) {
  margin-bottom: 0.25rem;
}
.recommended-box table:has(+ small) {
  margin-bottom: 0;
}
.table-wrap + small,
.table-wrap + small + em,
table + small,
table + small + em {
  display: block;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 0.75rem;
  color: var(--text-light);
}
.table-wrap + div,
.table-wrap + p,
table + div:not(.table-wrap),
table + p {
  margin-top: 0.5rem;
}
small + div,
small + h2,
small + h3,
small + p {
  margin-top: 2rem;
}
.faq-box + h2,
.table-wrap + .table-wrap,
.table-wrap + h2,
.table-wrap + h3,
.table-wrap + table,
table + .table-wrap,
table + h2,
table + h3,
table + table {
  margin-top: 2.5rem;
}
figure + h2,
figure + h3,
figure + p,
hr + h2 {
  margin-top: 1.5rem;
}
.button-block + p {
  margin-top: 1rem;
}
.icon,
.other-payments img,
.sport-icon {
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
}
.icon {
  background: url(/res/img/icons.png?v=9) no-repeat 0 16px;
}
.sport-icon {
  background: url(/res/img/sport-icons.png) no-repeat 0 16px;
}
.icon.android {
  background-position: 0 0;
}
.asian-handicap {
  background-position: 0-26px;
}
.audio-commentary {
  background-position: 0-52px;
}
.award {
  background-position: 0-78px;
}
.banker {
  background-position: 0-104px;
}
.icon.basketball {
  background-position: 0-130px;
}
.blackberry {
  background-position: 0-156px;
}
.icon.bonus {
  background-position: 0-182px;
}
.fees {
  background-position: 0-234px;
}
.friend-bonus {
  background-position: 0-260px;
}
.icon.greyhound-racing {
  background-position: 0-286px;
}
.help:hover {
  background-position: 0-312px;
}
.help {
  background-position: 0-338px;
}
.high-bets {
  background-position: 0-364px;
}
.high-odds {
  background-position: 0-390px;
}
.high-winnings {
  background-position: 0-416px;
}
.benefits-box .hockey,
.icon.hockey {
  background-position: 0-442px;
}
.community {
  background-position: 0-468px;
}
.info:hover {
  background-position: 0-494px;
}
.info {
  background-position: 0-520px;
}
.icon.ios {
  background-position: 0-546px;
}
.live-betting {
  background-position: 0-572px;
}
.live-chat {
  background-position: 0-598px;
}
.live-streaming {
  background-position: 0-624px;
}
.local-currency {
  background-position: 0-650px;
}
.local-support {
  background-position: 0-676px;
}
.local-web {
  background-position: 0-702px;
}
.loyalty-program {
  background-position: 0-728px;
}
.mobile-betting {
  background-position: 0-754px;
}
.mobile-bonus {
  background-position: 0-780px;
}
.mobile-live-streaming {
  background-position: 0-806px;
}
.no-fees {
  background-position: 0-832px;
}
.no {
  background-position: 0-858px;
}
.professional-bookmaker {
  background-position: 0-884px;
}
.recommended-bookmaker {
  background-position: 0-910px;
}
.sms-notification {
  background-position: 0-936px;
}
.icon.soccer {
  background-position: 0-962px;
}
.statistics {
  background-position: 0-988px;
}
.superscore {
  background-position: 0-1014px;
}
.supertoto {
  background-position: 0-1040px;
}
.support {
  background-position: 0-1066px;
}
.icon.tennis {
  background-position: 0-1092px;
}
.virtual-sports {
  background-position: 0-1118px;
}
.warning {
  background-position: 0-1144px;
}
.website:hover {
  background-position: 0-1170px;
}
.website {
  background-position: 0-1196px;
}
.windows-phone {
  background-position: 0-1222px;
}
.multi-view-live-betting {
  background-position: 0-1248px;
}
.quick-bet {
  background-position: 0-1274px;
}
.group-bet {
  background-position: 0-1300px;
}
.cash-out {
  background-position: 0-1326px;
}
.popular-bookmaker {
  background-position: 0-1352px;
}
.betting-exchange {
  background-position: 0-1378px;
}
.bet-builder {
  background-position: 0-1404px;
}
.match-tracker {
  background-position: 0-1430px;
}
.icon.harmonyos {
  background-position: 0-1456px;
}
.yes {
  background-position: 0-1482px;
}
.american-football {
  background-position: 0 0;
}
.australian-rules {
  background-position: 0-26px;
}
.badminton {
  background-position: 0-52px;
}
.bandy {
  background-position: 0-79px;
}
.baseball {
  background-position: 0-105px;
}
.basketball {
  background-position: 0-131px;
}
.beach-soccer {
  background-position: 0-157px;
}
.beach-volleyball {
  background-position: 0-183px;
}
.bowling {
  background-position: 0-209px;
}
.bowls {
  background-position: 0-235px;
}
.boxing {
  background-position: 0-261px;
}
.cricket {
  background-position: 0-287px;
}
.cycling {
  background-position: 0-313px;
}
.darts {
  background-position: 0-339px;
}
.field-hockey {
  background-position: 0-365px;
}
.floorball {
  background-position: 0-392px;
}
.futsal {
  background-position: 0-418px;
}
.golf {
  background-position: 0-444px;
}
.greyhound-racing {
  background-position: 0-470px;
}
.handball {
  background-position: 0-496px;
}
.horse-racing {
  background-position: 0-522px;
}
.hockey {
  background-position: 0-548px;
}
.lacrosse {
  background-position: 0-574px;
}
.mma {
  background-position: 0-600px;
}
.motorsport {
  background-position: 0-626px;
}
.netball {
  background-position: 0-652px;
}
.pool {
  background-position: 0-678px;
}
.rugby-league {
  background-position: 0-704px;
}
.rugby-union {
  background-position: 0-730px;
}
.snooker {
  background-position: 0-756px;
}
.soccer {
  background-position: 0-782px;
}
.squash {
  background-position: 0-808px;
}
.table-tennis {
  background-position: 0-834px;
}
.tennis {
  background-position: 0-860px;
}
.volleyball {
  background-position: 0-886px;
}
.water-polo {
  background-position: 0-912px;
}
.winter-sports {
  background-position: 0-938px;
}
.logo {
  display: inline-block;
  height: 25px;
  width: 75px;
  background-image: url(/res/img/bookmakers-logos.svg?v=6);
  background-repeat: no-repeat;
  border-radius: var(--radius-sm);
  vertical-align: middle;
  line-height: 25px;
}
a > .logo {
  margin-right: 7px;
}
.logo span {
  display: none;
}
.logo-tipsport {
  background-position: 0 0;
}
.logo-fortuna {
  background-position: 0-35px;
}
.logo-chance {
  background-position: 0-70px;
}
.logo-synottip {
  background-position: 0-105px;
}
.logo-sazkabet {
  background-position: 0-140px;
}
.logo-betano {
  background-position: 0-175px;
}
.logo-merkurxtip {
  background-position: 0-210px;
}
.logo-kingsbet {
  background-position: 0-245px;
}
.logo-betx {
  background-position: 0-280px;
}
.logo-fbet {
  background-position: 0-315px;
}
.bank-transfer,
.branch,
.instant-bank-transfer,
.logo-bank-transfer,
.logo-branch,
.logo-instant-bank-transfer,
.logo-neteller,
.logo-payment-card,
.logo-skrill,
.neteller,
.payment-card,
.payment-icon,
.skrill {
  display: inline-block;
  background: url(/res/img/payment-logos.svg) no-repeat;
  width: 50px;
  height: 25px;
  line-height: 25px;
  margin-right: 7px;
  vertical-align: middle;
}
.logo-bank-transfer {
  background-position: 0 0;
}
.logo-instant-bank-transfer {
  background-position: 0-35px;
}
.logo-neteller {
  background-position: 0-70px;
}
.logo-payment-card {
  background-position: 0-105px;
}
.logo-skrill {
  background-position: 0-140px;
}
.logo-branch {
  background-position: 0-175px;
}
.bank-transfer {
  background-position: 0 0;
}
.instant-bank-transfer {
  background-position: 0-35px;
}
.neteller {
  background-position: 0-70px;
}
.payment-card {
  background-position: 0-105px;
}
.skrill {
  background-position: 0-140px;
}
.branch {
  background-position: 0-175px;
}
.new {
  background: var(--red);
  color: var(--bg);
  font-size: 0.7rem;
  border-radius: var(--radius-sm);
  padding: 3px 7px;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 0.03em;
  font-weight: 700;
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  z-index: 2;
}
.sub-menu ul li {
  overflow: visible;
}
.content-box ul li,
.menu-box ul li,
.sub-menu ul li,
.sub-menu ul li a,
.useful-links-box ul li {
  position: relative;
}
.benefits-box li,
.new,
.table-skrill td,
.tag {
  font-family: var(--font-heading);
}
.tag {
  color: var(--bg);
  font-size: 0.75rem;
  text-transform: uppercase;
  border-radius: var(--radius-sm);
  padding: 2px 5px;
  display: inline-block;
  vertical-align: middle;
}
.tag + .tag {
  margin-left: 5px;
}
.recommended {
  background: var(--blue);
}
.license-obtain {
  background: var(--magenta);
}
.license-waiting {
  background: var(--table-dark-even);
}
.professional,
.tip-top {
  background: var(--purple);
}
.deposit-box,
.withdrawal-box {
  margin: 2rem 0;
}
.deposit-box .box-title,
.withdrawal-box .box-title {
  background: var(--text);
}
.box .table-wrap,
.deposit-box .table-wrap,
.deposit-box table,
.withdrawal-box .table-wrap,
.withdrawal-box table {
  margin: 0;
}
.deposit-box table thead th,
.withdrawal-box table thead th {
  background: var(--bg-gray);
  color: var(--text);
  border-color: var(--border);
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.deposit-box .table-logo,
.withdrawal-box .table-logo {
  line-height: 25px;
}
.deposit-box .table-logo a,
.withdrawal-box .table-logo a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.deposit-box .logo,
.withdrawal-box .logo {
  flex-shrink: 0;
}
.deposit-box td[colspan] ul,
.withdrawal-box td[colspan] ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.deposit-box td[colspan] ul li,
.withdrawal-box td[colspan] ul li {
  width: auto;
  float: none;
  margin: 0;
  background: var(--bg) !important;
  border: 1px solid var(--border-dark);
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  font-size: 0.75rem;
  color: var(--text-light);
  box-shadow: 0 1px 2px #0000000f;
}
.table-skrill td {
  background: var(--green-light) !important;
  text-align: center;
  font-weight: 700;
  border-top: none !important;
}
.table-skrill td a {
  color: var(--primary) !important;
  font-weight: 700;
}
.other-payments td {
  padding: 0.75rem !important;
  text-align: center;
}
.other-payments img {
  height: 28px !important;
  width: auto !important;
  margin: 0.35rem 0.5rem !important;
  display: inline-block !important;
  transition: transform var(--transition);
}
.other-payments img:hover {
  transform: scale(1.1);
}
.benefits-box {
  margin: 2rem 0;
  clear: both;
}
.benefits-box .box-title {
  background: var(--text);
}
.benefits-box .box-content {
  padding: 0.75rem;
}
.benefits-box ul {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.125rem 0.75rem;
}
.benefits-box li {
  padding: 0.25rem 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  width: auto;
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  background-image: none !important;
}
.benefits-box li::before,
.benefits-box-home li::before {
  content: "";
  width: 16px;
  height: 16px;
  background-size: 16px auto;
}
.benefits-box li::before {
  flex-shrink: 0;
  margin-top: 0.1rem;
  background: url(/res/img/icons.png?v=9) no-repeat;
  background-position: inherit;
}
.benefits-box-home {
  background: var(--bonus-bg);
  border: 1px solid var(--bonus-bg-border);
  border-radius: var(--radius);
  padding: 0.75rem;
  margin: 1rem 0;
}
.benefits-box-home.wide {
  width: auto;
  float: none;
}
.benefits-box-home h2,
.benefits-box-home h3 {
  color: var(--bonus-text);
  margin-top: 0;
}
.benefits-box ul,
.benefits-box-home ul,
.tooltip-content ul {
  list-style: none;
  padding: 0;
}
.benefits-box-home li {
  padding-left: 22px;
  position: relative;
  clear: both;
  line-height: 1.6;
}
.benefits-box-home li::before {
  position: absolute;
  left: 0;
  top: 4px;
  background: url(/res/img/icons.png?v=9) no-repeat 0-1482px;
}
.benefits-box-home .button {
  display: block;
}
.review-header a {
  color: var(--brand-text, var(--text-on-primary));
}
.right-col .review-table th {
  text-align: left;
  white-space: normal;
  width: 145px;
  min-width: 145px;
  max-width: 145px;
  position: relative;
}
.review-table th .html-tip,
.review-table th .icon.info {
  float: none !important;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.25rem;
  margin-top: 0;
}
#newsletter-lobby a,
#promo-facebook a,
#promo-instagram a,
#promo-pinterest a,
#promo-whatsapp a,
#promo-x a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0.625rem 1rem 0.625rem 3rem;
  color: var(--bg);
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.3;
  background-repeat: no-repeat;
  background-position: 0.75rem 50%;
  background-size: 24px 24px;
  transition: filter var(--transition);
}
#newsletter-lobby a:hover,
#promo-facebook a:hover,
#promo-instagram a:hover,
#promo-pinterest a:hover,
#promo-whatsapp a:hover,
#promo-x a:hover {
  filter: brightness(1.15);
}
#promo-facebook {
  background-color: #4267b2;
}
#promo-facebook a {
  background-image: url(/res/img/icon-facebook.svg);
}
#promo-x {
  background-color: #0a78ba;
}
#promo-x a {
  background-image: url(/res/img/icon-x.svg);
}
#promo-instagram {
  background: linear-gradient(
    45deg,
    #f09433,
    #e6683c,
    #dc2743,
    #cc2366,
    #bc1888
  );
}
#promo-instagram a {
  background-image: url(/res/img/icon-instagram.svg);
}
#promo-whatsapp {
  background-color: #25d366;
}
#promo-whatsapp a {
  background-image: url(/res/img/icon-whatsapp.svg);
}
#promo-pinterest {
  background-color: #e60023;
}
#promo-pinterest a {
  background-image: url(/res/img/icon-pinterest.svg);
}
#newsletter-lobby {
  background: var(--accent) url(/res/img/bg-newsletter.png) no-repeat 105% 50%/128px
    auto;
}
.tooltip {
  position: fixed;
  display: none;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--bg);
  z-index: var(--z-search-modal);
  width: max-content;
  max-width: calc(100vw - 30px);
}
.tooltip-content {
  padding: 0.75rem 1rem;
  background: var(--text);
  border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
  box-sizing: border-box;
  display: flow-root;
}
.tooltip-content .line {
  border-bottom: 1px solid var(--table-dark-odd);
  margin: 0.35rem 0;
  padding-top: 0.35rem;
}
.tooltip-content ul li {
  display: inline;
  margin: 0;
}
.tooltip-content ul li::after {
  content: ", ";
}
.tooltip-content ul li:last-child::after {
  content: none;
}
.tooltip-content img[src*="/payment-methods/"] {
  float: left;
  margin: 2px;
  height: 18px;
  border-radius: 3px;
}
.tip:not(a) {
  cursor: default;
}
.qtip .qtip-tip,
.qtip-tip,
.search-wrap form.search-form div.search-form,
.tooltip .tooltip-tip {
  display: none !important;
}
.post {
  border-top: 1px solid var(--border);
  padding: 1rem 0;
  overflow: hidden;
}
.posts .post:first-child {
  border-top: 0;
}
.posts.box-content {
  padding: 0 1rem 0.75rem;
}
.post h2,
.post h3 {
  font-size: 1.125rem;
  margin: 0 0 0.25rem;
}
.post p,
.post time {
  color: var(--text-muted);
}
.post p {
  margin: 0;
  font-size: 0.875rem;
}
.post time {
  font-weight: 700;
  font-size: 0.8125rem;
}
.post a,
.related a {
  text-decoration: none;
  display: block;
}
.post a:hover .thumb {
  opacity: 0.9;
}
.post .thumb {
  width: 100%;
  border-radius: var(--radius);
  margin-bottom: 0.75rem;
  box-shadow: var(--shadow-sm);
}
.post div.thumb,
div.article-img {
  background: var(--table-dark-even) url(/res/img/logo.svg) no-repeat 50% 50%/75%auto;
}
.jscroll-added {
  border-top: 1px solid var(--border);
}
.discussion,
.related {
  margin-top: 3rem;
  margin-bottom: 2rem;
  clear: both;
  font-family: var(--font-heading);
}
.related strong {
  text-align: center;
  font-size: 1.5rem;
  display: block;
  margin-bottom: 0.75rem;
}
.related hr {
  margin: 0 0 0.75rem;
}
.related ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.related a {
  font-size: 0.875rem;
  line-height: 1.4;
}
.post a:hover h2,
.post a:hover h3,
.related a:hover {
  text-decoration: underline;
  color: var(--text);
}
.related div.thumb,
.related img {
  width: 100%;
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  margin-bottom: 0.5rem;
}
.related div.thumb {
  height: 100px;
  background: var(--table-dark-even) url(/res/img/logo.svg) no-repeat 50% 50%/75%auto;
}
#home .left-col .banner-box {
  background: var(--bg-gray);
  border: 1px solid var(--border);
  margin: 0-1rem;
  padding: 0.75rem;
  text-align: center;
}
.recommended-box {
  background: linear-gradient(135deg, #003264 0, #0064c8 100%);
  border-radius: var(--radius);
  padding: 0.75rem 0.75rem 0.25rem;
  color: var(--bg);
  margin-bottom: 1.5rem;
}
.recommended-box > div:first-child {
  text-align: center;
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.recommended-box table {
  border: 0;
  margin: 0;
}
.recommended-box table td {
  border: 0;
  border-bottom: 1px dashed #ffffff33;
  padding: 0.35rem 0.25rem;
  background: 0 0 !important;
}
.recommended-box table tr {
  background: 0 0 !important;
}
.recommended-box table tr:nth-child(even) td,
.recommended-box table tr:nth-child(odd) td {
  background: 0 0 !important;
}
.recommended-box .table-logo a,
.recommended-box .table-rating a,
.skrill-box a {
  color: var(--bg);
}
.recommended-box .table-button {
  padding-right: 0;
}
.recommended-box .logo {
  border-color: #ffffff4c;
}
.recommended-box small,
.recommended-box small + em,
.recommended-box table + small,
.recommended-box table + small + em,
.recommended-box > em,
.recommended-box > small {
  font-size: 0.7rem;
  opacity: 0.7;
  display: block;
  margin: 0.25rem 0 0 !important;
  padding: 0 !important;
  line-height: 1.3;
  color: #ffffffb2 !important;
}
.recommended-box > :last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.skrill-box {
  background: #942169;
  border-radius: var(--radius);
  padding: 0.75rem;
  color: var(--bg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.content-box ul li,
.skrill-box span {
  font-family: var(--font-heading);
  font-size: 0.875rem;
}
.skrill-box span {
  font-weight: 700;
}
.content-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.content-box ul li {
  padding: 0.35rem 0;
  border-bottom: 1px solid var(--border);
}
.content-box ul li:last-child,
.promo-item:last-child {
  border-bottom: none;
}
.content-box a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-box a:hover,
.links-box a:hover,
.promo-text a:hover,
.useful-links-box a:hover {
  color: var(--text);
}
.links-box ul,
.useful-links-box ul {
  list-style: none;
  padding: 0;
}
.useful-links-box ul li {
  padding: 0.35rem 0;
  font-family: var(--font-heading);
  font-size: 0.875rem;
}
.content-box a,
.links-box a,
.useful-links-box a {
  text-decoration: none;
  color: var(--primary);
}
.links-box ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 0.75rem;
}
.links-box ul li {
  padding: 0.35rem 0;
}
.links-box a {
  font-size: 0.875rem;
}
.promo-item {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--border);
  align-items: flex-start;
}
.promo-item img {
  flex-shrink: 0;
  width: 100px;
  height: 56px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border);
}
.promo-text {
  flex: 1;
  min-width: 0;
}
.promo-text a,
.promo-top {
  font-family: var(--font-heading);
}
.promo-text a {
  font-weight: 700;
  display: block;
  line-height: 1.3;
}
.promo-text p {
  margin: 0.25rem 0 0;
  font-size: 0.8125rem;
  color: var(--text-muted);
}
.promo-item h3 {
  margin: 0;
  font-size: 0.875rem;
}
.promo-top {
  font-size: 0.875rem;
  margin: 0.75rem 0;
}
.promo-text a,
.promo-top a {
  text-decoration: none;
  color: var(--primary);
}
.promo-top a:hover {
  text-decoration: underline;
}
a.external {
  padding-right: 14px;
  background: url(/res/img/icon-external.svg) no-repeat 100% 2px / auto 8px;
}
.search-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: #000000d9 !important;
  backdrop-filter: blur(5px);
  z-index: -1 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease, visibility 0.3s ease, z-index 0s 0.3s !important;
}
.search-wrap.active {
  z-index: var(--z-search-modal) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: opacity 0.3s ease, visibility 0.3s ease, z-index 0s 0s !important;
}
.search-close-btn,
.search-wrap > div {
  width: 100%;
  display: flex;
  justify-content: center;
}
.search-wrap form.search-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 600px;
  background: var(--bg);
  padding: 2.5rem;
  border-radius: 12px;
  box-shadow: 0 10px 40px #00000080;
  transform: scale(0.95);
  transition: transform 0.3s ease;
  margin: auto;
}
.search-wrap.active form.search-form {
  transform: scale(1);
}
.search-close-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  color: var(--bg);
  font-size: 2.5rem;
  cursor: pointer;
  z-index: calc(var(--z-search-modal) + 1);
  line-height: 1;
  font-family: sans-serif;
  transition: color 0.2s;
  width: 44px;
  height: 44px;
  align-items: center;
}
.search-close-btn:hover {
  color: var(--primary);
}
.search-wrap form.search-form input[type="search"] {
  width: 100%;
  max-width: 100%;
  font-size: 1.25rem;
  padding: 1rem;
  border: 2px solid var(--primary);
  border-radius: 8px;
  margin-bottom: 1.5rem;
  background: var(--bg);
  color: #000;
}
.search-wrap form.search-form input[type="submit"] {
  width: auto;
  min-width: 160px;
  font-size: 1.25rem;
  padding: 0.85rem 2rem;
  margin-top: 0;
  cursor: pointer;
}
.contact-form label,
.geo-web {
  margin-bottom: 0.75rem;
  font-family: var(--font-heading);
  font-size: 1rem;
}
.geo-web {
  background: gold;
  border: 1px solid #eec900;
  font-weight: 700;
  padding: 1rem;
  border-radius: var(--radius);
  color: var(--text);
}
.geo-web a,
.required {
  color: var(--red);
}
.contact-form label {
  display: block;
}
.contact-form input[type="email"],
.contact-form input[type="text"],
.contact-form select,
.contact-form textarea {
  width: 100%;
  margin-top: 0.25rem;
}
.contact-form textarea {
  min-height: 120px;
}
.contact-form input.button {
  display: block;
  clear: both;
  width: auto;
}
.required {
  cursor: help;
}
.instagram,
.live-stream {
  border-radius: var(--radius);
  overflow: hidden;
}
.live-stream {
  height: 200px;
  margin: 0.75rem 0;
}
.instagram {
  max-width: 544px;
  margin: 1.5rem auto;
  border: 1px solid var(--border);
}
.instagram iframe {
  width: 100%;
  max-width: 542px;
  margin: 0 auto;
  border: 0;
  display: block;
}
.instagram-media {
  border-radius: var(--radius) !important;
  margin: 1.5rem auto !important;
}
.vertical-th {
  text-align: center;
  vertical-align: bottom;
  padding: 0.75rem 0.35rem !important;
  border-color: var(--primary-dark) !important;
}
.vertical-th span {
  display: inline-block;
  white-space: nowrap;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}
.post-item {
  position: relative;
  margin: 0.75rem 0;
}
.post-user {
  display: block;
  width: 40px;
  height: 40px;
  float: left;
  background: url(/res/img/post-user.svg) no-repeat 0 0/40px auto;
}
.post-title {
  font-size: 0.75rem;
  color: var(--text-muted);
  text-align: right;
  margin-bottom: 0.25rem;
}
.post-content {
  background: var(--bonus-bg);
  border: 1px solid var(--bonus-bg-border);
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius);
  font-size: 0.8125rem;
  line-height: 1.5;
  margin-left: 50px;
  word-wrap: break-word;
}
.post-date {
  font-size: 0.75rem;
  color: var(--text-muted);
}
#newsletter .box-content {
  background: var(--bonus-bg);
  border-color: var(--bonus-bg-border);
}
#newsletter {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 2rem;
}
#newsletter > div,
#newsletter > div > div,
#newsletter > div > div > div,
#newsletter > div > div > div > div,
#newsletter > div > div > form,
#newsletter > div > div > form > div {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#newsletter [id^="mlb2-"],
#newsletter [id^="mlb2-"] div:not(.form-section) {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#newsletter #mlb2-7054960 .subscribe-form.horizontal,
#newsletter [id^="mlb2-"] .subscribe-form.horizontal {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  background: var(--accent) url(/res/img/bg-newsletter.png) no-repeat 115% 55% !important;
  border-radius: 4px !important;
  color: var(--primary-dark) !important;
  padding: 15px 20px !important;
  width: 100% !important;
  max-width: 100% !important;
}
#newsletter #mlb2-7054960 .form-section.mb10,
#newsletter [id^="mlb2-"] .form-section.mb10 {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}
#newsletter #mlb2-7054960 .form-section.horizontal:not(.ml-button-position),
#newsletter [id^="mlb2-"] .form-section.horizontal:not(.ml-button-position) {
  flex: 1 1 0% !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}
#newsletter #mlb2-7054960 .form-section.ml-button-position,
#newsletter [id^="mlb2-"] .form-section.ml-button-position {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
}
#newsletter #mlb2-7054960 .form-group,
#newsletter #mlb2-7054960 .form-section.horizontal,
#newsletter [id^="mlb2-"] .form-group,
#newsletter [id^="mlb2-"] .form-section.horizontal {
  margin: 0 !important;
  padding: 0 !important;
}
#newsletter #mlb2-7054960 .clearfix,
#newsletter [id^="mlb2-"] .clearfix {
  flex: 0 0 100% !important;
}
#newsletter #mlb2-7054960 input[type="email"],
#newsletter [id^="mlb2-"] input[type="email"] {
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: 1px 1px 3px #00000080 !important;
  font-size: 1.143rem !important;
  padding: 9px 10px 8px !important;
  cursor: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}
#newsletter #mlb2-7054960 button[type="submit"],
#newsletter [id^="mlb2-"] button[type="submit"] {
  font-size: 1.714rem !important;
  padding: 4px 15px !important;
  border-radius: 4px !important;
  font-family: "Roboto Condensed", sans-serif !important;
  text-shadow: 1px 1px 3px #000 !important;
  white-space: nowrap !important;
  float: none !important;
}
#newsletter #mlb2-7054960 h4,
#newsletter [id^="mlb2-"] h4 {
  margin-top: 0 !important;
  color: #ffff80 !important;
  text-shadow: 1px 1px 3px #000 !important;
  font-family: "Roboto Condensed", sans-serif !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  font-size: 28px !important;
}
.sorting::after {
  content: "⇅";
  position: absolute;
  left: 50%;
  bottom: 0.1rem;
  transform: translateX(-50%);
  font-size: 0.6rem;
  opacity: 0.4;
  color: #fff;
}
.sorting-asc-disabled::after,
.sorting-asc::after,
.sorting-desc-disabled::after,
.sorting-desc::after {
  content: "▲";
  position: absolute;
  left: 50%;
  bottom: 0.1rem;
  transform: translateX(-50%);
  font-size: 0.5rem;
  color: #fff;
  opacity: 1;
}
.sorting-asc-disabled::after,
.sorting-desc-disabled::after,
.sorting-desc::after {
  content: "▼";
}
.sorting-asc-disabled::after,
.sorting-desc-disabled::after {
  content: "▲";
  opacity: 0.3;
}
.sorting-desc-disabled::after {
  content: "▼";
}
th.sorting,
th.sorting_asc,
th.sorting_asc_disabled,
th.sorting_desc,
th.sorting_desc_disabled {
  position: relative;
  padding-bottom: 1rem;
  cursor: pointer;
}
.sorting_asc::after,
.sorting_asc_disabled::after,
.sorting_desc::after,
.sorting_desc_disabled::after {
  content: "▲";
  position: absolute;
  left: 50%;
  bottom: 0.1rem;
  transform: translateX(-50%);
  font-size: 0.5rem;
  color: #fff;
  opacity: 1;
}
.sorting_asc_disabled::after,
.sorting_desc::after,
.sorting_desc_disabled::after {
  content: "▼";
}
.sorting_asc_disabled::after,
.sorting_desc_disabled::after {
  content: "▲";
  opacity: 0.3;
}
.sorting_desc_disabled::after {
  content: "▼";
}
.fade-right,
.needs-scroll {
  position: relative;
}
.fade-right::after,
.needs-scroll::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2rem;
  pointer-events: none;
  z-index: 1;
}
.needs-scroll::after {
  content: "→";
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, transparent, #0000000f);
  color: var(--text-muted);
  font-size: 1.25rem;
}
.fade-right::after {
  content: "";
  background: linear-gradient(90deg, transparent, var(--bg));
}
#bonus-comparison col.w3 {
  width: 2.5%;
}
#bonus-comparison col.w5 {
  width: 5.5%;
}
#bonus-comparison col.w10 {
  width: 9%;
}
#bet-types-comparison,
#bonus-comparison,
#bookmaker-comparison,
#deposit-comparison,
#deposit-withdrawal-comparison,
#products-comparison,
#promo-code-comparison,
#rating-comparison,
#withdrawal-comparison {
  border-top: 3px solid var(--primary) !important;
  box-shadow: 0 1px 0 0 var(--bg-dark) inset;
  margin-top: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.table-wrap:has(#bet-types-comparison),
.table-wrap:has(#bonus-comparison),
.table-wrap:has(#bookmaker-comparison),
.table-wrap:has(#deposit-comparison),
.table-wrap:has(#deposit-withdrawal-comparison),
.table-wrap:has(#products-comparison),
.table-wrap:has(#promo-code-comparison),
.table-wrap:has(#rating-comparison),
.table-wrap:has(#withdrawal-comparison) {
  margin-top: -2px !important;
  position: relative;
  z-index: 1;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
#bet-types-comparison th,
#bonus-comparison th,
#bookmaker-comparison th,
#deposit-comparison th,
#deposit-withdrawal-comparison th,
#products-comparison th,
#promo-code-comparison th,
#rating-comparison th,
#withdrawal-comparison th {
  border-top: none !important;
}
#bonus-comparison td:nth-child(4),
#promo-code-comparison td:nth-child(4) {
  font-size: 0.75rem;
  white-space: normal;
  min-width: 95px;
  word-break: keep-all;
}
#bonus-comparison td:nth-child(8),
#promo-code-comparison td:nth-child(8) {
  font-size: 0.75rem;
  white-space: nowrap;
}
#bonus-comparison td:nth-child(9),
#promo-code-comparison td:nth-child(9) {
  font-size: 0.75rem;
  white-space: nowrap;
  word-break: keep-all;
}
.view-options {
  display: inline-flex;
  gap: 0.25rem;
  font-family: var(--font-heading);
  font-size: 0.8125rem;
}
.view-options a {
  padding: 0.2rem 0.5rem;
  border-radius: var(--radius-sm);
  text-decoration: none;
  color: var(--text-muted);
  border: 1px solid var(--border);
}
.view-options a.active {
  background: var(--primary);
  color: var(--bg);
  border-color: var(--primary);
}
del::before {
  content: attr(data-original);
}
.goverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000e0;
  z-index: calc(var(--z-lightbox) - 1);
  will-change: opacity;
}
.gclose,
.glightbox-container,
.gnext,
.gprev {
  display: flex;
  align-items: center;
  justify-content: center;
}
.glightbox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-lightbox);
}
.gslide-image img {
  max-width: 90vw;
  max-height: 85vh;
  border-radius: var(--radius);
  box-shadow: 0 20px 60px #00000080;
}
.gclose,
.gnext,
.gprev {
  position: absolute;
  background: #00000099;
  color: var(--bg);
  border: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 1.5rem;
  z-index: calc(var(--z-lightbox) + 1);
  transition: background var(--transition);
}
.gclose:hover,
.gnext:hover,
.gprev:hover {
  background: #000000e6;
}
.gclose {
  top: 1rem;
  right: 1rem;
}
.gnext,
.gprev {
  top: 50%;
  transform: translateY(-50%);
}
.gnext {
  right: 1rem;
}
.gprev {
  left: 1rem;
}
.gdesc-inner {
  color: var(--bg);
  text-align: center;
  padding: 0.75rem;
  font-size: 0.875rem;
}
#fancybox-overlay,
.fancybox-overlay {
  display: none !important;
}
a.fancybox,
a.glightbox,
a[rel="fancybox"] {
  cursor: zoom-in;
}
a.fancybox img,
a.glightbox img,
a[rel="fancybox"] img {
  transition: opacity var(--transition);
}
a.fancybox:hover img,
a.glightbox:hover img,
a[rel="fancybox"]:hover img {
  opacity: 0.85;
}
hr {
  border: 0;
  height: 0;
  position: relative;
  padding: 2.5rem 0;
  margin: 0;
  overflow: visible;
  background: 0 0;
}
p + hr {
  margin-top: 0.5rem;
}
hr::after,
hr::before {
  position: absolute;
  top: 50%;
}
hr::before {
  content: "";
  left: 1rem;
  right: 1rem;
  height: 5px;
  background: linear-gradient(
    to right,
    transparent 0%,
    var(--primary) 15%,
    var(--primary) 42%,
    transparent 46%,
    transparent 54%,
    var(--primary) 58%,
    var(--primary) 85%,
    transparent 100%
  );
  transform: translateY(-50%);
  border-radius: 2.5px;
}
hr::after {
  content: "SK";
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 0.75rem;
  font-weight: 700;
  font-size: 1rem;
  color: var(--text-muted);
  letter-spacing: 0.1em;
  background: 0 0;
}
.tag--hot {
  background: var(--orange);
  color: #fff;
}
.tag--hot:empty::before {
  content: "HOT";
}
.tag--tip {
  background: var(--blue);
  color: #fff;
}
.tag--tip:empty::before {
  content: "TIP";
}
.tag--promo {
  background: var(--purple);
  color: #fff;
}
.tag--promo:empty::before {
  content: "PROMO";
}
.tag--new {
  background: var(--red);
  color: #fff;
}
.tag--new:empty::before {
  content: "NOVÉ";
}
.tag--year {
  background: var(--primary);
  color: #fff;
}
.tag--month {
  background: var(--yellow-accent);
  color: #111827;
}
.tag--text {
  background: 0 0;
  box-shadow: none;
  color: var(--yellow-accent);
}
.tag--red {
  background: var(--red);
  color: #fff;
}
.tag--yellow {
  background: var(--yellow-accent);
  color: #111827;
}
.tag--purple {
  background: var(--purple);
  color: #fff;
}
.tag--green {
  background: var(--primary);
  color: #fff;
}
.bonus-code:not(.bc-wrap *),
.code-chip:not(.bc-wrap *) {
  font-family: var(--font-mono, monospace);
  font-weight: 600;
  letter-spacing: 0.3px;
}
.bonus-code:not(.bc-wrap *) {
  color: var(--red);
}
.code-chip:not(.bc-wrap *) {
  color: var(--amazon-500, #3b7a57);
}
.tooltip-content strong {
  color: var(--yellow-dark);
}
/* Stylesheet: 5. Theme Modified On 2026-06-09 13:30:50 */
@media (min-width: 1200px) {
  .container {
    max-width: none;
    background: var(--bg-dark);
    box-shadow: none;
  }
  .container > .main,
  .container > .share-footer {
    max-width: var(--page-max-width);
    margin-left: auto;
    margin-right: auto;
    background: var(--bg);
    box-shadow: 0 0 30px #0000004c;
  }
}
@media (min-width: 1000px) {
  .header {
    position: static;
    transition: none;
  }
  .header-hidden {
    transform: none;
  }
}
@media (min-width: 1200px) {
  .header,
  .menu .main-menu {
    max-width: var(--page-max-width);
    margin-left: auto;
    margin-right: auto;
    background: var(--bg-dark);
  }
  .menu {
    border-bottom: none;
    background: var(--bg-dark);
  }
  .breadcrumb,
  .footer,
  .menu .sub-menu {
    max-width: var(--page-max-width);
    margin-left: auto;
    margin-right: auto;
  }
  .breadcrumb {
    background: var(--bg-light);
  }
  .footer {
    background: var(--bg-dark);
  }
}
@media (min-width: 1000px) {
  .main {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
  }
  .review-header {
    width: 100%;
    flex-basis: 100%;
    order: -2;
  }
  .left-col {
    flex: 1;
    min-width: 0;
    padding: 1rem 1.5rem;
  }
  .right-col {
    flex-shrink: 0;
    padding: 1rem;
    border-left: 1px solid var(--border);
  }
  #review .left-col {
    flex-basis: 0;
  }
  #review .right-col,
  .right-col {
    width: 450px;
  }
}
@media (min-width: 1024px) {
  #wide .main,
  .left-col {
    padding: 1rem 2rem;
  }
}
@media (min-width: 1000px) {
  .header-logo {
    height: 50px;
    width: 240px;
    max-width: 374px;
  }
  .header-actions {
    display: none;
  }
  .jump-menu {
    display: block !important;
    position: relative;
    font-family: var(--font-heading);
    margin-left: auto !important;
    flex-shrink: 0;
    order: 99;
  }
  .jump-menu button,
  .jump-menu ul li a {
    font-weight: 700;
    font-size: 0.875rem;
    transition: background var(--transition);
  }
  .jump-menu button {
    background: 0 0;
    color: var(--bg);
    border: 1px solid #ffffff66;
    padding: 0.5rem 2rem 0.5rem 1rem;
    border-radius: var(--radius);
    cursor: pointer;
    position: relative;
  }
  .jump-menu button::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0.6rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #ffffffcc;
    pointer-events: none;
  }
  .jump-menu button:hover {
    background: #ffffff1a;
  }
  .jump-menu ul {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 0.25rem;
    border: 1px solid var(--table-dark-even);
    border-radius: var(--radius);
    box-shadow: 0 4px 16px #00000080;
    min-width: 250px;
    list-style: none;
    padding: 0.25rem 0;
    z-index: var(--z-floating);
  }
  .jump-menu ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    color: #ffffffd9;
    text-decoration: none;
  }
  .jump-menu ul li a:hover {
    background: #ffffff1a;
    color: var(--bg);
  }
  .jump-menu ul li a > span {
    color: var(--amber);
  }
  .jump-menu .logo {
    border-color: #ffffff33;
    background-color: #ffffff0d;
  }
  .jump-menu ul,
  .main-menu,
  .menu {
    background: var(--bg-dark);
  }
  .main-menu > ul > li.bonus > a {
    color: var(--menu-bonus-text) !important;
  }
  .main-menu > ul > li.casino > a {
    color: var(--menu-casino-text) !important;
  }
  .main-menu > ul > li.code > a {
    color: var(--menu-code-text) !important;
  }
  .menu-toggle {
    display: none;
  }
  .main-menu {
    display: block !important;
    background: 0 0;
    border-radius: 0;
    overflow: visible;
    position: relative !important;
    transform: none !important;
    visibility: visible !important;
    width: auto !important;
    max-width: none !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    box-shadow: none !important;
    padding-bottom: 0 !important;
    transition: none !important;
    z-index: var(--z-overlay) !important;
  }
  .main-menu ul li.search .search-button > span > span,
  .main-menu::after {
    display: none !important;
  }
  .main-menu ul {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2px;
    align-items: stretch;
  }
  .main-menu ul li {
    position: static;
    display: flex;
    align-items: stretch;
  }
  .main-menu ul li.search {
    display: flex !important;
    margin-left: auto;
  }
  .main-menu ul li.search .search-button {
    cursor: pointer;
    padding: 0.35rem 0.75rem;
    background: linear-gradient(to bottom, #ffffff14 0, transparent 40%);
    border-radius: var(--radius) var(--radius) 0 0;
  }
  .main-menu ul li.search .search-button > span {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    vertical-align: middle !important;
    opacity: 0.7;
    transition: opacity var(--transition);
  }
  .main-menu ul li.search .search-button:hover > span {
    opacity: 1;
  }
  .main-menu ul li a,
  .main-menu > ul > li.active > a,
  .search-button {
    padding: 0.35rem 0.75rem;
    border-radius: var(--radius) var(--radius) 0 0;
    box-shadow: none;
  }
  .main-menu ul li a,
  .search-button {
    font-size: 1rem;
    border-bottom: none;
    border-left: none !important;
    color: #ffffffd9;
    display: flex;
    align-items: center;
    background: linear-gradient(to bottom, #ffffff14 0, transparent 40%);
  }
  .main-menu > ul > li.active > a {
    background: linear-gradient(to bottom, var(--primary) 20%, #64c8001f 100%);
    color: var(--bg) !important;
  }
  .main-menu ul li a:hover {
    background: linear-gradient(
      to bottom,
      #ffffff26 0,
      #ffffff0d 40%,
      transparent 100%
    );
    color: var(--bg);
    border-radius: var(--radius) var(--radius) 0 0;
  }
  .main-menu > ul > li.active > a:hover {
    background: linear-gradient(
      to bottom,
      var(--primary-dark) 20%,
      #64c8001f 100%
    );
    color: var(--bg) !important;
  }
  .main-menu ul li a svg {
    width: 28px;
    height: 28px;
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .main-menu ul {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 1000px) {
  .sub-menu ul li.active a {
    border-radius: var(--radius-sm);
  }
  .main-menu .sub-menu,
  .main-menu > ul > li > .sub-menu > ul > li > .sub-menu,
  .submenu-toggle {
    display: none !important;
  }
  @supports selector(:has(*)) {
    .main-menu:has(> ul > li.active > .sub-menu) {
      margin-bottom: var(--submenu-height, 41px) !important;
    }
  }
  .main-menu > ul > li.active > .sub-menu {
    display: block !important;
    position: absolute !important;
    left: 0;
    right: 0;
    top: 100%;
    z-index: var(--z-header) !important;
    background-color: var(--menu-green-bg) !important;
    border-bottom: 2px solid var(--menu-green-brd) !important;
    padding: 0.35rem 0.75rem !important;
    line-height: 1.4 !important;
    background-image: none !important;
    contain: layout style;
  }
  .main-menu > ul > li.active > .sub-menu > ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 2px 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .main-menu > ul > li.active > .sub-menu > ul > li {
    display: inline-block !important;
    position: relative !important;
    overflow: visible;
  }
  .main-menu > ul > li.active > .sub-menu > ul > li > .new {
    top: -8px;
    right: -4px;
    transform: none;
    font-size: 0.625rem;
    padding: 1px 4px;
    line-height: 1.2;
  }
  .main-menu > ul > li.active > .sub-menu > ul > li > a {
    display: inline-block !important;
    padding: 0.3rem 0.6rem !important;
    color: #ffffffcc !important;
    text-decoration: none !important;
    font-family: var(--font-heading) !important;
    font-weight: 700 !important;
    font-size: 0.8125rem !important;
    border-radius: var(--radius-sm) !important;
    white-space: nowrap !important;
    background: 0 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: auto !important;
  }
  .main-menu > ul > li.active > .sub-menu > ul > li > a:hover {
    color: var(--bg) !important;
    background: #ffffff1f !important;
  }
  .main-menu > ul > li.active > .sub-menu > ul > li.active > a,
  .sub-menu ul li.active a {
    background: var(--primary) !important;
    color: var(--bg) !important;
  }
  .menu.bonus .main-menu > ul > li.active > .sub-menu > ul > li.active > a {
    background: var(--red) !important;
  }
  .menu.casino .main-menu > ul > li.active > .sub-menu > ul > li.active > a {
    background: var(--purple) !important;
  }
  .menu.code .main-menu > ul > li.active > .sub-menu > ul > li.active > a,
  .menu.faq .main-menu > ul > li.active > .sub-menu > ul > li.active > a {
    background: var(--blue) !important;
  }
  .main-menu > ul > li.bonus.active > .sub-menu,
  .menu.bonus .main-menu > ul > li.active > .sub-menu,
  .menu.bonus .sub-menu {
    background-color: var(--menu-bonus-bg) !important;
    border-color: var(--menu-bonus-brd) !important;
  }
  .menu.faq .main-menu > ul > li.active > .sub-menu {
    background-color: var(--menu-faq-bg) !important;
    border-color: var(--menu-faq-brd) !important;
  }
  .menu.casino .main-menu > ul > li.active > .sub-menu {
    background-color: var(--menu-casino-bg) !important;
    border-color: var(--menu-casino-brd) !important;
  }
  .menu.code .main-menu > ul > li.active > .sub-menu {
    background-color: var(--menu-faq-bg) !important;
    border-color: var(--menu-faq-brd) !important;
  }
  .main-menu > ul > li.bonus.active > .sub-menu,
  .menu.bonus .sub-menu {
    border-bottom: 2px solid var(--menu-bonus-brd) !important;
  }
  .main-menu > ul > li.code.active > .sub-menu {
    background-color: var(--menu-faq-bg) !important;
    border-color: var(--menu-faq-brd) !important;
    border-bottom: 2px solid var(--menu-faq-brd) !important;
  }
  .main-menu > ul > li.casino.active > .sub-menu {
    background-color: var(--menu-casino-bg) !important;
    border-color: var(--menu-casino-brd) !important;
    border-bottom: 2px solid var(--menu-casino-brd) !important;
  }
  .main-menu > ul > li.bonus.active > .sub-menu ul li.active > a {
    background: var(--red) !important;
    color: var(--bg) !important;
  }
  .main-menu > ul > li.code.active > .sub-menu ul li.active > a {
    background: var(--blue) !important;
    color: var(--bg) !important;
  }
  .main-menu > ul > li.casino.active > .sub-menu ul li.active > a {
    background: var(--purple) !important;
    color: var(--bg) !important;
  }
  .menu.bonus .sub-menu {
    background-image: none !important;
  }
  .main-menu > ul > li.bonus.active > a {
    background: linear-gradient(
      to bottom,
      var(--red) 20%,
      #dc26261f 100%
    ) !important;
  }
  .main-menu > ul > li.bonus.active > a:hover {
    background: linear-gradient(
      to bottom,
      var(--red-dark) 20%,
      #dc26261f 100%
    ) !important;
  }
  .menu.bonus .sub-menu ul li.active a {
    background: var(--red) !important;
    color: var(--bg) !important;
  }
  .menu.casino .sub-menu,
  .menu.code .sub-menu {
    background-color: var(--menu-faq-bg) !important;
    background-image: none !important;
    border-color: var(--menu-faq-brd) !important;
    border-bottom: 2px solid var(--menu-faq-brd) !important;
  }
  .menu.code .sub-menu ul li.active a {
    background: var(--blue) !important;
    color: var(--bg) !important;
  }
  .main-menu > ul > li.bonus.active > a,
  .main-menu > ul > li.casino.active > a,
  .main-menu > ul > li.code.active > a {
    color: var(--bg) !important;
    border-radius: var(--radius) var(--radius) 0 0;
    padding: 0.35rem 0.75rem;
  }
  .main-menu > ul > li.code.active > a {
    background: linear-gradient(
      to bottom,
      var(--blue) 20%,
      #2563eb1f 100%
    ) !important;
  }
  .main-menu > ul > li.code.active > a:hover {
    background: linear-gradient(
      to bottom,
      #1d4ed8 20%,
      #2563eb1f 100%
    ) !important;
  }
  .menu.casino .sub-menu {
    background-color: var(--menu-casino-bg) !important;
    border-color: var(--menu-casino-brd) !important;
    border-bottom: 2px solid var(--menu-casino-brd) !important;
  }
  .main-menu ul li.casino a {
    color: var(--menu-casino-text) !important;
  }
  .main-menu > ul > li.casino.active > a {
    background: linear-gradient(
      to bottom,
      var(--purple) 20%,
      #9333ea33 100%
    ) !important;
  }
  .main-menu > ul > li.casino.active > a:hover {
    background: linear-gradient(
      to bottom,
      #7928c7 20%,
      #9333ea33 100%
    ) !important;
  }
  .menu.casino .sub-menu ul li.active a {
    background: var(--purple) !important;
    color: var(--bg) !important;
  }
  .breadcrumb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.75rem;
    line-height: 1.75rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 1rem;
  }
  .breadcrumb > * {
    min-width: 0;
  }
  .breadcrumb .r {
    display: inline;
    font-size: 0.75rem;
    color: var(--text-muted);
    white-space: nowrap;
    margin-left: auto;
    flex-shrink: 0;
  }
  .review-header img {
    height: 45px;
  }
  .review-header {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    width: 100%;
    flex-basis: 100%;
  }
  .review-header > a {
    flex: 1;
    min-width: 0;
    padding: 0.5rem 1rem;
  }
  .review-rating {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    padding: 0.5rem 1.5rem;
    flex-shrink: 0;
    width: 450px;
    border-left: 1px solid #ffffff26;
    justify-content: center;
  }
  .review-header.is-sticking .review-rating {
    display: flex !important;
    align-items: center !important;
    position: static;
    margin-left: auto;
    padding: 0 0.5rem;
    width: auto;
  }
  .review-header.is-sticking .best-rating,
  .review-header.is-sticking .rating-text,
  .review-header.is-sticking .rating-value {
    display: none !important;
  }
  .review-header.is-sticking .rating-stars {
    display: inline-block !important;
    transform: scale(1);
    filter: drop-shadow(0 0 1px #00000080) drop-shadow(0 0 2px #0000004c);
  }
  .review-header.is-sticking > a {
    flex: 1;
    padding: 0.35rem 1rem;
  }
  .review-header.is-sticking .button {
    margin-left: 0.5rem;
  }
  .review-header.is-sticking .mobile-icons {
    display: inline-flex !important;
    align-items: center;
    margin: 0 0.75rem;
  }
  .review-header.is-sticking {
    flex-wrap: wrap !important;
  }
  .l-box,
  .l-img {
    float: left;
    margin: 0.25rem 1.5rem 1rem 0;
    max-width: 50%;
  }
  .r-box,
  .r-img {
    float: right;
    margin: 0.25rem 0 1rem 1.5rem;
    max-width: 50%;
  }
  .post .thumb {
    float: left;
    margin-right: 1.25rem;
    margin-bottom: 0;
    width: 250px;
    height: 141px;
  }
  .post h2,
  .post h3,
  .post p {
    margin-left: 270px;
  }
}
@media (min-width: 640px) {
  .related ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1000px) {
  .footer::before {
    position: absolute;
    top: 1.1rem;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }
  .footer .l,
  .footer .r {
    float: left !important;
    display: inline !important;
    text-align: left !important;
    width: auto;
    margin-bottom: 0;
  }
  .footer .r {
    float: right !important;
    text-align: right !important;
  }
  .tooltip {
    max-width: 350px;
  }
}
@media (min-width: 768px) {
  .search-close-btn {
    top: 20px;
    right: 30px;
  }
  .search-wrap form.search-form {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
  }
  .search-wrap form.search-form input[type="search"] {
    margin-bottom: 0;
    flex: 1;
  }
  .search-wrap form.search-form input[type="submit"] {
    width: auto;
    min-width: 130px;
    flex-shrink: 0;
  }
}
article.content form.search-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 100%;
  background: 0 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
  transition: none;
  margin: 0 0 1.5rem;
}
article.content form.search-form div.search-form {
  display: none !important;
}
article.content form.search-form label.offscreen {
  display: none;
}
article.content form.search-form input[type="search"] {
  width: 100%;
  max-width: 100%;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  border: 2px solid var(--primary);
  border-radius: 8px;
  margin-bottom: 1rem;
  background: var(--bg);
  color: var(--text);
  box-sizing: border-box;
}
article.content form.search-form input[type="submit"] {
  width: auto;
  min-width: 140px;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  cursor: pointer;
}
@media (min-width: 768px) {
  article.content form.search-form {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
  }
  article.content form.search-form input[type="search"] {
    flex: 1;
    margin-bottom: 0;
  }
  article.content form.search-form input[type="submit"] {
    flex-shrink: 0;
    min-width: 120px;
  }
}
@media (min-width: 1000px) {
  #home .left-col .banner-box {
    margin: 0;
    border-radius: var(--radius);
  }
  .benefits-box-home:not(.wide) {
    float: right;
    width: 275px;
    margin: 0.5rem 0 1rem 1.5rem;
    clear: both;
  }
}
@media (min-width: 1120px) {
  .scroll-top {
    right: max(1rem, calc((100vw - 1200px) / 2 - 60px));
  }
}
@media (min-width: 1000px) {
  .banner-top {
    min-height: 116px;
    box-sizing: border-box;
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .banner-home,
  .banner-sidebar {
    height: 250px;
    overflow: hidden;
  }
  .banner-home {
    height: 60px;
  }
  .side-box {
    display: block;
    margin-left: 1000px;
  }
  .side-box.fixed {
    position: fixed;
    top: 10px;
  }
  .banner-side,
  .cb {
    display: block;
    height: 600px;
    width: 120px;
    position: absolute;
  }
  .cb {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
  }
  .lh,
  .rh {
    width: 50%;
  }
  .rh {
    right: 0;
  }
}
@media print {
  .banner-box,
  .banner-top,
  .breadcrumb,
  .button-block,
  .footer,
  .header,
  .menu,
  .review-menu,
  .right-col,
  .scroll-top,
  .share-footer {
    display: none !important;
  }
  .main {
    display: block !important;
  }
  .left-col {
    width: 100% !important;
    padding: 0 !important;
  }
  a,
  body {
    color: #000;
  }
  body {
    font-size: 12pt;
  }
  a {
    text-decoration: underline;
  }
  table {
    page-break-inside: avoid;
  }
}
/* Stylesheet: 6. Desktop Modified On 2026-06-09 13:32:19 */
@media (max-width: 999px) {
  .main-menu {
    height: 100vh;
    height: 100dvh;
    bottom: auto;
    padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0)) !important;
  }
  .main-menu .sub-menu ul li > a::before,
  .sub-menu ul li::after,
  body.menu-open .scroll-top {
    display: none !important;
  }
  .main-menu > ul > li.active > a,
  .main-menu > ul > li.expanded > a {
    color: var(--bg) !important;
    background: #64c80026 !important;
    border-left: 4px solid var(--primary) !important;
    padding-left: calc(1.25rem - 4px) !important;
  }
  .main-menu .sub-menu ul li > a {
    position: relative;
    overflow: visible;
  }
  .main-menu .sub-menu .sub-menu ul li.active > a,
  .main-menu .sub-menu .sub-menu ul li.expanded > a,
  .main-menu .sub-menu ul li.active > a,
  .main-menu .sub-menu ul li.expanded > a {
    background: #64c80026 !important;
    padding: 0.35rem 0.75rem !important;
    border-radius: var(--radius-sm) !important;
    width: auto !important;
    flex: 0 1 auto !important;
    min-height: auto !important;
    align-self: center !important;
  }
  .main-menu .sub-menu ul li.active > a,
  .main-menu .sub-menu ul li.expanded > a {
    color: var(--bg) !important;
    margin: 0.2rem 0 0.2rem 1.5rem !important;
    border-left: none !important;
  }
  .main-menu .sub-menu ul li.active > a::before,
  .main-menu .sub-menu ul li.expanded > a::before {
    left: -0.75rem !important;
  }
  .main-menu .sub-menu ul li.active > .submenu-toggle,
  .main-menu .sub-menu ul li.expanded > .submenu-toggle {
    margin-left: auto !important;
  }
  .main-menu .sub-menu .sub-menu ul li > a {
    padding-left: 2.25rem !important;
    margin: 0 !important;
    background: 0 0 !important;
    font-size: 0.9375rem;
    color: #ffffff99;
    min-height: 40px;
  }
  .main-menu .sub-menu .sub-menu ul li > a::before {
    display: none !important;
  }
  .main-menu .sub-menu .sub-menu ul li.active > a,
  .main-menu .sub-menu .sub-menu ul li.expanded > a {
    color: var(--accent) !important;
    margin: 0.2rem 0 0.2rem 2.25rem !important;
  }
  .main-menu .sub-menu .sub-menu ul li.active > a::before,
  .main-menu .sub-menu .sub-menu ul li.expanded > a::before {
    left: -1rem !important;
  }
  .main-menu > ul > li.bonus {
    --menu-accent: var(--red);
    --menu-accent-bg: #dc262626;
    --menu-section-text: var(--menu-bonus-text);
  }
  .main-menu > ul > li.casino {
    --menu-accent: var(--purple);
    --menu-accent-bg: #9333ea26;
    --menu-section-text: var(--menu-casino-text);
  }
  .main-menu > ul > li.code {
    --menu-accent: var(--blue);
    --menu-accent-bg: #2563eb26;
    --menu-section-text: var(--menu-code-text);
  }
  .main-menu > ul > li:is(.bonus, .casino, .code).active > a,
  .main-menu > ul > li:is(.bonus, .casino, .code).expanded > a {
    background: var(--menu-accent-bg) !important;
    border-left-color: var(--menu-accent) !important;
  }
  .main-menu ul li:is(.bonus, .casino, .code) .sub-menu ul li > a::before {
    color: var(--menu-accent) !important;
  }
  .main-menu
    ul
    li:is(.bonus, .casino, .code)
    .sub-menu
    .sub-menu
    ul
    li
    > a::before {
    color: var(--menu-section-text) !important;
  }
  .main-menu ul li:is(.bonus, .casino, .code) .sub-menu ul li.active > a,
  .main-menu ul li:is(.bonus, .casino, .code) .sub-menu ul li.expanded > a {
    background: var(--menu-accent-bg) !important;
    color: var(--bg) !important;
  }
  .main-menu
    ul
    li:is(.bonus, .casino, .code)
    .sub-menu
    .sub-menu
    ul
    li.active
    > a,
  .main-menu
    ul
    li:is(.bonus, .casino, .code)
    .sub-menu
    .sub-menu
    ul
    li.expanded
    > a {
    background: var(--menu-accent-bg) !important;
    color: var(--menu-section-text) !important;
  }
  .sub-menu {
    border-bottom: none !important;
    border-top: none !important;
    padding: 0;
    background: #2a2a2a !important;
  }
  .main-menu > ul > li > .sub-menu {
    border-top: 1px solid #ffffff14 !important;
  }
  .sub-menu .sub-menu {
    background: var(--table-dark-footer) !important;
    border-top: 1px solid #ffffff0f !important;
  }
  .sub-menu ul {
    flex-direction: column;
    gap: 0;
    align-items: stretch !important;
  }
  .sub-menu ul li,
  .sub-menu ul li a {
    text-align: left !important;
  }
  .sub-menu ul li a {
    display: flex;
    align-items: center;
    padding: 0.75rem 1.25rem 0.75rem 1.5rem;
    border-bottom: none;
    border-radius: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #ffffffbf;
    position: relative;
    white-space: normal;
    min-height: 46px;
    transition: background var(--transition), color var(--transition);
  }
  .sub-menu,
  .sub-menu ul li a::before {
    display: none;
  }
  .sub-menu ul li a:hover {
    background: #ffffff12;
    color: var(--bg);
  }
  .main-menu ul li,
  .sub-menu ul li {
    display: flex !important;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative;
  }
  .main-menu ul li > a,
  .sub-menu ul li > a {
    flex: 1 !important;
    min-width: 0;
    padding-right: 1.25rem !important;
  }
  .main-menu ul li > .sub-menu,
  .sub-menu ul li > .sub-menu {
    flex-basis: 100%;
    width: 100%;
  }
  .submenu-toggle {
    position: static !important;
    right: auto !important;
    top: auto !important;
    width: 2.75rem !important;
    min-height: 56px;
    height: auto !important;
    line-height: normal !important;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #ffffff14;
    color: #ffffffa6;
    font-size: 0.8rem;
    cursor: pointer;
    text-align: center;
    transition: all var(--transition);
    flex-shrink: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .submenu-toggle:hover {
    background: #ffffff12 !important;
    color: var(--bg) !important;
  }
  .sub-menu .submenu-toggle {
    min-height: 46px !important;
    height: auto !important;
    width: 2.5rem !important;
    font-size: 0.6rem;
    border-bottom: none;
  }
  .sub-menu .sub-menu .submenu-toggle {
    min-height: 40px !important;
    height: auto !important;
    width: 2.25rem !important;
    font-size: 0.55rem;
  }
  #review[class] .breadcrumb {
    background: var(--brand);
    border-bottom-color: var(--brand-border);
  }
  #review[class] .breadcrumb,
  #review[class] .breadcrumb a,
  #review[class] .breadcrumb li,
  #review[class] .breadcrumb li::after {
    color: var(--brand-text) !important;
  }
  #review .breadcrumb {
    border-bottom: none;
  }
  .review-rating {
    display: none !important;
  }
  .review-header:not(.is-sticking) > a {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .review-header:not(.is-sticking) .mobile-icons {
    margin-left: auto;
  }
  .review-header:not(.is-sticking) .button {
    flex: 0 0 100%;
    margin: 0.75rem 0 0 !important;
    text-align: center;
    justify-content: center;
    border-radius: var(--radius);
    padding: 0.625rem 1rem;
    font-size: 1rem;
  }
  .review-header.is-sticking {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
  }
  .review-header.is-sticking > a {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0.4rem 0.75rem !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .review-header.is-sticking > a::-webkit-scrollbar {
    display: none !important;
  }
  .review-header.is-sticking .button {
    margin: 0 0 0 auto !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    font-size: 0.8rem !important;
    padding: 0.4rem 0.75rem !important;
  }
  .review-header.is-sticking .mobile-icons,
  .review-header.is-sticking .review-rating {
    display: none !important;
  }
  .content .button,
  .left-col .button {
    white-space: normal !important;
    word-wrap: break-word;
    max-width: 100%;
    box-sizing: border-box;
  }
  #review .content table .button:not(.big),
  #review .left-col table .button:not(.big),
  .content table .button:not(.big),
  .left-col table .button:not(.big),
  .recommended-box .button,
  .table-button .button {
    white-space: nowrap !important;
    word-wrap: normal;
  }
  .notice-promo {
    font-size: 0.875rem;
  }
  .notice-promo > strong {
    font-size: 0.75rem;
    letter-spacing: 0.05em;
  }
  .banner-top {
    display: none !important;
  }
  .tab-content {
    padding: 0;
  }
  .tooltip {
    width: max-content;
    max-width: calc(100vw - 30px);
  }
  .table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 1rem 0;
  }
  .bonus-box table,
  .box table {
    width: 100%;
  }
  table.compact,
  table.review-table {
    display: table;
    width: 100%;
  }
  .deposit-box td[colspan] ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .deposit-box td[colspan] ul li {
    width: auto !important;
  }
  table:has(td[rowspan] > a > img),
  table:has(td[rowspan] > img) {
    display: block;
    width: 100%;
    border-collapse: collapse;
  }
  table:has(td[rowspan] > a > img) tbody,
  table:has(td[rowspan] > a > img) tr,
  table:has(td[rowspan] > img) tbody,
  table:has(td[rowspan] > img) tr {
    display: block;
    width: 100%;
  }
  table:has(td[rowspan] > a > img) td,
  table:has(td[rowspan] > a > img) th,
  table:has(td[rowspan] > img) td,
  table:has(td[rowspan] > img) th {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    text-align: center;
    padding: 0.5rem 0.75rem;
  }
  table:has(td[rowspan] > a > img) td[rowspan] img,
  table:has(td[rowspan] > img) td[rowspan] img {
    max-width: 200px;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  table:has(td[rowspan] > a > img) td ul,
  table:has(td[rowspan] > img) td ul {
    text-align: left;
    margin: 0.5rem 0;
    padding-left: 1.25rem;
  }
  .menu {
    z-index: var(--z-menu) !important;
  }
}
@media (max-width: 480px) {
  .benefits-box ul,
  .links-box ul {
    grid-template-columns: 1fr;
  }
  table {
    font-size: 0.8125rem;
  }
  table td,
  table th {
    padding: 0.35rem 0.5rem;
  }
  .review-rating {
    flex-wrap: wrap;
    padding: 0.5rem;
  }
  .rating-value {
    font-size: 1.5rem;
  }
  .mosaic img {
    max-width: calc(50% - 0.25rem);
  }
}
@media (max-width: 599px) {
  #newsletter #mlb2-7054960 .form-section.horizontal:not(.ml-button-position),
  #newsletter #mlb2-7054960 .form-section.ml-button-position,
  #newsletter [id^="mlb2-"] .form-section.horizontal:not(.ml-button-position),
  #newsletter [id^="mlb2-"] .form-section.ml-button-position {
    flex: 0 0 100% !important;
    width: 100% !important;
  }
  #newsletter #mlb2-7054960 button[type="submit"],
  #newsletter [id^="mlb2-"] button[type="submit"] {
    width: 100% !important;
  }
}
@media (max-width: 999px) {
  .right-col .bonuses-box,
  .right-col .menu-box,
  .right-col .payment-methods-box {
    display: none;
  }
  .right-col {
    display: flex;
    flex-direction: column;
    background: var(--bg);
    padding: 0 1rem 1rem;
    border-left: none;
  }
  .content,
  .left-col {
    padding-bottom: 0.5rem;
  }
  .right-col > .box,
  .right-col > div:not(.notice-info):not(:last-child) {
    margin-bottom: 1.5rem;
  }
  .right-col > :last-child {
    margin-bottom: 0;
  }
  .right-col .notice-info {
    order: 99;
    margin-top: 1rem;
  }
  .container,
  .content,
  .main {
    box-shadow: none;
  }
}
@media (max-width: 768px) {
  .glightbox-container .gnext,
  .glightbox-container .gprev {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  .glightbox-container .gnext:hover,
  .glightbox-container .gprev:hover {
    transform: translateY(-50%) scale(1.1) !important;
  }
}
.mobile-sticky-banner {
  display: none;
  --ms-banner-w: 300px;
}
@media (max-width: 999px) {
  .mobile-sticky-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: var(--z-tooltip);
    background: 0 0;
    padding-bottom: env(safe-area-inset-bottom, 0);
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    pointer-events: none;
  }
  .mobile-sticky-banner.is-visible {
    transform: translateY(0);
  }
  .mobile-sticky-banner.is-closed,
  .mobile-sticky-banner[hidden] {
    display: none !important;
  }
  .mobile-sticky-banner__labelbar {
    position: relative;
    height: 18px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  .mobile-sticky-banner__labelbar::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #aaaaaad9;
    box-shadow: 0-1px 3px #00000014;
    z-index: 1;
  }
  .mobile-sticky-banner__label {
    border-bottom: 3px solid #aaaaaad9;
  }
  .mobile-sticky-banner__close,
  .mobile-sticky-banner__label {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #aaaaaad9;
    color: #fff;
    pointer-events: auto;
    min-width: 54px;
    padding: 0 7px;
    box-sizing: border-box;
    box-shadow: 0-1px 3px #00000014;
  }
  .mobile-sticky-banner__close,
  .mobile-sticky-banner__label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
  }
  .mobile-sticky-banner__label {
    border-top-right-radius: 5px;
    user-select: none;
    -webkit-user-select: none;
  }
  .mobile-sticky-banner__close {
    border-top-left-radius: 5px;
    border: 0;
    border-bottom: 3px solid #aaaaaad9;
    cursor: pointer;
    transition: background-color 0.15s ease;
    font-family: inherit;
  }
  .mobile-sticky-banner__close:focus-visible,
  .mobile-sticky-banner__close:hover {
    background: #8c8c8ce6;
    border-bottom-color: #8c8c8ce6;
    outline: 0;
  }
  .mobile-sticky-banner__link {
    display: block;
    line-height: 0;
    width: 100%;
    max-width: var(--ms-banner-w);
    margin: 0 auto;
    pointer-events: auto;
    position: relative;
  }
  .mobile-sticky-banner__link img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1200/250;
    object-fit: cover;
    position: relative;
    z-index: 2;
  }
  .mobile-sticky-banner__link picture {
    display: block;
    line-height: 0;
  }
  body.has-mobile-sticky-banner {
    padding-bottom: calc(
      min(100vw, var(--ms-banner-w)) * 250 / 1200 + 18px +
        env(safe-area-inset-bottom, 0)
    );
  }
}
@media (max-width: 999px) {
  .mobile-sticky-banner__link::after,
  .mobile-sticky-banner__link::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: max(0px, calc((100vw - var(--ms-banner-w)) / 2 + 1px));
    background: #aaaaaad9;
    z-index: 1;
    pointer-events: none;
  }
  .mobile-sticky-banner__link::before {
    right: 100%;
  }
  .mobile-sticky-banner__link::after {
    left: 100%;
  }
}
/* Stylesheet: 7. Responzive Modified On 2026-06-09 13:38:17 */
.
/* Stylesheet: 8. api Modified On 2026-05-04 12:57:39 */
.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: 0;
}
.glightbox-container.inactive {
  display: none;
}
.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}
.glightbox-container .gslider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
}
.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}
.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}
.glightbox-container .gslide-inner-content {
  width: 100%;
}
.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}
.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}
.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}
.gslide iframe,
.gslide video {
  outline: 0 !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
}
.gslide:not(.current) {
  pointer-events: none;
}
.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: 0;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}
.desc-bottom .gslide-image img,
.desc-top .gslide-image img {
  width: auto;
}
.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}
.gslide-image img.zoomable {
  position: relative;
}
.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}
.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important;
}
.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none;
}
.gslide-video .gvideo-wrapper {
  width: 100%;
  margin: auto;
}
.gslide-video::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}
.gslide-video.playing::before {
  display: none;
}
.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}
.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}
.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
  margin: auto;
}
.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%;
}
.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}
.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}
.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}
.gslide-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}
.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.desc-bottom .gslide-media,
.desc-top .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}
.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%;
}
.gslide-description.description-bottom,
.gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}
.gslide-description p {
  margin-bottom: 12px;
}
.gslide-description p:last-child {
  margin-bottom: 0;
}
.zoomed .gslide-description {
  display: none;
}
.glightbox-button-hidden {
  display: none;
}
.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    to(rgba(0, 0, 0, 0.75))
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.75) 100%
  );
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
}
.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}
.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}
.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: 700;
}
.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}
.gdesc-open .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.4;
}
.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}
.gdesc-closed .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}
.greset {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gabsolute {
  position: absolute;
}
.grelative {
  position: relative;
}
.glightbox-desc {
  display: none !important;
}
.glightbox-open {
  overflow: hidden;
}
.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader 0.8s infinite linear;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}
.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity;
}
.glightbox-mobile .goverlay {
  background: #000;
}
.gclose,
.gnext,
.gprev {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.gclose svg,
.gnext svg,
.gprev svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
}
.gclose.disabled,
.gnext.disabled,
.gprev.disabled {
  opacity: 0.1;
}
.gclose .garrow,
.gnext .garrow,
.gprev .garrow {
  stroke: #fff;
}
.gbtn.focused {
  outline: 2px solid #0f3d81;
}
iframe.wait-autoplay {
  opacity: 0;
}
.glightbox-closing .gclose,
.glightbox-closing .gnext,
.glightbox-closing .gprev {
  opacity: 0 !important;
}
.glightbox-clean .gslide-description {
  background: #fff;
}
.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
}
.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: 400;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em;
}
.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}
.glightbox-clean .gslide-video {
  background: #000;
}
.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}
.glightbox-clean .gclose path,
.glightbox-clean .gnext path,
.glightbox-clean .gprev path {
  fill: #fff;
}
.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px;
}
.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px;
}
.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
}
.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}
.glightbox-clean .gclose:hover {
  opacity: 1;
}
.gfadeIn {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease;
}
.gfadeOut {
  -webkit-animation: gfadeOut 0.5s ease;
  animation: gfadeOut 0.5s ease;
}
.gslideOutLeft {
  -webkit-animation: gslideOutLeft 0.3s ease;
  animation: gslideOutLeft 0.3s ease;
}
.gslideInLeft {
  -webkit-animation: gslideInLeft 0.3s ease;
  animation: gslideInLeft 0.3s ease;
}
.gslideOutRight {
  -webkit-animation: gslideOutRight 0.3s ease;
  animation: gslideOutRight 0.3s ease;
}
.gslideInRight {
  -webkit-animation: gslideInRight 0.3s ease;
  animation: gslideInRight 0.3s ease;
}
.gzoomIn {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease;
}
.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.5s ease;
}
@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
  .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0, 0, 0, 0.92);
  }
  .glightbox-clean .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .description-left .gdesc-inner,
  .glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gclose,
  .glightbox-clean .gnext,
  .glightbox-clean .gprev {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-clean .gclose:hover,
  .glightbox-clean .gnext:hover,
  .glightbox-clean .gprev:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}
@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px;
  }
}
@media screen and (max-height: 420px) {
  .goverlay {
    background: #000;
  }
}
/* Stylesheet: 9. glightbox Modified On 2026-05-06 10:27:39 */