@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;
  --nike: #f18510;
  --nike-border: #f39f43;
  --nike-text: #ffffff;
  --doxxbet: #202020;
  --doxxbet-border: #3c3c3c;
  --doxxbet-text: #f30d31;
  --synottip: #cf633d;
  --synottip-border: #d98264;
  --synottip-text: #ffffff;
  --tipos: #25247b;
  --tipos-border: #3434b1;
  --tipos-text: #ffffff;
  --chance: #007c4d;
  --chance-border: #00975f;
  --chance-text: #f49900;
  --sazka: #fddd31;
  --sazka-border: #f0cc02;
  --sazka-text: #000066;
  --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.nike,
#review.nike-casino,
body.nike,
body.nike-casino {
  --brand: var(--nike);
  --brand-text: var(--nike-text);
  --brand-border: var(--nike-border);
  --toc-color: var(--nike);
  --toc-color-rgb: 241, 133, 16;
}
#review.doxxbet,
#review.doxxbet-casino,
body.doxxbet,
body.doxxbet-casino {
  --brand: var(--doxxbet);
  --brand-text: var(--doxxbet-text);
  --brand-border: var(--doxxbet-border);
  --toc-color: var(--doxxbet);
  --toc-color-rgb: 32, 32, 32;
}
#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.tipos,
#review.tipos-casino,
body.tipos,
body.tipos-casino {
  --brand: var(--tipos);
  --brand-text: var(--tipos-text);
  --brand-border: var(--tipos-border);
  --toc-color: var(--tipos);
  --toc-color-rgb: 37, 36, 123;
}
#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.sazka,
#review.sazka-casino,
body.sazka,
body.sazka-casino {
  --brand: var(--sazka);
  --brand-text: var(--sazka-text);
  --brand-border: var(--sazka-border);
  --toc-color: var(--sazka);
  --toc-color-rgb: 253, 221, 49;
}
*,
::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:53:51 */
.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;
}
.nike .horizontal-th,
.nike .review-table tfoot th,
.nike table tfoot th,
.nike-casino .horizontal-th,
.nike-casino .review-table tfoot th,
.nike-casino table tfoot th {
  background: var(--nike) !important;
  color: var(--bg) !important;
}
.doxxbet .horizontal-th,
.doxxbet .review-table tfoot th,
.doxxbet table tfoot th,
.doxxbet-casino .horizontal-th,
.doxxbet-casino .review-table tfoot th,
.doxxbet-casino table tfoot th {
  background: var(--doxxbet) !important;
  color: var(--bg) !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;
}
.tipos .horizontal-th,
.tipos .review-table tfoot th,
.tipos table tfoot th,
.tipos-casino .horizontal-th,
.tipos-casino .review-table tfoot th,
.tipos-casino table tfoot th {
  background: var(--tipos) !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;
}
.sazka .horizontal-th,
.sazka .review-table tfoot th,
.sazka table tfoot th,
.sazka-casino .horizontal-th,
.sazka-casino .review-table tfoot th,
.sazka-casino table tfoot th {
  background: var(--sazka) !important;
  color: var(--sazka-text) !important;
}
.sazka .horizontal-th a,
.sazka-casino .horizontal-th a {
  color: var(--sazka-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;
}
.doxxbet #hide-bonus-terms-conditions,
.doxxbet #show-bonus-terms-conditions,
.doxxbet-casino #hide-bonus-terms-conditions,
.doxxbet-casino #show-bonus-terms-conditions {
  color: var(--doxxbet-text) !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;
}
.sazka #hide-bonus-terms-conditions,
.sazka #show-bonus-terms-conditions,
.sazka-casino #hide-bonus-terms-conditions,
.sazka-casino #show-bonus-terms-conditions {
  color: var(--sazka-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-nike {
  background: var(--nike) !important;
  color: var(--bg) !important;
}
.button.color-doxxbet {
  background: var(--doxxbet) !important;
  color: var(--doxxbet-text) !important;
}
.button.color-synottip {
  background: var(--synottip) !important;
  color: var(--bg) !important;
}
.button.color-tipos {
  background: var(--tipos) !important;
  color: var(--bg) !important;
}
.button.color-chance {
  background: var(--chance) !important;
  color: var(--bg) !important;
}
.button.color-sazka {
  background: var(--sazka) !important;
  color: var(--sazka-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 12:54:07 */
.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.nike .toc .box-title div,
body.nike .toc .box-title h2,
body.nike-casino .toc .box-title div,
body.nike-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='%23f18510'/%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");
}
.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 12:54:18 */
.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 {
  filter: blur(4px);
  transition: filter 0.25s ease;
}
.bc-wrap.is-red:hover .bonus-code {
  filter: blur(2px);
}
.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:not(.button):not([class*="color-"]),
.left-col a:not(.button):not([class*="color-"]) {
  overflow-wrap: anywhere;
}
.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;
  }
}
/* Stylesheet: 4. Components - extras Modified On 2026-06-09 12:54:29 */
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-nike:nth-child(n) td,
table tbody tr.color-nike:nth-child(n) th,
table.color-nike th,
td.color-nike,
th.color-nike {
  background: var(--nike) !important;
  color: var(--nike-text) !important;
  border-color: var(--nike-border) !important;
}
table tbody tr.color-doxxbet:nth-child(n) td,
table tbody tr.color-doxxbet:nth-child(n) th,
table.color-doxxbet th,
td.color-doxxbet,
th.color-doxxbet {
  background: var(--doxxbet) !important;
  color: var(--doxxbet-text) !important;
  border-color: var(--doxxbet-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-tipos:nth-child(n) td,
table tbody tr.color-tipos:nth-child(n) th,
table.color-tipos th,
td.color-tipos,
th.color-tipos {
  background: var(--tipos) !important;
  color: var(--tipos-text) !important;
  border-color: var(--tipos-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-sazka:nth-child(n) td,
table tbody tr.color-sazka:nth-child(n) th,
table.color-sazka th,
td.color-sazka,
th.color-sazka {
  background: var(--sazka) !important;
  color: var(--sazka-text) !important;
  border-color: var(--sazka-border) !important;
}
.color-tipsport-casino {
  background: var(--tipsport);
  color: var(--tipsport-text);
}
.color-fortuna-casino {
  background: var(--fortuna);
  color: var(--fortuna-text);
}
.color-nike-casino {
  background: var(--nike);
  color: var(--nike-text);
}
.color-doxxbet-casino {
  background: var(--doxxbet);
  color: var(--doxxbet-text);
}
.color-synottip-casino {
  background: var(--synottip);
  color: var(--synottip-text);
}
.color-tipos-casino {
  background: var(--tipos);
  color: var(--tipos-text);
}
.color-chance-casino {
  background: var(--chance);
  color: var(--chance-text);
}
.color-sazka-casino {
  background: var(--sazka);
  color: var(--sazka-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-nike"] {
  --company-bg: var(--nike);
  --company-text: var(--nike-text);
}
[class*="color-doxxbet"] {
  --company-bg: var(--doxxbet);
  --company-text: var(--doxxbet-text);
}
[class*="color-synottip"] {
  --company-bg: var(--synottip);
  --company-text: var(--synottip-text);
}
[class*="color-tipos"] {
  --company-bg: var(--tipos);
  --company-text: var(--tipos-text);
}
[class*="color-chance"] {
  --company-bg: var(--chance);
  --company-text: var(--chance-text);
}
[class*="color-sazka"] {
  --company-bg: var(--sazka);
  --company-text: var(--sazka-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-sazka"]: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=5);
  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-nike {
  background-position: 0-70px;
}
.logo-doxxbet {
  background-position: 0-105px;
}
.logo-synottip {
  background-position: 0-140px;
}
.logo-tipos {
  background-position: 0-175px;
}
.logo-chance {
  background-position: 0-210px;
}
.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 12:54:46 */
@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:.875rem;transition:background var(--transition)}.jump-menu button{background:0 0;color:var(--bg);border:1px solid #ffffff66;padding:.5rem 2rem .5rem 1rem;border-radius:var(--radius);cursor:pointer;position:relative}.jump-menu button::after{content:"";display:inline-block;position:absolute;right:.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:.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:.25rem 0;z-index:var(--z-floating)}.jump-menu ul li a{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .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:.35rem .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:.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:.35rem .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:.35rem .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:.625rem;padding:1px 4px;line-height:1.2}.main-menu>ul>li.active>.sub-menu>ul>li>a{display:inline-block!important;padding:.3rem .6rem!important;color:#ffffffcc!important;text-decoration:none!important;font-family:var(--font-heading)!important;font-weight:700!important;font-size:.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:.35rem .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:.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:.5rem 1rem}.review-rating{display:flex;align-items:baseline;gap:.75rem;padding:.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 .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:.35rem 1rem}.review-header.is-sticking .button{margin-left:.5rem}.review-header.is-sticking .mobile-icons{display:inline-flex!important;align-items:center;margin:0 .75rem}.review-header.is-sticking{flex-wrap:wrap!important}.l-box,.l-img{float:left;margin:.25rem 1.5rem 1rem 0;max-width:50%}.r-box,.r-img{float:right;margin:.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:.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:.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:.75rem 1.5rem;font-size:1rem;cursor:pointer}@media (min-width:768px){article.content form.search-form{flex-direction:row;align-items:center;gap:.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:.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:.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-05-04 12:21:31 */
@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:.35rem .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:.2rem 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:-.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:.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:.2rem 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:.75rem 1.25rem .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:.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:.6rem;border-bottom:none}.sub-menu .sub-menu .submenu-toggle{min-height:40px!important;height:auto!important;width:2.25rem!important;font-size:.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:.75rem 0 0!important;text-align:center;justify-content:center;border-radius:var(--radius);padding:.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:.4rem .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:.8rem!important;padding:.4rem .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:.875rem}.notice-promo>strong{font-size:.75rem;letter-spacing:.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:.5rem .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:.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:.8125rem}table td,table th{padding:.35rem .5rem}.review-rating{flex-wrap:wrap;padding:.5rem}.rating-value{font-size:1.5rem}.mosaic img{max-width:calc(50% - .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:.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 .3s cubic-bezier(.4,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:.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 .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))}.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-05-06 14:42:46 */
/* =============================================================================
   TIPSPORT WIDGETS — clean verzia (rebuild z poslaného CSS)
   ============================================================================= */

/* --- KONTAJNERY ---------------------------------------------------------- */

.tipsport-matche {
    display: grid;
    grid-template-columns: 4.25rem 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas:
        "date  teams"
        "live  live"
        "tabs  tabs"
        "content content";
    background: linear-gradient(135deg, var(--primary-dark), var(--primary));
    border-radius: var(--radius-lg);
    box-shadow: 0 0 8px #00000010, 0 0 0 1px var(--border);
    overflow: hidden;
    margin: 2rem 0;
    position: relative;
}

.tipsport-matche[data-score] {
    grid-template-columns: 4.25rem 1fr 4rem;
    grid-template-areas:
        "date  teams  score"
        "live  live   live"
        "tabs  tabs   tabs"
        "content content content";
}

.tipsport-matche:has(.status-offer) {
    grid-template-areas:
        "date  teams"
        "live  live"
        "status status"
        "tabs  tabs"
        "content content";
}

.tipsport-matche[data-score]:has(.status-offer) {
    grid-template-columns: 4.25rem 1fr 4rem;
    grid-template-areas:
        "date  teams  score"
        "live  live   live"
        "status status status"
        "tabs  tabs   tabs"
        "content content content";
}

.tipsport-matche > .status-offer {
    grid-area: status;
    background: #2a2a2a;
    color: var(--bg);
    padding: 0.625rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.tipsport-matche > .status-offer::before { content: ""; display: none; font-size: 0.875rem; line-height: 1; }
.tipsport-matche > .status-offer[data-state="upcoming"]::before { content: "⏰"; display: inline; color: var(--yellow-cta-light, #ffe600); }
.tipsport-matche > .status-offer[data-state="ended"]::before { content: "⏱"; display: inline; color: var(--text-muted); }

.tipsport-analyses { background: var(--bg); border-radius: var(--radius-lg); box-shadow: 0 0 8px #00000010, 0 0 0 1px var(--border); overflow: hidden; margin: 2rem 0; position: relative; }

/* --- H2 → tímy ---------------------------------------------------------- */
.tipsport-matche > h2 {
    grid-area: teams; margin: 0 !important; padding: 0 !important; background: transparent !important;
    color: var(--bg) !important; display: flex; align-items: center; justify-content: flex-start;
    min-height: 3.5rem; min-width: 0; overflow: hidden; font-family: var(--font-heading); line-height: 1.3;
}

.tipsport-matche > h2 .match {
    padding: 0; margin: 0 1.25rem; color: var(--bg); font-family: var(--font-heading); font-size: 1.25rem;
    font-weight: 700; line-height: 1.3; text-align: left; flex: 1 1 0; min-width: 0; max-height: calc(1.25rem * 1.3 * 2);
    overflow-x: auto; overflow-y: hidden; word-break: normal; overflow-wrap: normal; box-sizing: border-box;
    white-space: nowrap; -webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%);
    mask-image: linear-gradient(to right, black 80%, transparent 100%); scrollbar-width: thin;
    scrollbar-color: #ffffff66 transparent; -webkit-overflow-scrolling: touch;
}

.tipsport-matche > h2 .match::-webkit-scrollbar { height: 3px; }
.tipsport-matche > h2 .match::-webkit-scrollbar-track { background: transparent; }
.tipsport-matche > h2 .match::-webkit-scrollbar-thumb { background: #ffffff4d; border-radius: 2px; }
.tipsport-matche > h2 .match::-webkit-scrollbar-thumb:hover { background: #ffffff80; }
.tipsport-matche > h2 .match br { display: block; }
.tipsport-matche > h2 .match em, .tipsport-matche > h2 .match i { color: var(--yellow-cta-light, #ffe600); font-style: normal; font-weight: 700; margin-right: 0.25rem; text-shadow: 0 1px 2px #00000040; }

.tipsport-matche > h2 + div { grid-area: date; background: transparent; color: var(--bg); margin: 0; padding: 0; min-height: 3.5rem; display: flex; align-items: center; justify-content: center; }
.tipsport-matche > h2 + div + div { grid-area: video; background: transparent; margin: 0; padding: 0; min-height: 3.5rem; display: flex; align-items: center; justify-content: center; }

/* Skóre */
.tipsport-matche[data-score]::after {
    content: attr(data-score); grid-area: score; background: transparent; color: var(--yellow-cta-light, #ffe600);
    font-family: var(--font-heading); font-weight: 700; font-size: 1.5rem; display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 0; min-height: 3.5rem; text-shadow: 0 1px 2px #00000059;
    line-height: 1.3; padding: 0.5rem 0.25rem; word-spacing: 100vw; text-align: center; white-space: normal;
}

/* --- DÁTUM A ČAS --------------------------------------------------------- */
.tipsport-matche .dateStart { 
    font-family: var(--font-heading); 
    font-size: 0.8125rem; 
    font-weight: 700; 
    color: var(--bg); 
    padding: 0.4rem 0.25rem !important; 
    line-height: 1.1 !important; 
    text-align: center; 
    width: 100%; 
    box-sizing: border-box; 
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
}
.tipsport-matche .dateStart small { 
    display: block !important; 
    font-size: 0.625rem !important; 
    font-weight: 500 !important; 
    opacity: 0.8 !important; 
    line-height: 1 !important; 
    margin: 0 0 0.3rem !important;       /* gap pod 2026 = oddeľuje čas od dátumu */
    padding: 0 !important;
    letter-spacing: 0.02em; 
}
.tipsport-matche .dateStart br { display: none !important; }
.tipsport-matche .dateStart::before { content: none !important; }

.tipsport-matche .dateStart .date-label {
    display: inline-block; font-size: 0.625rem; font-weight: 700; color: var(--primary-dark);
    background: var(--yellow-cta-light, #ffe600); padding: 0.15rem 0.4rem; border-radius: 0.25rem;
    text-transform: uppercase; letter-spacing: 0.04em; line-height: 1.1; margin-bottom: 0.25rem;
}

.tipsport-matche .dateStart .date-label--ended { background: var(--red); color: var(--bg); }
.tipsport-matche .dateStart .date-label--live { background: var(--red); color: var(--bg); animation: liveLabelPulse 1.8s ease-in-out infinite; }

/* --- EXTERNE TLACIDLA MIMO VIDEA ------------------------------- */
.tipsport-matche .stream { font-size: 0.625rem; font-weight: 700; color: var(--bg); background: var(--red); padding: 0.4rem 0.625rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-sm); line-height: 1; box-shadow: 0 1px 3px #00000059; cursor: pointer; display: inline-flex; align-items: center; white-space: nowrap; transition: background var(--transition); }
.tipsport-matche .stream:hover { background: var(--red-dark); }
.tipsport-matche .stream::before { content: "▶"; margin-right: 0.3rem; font-size: 0.55rem; }
.tipsport-matche .stream--ended { background: var(--text-muted); color: var(--bg); font-size: 0.6875rem; font-weight: 600; padding: 0.4rem 0.625rem; border-radius: var(--radius-sm); text-transform: none; letter-spacing: 0; line-height: 1.3; text-align: center; box-shadow: none; cursor: default; min-width: auto; min-height: auto; white-space: normal; }
.tipsport-matche .stream--ended:hover { background: var(--text-muted) !important; }
.tipsport-matche .stream--ended::before { content: none; }
.tipsport-matche .stream--live { background: var(--red); color: var(--bg); font-size: 0.6875rem; font-weight: 700; padding: 0.4rem 0.625rem; border-radius: var(--radius-sm); text-transform: none; letter-spacing: 0; line-height: 1.3; text-align: center; box-shadow: 0 0 0 0 #dc262680; cursor: pointer; min-width: auto; min-height: auto; white-space: normal; animation: liveLabelPulse 1.8s ease-in-out infinite; }
.tipsport-matche .stream--live::before { content: none; }
.tipsport-matche .stream a, .tipsport-matche .stream a:hover, .tipsport-matche .stream a:focus, .tipsport-matche .stream a:active,
.tipsport-matche .stream--ended a, .tipsport-matche .stream--ended a:hover, .tipsport-matche .stream--ended a:focus, .tipsport-matche .stream--ended a:active,
.tipsport-matche .stream--live a, .tipsport-matche .stream--live a:hover, .tipsport-matche .stream--live a:focus, .tipsport-matche .stream--live a:active { color: var(--bg) !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 2px !important; background: transparent !important; background-color: transparent !important; }
.tipsport-matche .stream { position: relative; }
.tipsport-matche .stream > a::before { content: ""; position: absolute; inset: 0; z-index: 1; }

/* ============================================================================
   LIVE STREAM OKNO A ROZBALOVANIE - clean verzia
   ============================================================================ */

.tipsport-matche > h2 + div + div {
    grid-area: live !important;
    background: #2a2a2a !important;
    
    /* Zdieľaná matematická CSS premenná pre responzívne okraje */
    --stream-h: 18rem; 
    --stream-edge: 1rem;
    
    height: var(--stream-h) !important; 
    padding: 0 !important; 
    margin: 0 !important;
    display: block !important; 
    position: relative !important;
    overflow: hidden !important;
    border-top: 1px solid #ffffff26 !important;
    transition: height 350ms cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
}

/* Úprava okrajov podľa displeja */
@media (min-width: 450px) { .tipsport-matche > h2 + div + div { --stream-edge: 10%; } }
@media (min-width: 601px) { .tipsport-matche > h2 + div + div { --stream-edge: 20%; } }

.tipsport-matche > h2 + div + div::before {
    content: "" !important;
    position: absolute !important;
    top: 10px !important;
    bottom: 0 !important; 
    left: calc(var(--stream-edge) - 5px) !important;
    right: calc(var(--stream-edge) - 5px) !important;
    background: 
        radial-gradient(circle at 20% 30%, #dc262615 0%, transparent 40%),
        radial-gradient(circle at 80% 70%, #dc262610 0%, transparent 40%),
        linear-gradient(135deg, #0a0a0a, #1a1a1a 50%, #0f0f0f) !important;
    pointer-events: none !important;
    animation: liveStreamGlow 3s ease-in-out infinite !important;
}

.tipsport-matche > h2 + div + div::after { content: none !important; }
.tipsport-matche > h2 + div + div:hover, .tipsport-matche > h2 + div + div:focus, .tipsport-matche > h2 + div + div:active { background: #2a2a2a !important; background-color: #2a2a2a !important; background-image: none !important; }
.tipsport-matche > h2 + div + div a, .tipsport-matche > h2 + div + div a:hover, .tipsport-matche > h2 + div + div a:focus, .tipsport-matche > h2 + div + div a:active { background: transparent !important; background-color: transparent !important; background-image: none !important; text-decoration: none !important; color: var(--bg) !important; }

/* --- PLAY TLAČIDLO — pulzuje cez livePlayRing animáciu --- */
.tipsport-matche > h2 + div + div .stream {
    background: transparent !important; box-shadow: none !important; padding: 0 !important; font-size: 0 !important;
    min-width: auto !important; min-height: auto !important; color: var(--bg) !important; display: inline-flex !important;
    align-items: center !important; justify-content: center !important; gap: 0 !important; position: absolute !important;
    top: calc(var(--stream-h) / 2) !important; left: 50% !important; transform: translate(-50%, -50%) !important; z-index: 5 !important;
    
    /* Klik prejde cez tlačidlo na stretched-link */
    pointer-events: none !important;
}
.tipsport-matche > h2 + div + div .stream:hover { background: transparent !important; }
.tipsport-matche > h2 + div + div .stream::before {
    content: "" !important; display: block !important; width: 4.5rem !important; height: 4.5rem !important; border-radius: 50% !important; background: var(--red) !important;
    position: relative !important; font-size: 0 !important; margin: 0 !important; box-shadow: 0 0 0 0 #dc2626cc, 0 6px 24px #dc262640 !important;
    animation: livePlayRing 1.5s ease-in-out infinite !important;
    will-change: box-shadow, transform !important;
    transform-origin: center center !important;
}
.tipsport-matche > h2 + div + div .stream::after {
    content: "▶" !important; font-size: 1.75rem !important; font-weight: 400 !important; color: var(--bg) !important; position: absolute !important; top: 50% !important; left: 50% !important;
    transform: translate(-42%, -50%) !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1 !important; z-index: 2 !important; pointer-events: none !important;
}
.tipsport-matche > h2 + div + div:hover .stream::before { transform: scale(1.1) !important; background: var(--red-dark) !important; }

/* --- TV TIPSPORT LOGO --- */
.tipsport-matche > h2 + div + div .stream-logo,
.tipsport-matche > h2 + div + div .stream-logo * {
    margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; text-align: center !important; width: auto !important; height: auto !important; white-space: nowrap !important; line-height: 1 !important; letter-spacing: normal !important;
}

.tipsport-matche > h2 + div + div .stream-logo {
    position: absolute !important; 
    top: 20px !important; 
    right: calc(var(--stream-edge) + 15px) !important; 
    display: inline-flex !important; flex-direction: column !important; align-items: center !important; 
    z-index: 5 !important; color: #ffffff26 !important;
    font-family: var(--font-heading) !important; font-weight: 700 !important; text-transform: uppercase !important;
    pointer-events: none !important; 
}

.tipsport-matche > h2 + div + div .stream-logo-tv { font-size: 1.125rem !important; letter-spacing: 0.05em !important; margin-bottom: 0.2rem !important; display: block !important; }
.tipsport-matche > h2 + div + div .stream-logo-name { font-size: 0.45rem !important; display: block !important; border-top: 1px solid currentColor !important; padding-top: 0.15rem !important; }


/* --- PILL ROZBAĽOVANIE --- */
.tipsport-matche > h2 + div + div .stream-info {
    position: absolute !important;
    top: calc(var(--stream-h) - 2.75rem) !important; 
    left: 0 !important; right: 0 !important; width: 100% !important;
    display: flex !important; justify-content: center !important; z-index: 10 !important; pointer-events: none !important;
    color: #ffffffcc !important; 
}

.tipsport-matche > h2 + div + div .stream-info .bullet { display: inline-block !important; font-weight: 700 !important; color: #ffffff !important; margin: 0 !important; padding: 0 !important; }
.tipsport-matche > h2 + div + div .stream-info-toc-link { text-decoration: none !important; color: #ffffffcc !important; }
.tipsport-matche > h2 + div + div .stream-info-toc-link .toc-text { text-decoration: underline !important; text-underline-offset: 2px !important; }

.tipsport-matche > h2 + div + div .stream-info-toggle { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; pointer-events: none !important; }

/* --- X TLAČIDLO - plávajúce nad pilou --- */
.tipsport-matche > h2 + div + div .stream-info-close {
    position: absolute !important; 
    top: -1.75rem !important; 
    left: calc(50% + 6.5rem) !important; 
    transform: none !important; 
    display: inline-flex !important; align-items: center !important; justify-content: center !important; 
    width: 1.5rem !important; height: 1.5rem !important; font-size: 1.25rem !important; 
    line-height: 1 !important; color: #ffffffcc !important; cursor: pointer !important; 
    border-radius: 50% !important; background: rgba(0, 0, 0, 0.6) !important; 
    border: 1px solid #ffffff33 !important; transition: all 200ms ease !important;
    user-select: none !important; pointer-events: auto !important; z-index: 10 !important;
}

.tipsport-matche > h2 + div + div .stream-info-close:hover { color: var(--bg) !important; background: rgba(0, 0, 0, 0.9) !important; border-color: #ffffff66 !important; }

/* --- LOGIKA ROZBAĽOVANIA --- */
.tipsport-matche > h2 + div + div .stream-info-toc-toggle { position: fixed !important; opacity: 0 !important; pointer-events: none !important; width: 1px !important; height: 1px !important; top: 0 !important; left: 0 !important; margin: 0 !important; padding: 0 !important; border: none !important; appearance: none !important; -webkit-appearance: none !important; clip: rect(0, 0, 0, 0) !important; overflow: hidden !important; white-space: nowrap !important; }
.tipsport-matche > h2 + div + div .stream-info-toc-link { cursor: pointer !important; color: #ffffffcc !important; transition: color 200ms ease !important; pointer-events: auto !important; position: relative !important; z-index: 10 !important; text-decoration: none !important; }
.tipsport-matche > h2 + div + div .stream-info-toc-link .toc-text { text-decoration: underline !important; text-underline-offset: 2px !important; }
.tipsport-matche > h2 + div + div .stream-info-toc-link:hover { color: #ffffff !important; }

.tipsport-matche > h2 + div + div .stream-info .info-pill {
    display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: 16rem !important;
    margin: 0 auto !important; padding: 0.25rem 0.875rem !important; border: 1px solid #ffffff33 !important; border-radius: 1rem !important;
    background: rgba(0, 0, 0, 0.7) !important; transition: padding 350ms cubic-bezier(0.4, 0, 0.2, 1) !important; pointer-events: auto !important; 
}

.tipsport-matche > h2 + div + div .stream-info .info-pill-summary { display: flex !important; align-items: center !important; justify-content: center !important; gap: 1.25rem !important; font-size: 0.625rem !important; }

.tipsport-matche > h2 + div + div .stream-info .info-pill-details {
    max-height: 0 !important; opacity: 0 !important; overflow: hidden !important; visibility: hidden !important; margin-top: 0 !important; padding-top: 0 !important;
    border-top: 1px solid transparent !important; text-align: left !important; color: #ffffffb3 !important; font-size: 0.625rem !important; line-height: 1.5 !important;
    transition: max-height 250ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms ease, margin-top 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms ease, visibility 0ms 250ms !important;
}

.tipsport-matche > h2 + div + div .stream-info .info-pill-details h4 { margin: 0 0 0.5rem !important; font-family: var(--font-heading) !important; font-size: 0.6875rem !important; color: #ffffff !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; }
.tipsport-matche > h2 + div + div .stream-info .info-pill-details p { margin: 0 0 0.5rem !important; }
.tipsport-matche > h2 + div + div .stream-info .info-pill-details a { color: var(--yellow-cta-light, #ffe600) !important; text-decoration: underline !important; pointer-events: auto !important; position: relative !important; z-index: 10 !important; }

/* STAVY PO ROZBALENÍ */
.tipsport-matche > h2 + div + div:has(.stream-info-toc-toggle:checked) { height: calc(var(--stream-h) + 15rem) !important; }
.tipsport-matche > h2 + div + div:has(.stream-info-toc-toggle:checked) .info-pill { padding: 0.5rem 0.875rem !important; }
.tipsport-matche > h2 + div + div:has(.stream-info-toc-toggle:checked) .info-pill-details {
    max-height: 20rem !important; opacity: 1 !important; visibility: visible !important;
    margin-top: 0.625rem !important; padding-top: 0.625rem !important; border-top-color: #ffffff1f !important;
    transition: max-height 350ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms ease 100ms, margin-top 350ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 350ms cubic-bezier(0.4, 0, 0.2, 1), border-color 350ms ease, visibility 0ms 0ms !important;
}

.tipsport-matche > h2 + div + div .stream-info-toggle:checked ~ .stream-info { opacity: 0 !important; pointer-events: none !important; }

/* === ANIMÁCIE === */
@keyframes liveStreamGlow { 
    0%, 100% { opacity: 0.6; } 
    50% { opacity: 1; } 
}

@keyframes livePlayRing { 
    0%, 100% { 
        box-shadow: 0 0 0 0 #dc2626cc, 0 6px 24px #dc262640; 
        transform: scale(1);
    } 
    50% { 
        box-shadow: 0 0 0 18px #dc262600, 0 6px 24px #dc262640;
        transform: scale(1.08);
    } 
}

@keyframes liveLabelPulse {
    0%, 100% { box-shadow: 0 0 0 0 #dc262680; }
    50% { box-shadow: 0 0 0 6px #dc262600; }
}

/* --- TABS (RADIO BUTTONS HACK) -------------------------------------------- */
.tipsport-matche > input[type="radio"], .tipsport-analyses > input[type="radio"] { position: fixed !important; opacity: 0 !important; pointer-events: none !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; border: none !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; top: 0 !important; left: 0 !important; clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important; overflow: hidden !important; white-space: nowrap !important; }
.tipsport-matche > .tabs, .tipsport-analyses > .tabs { grid-area: tabs; display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; background: var(--bg); border-top: 1px solid #ffffff26 !important; border-bottom: 1px solid var(--border) !important; margin: 0 !important; padding: 0.5rem 0.625rem !important; gap: 0.4rem; width: 100% !important; list-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.tipsport-matche > .tabs::-webkit-scrollbar, .tipsport-analyses > .tabs::-webkit-scrollbar { display: none; height: 0; width: 0; }
.tipsport-matche > .tabs > label, .tipsport-analyses > .tabs > label { flex: 0 0 auto; padding: 0.5rem 1rem; font-family: var(--font-body); font-size: 0.8125rem; font-weight: 700; color: var(--text); text-align: center; cursor: pointer; border: 1px solid var(--border); border-radius: 999px; background: var(--bg-light); transition: all var(--transition); white-space: nowrap; user-select: none; margin: 0; line-height: 1.2; }
.tipsport-matche > .tabs > label:hover, .tipsport-analyses > .tabs > label:hover { background: var(--bg-gray); border-color: var(--border-dark); color: var(--text); }

.tipsport-matche > input[type="radio"]:nth-of-type(1):checked ~ .tabs > label[for$="-tab1"], .tipsport-matche > input[type="radio"]:nth-of-type(2):checked ~ .tabs > label[for$="-tab2"], .tipsport-matche > input[type="radio"]:nth-of-type(3):checked ~ .tabs > label[for$="-tab3"], .tipsport-matche > input[type="radio"]:nth-of-type(4):checked ~ .tabs > label[for$="-tab4"], .tipsport-matche > input[type="radio"]:nth-of-type(5):checked ~ .tabs > label[for$="-tab5"], .tipsport-matche > input[type="radio"]:nth-of-type(6):checked ~ .tabs > label[for$="-tab6"],
.tipsport-analyses > input[type="radio"]:nth-of-type(1):checked ~ .tabs > label[for$="-tab1"], .tipsport-analyses > input[type="radio"]:nth-of-type(2):checked ~ .tabs > label[for$="-tab2"], .tipsport-analyses > input[type="radio"]:nth-of-type(3):checked ~ .tabs > label[for$="-tab3"], .tipsport-analyses > input[type="radio"]:nth-of-type(4):checked ~ .tabs > label[for$="-tab4"], .tipsport-analyses > input[type="radio"]:nth-of-type(5):checked ~ .tabs > label[for$="-tab5"], .tipsport-analyses > input[type="radio"]:nth-of-type(6):checked ~ .tabs > label[for$="-tab6"] { background: var(--primary) !important; color: var(--bg) !important; border-color: var(--primary) !important; box-shadow: 0 1px 3px #40800059; }

/* --- TABUĽKY ------------------------------------------------------------ */
.tipsport-matche > table, .tipsport-matche > .table-wrap, .tipsport-matche > .kurzy-container { grid-area: content; background: var(--bg); }
.tipsport-matche table, .tipsport-analyses table { width: 100% !important; border: none !important; border-collapse: collapse !important; border-spacing: 0 !important; margin: 0 !important; background: var(--bg) !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; font-family: var(--font-body) !important; font-size: 0.875rem !important; table-layout: fixed !important; }
.tipsport-matche table tbody, .tipsport-matche table tr, .tipsport-matche table td, .tipsport-matche table th, .tipsport-analyses table tbody, .tipsport-analyses table tr, .tipsport-analyses table td, .tipsport-analyses table th { background: transparent !important; box-shadow: none !important; border: none !important; color: var(--text) !important; }
.tipsport-matche table tbody tr:nth-child(even) td, .tipsport-matche table tbody tr:nth-child(odd) td, .tipsport-analyses table tbody tr:nth-child(even) td, .tipsport-analyses table tbody tr:nth-child(odd) td { background: transparent !important; }
.tipsport-matche > .table-wrap, .tipsport-matche .kurzy-container > .table-wrap, .tipsport-matche .kurzy-container .table-wrap, .tipsport-analyses .kurzy-container > .table-wrap { margin: 0 !important; padding: 0 !important; overflow: visible !important; width: 100% !important; }
.tipsport-matche tbody.section { display: none !important; }

.tipsport-matche > input[type="radio"]:nth-of-type(1):checked ~ table tbody.section:nth-of-type(1), .tipsport-matche > input[type="radio"]:nth-of-type(2):checked ~ table tbody.section:nth-of-type(2), .tipsport-matche > input[type="radio"]:nth-of-type(3):checked ~ table tbody.section:nth-of-type(3), .tipsport-matche > input[type="radio"]:nth-of-type(4):checked ~ table tbody.section:nth-of-type(4), .tipsport-matche > input[type="radio"]:nth-of-type(5):checked ~ table tbody.section:nth-of-type(5), .tipsport-matche > input[type="radio"]:nth-of-type(6):checked ~ table tbody.section:nth-of-type(6),
.tipsport-matche > input[type="radio"]:nth-of-type(1):checked ~ .kurzy-container table tbody.section:nth-of-type(1), .tipsport-matche > input[type="radio"]:nth-of-type(2):checked ~ .kurzy-container table tbody.section:nth-of-type(2), .tipsport-matche > input[type="radio"]:nth-of-type(3):checked ~ .kurzy-container table tbody.section:nth-of-type(3), .tipsport-matche > input[type="radio"]:nth-of-type(4):checked ~ .kurzy-container table tbody.section:nth-of-type(4), .tipsport-matche > input[type="radio"]:nth-of-type(5):checked ~ .kurzy-container table tbody.section:nth-of-type(5), .tipsport-matche > input[type="radio"]:nth-of-type(6):checked ~ .kurzy-container table tbody.section:nth-of-type(6) { display: table-row-group !important; }

.tipsport-matche tbody.section tr:first-child td { padding: 0.875rem 1rem !important; font-size: 0.8125rem !important; font-weight: 700 !important; color: var(--text-muted) !important; background: var(--bg-light) !important; text-align: center !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; border-bottom: 1px solid var(--border) !important; }
.tipsport-matche tbody.section tr:nth-child(2) td { padding: 0.625rem 0.5rem !important; font-size: 0.875rem !important; font-weight: 700 !important; color: var(--text) !important; background: var(--bg) !important; text-align: center !important; border-right: none !important; border-bottom: none !important; }
.tipsport-matche tbody.section tr:nth-child(3) td { padding: 0.75rem 0.5rem !important; font-family: var(--font-heading) !important; font-size: 1.25rem !important; font-weight: 700 !important; color: var(--primary) !important; background: var(--bg) !important; text-align: center !important; border-right: none !important; cursor: pointer; transition: all var(--transition); position: relative; }
.tipsport-matche tbody.section tr:nth-child(3) td a, .tipsport-matche tbody.section tr:nth-child(3) td a:hover, .tipsport-matche tbody.section tr:nth-child(3) td a:focus, .tipsport-matche tbody.section tr:nth-child(3) td a:active { color: var(--primary) !important; text-decoration: none !important; background: transparent !important; background-color: transparent !important; display: block; width: 100%; height: 100%; }
.tipsport-matche tbody.section tr:nth-child(3) td a::before { content: ""; position: absolute; inset: 0; z-index: 1; }
.tipsport-matche tbody.section tr:nth-child(3) td:hover { background: var(--primary-50) !important; color: var(--primary-dark) !important; }
.tipsport-matche tbody.section tr:nth-child(3) td:hover a { color: var(--primary-dark) !important; }
.tipsport-matche > h2 .match a, .tipsport-matche > h2 .match a:hover, .tipsport-matche > h2 .match a:focus, .tipsport-matche > h2 .match a:active { color: var(--bg) !important; text-decoration: none !important; background: transparent !important; background-color: transparent !important; display: inline; }
.tipsport-matche > h2 .match a em { color: var(--yellow-cta-light, #ffe600) !important; }

/* --- EDITORIAL TIP --- */
.editorial-tip { position: relative; background: linear-gradient(135deg, var(--primary-dark), var(--primary)); color: var(--bg); border-radius: var(--radius-lg) var(--radius-lg) 0 0; padding: 1.25rem 1.25rem 1rem; margin: 1.5rem 0 0; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; grid-template-areas: "label label" "main rate"; gap: 0.5rem 1rem; box-shadow: 0 0 8px #00000010, 0 0 0 1px var(--primary-dark); overflow: hidden; transition: all var(--transition); }
.editorial-tip::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: var(--yellow-cta-light, #ffe600); }
.editorial-tip::after { content: none; }
.editorial-tip-label { grid-area: label; display: inline-flex; align-items: center; gap: 0.4rem; font-family: var(--font-heading); font-size: 0.6875rem; font-weight: 700; color: var(--primary-dark); background: var(--yellow-cta-light, #ffe600); padding: 0.3rem 0.625rem; border-radius: 999px; text-transform: uppercase; letter-spacing: 0.08em; width: fit-content; line-height: 1; }
.editorial-tip-label::before { content: "★"; font-size: 0.75rem; line-height: 1; }
.editorial-tip-main { grid-area: main; min-width: 0; }
.editorial-tip-main .opportunityName { font-family: var(--font-heading); font-size: 1.25rem; font-weight: 700; color: var(--bg); line-height: 1.25; margin-bottom: 0.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.editorial-tip-main .eventName { font-size: 0.8125rem; color: #ffffffcc; font-weight: 400; line-height: 1.3; }
.editorial-tip-rate { grid-area: rate; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 0.1rem; background: #00000033; padding: 0.5rem 0.875rem; border-radius: var(--radius); min-width: 4.5rem; }
.editorial-tip-rate .rate { font-family: var(--font-body); font-size: 0.6875rem; color: #ffffffaa; font-weight: 400; line-height: 1; text-decoration: line-through; text-decoration-color: #ffffff66; }
.editorial-tip-rate .currentRate { font-family: var(--font-heading); font-size: 1.5rem; font-weight: 700; color: var(--yellow-cta-light, #ffe600); line-height: 1; text-shadow: 0 1px 2px #00000040; }
.editorial-tip:hover { cursor: pointer; box-shadow: 0 4px 12px #4080001a, 0 0 0 1px var(--primary-dark); }
.editorial-tip--recommended { background: var(--bg); color: var(--text); box-shadow: 0 0 8px #00000010, 0 0 0 1px var(--border); }
.editorial-tip--recommended::before { background: var(--primary); }
.editorial-tip--recommended::after { content: none; }
.editorial-tip--recommended .editorial-tip-label { color: var(--bg); background: var(--primary); }
.editorial-tip--recommended .editorial-tip-label::before { content: "✓"; font-size: 0.6875rem; }
.editorial-tip--recommended .editorial-tip-main .opportunityName { color: var(--text); }
.editorial-tip--recommended .editorial-tip-main .eventName { color: var(--text-muted); }
.editorial-tip--recommended .editorial-tip-rate { background: var(--primary-50); }
.editorial-tip--recommended .editorial-tip-rate .rate { color: var(--text-light); text-decoration-color: var(--text-light); }
.editorial-tip--recommended .editorial-tip-rate .currentRate { color: var(--primary); text-shadow: none; }
.editorial-tip--recommended:hover { box-shadow: 0 4px 12px #0000001a, 0 0 0 1px var(--primary); }
.editorial-tip + .tipsport-analyses { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
.tipsport-analyses-title, h3.editorial-tip-heading { font-family: var(--font-heading); font-size: 1rem; font-weight: 700; color: var(--text); margin: 1.5rem 0 0.5rem; padding: 0; text-transform: uppercase; letter-spacing: 0.05em; }

/* --- ANALÝZY KOMUNITY --- */
.tipsport-analyses .kurzy-container { overflow-x: auto; background: var(--bg); -webkit-overflow-scrolling: touch; }
.tipsport-analyses table tbody:has(th) { display: table-row-group !important; background: var(--bg-light); }
.tipsport-analyses table tbody:not(:has(th)) { display: none !important; }
.tipsport-analyses > input:nth-of-type(1):checked ~ .kurzy-container table tbody.s1, .tipsport-analyses > input:nth-of-type(2):checked ~ .kurzy-container table tbody.s2, .tipsport-analyses > input:nth-of-type(3):checked ~ .kurzy-container table tbody.s3, .tipsport-analyses > input:nth-of-type(4):checked ~ .kurzy-container table tbody.s4, .tipsport-analyses > input:nth-of-type(5):checked ~ .kurzy-container table tbody.s5, .tipsport-analyses > input:nth-of-type(6):checked ~ .kurzy-container table tbody.s6, .tipsport-analyses > input:nth-of-type(7):checked ~ .kurzy-container table tbody.s7 { display: table-row-group !important; }
.tipsport-analyses table th { padding: 0.875rem 1rem !important; font-family: var(--font-heading) !important; font-size: 0.8125rem !important; font-weight: 700 !important; color: var(--text) !important; background: var(--bg-light) !important; text-align: left !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; border-bottom: 1px solid var(--border) !important; }
.tipsport-analyses table td { padding: 0.75rem 1rem !important; font-size: 0.875rem !important; color: var(--text) !important; background: var(--bg) !important; border-bottom: 1px solid var(--bg-gray) !important; vertical-align: middle !important; line-height: 1.4 !important; }
.tipsport-analyses table td:last-child { text-align: right !important; width: auto; min-width: 5rem; white-space: nowrap; }
.tipsport-analyses table tbody:not(:has(th)):nth-of-type(even) td { background: var(--bg-light) !important; }
.tipsport-analyses table tbody:not(:has(th)):hover td { background: var(--primary-50) !important; cursor: pointer; }
.tipsport-analyses table tbody:last-child td { border-bottom: none !important; }
.tipsport-analyses table tbody.empty-state { display: none !important; }
.tipsport-analyses .opportunityName { font-family: var(--font-heading); font-size: 0.9375rem; font-weight: 700; color: var(--text); line-height: 1.25; margin-bottom: 0.15rem; }
.tipsport-analyses .eventName { font-size: 0.75rem; color: var(--text-muted); font-weight: 400; line-height: 1.3; }
.tipsport-analyses .rate { font-family: var(--font-body); font-size: 0.6875rem; color: var(--text-light); font-weight: 400; line-height: 1.2; text-decoration: line-through; text-decoration-color: var(--text-light); margin-bottom: 0.1rem; }
.tipsport-analyses .currentRate { font-family: var(--font-heading); font-size: 1.125rem; font-weight: 700; color: var(--primary); line-height: 1.1; }
.tipsport-analyses table tbody:only-child th[colspan] { padding: 2rem 1rem !important; text-align: center !important; color: var(--text-muted) !important; font-weight: 500 !important; font-size: 0.875rem !important; text-transform: none !important; letter-spacing: 0 !important; background: var(--bg) !important; position: relative; }
.tipsport-analyses table tbody:only-child th[colspan]::before { content: "💬 "; display: block; font-size: 1.5rem; margin-bottom: 0.5rem; line-height: 1; }
.tipsport-analyses table tbody:only-child th[colspan]::after { content: " — zatiaľ žiadne tipy od komunity"; color: var(--text-light); font-size: 0.8125rem; display: block; margin-top: 0.25rem; font-weight: 400; }

/* --- SOURODENECKÉ NADPISY (LIGA A ŠPORT) -------------------------------- */
h2.competition { font-family: var(--font-heading); font-size: 0.625rem; font-weight: 600; color: #ffffff99; background: #1a1a1a; margin: 2rem 0 0; padding: 0.4rem 1rem; line-height: 1; text-transform: uppercase; letter-spacing: 0.1em; border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); border-bottom-left-radius: 0; border-bottom-right-radius: 0; display: flex; align-items: center; gap: 0.4rem; box-shadow: -1px 0 0 var(--border), 1px 0 0 var(--border), 0 -1px 0 var(--border); position: relative; z-index: 1; }
@media (min-width: 601px) { h2.competition { font-size: 0.8125rem; padding: 0.55rem 1rem; gap: 0.5rem; } h2.competition::before { font-size: 1rem; } }
h3.sport { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
h2.competition::before { content: "⚽"; font-size: 0.75rem; line-height: 1; flex-shrink: 0; display: inline-flex; align-items: center; opacity: 0.7; }
h2.competition[data-sport*="hokej"]::before { content: "🏒"; }
h2.competition[data-sport*="basket"]::before { content: "🏀"; }
h2.competition[data-sport*="tenis"]::before { content: "🎾"; }
h2.competition[data-sport*="volej"]::before { content: "🏐"; }
h2.competition[data-sport*="rugby"]::before { content: "🏉"; }
h2.competition[data-sport*="americk"]::before { content: "🏈"; }
h2.competition[data-sport*="baseball"]::before { content: "⚾"; }
h2.competition[data-sport*="kriket"]::before, h2.competition[data-sport*="cricket"]::before { content: "🏏"; }
h2.competition[data-sport*="golf"]::before { content: "⛳"; }
h2.competition[data-sport*="boks"]::before, h2.competition[data-sport*="box"]::before { content: "🥊"; }
h2.competition[data-sport*="mma"]::before { content: "🥋"; }
h2.competition[data-sport*="biliard"]::before, h2.competition[data-sport*="snooker"]::before { content: "🎱"; }
h2.competition[data-sport*="šíp"]::before, h2.competition[data-sport*="darts"]::before { content: "🎯"; }
h2.competition[data-sport*="formul"]::before, h2.competition[data-sport*="motor"]::before { content: "🏎"; }
h2.competition[data-sport*="cyklist"]::before { content: "🚴"; }
h2.competition[data-sport*="esport"]::before, h2.competition[data-sport*="lol"]::before, h2.competition[data-sport*="dota"]::before, h2.competition[data-sport*="cs"]::before { content: "🎮"; }
h2.competition[data-sport*="zápas"]::before, h2.competition[data-sport*="wrestling"]::before { content: "🤼"; }
h2.competition[data-sport*="atletika"]::before { content: "🏃"; }
h2.competition[data-sport*="lyž"]::before, h2.competition[data-sport*="ski"]::before { content: "⛷"; }
h2.competition[data-sport*="plav"]::before { content: "🏊"; }
h2.competition[data-sport*="šach"]::before, h2.competition[data-sport*="chess"]::before { content: "♟"; }
h2.competition[data-sport*="handbal"]::before, h2.competition[data-sport*="hádzan"]::before { content: "🤾"; }

h2.competition + h3.sport + .tipsport-matche, h2.competition + .tipsport-matche { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); }

/* --- RESPONSIVE MOBILE --------------------------------------------------- */
@media (max-width: 900px) {
    .tipsport-matche { grid-template-columns: 3.75rem 1fr 2.75rem; grid-template-areas: "date teams teams" "live live live" "tabs tabs tabs" "content content content"; }
    .tipsport-matche[data-score] { grid-template-columns: 3.75rem 1fr 3rem; grid-template-areas: "date teams score" "live live live" "tabs tabs tabs" "content content content"; }
    .tipsport-matche:has(.status-offer) { grid-template-areas: "date teams teams" "live live live" "status status status" "tabs tabs tabs" "content content content"; }
    .tipsport-matche[data-score]:has(.status-offer) { grid-template-columns: 3.75rem 1fr 3rem; grid-template-areas: "date teams score" "live live live" "status status status" "tabs tabs tabs" "content content content"; }
    
    .editorial-tip { padding: 1rem 1rem 0.875rem; gap: 0.4rem 0.75rem; }
    .editorial-tip-main .opportunityName { font-size: 1.0625rem; }
    .editorial-tip-main .eventName { font-size: 0.75rem; }
    .editorial-tip-rate { padding: 0.4rem 0.625rem; min-width: 3.75rem; }
    .editorial-tip-rate .currentRate { font-size: 1.25rem; }

    .tipsport-matche > h2 + div + div {
        grid-area: live !important; background: #2a2a2a !important; 
        --stream-h: 14rem !important; 
        height: var(--stream-h) !important; 
        padding: 0 !important; display: block !important;
        position: relative !important; overflow: hidden !important; border-top: 1px solid #ffffff26 !important;
    }
    
    .tipsport-matche > h2 + div + div:has(.stream-info-toc-toggle:checked) { height: calc(var(--stream-h) + 18rem) !important; }

    .tipsport-matche > h2, .tipsport-matche > h2 + div, .tipsport-matche[data-score]::after { min-height: 3rem; }
    .tipsport-matche > h2 .match { font-size: 1.125rem; margin: 0 0.875rem; scrollbar-width: none; }
    .tipsport-matche > h2 .match::-webkit-scrollbar { display: none; height: 0; width: 0; }
    .tipsport-matche .dateStart { font-size: 0.75rem; padding: 0.2rem 0.2rem; }
    .tipsport-matche .dateStart small { font-size: 0.5625rem; }
    .tipsport-matche[data-score]::after { font-size: 1.125rem; }
    .tipsport-matche > .tabs > label, .tipsport-analyses > .tabs > label { padding: 0.625rem 0.75rem; font-size: 0.75rem; }
    .tipsport-matche tbody.section tr:nth-child(3) td { font-size: 1.0625rem !important; padding: 0.75rem 0.375rem !important; }
    .tipsport-matche tbody.section tr:first-child td { font-size: 0.75rem !important; padding: 0.875rem 0.75rem !important; }
    .tipsport-analyses table th, .tipsport-analyses table td { padding: 0.625rem 0.75rem !important; font-size: 0.8125rem !important; }
}

/* --- SEO A AFFILIATE ODKAZY ---------------------------------------------- */
.tipsport-matche.tipsport-matche--seo { position: relative; }
.tipsport-matche.tipsport-matche--seo .tipsport-matche-stretched { position: absolute; inset: 0; z-index: 5; background: transparent; cursor: pointer; text-decoration: none; }
.tipsport-matche .visually-hidden, .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.tipsport-matche.tipsport-matche--seo .tabs, .tipsport-matche.tipsport-matche--seo input[type="radio"], .tipsport-matche.tipsport-matche--seo .tabs label { position: relative; z-index: 10; }
/* Hover efekt — odstránený na žiadosť (predtým zelený okraj okolo widgetu) */

/* h2.competition hover synchronizácia — odstránená spolu s widget hover */

.tipsport-matche.tipsport-matche--seo .tipsport-cta-wrap {
    grid-column: 1 / -1; background: linear-gradient(180deg, #408000, #326400); text-align: center;
    padding: 0.875rem 1rem; border-top: 1px solid #326400; position: relative; z-index: 1;
    transition: background 200ms ease; width: 100%;
}
.tipsport-matche.tipsport-matche--seo:hover .tipsport-cta-wrap { background: linear-gradient(180deg, #4a9300, #408000); }
.tipsport-matche.tipsport-matche--seo .tipsport-cta { color: #ffe600; font-family: 'Roboto Condensed', 'Roboto', sans-serif; font-weight: 700; font-size: 0.9375rem; text-transform: uppercase; letter-spacing: 0.04em; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }

.tipsport-affiliate-disclosure { display: block; margin: 0.75rem 0 1.5rem; padding: 0.625rem 0.875rem; background: #f9fafb; border-left: 3px solid #d1d5db; font-size: 0.6875rem; line-height: 1.5; color: #6b7280; border-radius: 0 0.25rem 0.25rem 0; }
.tipsport-affiliate-disclosure a { color: #6b7280; font-weight: 600; text-decoration: underline; }


/* ==========================================================================
   ENDED STATE — kompaktný layout
   ==========================================================================
   Pri ended zápase skryjeme veľký stream window a presunieme ended message
   do peknej kompaktnej podoby. Detekcia cez OBA selektory:
   - .tipsport-matche--ended (class zo šablóny — funguje vždy)
   - :has(.match-ended-message) (moderné browsery, fallback)
   ========================================================================== */

/* Skryť čierne stream window pozadie + glow animáciu */
.tipsport-matche:has(.match-ended-message) > h2 + div + div::before,
.tipsport-matche:has(.match-ended-message) > h2 + div + div::after,
.tipsport-matche--ended > h2 + div + div::before,
.tipsport-matche--ended > h2 + div + div::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}

/* Stream container - kompletne minimalizovať pri ended */
.tipsport-matche:has(.match-ended-message) > h2 + div + div,
.tipsport-matche--ended > h2 + div + div {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    border: none !important;
    box-shadow: none !important;
    display: block !important;
    cursor: default !important;
    transition: none !important;
    animation: none !important;
}

/* Skryť všetky stream UI elementy pri ended */
.tipsport-matche:has(.match-ended-message) .stream,
.tipsport-matche:has(.match-ended-message) .stream-logo,
.tipsport-matche:has(.match-ended-message) .stream-info,
.tipsport-matche:has(.match-ended-message) .stream--ended,
.tipsport-matche:has(.match-ended-message) .stream--live,
.tipsport-matche:has(.match-ended-message) > h2 + div + div input[type="checkbox"],
.tipsport-matche:has(.match-ended-message) .stream-info-toc-toggle,
.tipsport-matche--ended .stream,
.tipsport-matche--ended .stream-logo,
.tipsport-matche--ended .stream-info,
.tipsport-matche--ended .stream--ended,
.tipsport-matche--ended .stream--live,
.tipsport-matche--ended > h2 + div + div input[type="checkbox"],
.tipsport-matche--ended .stream-info-toc-toggle {
    display: none !important;
}

/* Match-ended-message — kompaktný horizontálny box s ⏱ ikonou */
.tipsport-matche .match-ended-message {
    grid-column: 1 / -1 !important;
    background: linear-gradient(180deg, #2a2a2a, #1a1a1a) !important;
    color: rgba(255, 255, 255, 0.85) !important;
    padding: 1rem !important;
    text-align: center !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* match-ended-message bez ikony — status-offer hore už má ⏱, takže
   duplicita pod sebou by bola zbytočná. Text "Zápas skončil..." stačí. */
.tipsport-matche .match-ended-message::before {
    content: none !important;
}
/* Stylesheet: 8. api Modified On 2026-05-15 10:24:30 */
.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-04-27 14:04:24 */