/* ?????????????????????????????????????????????????????????
   ???? / RESET
?????????????????????????????????????????????????????????? */
html, body{
  margin:0;
  max-width:100%;
  overflow-x:hidden;
}
html{ scrollbar-gutter: stable both-edges; } /* ?????????? ?????? ?????????? */

*{ box-sizing:border-box; }

img, video, canvas, svg, iframe{
  max-width:100%;
  height:auto;
  display:block;
}

.nav a{
  font-family:"Antonio", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.nav-ico{
  width:18px;
  height:18px;
  flex:0 0 18px;
  object-fit:contain;
  opacity:.9;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));
  transition:filter .2s ease, opacity .2s ease;
  stroke:currentColor;
  fill:none;
}
.nav-ico svg,
svg.nav-ico{
  width:18px;
  height:18px;
  stroke:currentColor;
  fill:none;
  color:currentColor;
}
.nav-ico svg [fill="currentColor"],
svg.nav-ico [fill="currentColor"]{
  fill:currentColor;
}
.nav a:hover .nav-ico{
  opacity:1;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.2)) drop-shadow(0 0 6px rgba(255,255,255,.35));
}
.nav-txt{ 
  line-height:1; 
  font-weight:500;
  letter-spacing:.02em;
}
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt{
  font-weight:700;
  text-shadow:0 1px 2px rgba(0,0,0,.2);
  border-bottom:none;
  padding-bottom:0;
}

/* ?????????????????????????????????????????????????????????
   ?????????? / ?????
?????????????????????????????????????????????????????????? */
:root{
  /* Casinozer ? ref screens: hdr/ft #1A1A1A, page #0D0D0D, btn #FFB07A, red #C5265C */
  --mx-green:#FFB07A;
  --mx-green-bright:#FFC08F;
  --mx-red:#c5265c;
  --mx-red-deep:#a01d4a;
  --page-bg:#0d0d0d;
  --main-bg:#0d0d0d;
  --main-text:#ffffff;
  --main-heading:#ffffff;
  --main-muted:#d0d0d0;
  --sidebar-blue-top:#0d0d0d;
  --sidebar-blue-bot:#0d0d0d;
  --sidebar-pill:rgba(255,176,122,.12);
  --sidebar-pill-hover:rgba(255,176,122,.22);
  --ink:#ffffff;
  --ink-bright:#ffffff;
  --ink-muted:#d0d0d0;
  --line:rgba(197, 38, 92, 0.55);
  --max:1320px;

  --primary:#FFB07A;
  --primary-mid:#FFC08F;
  --primary-dark:#E89A6A;
  --primary-glow:rgba(255, 176, 122, 0.40);
  --secondary:#FFB07A;
  --secondary-light:#FFD0A8;
  --text-heading:#ffffff;
  --on-lime:#0d0d0d;
  --accent-pink:#c5265c;
  --accent-blue:#1a1a1a;
  --accent-blue-strong:#1a1a1a;

  --gold1:#FFC08F;
  --gold2:#FFB07A;
  --gold3:#E89A6A;

  --table-label-bg:#0d0d0d;
  --table-value-bg:#0d0d0d;
  --table-border:rgba(0,0,0,.28);

  --ring:
    0 0 0 1px rgba(197, 38, 92, 0.35) inset,
    0 1px 0 rgba(255,255,255,.06) inset,
    0 8px 28px rgba(0, 0, 0, 0.35);

  --hdr-bg-top:#1a1a1a;
  --hdr-bg-bot:#1a1a1a;
  --btn-gold1:#FFC08F;
  --btn-gold2:#FFB07A;
  --btn-gold3:#E89A6A;
  --btn-chamfer:7px;
  --casea-clip:polygon(
    7px 0,
    calc(100% - 7px) 0,
    100% 7px,
    100% calc(100% - 7px),
    calc(100% - 7px) 100%,
    7px 100%,
    0 calc(100% - 7px),
    0 7px
  );
  --casea-clip-sm:polygon(
    5px 0,
    calc(100% - 5px) 0,
    100% 5px,
    100% calc(100% - 5px),
    calc(100% - 5px) 100%,
    5px 100%,
    0 calc(100% - 5px),
    0 5px
  );
  --casea-btn-blue:
    linear-gradient(180deg, rgba(255,255,255,.22) 0%, transparent 38%),
    linear-gradient(180deg, #FFC08F 0%, #FFB07A 48%, #E89A6A 100%);
  --casea-btn-gold:linear-gradient(160deg, #FFD0A8 0%, #FFB07A 40%, #E89A6A 100%);
  --chip-green-face:
    linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 32%),
    #FFB07A;
  --chip-green-frame:#E89A6A;
  --casea-btn-border:3px;
  --casea-btn-frame:-3px;
  --casea-clip-inner:polygon(
    4px 0,
    calc(100% - 4px) 0,
    100% 4px,
    100% calc(100% - 4px),
    calc(100% - 4px) 100%,
    4px 100%,
    0 calc(100% - 4px),
    0 4px
  );
  --casea-clip-sm-inner:polygon(
    2px 0,
    calc(100% - 2px) 0,
    100% 2px,
    100% calc(100% - 2px),
    calc(100% - 2px) 100%,
    2px 100%,
    0 calc(100% - 2px),
    0 2px
  );
  --casea-btn-face:var(--casea-btn-blue);

  --framePad: 14px;
  --bannerRad: 12px;
  --main-pad-top: clamp(10px, 2.5vw, 20px);
  --main-pad-x: clamp(14px, 3.5vw, 28px);
  --main-pad-bottom: 40px;
  --main-content-max: min(1100px, 100%);
}

/* Casinozer UI ? header/footer #1A1A1A, page #0D0D0D, turquoise buttons, red accents */
.head .lang-switch{ display:none !important; }
.logo img{ height:42px; max-width:240px; width:auto; object-fit:contain; filter:none; }
.ft-logo img{ height:38px; max-width:220px; width:auto; object-fit:contain; filter:none; }
.ft-btn{
  font-size:14px;
  font-weight:800;
  letter-spacing:.1em;
  padding:13px 28px;
  white-space:nowrap;
  color:#0d0d0d !important;
  -webkit-text-fill-color:#0d0d0d !important;
  text-shadow:none;
  background:linear-gradient(180deg, #FFC08F 0%, #FFB07A 48%, #E89A6A 100%) !important;
}

/* ?????????????????????????????????????????????????????????
   ?????????? ??? / ???????????
?????????????????????????????????????????????????????????? */
html{
  color-scheme:dark;
  background:var(--page-bg,#14161f);
  min-height:100%;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
html,body{
  color:var(--main-text,#e8eaef);
  font-family:"Montserrat",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
body{
  background:transparent;
  position:relative;
  min-height:100%;
  isolation:isolate; /* stacking context: ::before ? z-index:-1 ?????? ??? ??????? */
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:1;
  background-color:#0d0d0d;
  background-image:none;
}

/* ?????????????????????????????????????????????????????????
   ????????
?????????????????????????????????????????????????????????? */
@keyframes pulse{
  0%{ box-shadow:0 0 0 0 rgba(255, 176, 122, 0.55) }
  70%{ box-shadow:0 0 0 20px rgba(255, 176, 122, 0) }
  100%{ box-shadow:0 0 0 0 rgba(255, 176, 122, 0) }
}
.pulse{ animation:pulse 1.8s infinite; }

/* ?????????????????????????????????????????????????????????
   HEADER / TOPBAR
?????????????????????????????????????????????????????????? */
header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  background:#1a1a1a;
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 4px 20px rgba(0,0,0,.45);
  backdrop-filter:none;
}
header.scrolled{
  box-shadow:0 8px 28px rgba(0, 0, 0, 0.55);
  background:#1a1a1a;
}
body{
  padding-top:var(--hdrH, 64px);
}

.head{
  max-width:var(--max);
  margin:0 auto;
  padding:12px 16px;
  min-height:72px;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  color:var(--main-text,#e7ece9);
}

.burger{
  display:none;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  background:#151918;
  border:1px solid rgba(255,255,255,.12);
  color:#f8fafc;
  border-radius:10px;
  padding:8px 10px;
}

.logo{ flex:0 0 auto; }
.logo img{
  height:40px;
  width:auto;
  max-width:220px;
  object-fit:contain;
  filter:none;
}

/* Enlaces horizontales a la derecha del logo (solo ?993px) */
.head-nav{
  display:none;
  align-items:center;
  gap:clamp(10px, 2vw, 28px);
  flex:0 1 auto;
  min-width:0;
  margin-left:clamp(4px, 1vw, 14px);
}
@media (min-width: 993px){
  .head-nav{
    display:flex;
    flex:1 1 auto;
    justify-content:flex-start;
  }
  .offers-trigger{
    margin-left:0;
  }
}
.head-nav__link{
  font-family:"Antonio", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight:700;
  font-size:clamp(11px, 0.95vw, 13px);
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.88);
  text-decoration:none;
  white-space:nowrap;
  padding:6px 0 4px;
  border-bottom:3px solid transparent;
  transition:opacity .2s ease, border-color .2s ease, color .2s ease;
}
.head-nav__link--active{
  font-weight:800;
  border-bottom-color:var(--secondary,#a855f7);
  color:#fff;
}
.head-nav__link:hover{
  opacity:1;
  color:#fff;
  border-bottom-color:#4a90e2;
}
.head-nav__link:focus-visible{
  outline:2px solid currentColor;
  outline-offset:4px;
  border-radius:2px;
}

/* ????????? ???????? */
@media (max-width:520px){ .logo img{ height:42px; max-width:220px; } }
@media (max-width:390px){ .logo img{ height:36px; max-width:190px; } }

/* Icono b?squeda (enlace /go/) a la derecha del regalo */
.head-search-ico{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  padding:0;
  margin:0;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.14);
  background:var(--chip-btn-face, #151918);
  color:#ffffff;
  text-decoration:none;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}

@media (hover: hover) and (min-width: 993px){
  a[data-go],
  a[data-go]:hover,
  a[data-go]:focus,
  a[data-go]:focus-visible,
  a[data-go] *,
  a[data-go]:hover *,
  a[data-go] img,
  a[data-go]:hover img,
  a[data-go] .promo-img,
  a[data-go]:hover .promo-img{
    cursor: default !important;
  }
}
.head-search-ico:hover{
  background:var(--chip-btn-hover, #1a221e);
  border-color:rgba(255,255,255,.18);
}
.head-search-ico:focus-visible{
  outline:2px solid var(--primary, #be7a2c);
  outline-offset:2px;
}
.head-search-ico svg{
  display:block;
  flex:0 0 auto;
}
@media (max-width:520px){
  .head-search-ico{
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
  }
  .head-search-ico svg{
    width:20px;
    height:20px;
  }
}

/* ??????? ?????? (?????) */
.btn{
  flex:0 0 auto;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  text-decoration:none;
  color:#1c1917;
  background:#f5f5f4;
  border:1px solid #e7e5e4;
  box-shadow:0 2px 8px rgba(28, 25, 23, 0.06);
}

/* ????????? ???? login/reg (???? ????? ???-?? ??? ??????) */
.btn--login,
.btn--reg{
  color:#ffffff;
  -webkit-text-fill-color:#ffffff;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  border:none;
  border-radius:0;
  background:var(--casea-btn-face);
  clip-path:var(--casea-clip);
  box-shadow:0 4px 14px rgba(0,0,0,.4);
  position:relative;
  z-index:0;
  isolation:isolate;
}
.btn--login::before,
.btn--reg::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  clip-path:var(--casea-clip);
  background:linear-gradient(180deg, rgba(255,255,255,.22) 0%, transparent 38%);
  opacity:.85;
}
.btn--login::after,
.btn--reg::after{
  content:"";
  position:absolute;
  inset:var(--casea-btn-frame, -3px);
  z-index:-1;
  pointer-events:none;
  clip-path:var(--casea-clip);
  background:var(--casea-btn-gold);
  box-shadow:0 0 8px rgba(197,160,89,.35);
}
.btn--reg{
  animation:casea-btn-pulse 2.4s infinite;
}

/* ?????? ? ?????? ? chamfered gold frame + glossy blue (ref. Casea) */
.head .btn{
  position:relative;
  z-index:0;
  isolation:isolate;
  height:36px;
  padding:0 18px;
  min-width:120px;
  border-radius:0;
  border:none;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#ffffff;
  -webkit-text-fill-color:#ffffff;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  box-shadow:0 4px 14px rgba(0,0,0,.4);
  animation:none;
  transform:none;
  clip-path:var(--casea-clip);
  background:var(--casea-btn-face);
}

.head .btn::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,.04) 38%, transparent 55%);
  clip-path:var(--casea-clip);
  opacity:.9;
}

.head .btn::after{
  content:"";
  position:absolute;
  inset:var(--casea-btn-frame, -3px);
  z-index:-1;
  pointer-events:none;
  background:var(--casea-btn-gold);
  clip-path:var(--casea-clip);
  box-shadow:0 0 8px rgba(197,160,89,.35);
}

@media (hover:hover){
  .head .btn:hover{
    filter:brightness(1.08) saturate(1.05);
    box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45);
  }
  .head .btn--login:hover,
  .head .btn--reg:hover{
    filter:brightness(1.08) saturate(1.05);
    box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45);
  }
}
.head .btn:active{
  filter:brightness(.94);
  transform:translateY(1px);
  box-shadow:0 2px 8px rgba(0,0,0,.45);
}

header.scrolled .head .btn--login,
header.scrolled .head .btn--reg{
  background:var(--casea-btn-face);
}

header.scrolled .head .btn--reg::before{
  opacity:.85;
}

@media (hover:hover){
  header.scrolled .head .btn--reg:hover,
  header.scrolled .head .btn--login:hover{
    filter:brightness(1.08) saturate(1.05);
    box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45);
  }
}

/* ?????-?????? ?? ??????? ? ???????? ????? ? ???? ??????? */
@media (max-width:520px){
  .head .btn{
    min-height:44px;
    height:auto;
    padding:10px 10px;
    min-width:0;
    flex:1 1 0;
    max-width:calc(50% - 4px);
    font-size:clamp(10px, 2.9vw, 12px);
    letter-spacing:.04em;
    line-height:1.2;
    white-space:normal;
    text-align:center;
  }
}

/* ????? ????????? ?????? - ??? ????? ?????????? ?????? */
@media (max-width:390px){
  .head .btn{
    padding:0 6px;
    font-size:8px;
    letter-spacing:.01em;
  }
}

/* Hover-?????????? ????????? ?????? ??? .btn--reg (???? ???????????? ???-?? ??? ??????) */
@media (hover:hover){
  .btn.btn--reg:hover,
  .btn.btn--reg:focus-visible{
    transform: translateZ(0) scale(1.06);
  }
}
@media (prefers-reduced-motion: reduce){
  .btn--reg{ transition:none; }
  .btn.btn--reg:hover,
  .btn.btn--reg:focus-visible{ transform:none; }
}

/* Language switcher (header): gold frame wrapper + dark blue inner face */
.head .lang-switch{
  position:relative;
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  z-index:999;
  margin-left:8px;
}
.head .lang-switch::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:0;
}
.head .lang-switch.open::before{ height:10px; }
.head .lang-switch__btn{
  -webkit-appearance:none;
  appearance:none;
  display:block;
  flex:0 0 auto;
  padding:3px;
  border:none;
  border-radius:0;
  cursor:pointer;
  height:40px;
  min-width:52px;
  background:var(--casea-btn-gold);
  clip-path:var(--casea-clip-sm);
  box-shadow:0 0 8px rgba(197,160,89,.35), 0 4px 14px rgba(0,0,0,.4);
  transition:filter .15s ease, transform .15s ease, box-shadow .15s ease;
}
.head .lang-switch__inner{
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  padding:0 11px;
  color:#ffffff;
  -webkit-text-fill-color:#ffffff;
  font-family:"Antonio", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight:800;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  background:var(--casea-btn-face);
  clip-path:var(--casea-clip-sm-inner);
  position:relative;
  isolation:isolate;
}
.head .lang-switch__inner::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  clip-path:var(--casea-clip-sm-inner);
  background:linear-gradient(180deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,.04) 38%, transparent 55%);
  opacity:.9;
}
@media (hover:hover){
  .head .lang-switch__btn:hover{
    filter:brightness(1.08) saturate(1.05);
    box-shadow:0 0 10px rgba(197,160,89,.45), 0 6px 18px rgba(74,144,226,.35);
  }
}
.head .lang-switch__btn:active{
  filter:brightness(.94);
  transform:translateY(1px);
}
.head .lang-switch .lang-menu{
  display:none;
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  min-width:148px;
  margin:0;
  padding:6px 0;
  list-style:none;
  background:linear-gradient(180deg, #1a3149 0%, #14283a 100%);
  border:1px solid rgba(197,160,89,.45);
  border-radius:0;
  clip-path:var(--casea-clip-sm);
  box-shadow:0 12px 30px rgba(0,0,0,.55), 0 0 8px rgba(197,160,89,.2);
}
.head .lang-switch.open .lang-menu{ display:block; }
.head .lang-switch .lang-menu li{ padding:0; }
.head .lang-switch .lang-menu a{
  display:flex;
  align-items:center;
  padding:10px 14px;
  color:rgba(255,255,255,.92);
  text-decoration:none;
  font-family:"Antonio", system-ui, sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}
.head .lang-switch .lang-menu a:hover,
.head .lang-switch .lang-menu li:hover{ background:rgba(197,160,89,.14); color:#fff; }
@media (max-width:520px){
  .head .lang-switch__btn{
    height:44px;
    min-width:44px;
  }
  .head .lang-switch__inner{
    padding:0 8px;
    font-size:11px;
  }
  .head .btn{
    max-width:calc(50% - 26px);
  }
}

/* ?????????????????????????????????????????????????????????
   LAYOUT / SHELL
?????????????????????????????????????????????????????????? */
.shell{
  max-width:var(--max);
  margin:0 auto;
  padding:18px 14px;
  display:grid;
  grid-template-columns:minmax(220px, 260px) minmax(0, 1fr);
  gap:20px;
  min-width:0;
  align-items:start;
}
.shell > .aside{
  grid-column:1;
  grid-row:1;
}
.shell > main{
  grid-column:2;
  grid-row:1;
  min-width:0;
  position:relative;
  z-index:1;
  background:#0d0d0d;
  border-radius:14px;
  padding:var(--main-pad-top) var(--main-pad-x) var(--main-pad-bottom);
  border:1px solid rgba(197,38,92,.35);
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.35),
    0 0 0 1px rgba(197,38,92,.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

main p, main h1, main h2, main h3, main a{
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* ??? ????? ? ????? ?????????????? ???????? */
.frame, .medals, .grid{ overflow-x:hidden; }

/* ?????????????????????????????????????????????????????????
   SIDEBAR (DESKTOP)
?????????????????????????????????????????????????????????? */
.aside{
  align-self:start;
  position:sticky;
  top:calc(var(--hdrH, 64px) + 14px);
  width:100%;
  max-width:260px;
  justify-self:stretch;
  box-sizing:border-box;
  background:#0d0d0d;
  border:1px solid rgba(0,0,0,.28);
  border-radius:16px;
  padding:14px;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255,255,255,.04);
  overflow-x:hidden;
  max-height:none;
  overflow-y:visible;
}
.nav{ list-style:none; margin:0; padding:0; }
.nav li{ margin:6px 0; }
.nav a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 12px;
  border-radius:12px;
  color:#ffffff;
  border:1px solid transparent;
  text-decoration:none;
  position:relative;
  transition:all .2s ease;
}
.aside .nav a{
  background:transparent;
  border:none;
  color:#ffffff;
  isolation:isolate;
  overflow:hidden;
}
.drawer .nav a{
  background:transparent;
  border:none;
  color:#ffffff;
  isolation:isolate;
  overflow:hidden;
}
.aside .nav a::after,
.drawer .nav a::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:12px;
  background:var(--casea-btn-gold);
  z-index:-2;
  pointer-events:none;
}
.aside .nav a::before,
.drawer .nav a::before{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:10px;
  background:var(--casea-btn-blue);
  z-index:-1;
  pointer-events:none;
}
.aside .nav a .nav-ico,
.aside .nav a .nav-txt,
.drawer .nav a .nav-ico,
.drawer .nav a .nav-txt{
  position:relative;
  z-index:1;
}

/* Iconos del men? lateral como <img src="*.svg"> (rellenos #334155 etc.) ? blanco */
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico{
  filter:brightness(0) invert(1);
  opacity:.93;
}
.aside .nav a:hover img.nav-ico,
.drawer .nav a:hover img.nav-ico{
  filter:brightness(0) invert(1) drop-shadow(0 0 5px rgba(255,255,255,.28));
  opacity:1;
}
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
  filter:brightness(0) invert(1) drop-shadow(0 0 6px rgba(255,255,255,.42));
  opacity:1;
}
.aside .nav a svg.nav-ico,
.drawer .nav a svg.nav-ico{
  color:#fff;
}

.aside .nav a:hover{
  filter:brightness(1.08);
}
.aside .nav a.is-active{
  background:transparent;
  border:none;
  box-shadow:none;
  color:#ffffff;
  filter:brightness(1.1);
}

.drawer .nav a:hover{
  filter:brightness(1.08);
}
.drawer .nav a.is-active{
  background:transparent;
  border:none;
  box-shadow:none;
  color:#ffffff;
  filter:brightness(1.1);
}

.aside .nav a.is-active::before,
.drawer .nav a.is-active::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.1) 0%, transparent 42%),
    linear-gradient(180deg, #3a7dbd 0%, #25639a 48%, #16304d 58%, #0c1f35 100%);
  box-shadow:inset 0 0 10px rgba(74,144,226,.22);
}
.aside .nav a.is-active::after,
.drawer .nav a.is-active::after{
  box-shadow:0 0 10px rgba(197,160,89,.4);
}
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico{
  filter:drop-shadow(0 0 4px rgba(255,255,255,.45));
  position:relative;
  z-index:1;
}
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt{
  position:relative;
  z-index:1;
}
.sep{
  height:10px;
  margin:8px 6px;
  border-top:1px solid rgba(26,51,88,.85);
  border-bottom:1px solid transparent;
  opacity:.9;
}
.sep-title{
  margin:8px 8px 4px;
  color:var(--ink-muted);
  font-size:12px;
  letter-spacing:.08em;
}
.flag-emoji{
  width:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  line-height:0.5;
  transform: translateY(1px);
}

/* ?????????????????????????????????????????????????????????
   DRAWER (MOBILE)
?????????????????????????????????????????????????????????? */
.drawer{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  width:min(82vw,320px);
  background:linear-gradient(180deg, #0c1628 0%, #091220 55%, #070e1a 100%);
  border-right:2px solid #1a3358;
  box-shadow:0 20px 60px rgba(0,0,0,.65);
  transform:translateX(-100%);
  transition:transform .28s ease;
  z-index:120;
  display:flex;
  flex-direction:column;
  border-radius:0 18px 18px 0;
}
.drawer.open{ transform:translateX(0); }
/* Keep mobile drawer off-screen on desktop even if .open was left from a resize */
@media (min-width: 993px){
  .drawer,
  .drawer.open{
    transform:translateX(-110%) !important;
    visibility:hidden;
    pointer-events:none;
  }
}
.drawer .dhead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 14px;
  border-bottom:1px solid rgba(255, 255, 255, 0.2);
  color:#ffffff;
  font-weight:800;
  letter-spacing:.04em;
}
.dclose{
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
  margin:0;
  padding:8px;
  width:44px;
  height:44px;
  min-height:44px;
  border-radius:0;
  font-family:inherit;
  font-size:0;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
  color:#fff;
  background:transparent;
  border:none;
  box-shadow:none;
  transition:opacity .2s ease, transform .15s ease;
}
.dclose:hover{
  background:transparent;
  border:none;
  opacity:.8;
}
.dclose:active{
  transform:scale(0.94);
}
.dclose:focus-visible{
  outline:2px solid #fff;
  outline-offset:2px;
}
/* White X close icon */
.dclose__icon{
  position:relative;
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:block;
}
.dclose__icon::before,
.dclose__icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:22px;
  height:2px;
  border-radius:1px;
  background:#fff;
  box-shadow:none;
}
.dclose__icon::before{
  transform:translate(-50%, -50%) rotate(45deg);
}
.dclose__icon::after{
  transform:translate(-50%, -50%) rotate(-45deg);
}
.dclose__label{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.dnav{ padding:10px 10px 16px; flex:1; display:flex; flex-direction:column; min-height:0; }
.dnav .nav{ flex:1; overflow-y:auto; }

/* ?????????????????????????????????????????????????????????
   OFFERS PANEL (promo desde el icono regalo)
?????????????????????????????????????????????????????????? */
.offers-trigger{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  padding:0;
  margin:0;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.14);
  background:var(--chip-btn-face, #1f2433);
  color:#ffffff;
  cursor:pointer;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.offers-trigger:hover{
  background:var(--chip-btn-hover, #252a3a);
  border-color:rgba(255,255,255,.18);
}
.offers-trigger:focus-visible{
  outline:2px solid #12a06e;
  outline-offset:2px;
}
.offers-trigger__ico{
  display:block;
  width:22px;
  height:22px;
  pointer-events:none;
}
@media (max-width:520px){
  .offers-trigger{
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
  }
  .offers-trigger__ico{
    width:22px;
    height:22px;
  }
}

.offers-backdrop{
  position:fixed;
  inset:0;
  z-index:125;
  background:rgba(44,35,27,.72);
  opacity:0;
  visibility:hidden;
  transition:opacity .36s ease, visibility .36s ease;
  pointer-events:none;
}
.offers-backdrop.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  -webkit-backdrop-filter:blur(14px) saturate(1.12);
  backdrop-filter:blur(14px) saturate(1.12);
}

/* Panel regalo: lightbox centrado, imagen compacta */
.offers-panel{
  --offers-panel-pad-x:18px;
  --offers-modal-max-w:min(90vw, 520px);
  position:fixed;
  left:50%;
  top:50%;
  right:auto;
  z-index:126;
  box-sizing:border-box;
  width:min(
    calc(var(--offers-modal-max-w) + (var(--offers-panel-pad-x) * 2)),
    calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 16px)
  );
  max-width:100%;
  height:auto;
  max-height:min(
    90dvh,
    calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)
  );
  background:#0C163E;
  border-radius:20px;
  border:1px solid rgba(79,119,168,.35);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.45),
    0 0 80px rgba(22,28,52,.35),
    0 28px 80px rgba(0,0,0,.62),
    inset 0 1px 0 rgba(255,255,255,.06);
  display:flex;
  flex-direction:column;
  transform:translate(-50%, -50%) scale(.92);
  opacity:0;
  pointer-events:none;
  overflow:hidden;
  transition:
    transform .42s cubic-bezier(.22,1,.36,1),
    opacity .32s ease,
    box-shadow .4s ease;
}
.offers-panel.is-open{
  transform:translate(-50%, -50%) scale(1);
  opacity:1;
  pointer-events:auto;
  transition:
    transform .42s cubic-bezier(.22,1,.36,1),
    opacity .34s ease .05s,
    box-shadow .4s ease;
}
@media (max-width:640px){
  .offers-panel{
    --offers-panel-pad-x:12px;
    --offers-modal-max-w:min(92vw, 480px);
    border-radius:16px;
  }
  .offers-panel__head{
    padding:10px 10px 8px;
  }
  .offers-panel__head::after{
    left:12px;
    right:12px;
  }
  .offers-panel__title{
    font-size:clamp(11px, 3.4vw, 15px);
    letter-spacing:.08em;
    padding:0 44px;
  }
  .offers-panel__title::before{
    width:26px;
    height:3px;
    margin-bottom:5px;
  }
  .offers-panel__close{
    width:38px;
    height:38px;
    font-size:18px;
    right:8px;
  }
  .offers-panel__foot{
    margin-left:calc(-1 * var(--offers-panel-pad-x));
    margin-right:calc(-1 * var(--offers-panel-pad-x));
    margin-bottom:calc(-1 * 16px);
    padding:10px 12px 12px;
    border-radius:0 0 14px 14px;
  }
}

.offers-panel__head{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:14px 14px 12px;
  border-bottom:none;
  background:
    radial-gradient(140% 200% at 50% 0%, rgba(190,122,44,.16), transparent 55%),
    radial-gradient(80% 120% at 100% 0%, rgba(46,36,25,.28), transparent 45%),
    linear-gradient(180deg, rgba(66,52,41,.98), rgba(60,47,36,.94));
  flex:0 0 auto;
  min-width:0;
}
.offers-panel__head::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:0;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(190,122,44,.35) 18%,
    rgba(232,213,181,.45) 50%,
    rgba(190,122,44,.35) 82%,
    transparent 100%
  );
  opacity:.95;
}
.offers-panel__title{
  margin:0 auto;
  width:100%;
  max-width:100%;
  padding:0 44px;
  box-sizing:border-box;
  font-family:Montserrat, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size:clamp(13px, 2.8vw, 17px);
  font-weight:800;
  color:#f8fafc;
  letter-spacing:.1em;
  line-height:1.25;
  text-transform:uppercase;
  text-align:center;
  overflow-wrap:anywhere;
  hyphens:auto;
  text-shadow:
    0 1px 0 rgba(0,0,0,.45),
    0 2px 14px rgba(0,0,0,.35),
    0 0 20px rgba(190,122,44,.18);
}
.offers-panel__title::before{
  content:"";
  display:block;
  width:32px;
  height:3px;
  border-radius:999px;
  margin:0 auto 8px;
  background:linear-gradient(90deg, #352b1e, #be7a2c, #e8d5b5, rgba(232,213,181,.85));
  box-shadow:0 0 12px rgba(190,122,44,.3);
}
.offers-panel__close{
  position:absolute;
  top:50%;
  right:12px;
  z-index:2;
  width:36px;
  height:36px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(165deg, rgba(255,255,255,.08), rgba(53,43,30,.92));
  color:#f1f5f9;
  font-size:0;
  line-height:0;
  font-weight:300;
  cursor:pointer;
  padding:0;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  box-shadow:
    0 2px 10px rgba(0,0,0,.3),
    inset 0 1px 0 rgba(255,255,255,.08);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease,
    color .22s ease;
}
.offers-panel__close:hover{
  border-color:rgba(190,122,44,.45);
  background:linear-gradient(165deg, rgba(190,122,44,.28), rgba(53,43,30,.96));
  color:#fff;
  box-shadow:
    0 4px 22px rgba(190,122,44,.22),
    inset 0 1px 0 rgba(255,255,255,.1);
  transform:translateY(-50%) scale(1.06);
}
.offers-panel__close:active{
  transform:translateY(-50%) scale(.94);
}
.offers-panel__close:focus-visible{
  outline:2px solid #c8873a;
  outline-offset:3px;
}
.offers-panel__close-ico{
  width:18px;
  height:18px;
  display:block;
  pointer-events:none;
}

.offers-panel__body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:12px var(--offers-panel-pad-x) 4px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none; /* Firefox: sin barra visible en el modal regalo */
  -ms-overflow-style:none; /* IE / Edge legacy */
}
.offers-panel__body::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none; /* Chrome, Safari, Edge */
  background:transparent;
}
.offers-panel__body::-webkit-scrollbar-thumb,
.offers-panel__body::-webkit-scrollbar-track{
  background:transparent;
}
.offers-panel__link{
  display:block;
  line-height:0;
  text-decoration:none;
  border-radius:12px;
  outline-offset:2px;
  overflow:hidden;
}
.offers-panel__link:focus-visible{
  outline:2px solid #c8873a;
  outline-offset:3px;
}
.offers-panel__figure{
  margin:0;
  padding:3px;
  border-radius:16px;
  background:linear-gradient(
    145deg,
    #4a3828 0%,
    #423429 38%,
    #3c2f24 68%,
    #352b1e 100%
  );
  box-shadow:
    0 0 0 1px rgba(190,122,44,.24),
    0 16px 48px rgba(0,0,0,.5),
    0 0 56px rgba(190,122,44,.12),
    inset 0 1px 0 rgba(255,255,255,.08);
  opacity:0;
  transform:scale(.94) translateY(16px);
  transition:
    opacity .44s ease .1s,
    transform .52s cubic-bezier(.22,1,.36,1) .1s,
    box-shadow .4s ease;
}
.offers-panel__figure picture{
  display:block;
  width:100%;
  line-height:0;
}
.offers-panel.is-open .offers-panel__figure{
  opacity:1;
  transform:scale(1) translateY(0);
}

.offers-panel__foot{
  position:relative;
  flex:0 0 auto;
  margin-top:8px;
  margin-left:calc(-1 * var(--offers-panel-pad-x));
  margin-right:calc(-1 * var(--offers-panel-pad-x));
  margin-bottom:calc(-1 * 18px);
  padding:12px 16px 16px;
  text-align:center;
  border-radius:0 0 18px 18px;
  background:#0C163E;
  border-top:1px solid rgba(79,119,168,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 -12px 40px rgba(0,0,0,.25);
}
.offers-panel__foot::before{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  top:0;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(190,122,44,.35) 25%,
    rgba(232,213,181,.45) 50%,
    rgba(190,122,44,.35) 75%,
    transparent
  );
}
.offers-panel__hint{
  margin:0;
  font-size:12px;
  line-height:1.5;
  color:rgba(236,228,216,.85);
  text-align:center;
  letter-spacing:.03em;
  font-weight:500;
}
.offers-panel__hint::before{
  content:"";
  display:block;
  width:5px;
  height:5px;
  margin:0 auto 8px;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%, #c8873a, #4a3828 55%, #352b1e);
  box-shadow:0 0 14px rgba(190,122,44,.35);
}
.offers-panel__img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  /* Cabeza + pie del modal: evita overflow de pocos px que dispara scrollbar */
  max-height:min(52vh, 380px, calc(90dvh - 228px));
  margin:0 auto;
  object-fit:contain;
  object-position:center;
  border-radius:13px;
  transform:scale(1);
  transform-origin:center center;
  transition:transform .3s ease, filter .3s ease;
  filter:saturate(1.05) contrast(1.03);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
}
@media (hover:hover){
  .offers-panel__link:hover .offers-panel__img{
    transform:scale(1.012);
    filter:saturate(1.08) contrast(1.03);
  }
  .offers-panel.is-open .offers-panel__link:hover .offers-panel__figure{
    box-shadow:
      0 0 0 1px rgba(190,122,44,.28),
      0 20px 56px rgba(0,0,0,.6),
      0 0 88px rgba(190,122,44,.18),
      inset 0 1px 0 rgba(255,255,255,.2);
  }
}

@media (prefers-reduced-motion: reduce){
  .offers-backdrop,
  .offers-panel{
    transition-duration:.01ms;
  }
  .offers-panel__img,
  .offers-panel__figure{
    transition-duration:.01ms;
  }
  .offers-panel{
    transform:translate(-50%, -50%) scale(1);
  }
  .offers-panel.is-open .offers-panel__figure,
  .offers-panel__figure{
    opacity:1;
    transform:none;
  }
}
@media (prefers-reduced-motion: reduce) and (hover:hover){
  .offers-panel__link:hover .offers-panel__img{
    transform:none;
  }
}

/* ?????????????????????????????????????????????????????????
   TITLE
?????????????????????????????????????????????????????????? */
.page-title{
  text-align:center;
  margin:4px 0 14px;
  font-size:26px;
  font-weight:900;
  letter-spacing:.02em;
  color:#ffffff;
  text-shadow:0 2px 10px rgba(0,0,0,.35);
}

/* ?????????????????????????????????????????????????????????
   HOME ? hero ne?n (solo index: body.page-home)
?????????????????????????????????????????????????????????? */
body.page-home .home-hero{
  position:relative;
  max-width:min(1180px, 100%);
  margin:0 auto 4px;
  padding:0 2px;
}
body.page-home .home-hero__bar{
  display:none;
}
body.page-home .frame.frame--home-hero{
  --bannerRad:18px;
  padding:16px;
  background:
    radial-gradient(120% 85% at 50% -15%, rgba(90,143,196,.14), transparent 58%),
    radial-gradient(80% 55% at 100% 100%, rgba(79,119,168,.08), transparent 50%),
    linear-gradient(185deg,#161c28 0%,#0b0e14 55%,#06080c 100%);
  border:1px solid rgba(90,143,196,.62);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.55) inset,
    0 26px 70px rgba(0,0,0,.52),
    0 0 24px rgba(79,119,168,.22),
    0 0 1px rgba(90,143,196,.35);
}
body.page-home .frame.frame--home-hero::before{
  display:none;
  content:none;
}
body.page-home .page-title{
  margin:6px 0 14px;
  padding:0;
  font-size:clamp(22px, 3.5vw, 32px);
  letter-spacing:.04em;
  color:#ffffff;
  -webkit-text-fill-color:#ffffff;
  background:none;
  background-image:none;
  filter:none;
  animation:none;
  text-shadow:none;
}
body.page-home .page-title::before{
  display:none;
  content:none;
}
body.page-home .home-hero__link:focus-visible{
  outline:2px solid #8cb4e0;
  outline-offset:4px;
  border-radius:14px;
}
body.page-home .home-hero__link picture{
  display:block;
  width:100%;
  line-height:0;
}
body.page-home .home-hero .banner.banner--promo-hero{
  aspect-ratio: auto;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: none;
  object-fit: contain;
  object-position: center center;
  border-radius:14px;
  box-shadow:0 16px 48px rgba(0,0,0,.42);
}
@media (max-width:768px){
  body.page-home .frame.frame--home-hero{ padding:12px; }
  body.page-home .home-hero__bar{ margin-bottom:12px; }
}
@media (max-width:480px){
  body.page-home .frame.frame--home-hero{ padding:10px; }
}

/* App & Bonus ? m?me gabarit hero que la page d'accueil */
body.app-page .home-hero,
body.bonus-page .home-hero{
  position:relative;
  max-width:min(1180px, 100%);
  margin:0 auto 4px;
  padding:0 2px;
}
body.app-page .home-hero__bar,
body.bonus-page .home-hero__bar{
  display:none;
}
body.app-page .frame.frame--home-hero,
body.bonus-page .frame.frame--home-hero{
  --bannerRad:18px;
  padding:16px;
  background:
    radial-gradient(120% 85% at 50% -15%, rgba(94,233,176,.18), transparent 58%),
    radial-gradient(80% 55% at 100% 100%, rgba(212,0,42,.08), transparent 50%),
    linear-gradient(185deg,#161c28 0%,#0b0e14 55%,#06080c 100%);
  border:1px solid rgba(94,233,176,.38);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.55) inset,
    0 26px 70px rgba(0,0,0,.52),
    0 0 90px rgba(18,160,110,.16),
    0 0 1px rgba(94,233,176,.3);
}
body.app-page .frame.frame--home-hero::before,
body.bonus-page .frame.frame--home-hero::before{
  inset:10px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.08);
  opacity:1;
}
body.app-page .home-hero__link:focus-visible,
body.bonus-page .home-hero__link:focus-visible{
  outline:2px solid #5ee9b0;
  outline-offset:4px;
  border-radius:14px;
}
body.app-page .home-hero__link picture,
body.bonus-page .home-hero__link picture{
  display:block;
  width:100%;
  line-height:0;
}
body.app-page .home-hero .banner.banner--promo-hero,
body.bonus-page .home-hero .banner.banner--promo-hero{
  aspect-ratio:auto;
  width:100%;
  height:auto;
  max-width:100%;
  max-height:none;
  object-fit:contain;
  object-position:center center;
  border-radius:14px;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.5) inset,
    0 16px 48px rgba(0,0,0,.42),
    0 0 56px rgba(18,160,110,.14);
}
body.app-page .home-hero__cta,
body.bonus-page .home-hero__cta{
  margin:18px auto 6px;
  text-align:center;
}
@media (max-width:768px){
  body.app-page .frame.frame--home-hero,
  body.bonus-page .frame.frame--home-hero{ padding:12px; }
  body.app-page .home-hero__bar,
  body.bonus-page .home-hero__bar{ margin-bottom:12px; }
}
@media (max-width:480px){
  body.app-page .frame.frame--home-hero,
  body.bonus-page .frame.frame--home-hero{ padding:10px; }
}

/* ?????????????????????????????????????????????????????????
   HERO / BANNER (???????? + OVERLAY) ? ????????????? ???????
   ???????? ? ????? HTML:
   .frame > a > img.banner  +  .hero-overlay
   ?????: ??????? ???????? ? ??????? ??????? (?????? padding),
   ??????? ?? ???????? ?? ????? ?? ????? ????????.
?????????????????????????????????????????????????????????? */
.frame{
  position:relative;
  background:#fafaf9;
  border:1px solid #e7e5e4;
  border-radius:22px;
  padding: var(--framePad);
  box-shadow:0 4px 20px rgba(28, 25, 23, 0.06);
  overflow:hidden; /* ????? ??? ?????? ?? ????? .frame */
}

/* ???????????? ????? */
.frame:before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:18px;
  border:1px solid rgba(168, 162, 158, 0.38);
  background:transparent;
  pointer-events:none;
  z-index:0;
}

/* ??????? ??????? */
.banner-wrap{
  position:relative;
  width:100%;
  border-radius: var(--bannerRad);
  overflow:hidden;
}

.banner-link{
  display:block;
  width:100%;
  position:relative;
}

/* ???????? ??????? */
.banner{
  width:100%;
  height:auto;
  display:block;
  border-radius: var(--bannerRad);
  position:relative;
  z-index:1;
  object-fit:cover;
  aspect-ratio: 21 / 9;
  max-height: 400px;
}

/* ??? ????????? */
@media (max-width: 992px){
  .banner{
    aspect-ratio: 18 / 9;
    max-height: 350px;
    object-position: left center;
  }
}

/* ????????? ??????: ????? ?????, ????? cover ????? ????? ? ?????? ?? ????? */
@media (max-width: 768px){
  .banner{
    aspect-ratio: 16 / 9;
    max-height: 280px;
    object-position: left center;
  }
}

@media (max-width: 480px){
  .banner{
    aspect-ratio: 16 / 9;
    max-height: 240px;
    object-position: left center;
  }
}

@media (max-width: 380px){
  .banner{
    aspect-ratio: 16 / 9;
    max-height: 200px;
    object-position: left center;
  }
}

/* Hero principal: imagen completa (1024?499 JPEG) */
.banner-wrap--image-only .hero-overlay{
  display:none;
}
.banner.banner--promo-hero{
  aspect-ratio: 1024 / 499;
  object-fit: cover;
  object-position: center center;
  max-height: min(52vw, 520px);
}
@media (max-width:992px){
  .banner.banner--promo-hero{ max-height:min(58vw,400px); }
}
@media (max-width:768px){
  .banner.banner--promo-hero{ max-height:min(62vw,340px); }
}
@media (max-width:480px){
  .banner.banner--promo-hero{ max-height:min(68vw,280px); }
}
@media (max-width:380px){
  .banner.banner--promo-hero{ max-height:min(72vw,240px); }
}

/* Index: banner programa VIP al pie (1024?528, distinto del hero 1024?499) */
body.page-home .home-vip-promo .banner-link picture{
  display:block;
  width:100%;
  line-height:0;
}
body.page-home .banner.banner--promo-hero.banner--vip-promo{
  aspect-ratio:1024 / 528;
  max-height:min(54vw, 520px);
}
@media (max-width:992px){
  body.page-home .banner.banner--promo-hero.banner--vip-promo{ max-height:min(58vw, 420px); }
}
@media (max-width:768px){
  body.page-home .banner.banner--promo-hero.banner--vip-promo{ max-height:min(62vw, 360px); }
}
@media (max-width:480px){
  body.page-home .banner.banner--promo-hero.banner--vip-promo{ max-height:min(68vw, 300px); }
}
@media (max-width:380px){
  body.page-home .banner.banner--promo-hero.banner--vip-promo{ max-height:min(72vw, 260px); }
}

/* ???????: ????????????? ?? ?? ???? .frame, ? ?? ??????? ??????? */
.hero-overlay{
  position:absolute;
  z-index:2;

  /* ????? ?? ??????? ???????? (?????? padding .frame) */
  top: var(--framePad);
  left: var(--framePad);
  right: var(--framePad);
  bottom: var(--framePad);

  border-radius: var(--bannerRad);

  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  text-align:left;

  gap: clamp(8px, 1.2vw, 17px);

  padding: clamp(10px, 2.2vw, 22px) clamp(10px, 2.2vw, 22px) clamp(10px, 2.2vw, 22px) clamp(16px, 3vw, 36px);

  pointer-events:none; /* CTA: .hero-banner-cta (pointer-events:auto) */
}

/* ??????: ????? ?????? ?45% ??????; ?? ???????? CTA ? ??? ?? ????? ?????, ??? ? ????? */
.hero-overlay--bonus-banner{
  justify-content:center;
  align-items:stretch;
  text-align:left;
  padding:
    clamp(8px, 2vw, 20px)
    clamp(4vw, 7vw, 11%)
    clamp(8px, 2vw, 20px)
    clamp(40%, 44vw, 48%);
  gap:0;
}
.hero-banner__text-wrap{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  align-self:start;
  gap:clamp(6px, 1.4vw, 14px);
  width:max-content;
  max-width:min(52%, 500px);
  margin:0;
  pointer-events:none;
}

/* ????????: ????? ~??? ?????? ???? ?????? ?????; ?100%? ? ????? ? ???? ???????, ??????? ????????? */
.hero-banner-bonus{
  --hb-head:clamp(22px, 5.35vw, 48px);
  display:flex;
  flex-direction:column;
  align-self:stretch;
  align-items:flex-start;
  text-align:left;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  gap:0;
}
.hero-banner-bonus__kicker{
  font-family:"Montserrat",system-ui,sans-serif;
  font-weight:800;
  font-size:clamp(9px, calc(var(--hb-head) * 0.3), 13px);
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#0a0a0a;
  line-height:1.05;
}
.hero-banner-bonus__pct{
  font-family:"Montserrat",system-ui,sans-serif;
  font-weight:900;
  font-size:var(--hb-head);
  letter-spacing:.015em;
  text-transform:uppercase;
  color:#0a0a0a;
  line-height:0.98;
  margin-top:clamp(2px, 0.35vw, 5px);
}
.hero-banner-bonus__amt{
  font-family:"Montserrat",system-ui,sans-serif;
  font-weight:900;
  font-size:var(--hb-head);
  letter-spacing:.015em;
  text-transform:uppercase;
  color:#ffffff;
  line-height:0.98;
  margin-top:clamp(1px, 0.2vw, 4px);
  -webkit-text-fill-color:#ffffff;
  text-shadow:0 1px 1px rgba(0,0,0,.18);
}

/* CTA: ?????????????? (skew), ??????? ?????? ? ???? ?????? ?? ???????? */
.hero-banner-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:clamp(8px, 1.5vw, 16px);
  padding:0;
  text-decoration:none;
  border:0;
  background:transparent;
  pointer-events:auto;
  align-self:stretch;
  width:100%;
  max-width:100%;
  min-height:44px;
  min-width:0;
  box-sizing:border-box;
}
.hero-banner-cta:focus-visible{
  outline:2px solid #fff;
  outline-offset:3px;
  border-radius:4px;
}
.hero-banner-cta__shape{
  display:inline-block;
  transform:skewX(-11deg);
  background:linear-gradient(180deg, #1a1816 0%, #0c0a09 100%);
  border:1px solid rgba(0,0,0,.55);
  box-shadow:0 6px 20px rgba(0,0,0,.4);
  padding:clamp(10px, 1.9vw, 14px) clamp(14px, 3.8vw, 38px);
  transition:filter .2s ease, box-shadow .2s ease;
}
@media (hover:hover){
  .hero-banner-cta:hover .hero-banner-cta__shape{
    filter:brightness(1.08);
    box-shadow:0 8px 26px rgba(0,0,0,.45);
  }
}
.hero-banner-cta__text{
  display:block;
  transform:skewX(11deg);
  font-family:"Montserrat",system-ui,sans-serif;
  font-weight:900;
  font-size:clamp(8px, 1.45vw, 12px);
  letter-spacing:.055em;
  text-transform:uppercase;
  line-height:1.25;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
}
.hero-banner-cta__accent{
  color:#ff5a14;
  -webkit-text-fill-color:#ff5a14;
}
.hero-banner-cta__plain{
  color:#ffffff;
  -webkit-text-fill-color:#ffffff;
}

@media (prefers-reduced-motion: reduce){
  .hero-banner-cta__shape,
  .hero-banner-cta__text{
    transform:none;
  }
}

@media (min-width: 769px){
  .banner-wrap:has(.hero-overlay--bonus-banner):not(.banner-wrap--image-only) .banner{
    object-position:22% center;
  }
  .hero-overlay--bonus-banner .hero-banner-cta{
    align-self:flex-start;
    width:max-content;
    max-width:100%;
    justify-content:flex-start;
  }
  .hero-banner-cta__text{
    white-space:nowrap;
    font-size:clamp(7.5px, 1.22vw, 11.5px);
    letter-spacing:.045em;
  }
}
@media (max-width: 992px) and (min-width: 769px){
  .hero-banner__text-wrap{
    max-width:min(56%, 440px);
  }
  .hero-overlay--bonus-banner{
    padding-left:clamp(34%, 40vw, 46%);
  }
}

/* ??????????? ????: ??????????? ?????? ??? ????????? ??????? ?????? */
.hero-badge,
.hero-lines,
.hero-cta{
  max-width: min(92%, 640px);
}

/* ?????? */
.hero-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding: 4px 8px;
  border-radius: 14px;

  font-weight: 900;
  font-size: clamp(12px, 1.2vw, 8px);
  line-height: 1;

  color:#ffffff;
  background: linear-gradient(180deg, #292524 0%, #1c1917 100%);
  border: 1px solid rgba(255, 138, 180, 0.45);
  box-shadow:
    0 8px 18px rgba(0,0,0,.35),
    0 0 16px rgba(255, 77, 125, 0.25),
    0 1px 0 rgba(255,255,255,.2) inset;
}

/* ????? */
.hero-lines{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap: 6px;
  text-align:left;
}

/* Banner-Promo: fett, kursiv, wei? mit schwarzem Rand (Referenz-Screenshot) */
.hero-lines--promo .hero-line{
  font-style: italic;
  font-weight: 900;
  color: #ffffff;
  text-shadow:
    -1.5px -1.5px 0 #0a0a0c, 1.5px -1.5px 0 #0a0a0c, -1.5px 1.5px 0 #0a0a0c, 1.5px 1.5px 0 #0a0a0c,
    0 0 2px #0a0a0c,
    0 4px 16px rgba(0,0,0,.55);
}
.hero-lines--promo .hero-line--intro{
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: clamp(11px, 1.65vw, 16px);
}
.hero-lines--promo .hero-line--big{
  font-size: clamp(26px, 5vw, 48px);
  line-height: 1.04;
}
.hero-lines--promo .hero-line--mid{
  font-size: clamp(18px, 3.6vw, 34px);
  line-height: 1.06;
}

.hero-line{
  color:#fff;
  font-weight: 800;
  letter-spacing: .01em;
  text-shadow: 
    0 2px 4px rgba(0,0,0,.8),
    0 4px 8px rgba(0,0,0,.6),
    0 10px 22px rgba(0,0,0,.45);

  /* ????????: ????????, ????? ?? ???????? */
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* ?????????? ?????????? ?? ????????? */
@media (max-width: 768px){
  .hero-line{
    text-shadow: 
      0 1px 3px rgba(0,0,0,.9),
      0 2px 6px rgba(0,0,0,.7),
      0 4px 12px rgba(0,0,0,.5);
  }
}

/* ??????? ?????? (?????????? clamp: min, preferred, max) */
.hero-line--intro{
  font-size: clamp(13px, 2.1vw, 20px);
  line-height: 1.25;
  font-weight: 700;
  max-width: 100%;
}
.hero-line--big{
  font-size: clamp(22px, 4.2vw, 40px);
  line-height: 1.06;
}
.hero-line--mid{
  font-size: clamp(18px, 3.4vw, 32px);
  line-height: 1.06;
}

/* ?????? */
.hero-cta{
  pointer-events:auto;
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:4px;
  padding:16px 44px;
  border:none;
  border-radius:0;
  font-weight:800;
  font-size:16px;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  color:#ffffff;
  -webkit-text-fill-color:#ffffff;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  position:relative;
  z-index:0;
  isolation:isolate;
  max-width:100%;
  clip-path:var(--casea-clip);
  background:var(--casea-btn-face);
  box-shadow:0 4px 14px rgba(0,0,0,.4);
  transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;
}

.hero-cta::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  clip-path:var(--casea-clip);
  background:linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,.04) 36%, transparent 58%);
  opacity:.9;
}

.hero-cta::after{
  content:"";
  position:absolute;
  inset:var(--casea-btn-frame, -3px);
  z-index:-1;
  pointer-events:none;
  clip-path:var(--casea-clip);
  background:var(--casea-btn-gold);
  box-shadow:0 0 10px rgba(197,160,89,.35);
}

/* ????? ??? CTA (?????? ???????) */
@media (hover:hover){
  .hero-cta:hover{
    filter:brightness(1.08) saturate(1.05);
    box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45);
  }
  .hero-cta:hover::after{
    box-shadow:0 0 14px rgba(197,160,89,.45);
  }
  .hero-cta:active{
    filter:brightness(.94);
    transform:translateY(1px);
    box-shadow:0 2px 8px rgba(0,0,0,.45);
  }
}

/* ???????? */
@media (max-width: 992px) and (min-width: 769px){
  .hero-badge,
  .hero-lines,
  .hero-cta{
    max-width: min(90%, 520px);
  }
  .hero-cta{ 
    padding: 12px 28px; 
    font-size: 15px;
  }
}

/* ??????? ????????? ?????????? (iPhone Pro Max ? ????????) */
@media (max-width: 768px) and (min-width: 481px){
  .hero-badge,
  .hero-lines,
  .hero-cta{
    max-width: min(94%, 480px);
  }
  
  .hero-line--big{ 
    font-size: clamp(20px, 4.5vw, 26px);
  }
  .hero-line--mid{ 
    font-size: clamp(16px, 3.8vw, 21px);
  }
  .hero-line--intro{
    font-size: clamp(12px, 2.8vw, 16px);
  }
}

/* ???????: ?? ??????, ???????? ??? ?? ??????? */
@media (max-width: 768px){
  :root{
    --framePad: 12px;
  }

  .hero-overlay{
    padding: 12px 14px 12px 18px;
    gap: 8px;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
  }

  .hero-badge,
  .hero-lines,
  .hero-cta{
    max-width: min(94%, 420px);
    position: relative;
    z-index: 3;
  }

  /* ?????????????? ??? ??? ?????? ?????????? */
  .hero-badge{
    background: linear-gradient(180deg, #292524 0%, #1c1917 100%);
    backdrop-filter: blur(6px);
    padding: 4px 8px;
    border-radius: 10px;
    font-size: 11px;
    align-self: flex-start;
    border: 1px solid rgba(255, 138, 180, 0.45);
    box-shadow: 0 4px 12px rgba(0,0,0,.35), 0 0 12px rgba(255, 77, 125, 0.2);
  }

  .hero-lines{
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(6px);
    padding: 8px 12px;
    border-radius: 10px;
    gap: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,.4);
  }

  .hero-line--intro{
    font-size: clamp(11px, 3.2vw, 15px);
  }

  .hero-line--big{ 
    font-size: clamp(20px, 5vw, 28px);
    line-height: 1.1;
  }
  .hero-line--mid{ 
    font-size: clamp(16px, 4vw, 22px);
    line-height: 1.1;
  }

  .hero-cta{
    padding: 10px 20px;
    font-size: 13px;
    margin-top: 4px;
  }
}

/* ??????? ??????? (480px - 720px) */
@media (max-width: 720px){
  .hero-badge,
  .hero-lines,
  .hero-cta{
    max-width: min(94%, 400px);
  }
  
  .hero-overlay{
    gap: 6px;
  }

  .hero-line--intro{
    font-size: clamp(11px, 3vw, 14px);
  }

  .hero-line--big{ 
    font-size: clamp(18px, 4.5vw, 24px);
  }
  .hero-line--mid{ 
    font-size: clamp(14px, 3.5vw, 20px);
  }

  .hero-cta{
    padding: 9px 18px;
    font-size: 12px;
  }
}

/* ????????? ??????? (?? 480px) */
@media (max-width: 480px){
  :root{
    --framePad: 10px;
  }

  .hero-overlay{
    padding: 10px 12px;
    gap: 6px;
  }

  .hero-badge,
  .hero-lines,
  .hero-cta{
    max-width: min(94%, 380px);
  }

  .hero-badge{
    padding: 3px 6px;
    font-size: 10px;
    background: linear-gradient(180deg, #292524 0%, #1c1917 100%);
    box-shadow: 0 3px 10px rgba(0,0,0,.4), 0 0 10px rgba(255, 77, 125, 0.18);
  }

  .hero-lines{
    padding: 6px 10px;
    background: rgba(0, 0, 0, 0.55);
    box-shadow: 0 3px 10px rgba(0,0,0,.45);
  }

  .hero-line--intro{
    font-size: clamp(10px, 2.9vw, 13px);
  }

  .hero-line--big{ 
    font-size: clamp(16px, 4vw, 22px);
  }
  .hero-line--mid{ 
    font-size: clamp(13px, 3.2vw, 18px);
  }

  .hero-cta{
    padding: 8px 16px;
    font-size: 11px;
  }
}

/* ????? ????? ?????? (SE/360px ? ??????) */
@media (max-width: 380px){
  :root{
    --framePad: 8px;
  }

  .hero-overlay{
    padding: 8px 10px;
    gap: 5px;
  }

  .hero-badge,
  .hero-lines,
  .hero-cta{
    max-width: min(96%, 340px);
  }

  .hero-badge{
    padding: 2px 5px;
    font-size: 9px;
    background: linear-gradient(180deg, #292524 0%, #1c1917 100%);
    box-shadow: 0 2px 8px rgba(0,0,0,.45), 0 0 8px rgba(255, 77, 125, 0.15);
  }

  .hero-lines{
    padding: 5px 8px;
    background: rgba(0, 0, 0, 0.6);
    box-shadow: 0 2px 8px rgba(0,0,0,.5);
  }

  .hero-line--intro{
    font-size: clamp(9px, 2.8vw, 12px);
  }

  .hero-line--big{ 
    font-size: clamp(14px, 3.8vw, 20px);
  }
  .hero-line--mid{ 
    font-size: clamp(12px, 3vw, 16px);
  }

  .hero-cta{
    padding: 7px 14px;
    font-size: 10px;
  }
}

@media (max-width: 768px){
  /* ????? ? ?????? ???? (??? ?? ????????), ???? ?????? ????? ? ?? ????????? ???? */
  .hero-overlay.hero-overlay--bonus-banner{
    justify-content:center;
    align-items:stretch;
    text-align:left;
    padding-top:clamp(8px, 2.2vw, 16px);
    padding-right:clamp(10px, 3vw, 16px);
    padding-bottom:clamp(8px, 2.2vw, 16px);
    padding-left:clamp(36%, 40vw, 52%);
  }
  .hero-banner__text-wrap{
    align-self:start;
    margin:0;
    width:max-content;
    max-width:calc(100% - 4px);
  }
  .hero-banner-bonus{
    align-self:stretch;
    width:100%;
    max-width:100%;
    align-items:flex-start;
    text-align:left;
    --hb-head:clamp(15px, 4.6vw, 26px);
  }
  .banner-wrap:has(.hero-overlay--bonus-banner):not(.banner-wrap--image-only) .banner{
    object-position:clamp(12%, 18vw, 24%) center;
  }
}
@media (max-width: 480px){
  .hero-overlay.hero-overlay--bonus-banner{
    padding-top:8px;
    padding-right:10px;
    padding-bottom:8px;
    padding-left:clamp(32%, 38vw, 50%);
  }
  .hero-banner__text-wrap{
    max-width:calc(100% - 6px);
  }
  .hero-banner-bonus{
    --hb-head:clamp(14px, 4.2vw, 22px);
  }
  .banner-wrap:has(.hero-overlay--bonus-banner):not(.banner-wrap--image-only) .banner{
    object-position:clamp(10%, 16vw, 22%) center;
  }
}
@media (max-width: 380px){
  .hero-overlay.hero-overlay--bonus-banner{
    padding-top:6px;
    padding-right:8px;
    padding-bottom:6px;
    padding-left:clamp(28%, 36vw, 48%);
  }
  .hero-banner__text-wrap{
    max-width:calc(100% - 4px);
  }
  .hero-banner-bonus{
    --hb-head:clamp(13px, 4vw, 20px);
  }
}

/* ?????????????????????????????????????????????????????????
   MEDALLIONS
?????????????????????????????????????????????????????????? */
/* ===== Chips (VegasHero ? navy + forest green) ===== */
.chips{
  margin:16px auto 0;
  display:flex;
  align-items:center;
  gap:7px;
  justify-content:center;
  flex-wrap:wrap;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
  padding:10px 10px;
  background:rgba(10,22,38,.88);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 4px 16px rgba(0,0,0,.28);
  scrollbar-width:none;
  -ms-overflow-style:none;
}

/* ??????? ???????????? ? ?????? ???? ??? ??????? */
.chips::before,
.chips::after{
  content:"";
  flex:0 0 4px;
}

/* scrollbar - ????? ?? ????????, ????? ?????? ?? ????????? */

.chips::-webkit-scrollbar{ 
  height:0; 
  width:0;
  background:transparent;
}
.chips::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, var(--primary-mid), var(--primary-dark));
  border-radius:999px;
}
.chips::-webkit-scrollbar-track{ 
  background:transparent; 
}

.chip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  height:32px;
  padding:0 12px;
  box-sizing:border-box;
  border-radius:10px;
  white-space:nowrap;
  text-decoration:none;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Antonio";
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:11px;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
  background:transparent;
  border:none;
  box-shadow:none;
  transition:transform .18s ease, filter .22s ease;
}
.chip::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:10px;
  background:var(--chip-green-frame);
  z-index:-2;
  pointer-events:none;
}
.chip::before{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:8px;
  background:var(--chip-green-face);
  z-index:-1;
  pointer-events:none;
}

/* ?????????? URL /go/ ? ???? ????? ? :visited ????? ???? ??????/????????? ????? ? Safari/Chrome */
.chip:link,
.chip:visited,
.chip:hover,
.chip:active,
.chip:focus-visible{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
}
.chip-ico{
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
  color:#ffffff;
  position:relative;
  z-index:1;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));
}
.chip-txt{
  line-height:1.15;
  align-self:center;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
  position:relative;
  z-index:1;
}
@media (hover:hover){
  .chip:hover{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff;
    filter:brightness(1.08);
    transform:translateY(-1px);
  }
}
.chip-ico svg{
  width:16px;
  height:16px;
  stroke:currentColor;
}
.chip:active{
  transform:translateY(1px);
  filter:brightness(.94);
}

/* MOBILE ? ???? ? ????????? ?????, ??? ??????? ?????; ????????? ????? */
@media (max-width:768px){
  .chips{
    padding:8px 10px;
    gap:6px 8px;
    margin-top:12px;
    scrollbar-width:none;
    -ms-overflow-style:none;
    flex-wrap:wrap;
    justify-content:center;
    align-content:center;
    overflow-x:visible;
    overflow-y:visible;
    row-gap:6px;
  }
  .chips::-webkit-scrollbar{
    height:0;
    width:0;
    display:none;
  }
  .chips::before,
  .chips::after{
    display:none;
  }
  
  .chip{
    height:32px;
    padding:0 10px;
    font-size:10px;
    border-radius:10px;
    gap:6px;
  }
  
  .chip-ico,
  .chip-ico svg{
    width:14px;
    height:14px;
  }
}

@media (max-width:520px){
  .chips{
    padding:6px 8px;
    gap:5px 6px;
    margin-top:10px;
    row-gap:5px;
  }
  
  .chip{
    height:30px;
    padding:0 8px;
    font-size:9px;
    border-radius:8px;
    gap:5px;
  }
  
  .chip-ico,
  .chip-ico svg{
    width:12px;
    height:12px;
  }
}

@media (max-width:380px){
  .chips{
    padding:5px 6px;
    gap:4px 5px;
    row-gap:4px;
  }
  
  .chip{
    height:28px;
    padding:0 7px;
    font-size:8px;
    gap:4px;
  }
  
  .chip-ico,
  .chip-ico svg{
    width:11px;
    height:11px;
  }
}

/* ?????????????????????????????????????????????????????????
   CARDS GRID
?????????????????????????????????????????????????????????? */
.grid{
  display:grid;
  gap:18px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:22px;
  min-width:0;
}
.card{
  display:block;
  text-decoration:none;
  color:inherit;
  background:#ffffff;
  border:1px solid #e7e5e4;
  border-radius:14px;
  overflow:hidden;
  box-shadow:
    0 4px 16px rgba(28, 25, 23, 0.08),
    0 0 0 1px rgba(255,255,255,.9) inset;
  transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.card:hover{
  border-color:#fdba74;
  box-shadow:
    0 12px 28px rgba(234, 88, 12, 0.15),
    0 0 0 1px rgba(254, 215, 170, 0.65) inset;
  transform:translateY(-2px);
}
.media{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#0a0a0a;
}
.media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1);
  transition:transform .6s ease;
}
.card:hover .media img{ transform:scale(1.08); }
.play{
  position:absolute;
  top:50%;
  left:50%;
  right:auto;
  bottom:auto;
  transform:translate(-50%,-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 22px;
  font-weight:800;
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#ffffff;
  -webkit-text-fill-color:#ffffff;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  border:none;
  border-radius:0;
  z-index:2;
  isolation:isolate;
  clip-path:var(--casea-clip-sm);
  background:var(--casea-btn-face);
  box-shadow:0 4px 14px rgba(0,0,0,.45);
  opacity:0;
  transition:opacity .25s ease, transform .25s ease, filter .2s ease;
}
.play::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  clip-path:var(--casea-clip-sm);
  background:linear-gradient(180deg, rgba(255,255,255,.24) 0%, transparent 42%);
  opacity:.9;
}
.play::after{
  content:"";
  position:absolute;
  inset:var(--casea-btn-frame, -3px);
  z-index:-1;
  pointer-events:none;
  clip-path:var(--casea-clip-sm);
  background:var(--casea-btn-gold);
}
.card:hover .play{
  opacity:1;
  transform:translate(-50%,-50%) scale(1.04);
  filter:brightness(1.06);
}
.info{
  padding:12px 14px 14px;
  background:linear-gradient(180deg, #fafaf9 0%, #e7e5e4 100%);
  border-top:1px solid #e7e5e4;
}
.title{ margin:0 0 4px; font-weight:800; font-size:15px; line-height:1.2; color:#000000; }
.vendor{ margin:0; color:rgba(0,0,0,.68); font-size:12px; font-weight:600; }

/* ?????????????????????????????????????????????????????????
   TABLE OF CONTENTS
?????????????????????????????????????????????????????????? */
.toc-nav{
  margin:24px 0 20px;
  padding:16px 20px;
  background:linear-gradient(180deg, #fafaf9, #fff7ed);
  border:1px solid #e7e5e4;
  border-radius:14px;
  box-shadow:0 2px 12px rgba(28, 25, 23, 0.06);
}

.toc-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:12px 16px;
  justify-content:flex-start;
  align-items:center;
}

.toc-list li{
  margin:0;
  padding:0;
}

.toc-list a{
  display:inline-block;
  padding:6px 14px;
  font-size:13px;
  font-weight:600;
  color:#c2410c;
  text-decoration:none;
  border-radius:8px;
  background:#ffffff;
  border:1px solid #d6d3d1;
  transition:all .2s ease;
  white-space:nowrap;
}

.toc-list a:hover{
  background:#ffedd5;
  border-color:#ea580c;
  color:#9a3412;
  transform:translateY(-1px);
}

@media (max-width:768px){
  .toc-nav{
    padding:12px 14px;
    margin:20px 0 16px;
  }
  
  .toc-list{
    gap:8px 12px;
  }
  
  .toc-list a{
    padding:5px 11px;
    font-size:12px;
  }
}

@media (max-width:480px){
  .toc-list{
    gap:6px 10px;
  }
  
  .toc-list a{
    padding:4px 9px;
    font-size:11px;
  }
}

/* ?????????????????????????????????????????????????????????
   FAQ SECTION
?????????????????????????????????????????????????????????? */
.faq-item{
  margin-bottom:24px;
  padding:18px 20px;
  background:#fafaf9;
  border:1px solid #e7e5e4;
  border-radius:12px;
  box-shadow:0 2px 8px rgba(28, 25, 23, 0.05);
}

.faq-item h3{
  margin:0 0 12px 0;
  font-size:18px;
  font-weight:800;
  color:#1c1917;
  line-height:1.3;
}

.faq-item p{
  margin:0;
  color:#44403c;
  line-height:1.6;
}

.faq-item:last-child{
  margin-bottom:0;
}

@media (max-width:768px){
  .faq-item{
    padding:14px 16px;
    margin-bottom:18px;
  }
  
  .faq-item h3{
    font-size:16px;
    margin-bottom:10px;
  }
}

/* ?????????????????????????????????????????????????????????
   SECTIONS / CTA
?????????????????????????????????????????????????????????? */
.section{
  margin-top:30px;
  margin-bottom:20px;
  line-height:1.6;
  color:#44403c;
}

.shell > main .section h2,
.shell > main .section h3{
  color:var(--main-heading,#1c1917);
}

.intro p{
  max-width:900px;
  margin:0 auto;
  text-align:left;
  color:#44403c;
}
.cta-center{
  display:flex;
  justify-content:center;
  margin-top:16px;
}
.pulse-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:16px 32px;
  font-weight:800;
  font-size:18px;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  color:#ffffff;
  -webkit-text-fill-color:#ffffff;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  border:none;
  border-radius:0;
  position:relative;
  z-index:0;
  isolation:isolate;
  clip-path:var(--casea-clip);
  background:var(--casea-btn-face);
  box-shadow:0 4px 14px rgba(0,0,0,.4);
  transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;
  animation:casea-btn-pulse 2.4s infinite;
}

.pulse-btn::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  clip-path:var(--casea-clip);
  background:linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,.04) 36%, transparent 58%);
  opacity:.9;
}

.pulse-btn::after{
  content:"";
  position:absolute;
  inset:var(--casea-btn-frame, -3px);
  z-index:-1;
  pointer-events:none;
  clip-path:var(--casea-clip);
  background:var(--casea-btn-gold);
  box-shadow:0 0 10px rgba(197,160,89,.35);
}

/* ?????????? ????? ??? ????????? */
@media (max-width:768px){
  .pulse-btn,
  .vmore-btn{
    white-space:nowrap;
  }
  .pulse-btn{
    padding:14px 22px;
    font-size:clamp(13px, 3.4vw, 16px);
  }
  .vmore-btn{
    padding:10px 18px;
    font-size:clamp(12px, 3vw, 14px);
  }
}

@media (max-width:480px){
  .pulse-btn{
    padding:11px 18px;
    font-size:clamp(12px, 3.2vw, 14px);
    border-radius:0;
  }
}

@media (max-width:380px){
  .pulse-btn{
    padding:10px 14px;
    font-size:12px;
    letter-spacing:.03em;
  }
}

/* ?????????????????????????????????????????????????????????
   PROVIDERS
?????????????????????????????????????????????????????????? */
.prov-grid{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.prov{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-decoration:none;
  color:#1c1917;
  background:#ffffff;
  border:1px solid #e7e5e4;
  border-radius:14px;
  padding:14px;
  box-shadow:
    0 4px 14px rgba(28, 25, 23, 0.07),
    0 0 0 1px rgba(255,255,255,.9) inset;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.prov:hover{
  transform:translateY(-3px);
  border-color:#fdba74;
  box-shadow:
    0 12px 28px rgba(234, 88, 12, 0.12);
}
.prov-media{
  width:100%;
  aspect-ratio:16/9;
  background:#f5f5f4;
  border-radius:10px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #e7e5e4;
}
.prov-media img{
  width:80%;
  height:80%;
  object-fit:contain;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));
}
.prov-name{
  margin-top:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:13px;
  text-align:center;
  color:#9a3412;
}
.vmore-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 24px;
  font-weight:800;
  font-size:14px;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  color:#ffffff;
  -webkit-text-fill-color:#ffffff;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  border:none;
  border-radius:0;
  position:relative;
  z-index:0;
  isolation:isolate;
  clip-path:var(--casea-clip);
  background:var(--casea-btn-face);
  box-shadow:0 4px 14px rgba(0,0,0,.4);
  transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;
}

.vmore-btn::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  clip-path:var(--casea-clip);
  background:linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,.04) 36%, transparent 58%);
  opacity:.9;
}

.vmore-btn::after{
  content:"";
  position:absolute;
  inset:var(--casea-btn-frame, -3px);
  z-index:-1;
  pointer-events:none;
  clip-path:var(--casea-clip);
  background:var(--casea-btn-gold);
  box-shadow:0 0 10px rgba(197,160,89,.35);
}

.vmore-btn:hover{
  filter:brightness(1.08) saturate(1.05);
  box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45);
}

/* ?????????????????????????????????????????????????????????
   ??????? (?????)
?????????????????????????????????????????????????????????? */
.table-wrapper{
  background:var(--table-label-bg, #3b2e25);
  border:1px solid rgba(0,0,0,.4);
  border-radius:10px;
  box-shadow:0 4px 16px rgba(0,0,0,.28);
  overflow:hidden;
}

/* ??? ?????? ? ?????????????? ???????? */
.table-wrapper--scroll{
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(190,122,44,.45) rgba(43,33,26,.95);
}

.table-wrapper--scroll::-webkit-scrollbar{
  height:8px;
}

.table-wrapper--scroll::-webkit-scrollbar-track{
  background:rgba(43,33,26,.95);
  border-radius:4px;
}

.table-wrapper--scroll::-webkit-scrollbar-thumb{
  background:rgba(190,122,44,.45);
  border-radius:4px;
}

.table-wrapper--scroll::-webkit-scrollbar-thumb:hover{
  background:rgba(190,122,44,.62);
}

/* ??????? ??????? ? ?????? 100% ?????? wrapper */
table{
  width:100%;
  border-collapse:collapse;
}

/* ????? ??? ?????? ? ??????????? (thead/th) */
table thead{
  background:linear-gradient(180deg, #ffedd5, #fff7ed);
  border-bottom:2px solid #fdba74;
}

table th{
  padding:14px 12px;
  text-align:left;
  font-weight:800;
  color:#1c1917;
  font-size:15px;
  letter-spacing:.02em;
  text-transform:uppercase;
  border-bottom:2px solid #fdba74;
}

table tbody tr{
  transition:background-color .2s ease;
}

table tbody tr:hover{
  background:rgba(255, 237, 213, 0.55);
}

table tbody td{
  padding:12px;
  color:#44403c;
  line-height:1.5;
  font-size:15px;
  border-bottom:1px solid #e7e5e4;
  vertical-align:middle;
}

table tbody tr:last-child td{
  border-bottom:1px solid rgba(0,0,0,.28);
}

table tbody tr:nth-child(even){
  background:rgba(248, 250, 252, 0.9);
}

/* ???????????? ??? ??????????????? ?????? */
@media (max-width:768px){
  table th,
  table tbody td{
    padding:10px 8px;
    font-size:14px;
  }
  
  table th{
    font-size:13px;
  }
}

@media (max-width:480px){
  table th,
  table tbody td{
    padding:8px 6px;
    font-size:13px;
  }
  
  table th{
    font-size:12px;
    letter-spacing:.01em;
  }
}

/* ????????????? ???? ??? 2-?????????? ?????? ??? ?????? HTML
   (???????????? ? ??????? #facts, #bonuses) */
:is(#facts, #bonuses){
  overflow-x:hidden;
}
:is(#facts, #bonuses) table{
  width:100% !important;
  min-width:0 !important;
  margin:0;
  border-collapse:collapse;
  table-layout:fixed; /* ?????? ??????? ?? ??????? */
}
:is(#facts, #bonuses) td:first-child,
:is(#facts, #bonuses) tbody th[scope="row"]{
  width:42%;
  font-weight:700;
  color:#fff;
  background:var(--table-label-bg, #3b2e25);
}
:is(#facts, #bonuses) td:last-child{
  width:58%;
  color:#fff;
  background:var(--table-value-bg, #241a13);
}
:is(#facts, #bonuses) td{
  padding:12px 14px;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
  vertical-align:middle;
  border-bottom:1px solid var(--table-border, rgba(255,255,255,.08));
  color:#fff;
  line-height:1.5;
  font-size:15px;
}
:is(#facts, #bonuses) tr:last-child td{ border-bottom:1px solid rgba(0,0,0,.28); }
:is(#facts, #bonuses) tbody th[scope="row"]{
  background:var(--table-label-bg, #3b2e25);
}
:is(#facts, #bonuses) tbody td{
  background:var(--table-value-bg, #241a13);
}

@media (max-width:430px){
  :is(#facts, #bonuses) td{
    padding:10px 8px;
    font-size:14px;
  }
  :is(#facts, #bonuses) td:first-child{ width:46%; }
  :is(#facts, #bonuses) td:last-child{ width:54%; }
}

/* ????? ??? ?????? #payments ? ??????????????? ???????? */
#payments .table-wrapper{
  overflow:hidden;
}

#payments table{
  width:100%;
  margin:0;
  border-collapse:collapse;
  table-layout:auto;
}

/* ????????? ????????? ??? #payments */
@media (max-width:768px){
  #payments table th,
  #payments table tbody td{
    padding:10px 8px;
    font-size:13px;
  }
  
  #payments table th{
    font-size:12px;
    padding:10px 6px;
  }
  
  #payments table tbody td:last-child{
    font-size:12px;
  }
}

@media (max-width:480px){
  #payments table th,
  #payments table tbody td{
    padding:8px 6px;
    font-size:12px;
  }
  
  #payments table th{
    font-size:11px;
    padding:8px 5px;
    letter-spacing:0;
  }
  
  #payments table tbody td:first-child{
    font-size:12px;
  }
  
  #payments table tbody td:nth-child(2),
  #payments table tbody td:nth-child(3){
    text-align:center;
    font-size:12px;
  }
  
  #payments table tbody td:last-child{
    font-size:11px;
  }
}

/* ?????????????????????????????????????????????????????????
   FOOTER
?????????????????????????????????????????????????????????? */
.site-footer{
  --ft-bg0:#1a1a1a;
  --ft-bg1:#1a1a1a;
  --ft-line:rgba(255,255,255,.10);
  --ft-text:rgba(255,255,255,.92);
  --ft-muted:rgba(255,255,255,.70);
  --ft-tile:rgba(255,255,255,.07);
  margin-top:40px;
  background:#1a1a1a;
  border-top:1px solid var(--ft-line);
  box-shadow:0 -8px 40px rgba(0,0,0,.45);
}
.site-footer a{ color:var(--ft-text); text-decoration:none; }
.site-footer a:hover{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:3px;
}

.ft-wrap{
  max-width:1320px;
  margin:0 auto;
  padding:28px 14px 32px;
  color:var(--ft-muted);
}
.ft-head{
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-bottom:16px;
}
.ft-logo img{ height:44px; display:block; max-width:240px; }
.ft-cta-center{ flex:1; display:flex; justify-content:center; }

.ft-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 28px;
  font-weight:800;
  font-size:17px;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  color:#ffffff;
  -webkit-text-fill-color:#ffffff;
  text-decoration:none;
  border:none;
  border-radius:0;
  max-width:440px;
  position:relative;
  z-index:0;
  isolation:isolate;
  line-height:1.25;
  clip-path:var(--casea-clip);
  background:var(--casea-btn-face);
  box-shadow:0 4px 14px rgba(0,0,0,.4);
  transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;
}

.ft-btn::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  clip-path:var(--casea-clip);
  background:linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,.04) 36%, transparent 58%);
  opacity:.9;
}

.ft-btn::after{
  content:"";
  position:absolute;
  inset:var(--casea-btn-frame, -3px);
  z-index:-1;
  pointer-events:none;
  clip-path:var(--casea-clip);
  background:var(--casea-btn-gold);
  box-shadow:0 0 10px rgba(197,160,89,.35);
}

.ft-btn:hover{
  filter:brightness(1.08) saturate(1.05);
  box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45);
}

.ft-trust{ display:flex; align-items:center; gap:18px; }
.ft-trust img{
  height:30px;
  width:auto;
  display:block;
  opacity:.92;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));
}
.ft-trust a:hover img{ opacity:1; }

.ft-page{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:10px 20px;
  margin:4px 0 0;
  padding:14px 12px 16px;
  border-bottom:1px solid var(--ft-line, rgba(255,255,255,.1));
  font-size:13px;
  color:var(--ft-muted, rgba(255,255,255,.62));
}
.ft-page a{
  color:rgba(255,255,255,.88);
  text-decoration:none;
  opacity:.95;
  border-bottom:1px solid rgba(255,255,255,.22);
  padding-bottom:1px;
  transition:opacity .2s ease, border-color .2s ease, color .2s ease;
}
.ft-page a:hover{
  opacity:1;
  color:#fff;
  border-bottom-color:#fdba74;
}
.ft-page + .ft-grid{
  border-top:none;
  padding-top:20px;
}

.ft-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
  padding:16px 0;
  border-top:1px solid var(--ft-line, rgba(255,255,255,.1));
  border-bottom:1px solid var(--ft-line, rgba(255,255,255,.1));
}
.ft-col{ display:flex; flex-direction:column; gap:8px; }
.ft-col a{
  font-size:14px;
  line-height:1.45;
}
.ft-title{
  font-weight:800;
  color:#fff;
  margin-bottom:6px;
  letter-spacing:.02em;
}

.ft-pay{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  margin:14px 0;
  padding:18px 14px;
  background:rgba(0,0,0,.22);
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
}
.ft-pay span{ opacity:.9; text-align:center; color:var(--ft-muted, rgba(255,255,255,.62)); }
.ft-pay ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  padding:0;
  margin:0;
  list-style:none;
}
.ft-pay ul li{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  min-height:44px;
  padding:8px 12px;
  border-radius:10px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
}
.ft-pay img{
  height:24px;
  width:auto;
  max-width:64px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));
}
@media (max-width:1100px){
  .ft-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
/* ?????????????????????????????????????????????????????????
   FOOTER LANGUAGE BUTTONS
?????????????????????????????????????????????????????????? */
.ft-lang{
  border-top:1px solid var(--ft-line, rgba(255,255,255,.1));
  border-bottom:1px solid var(--ft-line, rgba(255,255,255,.1));
  margin:16px 0;
  padding:16px 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}

.ft-lang-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:10px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.88);
  text-decoration:none;
  font-family:"Antonio", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:12px;
  font-weight:600;
  transition:all .2s ease;
}

.ft-lang-btn:hover{
  border-color:rgba(251, 146, 60, 0.65);
  background:rgba(255, 90, 20, 0.12);
  color:#fff;
  transform:translateY(-1px);
}

.ft-lang-btn.is-active{
  background:rgba(234, 88, 12, 0.2);
  border-color:#ea580c;
  color:#ffedd5;
  cursor:default;
  pointer-events:none;
}

.ft-lang-btn .flag-emoji{
  font-size:18px;
  line-height:1;
  display:inline-flex;
  align-items:center;
}

.ft-legal{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:10px 18px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--ft-line, rgba(255,255,255,.1));
  font-size:13px;
  color:var(--ft-muted, rgba(255,255,255,.62));
}
.ft-legal a{
  color:rgba(255,255,255,.88);
  text-decoration:none;
  opacity:.95;
  border-bottom:1px solid rgba(255,255,255,.22);
  padding-bottom:1px;
  transition:opacity .2s ease, border-color .2s ease, color .2s ease;
}
.ft-legal a:hover{
  opacity:1;
  color:#fff;
  border-bottom-color:#fdba74;
}

.legal-doc{
  max-width:var(--main-content-max);
  margin:0 auto;
}
.legal-doc h2{
  margin:28px 0 12px;
  font-size:1.25rem;
  font-weight:800;
  color:#1c1917;
}
.legal-doc h2:first-of-type{
  margin-top:8px;
}
.legal-doc p,
.legal-doc li{
  color:#44403c;
  line-height:1.65;
  margin:0 0 12px;
}
.legal-doc ul,
.legal-doc ol{
  margin:0 0 16px;
  padding-left:1.35em;
}
.legal-doc .legal-note{
  margin:20px 0;
  padding:14px 18px;
  border-radius:12px;
  border:1px solid #fed7aa;
  background:#fff7ed;
  font-size:14px;
  color:#7c2d12;
}

.ft-bottom{
  border-top:1px solid var(--ft-line, rgba(255,255,255,.1));
  margin-top:12px;
  padding-top:12px;
  font-size:13px;
  color:rgba(255,255,255,.52);
  display:flex;
  justify-content:center;
  text-align:center;
}

/* ?????????????????????????????????????????????????????????
   FOOTER MOBILE RESPONSIVE
?????????????????????????????????????????????????????????? */
@media (max-width:768px){
  .ft-head{
    flex-direction:column;
    align-items:center;
    gap:16px;
    justify-content:center;
  }
  
  .ft-logo img{
    height:50px;
  }
  
  .ft-cta-center{
    width:100%;
    justify-content:center;
  }
  
  .ft-btn{
    padding:10px 20px;
    font-size:13px;
    max-width:280px;
    width:auto;
  }
  
  .ft-trust{
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
  }
  
  .ft-trust img{
    height:26px;
  }
  
  .ft-grid{
    grid-template-columns:repeat(2,1fr);
    gap:16px;
  }
}

@media (max-width:520px){
  .ft-wrap{
    padding:20px 12px 24px;
  }
  
  .ft-head{
    gap:14px;
    margin-bottom:14px;
  }
  
  .ft-logo img{
    height:45px;
  }
  
  .ft-btn{
    padding:8px 18px;
    font-size:12px;
    max-width:240px;
  }
  
  .ft-trust{
    gap:10px;
  }
  
  .ft-trust img{
    height:24px;
  }
  
  .ft-grid{
    grid-template-columns:1fr;
    gap:14px;
    padding:14px 0;
  }
  
  .ft-col{
    gap:6px;
  }
  
  .ft-title{
    font-size:14px;
    margin-bottom:8px;
  }
  
  .ft-pay{
    margin:12px 0;
    gap:8px;
  }
  
  .ft-pay ul{
    gap:10px;
  }
  
  .ft-pay img{
    height:22px;
  }
  
  .ft-lang{
    margin:12px 0;
    padding:12px 0;
    gap:8px;
  }
  
  .ft-lang-btn{
    padding:6px 12px;
    font-size:11px;
    gap:6px;
  }
  
  .ft-lang-btn .flag-emoji{
    font-size:16px;
  }
  
  .ft-bottom{
    font-size:12px;
    padding-top:10px;
    margin-top:10px;
  }
}

@media (max-width:390px){
  .ft-wrap{
    padding:18px 10px 20px;
  }
  
  .ft-logo img{
    height:40px;
  }
  
  .ft-btn{
    padding:9px 18px;
    font-size:12px;
  }
  
  .ft-trust img{
    height:22px;
  }
  
  .ft-title{
    font-size:13px;
  }
  
  .ft-pay img{
    height:20px;
  }
  
  .ft-lang{
    margin:10px 0;
    padding:10px 0;
    gap:6px;
  }
  
  .ft-lang-btn{
    padding:5px 10px;
    font-size:10px;
    gap:5px;
  }
  
  .ft-lang-btn .flag-emoji{
    font-size:14px;
  }
  
  .ft-bottom{
    font-size:11px;
    line-height:1.5;
  }
}

/* ???????: ??????????? ?????? ???????? ??? ??????? ???? + ????? ??? ???????????? drift */
@media (min-width:993px){
  .aside{
    max-height:none;
    overflow-y:visible;
    overflow-x:hidden;
    -webkit-overflow-scrolling:auto;
    overscroll-behavior:auto;
  }
}

/* ??????? ????????: ????? ? ??????? ??? ??????????????? ??????? ???????? */
@media (min-width:993px) and (max-width:1199px){
  .shell{
    grid-template-columns:minmax(200px, 240px) minmax(0, 1fr);
    gap:16px;
    padding:16px 12px;
  }
  .aside{
    max-width:240px;
    padding:12px 10px;
    border-radius:16px;
  }
  .nav a{
    padding:10px 10px;
    font-size:13px;
    gap:8px;
  }
  .nav-ico,
  .nav-ico svg,
  svg.nav-ico{
    width:16px;
    height:16px;
    flex:0 0 16px;
  }
}

/* ??????? ??????: ?????????? ??????? ???? */
@media (min-width:1200px){
  .shell{
    grid-template-columns:260px minmax(0, 1fr);
    gap:20px;
  }
  .aside{
    max-width:260px;
  }
}

/* ?? ??????? drawer ???????? ?????? ??? ???????? */
@media (max-width:992px){
  .drawer{ transform:translateX(-110%); }
}

/* ?????????????????????????????????????????????????????????
   RESPONSIVE (?????)
?????????????????????????????????????????????????????????? */
@media (max-width:1200px){
  .prov-grid{ grid-template-columns:repeat(3,1fr); }
  .medals{ grid-template-columns:repeat(6,1fr); }
  .grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:992px){
  header{
    position:fixed;
    top:0;
    left:0;
    right:0;
  }

  .shell{ grid-template-columns:1fr; }
  .shell > main{ grid-column:1; }
  .aside{ display:none; }
  .burger{ display:inline-flex; }
  .medals{ grid-template-columns:repeat(4,1fr); }
  .grid{ grid-template-columns:repeat(2,1fr); }

  .offers-trigger{
    margin-left:auto;
  }
  .head .lang-switch{
    margin-left:0;
  }
}
@media (max-width:520px){
  .head{ gap:8px; }
  .medals{ grid-template-columns:repeat(3,1fr); }

  .head, .shell, .site-footer{
    padding-left:max(12px, env(safe-area-inset-left, 0px));
    padding-right:max(12px, env(safe-area-inset-right, 0px));
  }

  /* ????????? ? ?????????? --framePad (??. ????) */
  .frame{ padding: var(--framePad); }
  .frame:before{ inset:6px; }
}
@media (max-width:390px){
  .medals{ grid-template-columns:repeat(2,1fr); }
  .grid{ grid-template-columns:1fr; }
  .prov-grid{ grid-template-columns:1fr; }
}

/* ???????????????????????????????????????????????????????????
   MOBILE ? ???????????, main, ???????, ??????? (??? ????????)
??????????????????????????????????????????????????????????? */
@media (max-width: 768px){
  main .table-wrapper,
  #facts .table-wrapper,
  #bonuses .table-wrapper,
  #payments .table-wrapper,
  main .legal-doc .table-wrapper{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
  }
}
@media (max-width: 640px){
  .shell > main{
    padding-top:max(12px, var(--main-pad-top));
    padding-bottom:max(28px, env(safe-area-inset-bottom, 0px), var(--main-pad-bottom));
    padding-left:max(var(--main-pad-x), env(safe-area-inset-left, 0px));
    padding-right:max(var(--main-pad-x), env(safe-area-inset-right, 0px));
    border-radius:12px;
  }
  .page-title{
    font-size:clamp(19px, 5.2vw, 24px);
    line-height:1.2;
    padding-left:4px;
    padding-right:4px;
  }
  .section{
    margin-top:22px;
    margin-bottom:16px;
  }
  .shell > main .section h2,
  .shell > main .section h3{
    font-size:clamp(1.05rem, 4vw, 1.3rem);
    line-height:1.28;
  }
  .shell > main p,
  .shell > main li,
  main .legal-doc p,
  main .legal-doc li{
    font-size:clamp(15px, 3.6vw, 16px);
    line-height:1.62;
  }
  .legal-doc h2{
    font-size:clamp(1.08rem, 4vw, 1.22rem);
  }
  .shell > main .pulse-btn,
  .shell > main .hero-cta,
  .shell > main .vmore-btn,
  .site-footer .ft-btn{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding-left:22px;
    padding-right:22px;
  }
  .shell > main .cta-center:not(.cta-center--pair) .pulse-btn{
    width:100%;
    max-width:min(340px, 100%);
  }
  /* ????: ?????????? ??????, ??? min-height 44px (??? ?????? ????????? ? ???????? ??????????) */
  .chips{
    padding:8px max(8px, env(safe-area-inset-left, 0px)) 8px max(8px, env(safe-area-inset-right, 0px));
    gap:8px;
    align-items:center;
  }
  .chips .chip{
    min-height:0;
    height:36px;
    max-height:36px;
    padding:0 12px;
    font-size:10px;
    letter-spacing:.05em;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    gap:6px;
  }
  .drawer{
    padding-bottom:env(safe-area-inset-bottom, 0px);
    width:min(86vw, 320px);
  }
  .drawer .nav a{
    padding-top:14px;
    padding-bottom:14px;
    min-height:48px;
  }
  .dhead{
    padding-left:max(12px, env(safe-area-inset-left, 0px));
    padding-right:max(12px, env(safe-area-inset-right, 0px));
  }
  .prov-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
  }
}
/* ?????????????????????????????????????????????????????????
   (???????????) ASIDE FIXED ? ?? ???????
?????????????????????????????????????????????????????????? */
.aside--fixed{
  position:fixed !important;
  top:var(--asideTop,74px);
  left:var(--asideLeft,14px);
  width:var(--asideWidth,260px);
  height:var(--asideHeight,calc(100vh - (var(--asideTop,74px) + 14px)));
  max-height:calc(100vh - (var(--asideTop,74px) + 14px));
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  z-index:90;
  transform:translateY(var(--asideShift,0px));
}

/* ?????????????????????????????????????????????????????????
   ??? ????????/???????? ??? CTA (??? ??????)
   ?????: ?? ?????? transform ? ?????? ? ??????, ???????
   ????????? ??????? ?????? ???, ??? ??? ???????.
?????????????????????????????????????????????????????????? */
:where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg){
  position:relative;
  display:inline-block;
  transition: transform .2s ease, box-shadow .3s ease, filter .3s ease, background .3s ease;
  will-change: transform, box-shadow;
  transform: translateZ(0);
}

/* Hover: ?????? ????? Casea */
.pulse-btn:hover,
.hero-cta:hover,
.vmore-btn:hover,
.ft-btn:hover{
  filter:brightness(1.08) saturate(1.05);
  box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45);
}

/* Active: ?????? ??????? */
:where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg):active{
  transform:translateY(1px);
  filter:brightness(.94);
  box-shadow:0 2px 8px rgba(0,0,0,.45);
}

/* ?????-??????? */
:where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg):focus-visible{
  outline:0;
  box-shadow:
    0 0 0 2px #f8fafc,
    0 0 0 5px rgba(74,144,226,.45),
    0 8px 24px rgba(0,0,0,.35);
}

@keyframes casea-btn-pulse{
  0%{ box-shadow:0 4px 14px rgba(0,0,0,.4), 0 0 0 0 rgba(74,144,226,.35) }
  70%{ box-shadow:0 4px 14px rgba(0,0,0,.4), 0 0 0 14px rgba(74,144,226,0) }
  100%{ box-shadow:0 4px 14px rgba(0,0,0,.4), 0 0 0 0 rgba(74,144,226,0) }
}
@keyframes casea-btn-pulse-ft{
  0%{ box-shadow:0 4px 14px rgba(0,0,0,.4), 0 0 0 0 rgba(74,144,226,.42) }
  70%{ box-shadow:0 4px 14px rgba(0,0,0,.4), 0 0 0 14px rgba(74,144,226,0) }
  100%{ box-shadow:0 4px 14px rgba(0,0,0,.4), 0 0 0 0 rgba(74,144,226,0) }
}
:where(.pulse-btn, .hero-cta, .vmore-btn).is-pulsing,
:where(.pulse-btn, .hero-cta, .vmore-btn).pulse{
  animation:casea-btn-pulse 2.4s infinite;
}
.ft-btn.is-pulsing,
.ft-btn.pulse{
  animation:casea-btn-pulse-ft 2.4s infinite;
}

/* ?????? ?ripple? ???????? ? ??????? ????? ????? ::after ? CTA-?????? */

/* ???????? prefers-reduced-motion */
@media (prefers-reduced-motion: reduce){
  :where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg){
    transition:none;
    animation:none;
  }
  :where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg):hover{
    transform:none;
    box-shadow:none;
    filter:none;
  }
}

/* Disabled-????????? */
:where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg)[disabled]{
  opacity:.6;
  pointer-events:none;
  filter: grayscale(.2);
  box-shadow:none !important;
  transform:none !important;
}

.lang-flag{ 
  width:20px; 
  height:20px; 
  object-fit:contain; 
  border-radius:3px;
  filter: drop-shadow(0 1px 3px rgba(0,0,0,.4));
}

.lang-label-main{
  font-weight:800;
  font-size:14px;
  letter-spacing:.08em;
  color:var(--text-heading);
  text-shadow:0 0 8px rgba(253, 186, 116, 0.5);
}

.lang-label-sub{
  font-weight:500;
  font-size:11px;
  letter-spacing:.04em;
  color:var(--ink-muted);
  opacity:.95;
  margin-left:auto;
}

/* ===== Language modal ===== */
.lang-modal{
  position:fixed; inset:0;
  z-index:999;
  display:none;
}
.lang-modal.is-open{ display:block; }

.lang-backdrop{
  position:absolute; inset:0;
  background:rgba(0,0,0,.55);
  backdrop-filter: blur(2px);
}

.lang-panel{
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-50%);
  width:min(520px, 92vw);
  max-height:min(78vh, 720px);
  overflow:auto;

  background:linear-gradient(180deg,#2b2b2b,#171717);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  box-shadow:0 20px 60px rgba(0,0,0,.6);
}

.lang-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.lang-title{
  color:var(--text-heading);
  font-family:"Antonio", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:18px;
}
.lang-x{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  color:var(--text-heading);
  border-radius:10px;
  padding:8px 10px;
  cursor:pointer;
}

.lang-list{ padding:14px; display:flex; flex-direction:column; gap:10px; }

.lang-item{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:12px;

  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.10);
  color:var(--ink-bright);
  cursor:pointer;
  text-decoration:none;

  font-family:"Antonio", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:.06em;
  transition: all 0.2s ease;
}
.lang-item img{ width:18px; height:18px; object-fit:contain; border-radius:3px; }
.lang-item:hover{ border-color:rgba(234, 88, 12, 0.55); background:rgba(234, 88, 12, 0.12); }

.lang-item.is-active,
.lang-item.is-current,
.lang-item[disabled]{
  background: linear-gradient(135deg, rgba(234, 88, 12, 0.22), rgba(28, 25, 23, 0.45));
  border-color: rgba(253, 186, 116, 0.5);
  color: #ffffff;
  box-shadow: 0 0 0 1px rgba(234, 88, 12, 0.3) inset, 0 2px 10px rgba(28, 25, 23, 0.35);
  cursor: default !important;
  pointer-events: none;
  text-decoration: none;
}
.lang-item.is-active:hover,
.lang-item.is-current:hover,
.lang-item[disabled]:hover{
  background: linear-gradient(135deg, rgba(234, 88, 12, 0.22), rgba(28, 25, 23, 0.45));
  border-color: rgba(253, 186, 116, 0.5);
}

/* ?????????????????????????????????????????????????????????
   LOGIN SECTION ? texto + captura a la derecha (compacta)
?????????????????????????????????????????????????????????? */
.login-section{
  overflow:hidden;
}
#login .login-shot{
  float:right !important;
  width:min(240px, 32vw);
  max-width:100%;
  margin:6px 0 1rem 1.35rem;
  display:block;
  line-height:0;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 32px rgba(0,0,0,.4), 0 0 0 1px rgba(18,160,110,.12) inset;
  text-decoration:none !important;
  transition:transform .25s ease, box-shadow .25s ease;
  shape-outside:inset(0 round 14px);
}
#login .login-shot:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 40px rgba(0,0,0,.48), 0 0 0 1px rgba(94,233,176,.22) inset;
}
#login .login-shot img{
  width:100%;
  height:auto;
  display:block;
  vertical-align:middle;
  border-radius:13px;
  cursor:pointer;
  transition:filter .25s ease;
}
#login .login-shot:hover img{
  filter:brightness(1.04);
}
#login p,
#login h3,
#login .login-steps{
  max-width:none;
}
#login .login-steps{
  margin:10px 0 0;
  padding-left:1.25rem;
  line-height:1.58;
}
#login .login-steps li{
  margin:0 0 8px;
}
#login .login-note{
  margin:14px 0 0;
  padding:12px 14px;
  border-radius:10px;
  font-size:14px;
  line-height:1.5;
  background:rgba(8,47,36,.32);
  border:1px solid rgba(94,233,176,.18);
}
#login .login-cta{
  clear:both;
  margin-top:22px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px 14px;
}
@media (max-width:480px){
  #login .login-shot{
    float:none !important;
    width:100%;
    max-width:260px;
    margin:0 auto 1.1rem;
  }
}

/* ?????????????????????????????????????????????????????????
   APP SECTION ? mismo esquema float + wrap que #login
?????????????????????????????????????????????????????????? */
#app-access .app-shot{
  float:right;
  width:360px;
  max-width:min(54%, 100%);
  margin:0 0 1.25rem 1.5rem;
  display:block;
  line-height:0;
}
#app-access .app-shot img{
  width:100%;
  height:auto;
  border-radius:10px;
  display:block;
  vertical-align:middle;
  transition:transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
  cursor:pointer;
}
#app-access .app-cta{
  clear:both;
  margin-top:20px;
}
@media (max-width:640px){
  #app-access .app-shot{
    float:none;
    width:100%;
    max-width:336px;
    margin:0 auto 1.25rem;
  }
}
#app-access .app-shot:hover img{
  transform:scale(1.05);
  box-shadow:
    0 8px 24px rgba(28, 25, 23, 0.12),
    0 0 24px rgba(234, 88, 12, 0.2);
  filter:brightness(1.04) drop-shadow(0 0 8px rgba(234, 88, 12, 0.25));
}

/* Dedicated App page image wrap */
.app-shot--float{
  float:right;
  width:360px;
  max-width:min(54%, 100%);
  margin:0 0 1.25rem 1.5rem;
  display:block;
  line-height:0;
}
.app-shot--float img{
  width:100%;
  height:auto;
  border-radius:10px;
  display:block;
  vertical-align:middle;
}
.app-guide .app-cta{
  clear:both;
}
@media (max-width:640px){
  .app-shot--float{
    float:none;
    width:100%;
    max-width:336px;
    margin:0 auto 1.25rem;
  }
}

/* ?????????????????????????????????????????????????????????
   BANNER PROMO IMAGE HOVER EFFECTS (glow with slight zoom)
?????????????????????????????????????????????????????????? */
.promo-img,
img[src*="bannerpromo/"] {
  border-radius: 18px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}

.promo-banner-figure{
  max-width:min(1024px, 100%);
  margin-left:auto;
  margin-right:auto;
}
.promo-banner-figure .promo-img{
  width:100%;
  height:auto;
  display:block;
}

a:hover .promo-img,
a:hover img[src*="bannerpromo/"] {
  border-radius: 18px;
  transform: scale(1.005);
  box-shadow: 
    0 8px 24px rgba(28, 25, 23, 0.1),
    0 0 28px rgba(255, 79, 0, 0.18);
  filter: brightness(1.03) drop-shadow(0 0 8px rgba(0, 195, 142, 0.15));
}

/* Th?me clair : texte principal dans main ; banni?re garde overlays lisibles */
body{
  color:var(--main-text,#44403c) !important;
}
header .head{
  color:#1c1917 !important;
}
.drawer,
.drawer .nav a,
.aside .nav a{
  color:#ffffff !important;
}
.drawer .dclose{
  color:#ffffff !important;
}

:is(.shell > main, main){
  color:#e2e6f0 !important;
}

:is(.shell > main, main) :is(
  .section,
  p, li, td, dt, dd,
  figcaption, blockquote,
  .intro, address, label,
  strong, em, small
){
  color:#d1d6e6 !important;
}

:is(.shell > main, main) :is(h1, h2, h3, h4, h5, h6){
  color:#f8fafc !important;
}

:is(.shell > main, main) .page-title{
  color:#ffffff !important;
}

/* Lignes promo sur le visuel banni?re ? restent claires */
:is(.shell > main, main) :is(
  .hero-line, .hero-line--intro, .hero-line--big, .hero-line--mid,
  .hero-badge
){
  color:#ffffff !important;
}

:is(.shell > main, main) .vendor{
  color:rgba(28, 25, 23, 0.65) !important;
}

/* Cartes jeu : bandeau info */
:is(.shell > main, main) a.card .info,
:is(.shell > main, main) a.card .info :is(p, .title, .vendor, span){
  color:#f1f5f9 !important;
  -webkit-text-fill-color:#f1f5f9 !important;
}
:is(.shell > main, main) a.card .info .vendor{
  color:rgba(226,232,240,.72) !important;
  -webkit-text-fill-color:rgba(226,232,240,.72) !important;
}

:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play){
  color:#7ee8c4 !important;
  text-decoration:underline;
  text-underline-offset:2px;
}
:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play):hover{
  color:#fda4af !important;
}

/* ?????? ? ?????????? (login, promo): WebKit */
:is(.shell > main, main) .section a:has(img),
:is(.shell > main, main) .section a:has(picture){
  -webkit-text-fill-color:unset;
  text-decoration:none;
}
:is(.shell > main, main) .section a:has(img) img,
:is(.shell > main, main) .section a:has(picture) img,
:is(.shell > main, main) .section a:has(picture) picture{
  opacity:1 !important;
  visibility:visible !important;
  -webkit-text-fill-color:unset;
}

:is(.shell > main, main) :is(.pulse-btn, .hero-cta, .play){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-decoration:none;
}
:is(.shell > main, main) .vmore-btn{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-decoration:none;
}
:is(.shell > main, main) :is(.chip, .chip-txt){
  color:#f1f5f9 !important;
  -webkit-text-fill-color:#f1f5f9 !important;
  text-decoration:none;
}
:is(.shell > main, main) .chip-ico{
  color:#5ee9b0 !important;
}

/* ????: ????? ??????? */
.shell .chips a.chip,
.shell .chips a.chip:link,
.shell .chips a.chip:visited,
.shell .chips a.chip:hover,
.shell .chips a.chip:active,
.shell .chips a.chip:focus-visible{
  color:#f1f5f9 !important;
  -webkit-text-fill-color:#f1f5f9 !important;
}
.shell .chips a.chip .chip-txt,
main .chips a.chip span.chip-txt{
  color:#f1f5f9 !important;
  -webkit-text-fill-color:#f1f5f9 !important;
  opacity:1 !important;
  visibility:visible !important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-weight:600 !important;
}

/* ???????????????????????????????????????????????????????????
   Bet Mexico Casino ? tema oficial MX (verde / blanco / rojo)
   Carta oscura legible, acentos vivos, sin aspecto apagado.
??????????????????????????????????????????????????????????? */
:root{
  --page-bg:#1c354d;
  --main-bg:#1a3149;
  --main-text:#e2e6f0;
  --main-heading:#f8fafc;
  --main-muted:#a8b0c4;
  --sidebar-blue-top:#0d7a52;
  --sidebar-blue-bot:#082f24;
  --sidebar-pill:rgba(255,255,255,.1);
  --sidebar-pill-hover:rgba(255,255,255,.17);
  --ink:#e8eaef;
  --ink-bright:#f8fafc;
  --ink-muted:#a8b0c4;
  --line:rgba(18,160,110,.25);
  --primary:#12a06e;
  --primary-mid:#1fb87e;
  --primary-dark:#065a3f;
  --primary-glow:rgba(18, 160, 110, 0.35);
  --accent-teal:#12a06e;
  --accent-teal-dark:#0d7a52;
  --text-heading:#f8fafc;
}

html{
  color-scheme:dark !important;
  background:#1c354d !important;
}
body:before{
  background-color:#1c354d !important;
  background-image:
    repeating-linear-gradient(60deg, rgba(0,0,0,.06) 0 1px, transparent 1px 14px),
    repeating-linear-gradient(-60deg, rgba(0,0,0,.06) 0 1px, transparent 1px 14px),
    linear-gradient(180deg, #1e3a56 0%, #1c354d 50%, #172d42 100%) !important;
}
html,body{
  color:#e2e6f0 !important;
}

header .head{
  color:#f1f5f9 !important;
}
header .head-nav__link{
  color:rgba(241,245,249,.95) !important;
  -webkit-text-fill-color:rgba(241,245,249,.95) !important;
}
header .head-nav__link:hover{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
header .head-nav__link--active{
  border-bottom-color:#c5a059 !important;
}

header{
  background:linear-gradient(180deg, #162636 0%, #0b141d 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  backdrop-filter:saturate(110%) blur(6px) !important;
  box-shadow:0 4px 20px rgba(0,0,0,.45) !important;
}
header.scrolled{
  box-shadow:0 8px 28px rgba(0,0,0,.55) !important;
  background:linear-gradient(180deg, #131f2d 0%, #0a1219 100%) !important;
  border-bottom-color:rgba(255,255,255,.06) !important;
}
.burger{
  background:#162636 !important;
  border:1px solid rgba(197,160,89,.35) !important;
  color:#f8fafc !important;
}
.logo img{
  height:52px;
  max-width:280px;
  filter:drop-shadow(0 2px 8px rgba(57,255,20,.18));
}
.ft-logo img{
  height:44px;
  max-width:240px;
  filter:drop-shadow(0 2px 8px rgba(57,255,20,.12));
}
@media (max-width:520px){ .logo img{ height:42px; max-width:220px; } }
@media (max-width:390px){ .logo img{ height:36px; max-width:190px; } }

.head .head-search-ico{
  background:#162636 !important;
  border:1px solid rgba(197,160,89,.28) !important;
  color:#e7ece9 !important;
  box-shadow:none !important;
}
.head .head-search-ico:hover{
  background:#1a2d42 !important;
  border-color:rgba(74,144,226,.45) !important;
}
.head .head-search-ico:focus-visible{
  outline:2px solid #4a90e2 !important;
  outline-offset:2px;
}
.head .head-search-ico svg path{
  stroke:currentColor !important;
}

.head .offers-trigger{
  background:#162636 !important;
  border:1px solid rgba(197,160,89,.28) !important;
  color:#e8eaef !important;
}
.head .offers-trigger:hover{
  background:#1a2d42 !important;
  border-color:rgba(74,144,226,.45) !important;
}
.head .offers-trigger:focus-visible{
  outline:2px solid #4a90e2 !important;
  outline-offset:2px;
}
.head .offers-trigger__ico{
  filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.25));
}

.head .btn--login,
.head .btn--reg{
  border:2px solid #39ff14 !important;
  border-radius:12px !important;
  animation:none !important;
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
  text-shadow:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18) 0%, transparent 36%),
    linear-gradient(180deg, #7fff00 0%, #39ff14 48%, #22c55e 78%, #16a34a 100%) !important;
  box-shadow:
    0 0 0 1px rgba(34,197,94,.55),
    0 3px 10px rgba(0,0,0,.4),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
  clip-path:none !important;
}
.head .btn--reg::before,
.head .btn--login::before,
.head .btn--reg::after,
.head .btn--login::after{
  display:none !important;
  content:none !important;
}
@media (hover:hover){
  .head .btn--reg:hover,
  .head .btn--login:hover{
    filter:brightness(1.06) saturate(1.05) !important;
    border-color:#7fff00 !important;
    box-shadow:
      0 0 0 1px rgba(127,255,0,.7),
      0 4px 14px rgba(57,255,20,.25),
      inset 0 1px 0 rgba(255,255,255,.28) !important;
  }
}

.aside{
  background:linear-gradient(180deg, #0f2238 0%, #0a1a30 50%, #071525 100%) !important;
  border:2px solid #c5a059 !important;
  box-shadow:
    0 12px 40px rgba(0,0,0,.5),
    inset 0 1px 0 rgba(232,208,146,.22),
    0 0 0 1px rgba(80,60,20,.35) !important;
}
.drawer{
  background:linear-gradient(180deg, #0f2238 0%, #0a1a30 55%, #071525 100%) !important;
  border-right:2px solid #c5a059 !important;
  box-shadow:0 20px 60px rgba(0,0,0,.65), inset 0 1px 0 rgba(232,208,146,.15) !important;
}
.drawer .dhead{
  color:#fff !important;
  border-bottom:1px solid rgba(197,160,89,.35) !important;
}
.dclose{
  background:transparent !important;
  border:none !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:none !important;
}
.dclose:hover{
  background:transparent !important;
  border:none !important;
  filter:none;
  opacity:.8;
}

.aside .nav a,
.drawer .nav a{
  background:transparent !important;
  border:none !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  isolation:isolate !important;
  overflow:hidden !important;
}
.aside .nav a::after,
.drawer .nav a::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:12px !important;
  background:var(--casea-btn-gold) !important;
  z-index:-2 !important;
  pointer-events:none !important;
}
.aside .nav a::before,
.drawer .nav a::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:2px !important;
  border-radius:10px !important;
  background:var(--casea-btn-blue) !important;
  z-index:-1 !important;
  pointer-events:none !important;
  opacity:1 !important;
}
.aside .nav a .nav-ico,
.aside .nav a .nav-txt,
.drawer .nav a .nav-ico,
.drawer .nav a .nav-txt{
  position:relative !important;
  z-index:1 !important;
}
.aside .nav a:hover,
.drawer .nav a:hover{
  background:transparent !important;
  border:none !important;
  filter:brightness(1.08) !important;
}
.aside .nav a.is-active,
.drawer .nav a.is-active{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  filter:brightness(1.1) !important;
}
.aside .nav a.is-active::before,
.drawer .nav a.is-active::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.1) 0%, transparent 42%),
    linear-gradient(180deg, #3a7dbd 0%, #25639a 48%, #16304d 58%, #0c1f35 100%) !important;
  box-shadow:inset 0 0 10px rgba(74,144,226,.22) !important;
}
.aside .nav a.is-active::after,
.drawer .nav a.is-active::after{
  box-shadow:0 0 10px rgba(197,160,89,.45) !important;
}
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico{
  filter:drop-shadow(0 0 4px rgba(255,255,255,.45)) !important;
}
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
  filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(255,255,255,.45)) !important;
  opacity:1 !important;
}
.aside .nav a:hover svg.nav-ico,
.drawer .nav a:hover svg.nav-ico{
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.25)) !important;
  opacity:1 !important;
}
.aside .nav a:hover img.nav-ico,
.drawer .nav a:hover img.nav-ico{
  filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.25)) drop-shadow(0 0 5px rgba(255,255,255,.25)) !important;
  opacity:1 !important;
}

.sep{
  border-top-color:rgba(197,160,89,.35) !important;
}

.shell > main{
  background:linear-gradient(180deg, rgba(26,49,73,.92) 0%, rgba(23,45,66,.88) 50%, rgba(20,40,58,.9) 100%) !important;
  border:1px solid rgba(197,160,89,.28) !important;
  box-shadow:
    0 12px 40px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.page-title{
  color:#ffffff !important;
  font-weight:800;
  letter-spacing:.02em;
  text-shadow:0 2px 10px rgba(0,0,0,.35);
}
:is(.shell > main, main) .page-title{
  color:#ffffff !important;
}

.frame{
  background:#121816 !important;
  border:1px solid rgba(255,255,255,.1) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.4) !important;
}
.frame:before{
  border-color:rgba(0,179,104,.22) !important;
}

.section{
  color:#d1d6e6 !important;
}
.shell > main .section h2,
.shell > main .section h3{
  color:#f8fafc !important;
}
.intro p{
  color:#cbd5e1 !important;
}

.chip{
  background:transparent !important;
  border:none !important;
  color:#fff !important;
  isolation:isolate !important;
  overflow:hidden !important;
}
.chip::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:10px !important;
  background:var(--chip-green-frame) !important;
  z-index:-2 !important;
  pointer-events:none !important;
}
.chip::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:2px !important;
  border-radius:8px !important;
  background:var(--chip-green-face) !important;
  z-index:-1 !important;
  pointer-events:none !important;
}
.chip-ico{
  color:#fff !important;
  position:relative !important;
  z-index:1 !important;
}
.chip-txt,
.shell .chips a.chip,
.shell .chips a.chip:link,
.shell .chips a.chip:visited,
.shell .chips a.chip:hover,
.shell .chips a.chip:active,
.shell .chips a.chip:focus-visible,
.shell .chips a.chip .chip-txt,
main .chips a.chip span.chip-txt{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  position:relative !important;
  z-index:1 !important;
}
.shell .chips,
main .chips{
  background:linear-gradient(180deg, #0d1526 0%, #0a1024 100%) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:14px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 4px 16px rgba(0,0,0,.28) !important;
}
@media (hover:hover){
  main .chips a.chip:hover,
  .shell .chips a.chip:hover{
    background:transparent !important;
    border:none !important;
    filter:brightness(1.08) !important;
    box-shadow:none !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }
}

.site-footer{
  margin-top:40px;
  background:linear-gradient(180deg, #162636 0%, #0b141d 100%) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 -8px 40px rgba(0,0,0,.45) !important;
}
.site-footer a{ color:rgba(255,255,255,.9) !important; }
.site-footer a:hover{ color:#fff !important; }
.ft-wrap{ color:rgba(255,255,255,.62) !important; }
.ft-title{ color:#fff !important; }
.ft-grid{
  border-top-color:rgba(255,255,255,.1) !important;
  border-bottom-color:rgba(255,255,255,.1) !important;
}
.ft-pay{
  background:rgba(0,0,0,.22) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.ft-page{
  border-bottom-color:rgba(255,255,255,.1) !important;
}
.ft-page a{
  color:rgba(255,255,255,.88) !important;
  border-bottom-color:rgba(255,255,255,.22) !important;
}
.ft-page a:hover{
  color:#fff !important;
  border-bottom-color:#5ee9b0 !important;
}
.ft-legal{
  border-top-color:rgba(255,255,255,.1) !important;
}
.ft-legal a{
  color:rgba(255,255,255,.88) !important;
  border-bottom-color:rgba(255,255,255,.22) !important;
}
.ft-legal a:hover{
  color:#fff !important;
  border-bottom-color:#5ee9b0 !important;
}
.ft-bottom{
  border-top-color:rgba(255,255,255,.1) !important;
  color:rgba(255,255,255,.52) !important;
}

.ft-btn{
  padding:14px 32px !important;
  font-size:clamp(13px, 2.6vw, 17px) !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  line-height:1.3 !important;
  max-width:min(100%, 440px) !important;
  word-break:break-word !important;
  white-space:normal !important;
  text-align:center !important;
  font-family:"Antonio", system-ui, sans-serif !important;
  border-radius:0 !important;
  border:none !important;
  clip-path:var(--casea-clip) !important;
  background:var(--casea-btn-face) !important;
  box-shadow:0 4px 14px rgba(0,0,0,.4) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.45) !important;
}
.ft-btn::before{
  clip-path:var(--casea-clip) !important;
  border-radius:0 !important;
}
.ft-btn::after{
  clip-path:var(--casea-clip) !important;
  background:var(--casea-btn-gold) !important;
}
.ft-btn:hover{
  filter:brightness(1.08) saturate(1.05) !important;
  box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45) !important;
}

.prov{
  background:rgba(30,34,48,.95) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  color:#e8eaef !important;
}
.prov-name{ color:#fda4af !important; }
.prov-media{
  background:#1a1d28 !important;
  border-color:rgba(255,255,255,.08) !important;
}

.table-wrapper table{
  background:transparent !important;
  border:none !important;
  color:#fff !important;
}
.table-wrapper td,
.table-wrapper th{
  border-color:rgba(255,255,255,.12) !important;
  color:#fff !important;
}

/* Tablas: estilo unificado ? homepage two-tone */
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
main .legal-doc .table-wrapper,
main .table-wrapper,
.table-wrapper{
  background:var(--table-label-bg, #3b2e25) !important;
  border:1px solid rgba(0,0,0,.4) !important;
  border-radius:10px !important;
  box-shadow:0 4px 16px rgba(0,0,0,.28) !important;
  padding:0 !important;
  overflow:hidden !important;
}
@media (max-width:768px){
  #facts .table-wrapper:not(.table-wrapper--cards),
  #bonuses .table-wrapper:not(.table-wrapper--cards),
  #payments .table-wrapper:not(.table-wrapper--cards),
  main .legal-doc .table-wrapper:not(.table-wrapper--cards),
  main .table-wrapper:not(.table-wrapper--cards),
  .table-wrapper:not(.table-wrapper--cards){
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(190,122,44,.45) rgba(43,33,26,.95);
  }
  .table-wrapper--cards{
    overflow:visible !important;
  }
}
#facts .table-wrapper table,
#bonuses .table-wrapper table,
#payments .table-wrapper table,
main .legal-doc .table-wrapper table,
main .table-wrapper table,
.table-wrapper table{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  overflow:hidden !important;
  width:100% !important;
  border-collapse:collapse !important;
}
#facts .table-wrapper thead,
#bonuses .table-wrapper thead,
#payments .table-wrapper thead,
main .legal-doc .table-wrapper thead,
main .table-wrapper thead,
.table-wrapper thead{
  background:var(--table-label-bg, #3b2e25) !important;
  border-bottom:none !important;
}
#facts .table-wrapper thead th,
#bonuses .table-wrapper thead th,
#payments .table-wrapper thead th,
main .legal-doc .table-wrapper thead th,
main .table-wrapper thead th,
.table-wrapper thead th{
  background:#0d0d0d !important;
  border:1px solid rgba(0,0,0,.28) !important;
  border-bottom:1px solid rgba(0,0,0,.28) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:700 !important;
  font-size:15px !important;
  line-height:1.55 !important;
  padding:13px 16px !important;
  vertical-align:top !important;
  text-transform:none !important;
  letter-spacing:normal !important;
}
#facts .table-wrapper tbody tr,
#bonuses .table-wrapper tbody tr,
#payments .table-wrapper tbody tr,
main .legal-doc .table-wrapper tbody tr,
main .table-wrapper tbody tr,
.table-wrapper tbody tr{
  background:transparent !important;
}
#facts .table-wrapper tbody tr:nth-child(odd),
#bonuses .table-wrapper tbody tr:nth-child(odd),
#payments .table-wrapper tbody tr:nth-child(odd),
main .legal-doc .table-wrapper tbody tr:nth-child(odd),
main .table-wrapper tbody tr:nth-child(odd),
.table-wrapper tbody tr:nth-child(odd),
#facts .table-wrapper tbody tr:nth-child(even),
#bonuses .table-wrapper tbody tr:nth-child(even),
#payments .table-wrapper tbody tr:nth-child(even),
main .legal-doc .table-wrapper tbody tr:nth-child(even),
main .table-wrapper tbody tr:nth-child(even),
.table-wrapper tbody tr:nth-child(even){
  background:transparent !important;
}
#facts .table-wrapper :is(td,th),
#bonuses .table-wrapper :is(td,th),
#payments .table-wrapper :is(td,th),
main .legal-doc .table-wrapper :is(td,th),
main .table-wrapper :is(td,th),
.table-wrapper :is(td,th){
  border:0 !important;
  border-bottom:1px solid var(--table-border, rgba(255,255,255,.08)) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:15px !important;
  line-height:1.55 !important;
  padding:13px 16px !important;
  vertical-align:top !important;
  text-transform:none !important;
  letter-spacing:normal !important;
  background-image:none !important;
}
#facts .table-wrapper :is(td,th):first-child,
#bonuses .table-wrapper :is(td,th):first-child,
#payments .table-wrapper :is(td,th):first-child,
main .legal-doc .table-wrapper tbody th[scope="row"],
main .legal-doc .table-wrapper :is(td,th):first-child,
main .table-wrapper tbody th[scope="row"],
main .table-wrapper :is(td,th):first-child,
.table-wrapper tbody th[scope="row"],
.table-wrapper :is(td,th):first-child{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:700 !important;
  text-align:left !important;
  background:var(--table-label-bg, #3b2e25) !important;
  background-image:none !important;
}
#facts .table-wrapper :is(td,th):first-child,
#payments .table-wrapper :is(td,th):first-child,
main .legal-doc .table-wrapper table:not(:has(thead)) tbody th[scope="row"],
main .table-wrapper table:not(:has(thead)) tbody th[scope="row"],
.table-wrapper table:not(:has(thead)) tbody th[scope="row"]{
  width:34% !important;
  min-width:min(140px,34%) !important;
}
#facts .table-wrapper td:last-child,
#bonuses .table-wrapper td:last-child,
#payments .table-wrapper td:last-child,
main .legal-doc .table-wrapper td,
main .table-wrapper td,
.table-wrapper td{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:400 !important;
  background:var(--table-value-bg, #241a13) !important;
}
#facts .table-wrapper tbody tr:hover,
#bonuses .table-wrapper tbody tr:hover,
#payments .table-wrapper tbody tr:hover,
main .legal-doc .table-wrapper tbody tr:hover,
main .table-wrapper tbody tr:hover,
.table-wrapper tbody tr:hover{
  background:transparent !important;
}
#facts .table-wrapper tbody tr:hover :is(td,th):first-child,
#facts .table-wrapper tbody tr:hover th[scope="row"],
#bonuses .table-wrapper tbody tr:hover :is(td,th):first-child,
#bonuses .table-wrapper tbody tr:hover th[scope="row"],
#payments .table-wrapper tbody tr:hover :is(td,th):first-child,
#payments .table-wrapper tbody tr:hover th[scope="row"],
main .legal-doc .table-wrapper tbody tr:hover :is(td,th):first-child,
main .legal-doc .table-wrapper tbody tr:hover th[scope="row"],
main .table-wrapper tbody tr:hover :is(td,th):first-child,
main .table-wrapper tbody tr:hover th[scope="row"],
.table-wrapper tbody tr:hover :is(td,th):first-child,
.table-wrapper tbody tr:hover th[scope="row"]{
  background:var(--table-hover-label, #443429) !important;
  background-image:none !important;
}
#facts .table-wrapper tbody tr:hover td,
#bonuses .table-wrapper tbody tr:hover td,
#payments .table-wrapper tbody tr:hover td,
main .legal-doc .table-wrapper tbody tr:hover td,
main .table-wrapper tbody tr:hover td,
.table-wrapper tbody tr:hover td,
.table-wrapper tbody tr:hover > *:not(:first-child){
  background:var(--table-hover-value, #2e2219) !important;
  background-image:none !important;
  border-bottom-color:var(--table-border, rgba(255,255,255,.08)) !important;
}

#facts .table-wrapper tbody tr:last-child :is(td,th),
#bonuses .table-wrapper tbody tr:last-child :is(td,th),
#payments .table-wrapper tbody tr:last-child :is(td,th),
main .legal-doc .table-wrapper tbody tr:last-child :is(td,th),
main .table-wrapper tbody tr:last-child :is(td,th),
.table-wrapper tbody tr:last-child :is(td,th){
  border-bottom:0 !important;
}

.card{
  background:#252a3a !important;
  border:1px solid rgba(255,255,255,.1) !important;
  box-shadow:0 4px 18px rgba(0,0,0,.35);
}
/* Banda .info: mismo tono oscuro que la tarjeta (evita texto claro sobre fondo claro) */
.card .info,
:is(.shell > main, main) a.card .info{
  background:linear-gradient(180deg, #2d3448 0%, #1e2230 100%) !important;
  border-top:1px solid rgba(255,255,255,.1) !important;
}
.card .info .title{ color:#f8fafc !important; }
.card .info .vendor{ color:#a8b0c4 !important; }

/* Popular games block like reference */
.popular-games{
  background:transparent;
  border-radius:0;
  padding:0;
}
.popular-games h2{
  margin:0 0 14px;
  color:#f8fafc;
  font-size:30px;
  line-height:1.2;
}
.popular-games__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  max-width:100%;
}
.popular-games__card{
  display:flex;
  flex-direction:column;
  border-radius:12px;
  overflow:hidden;
  background:#0f172a;
  text-decoration:none !important;
  box-shadow:0 6px 20px rgba(0,0,0,.4);
  position:relative;
}
.popular-games__media{
  overflow:hidden;
  aspect-ratio:1/1;
  flex:0 0 auto;
  background:linear-gradient(180deg, #1a3d5c 0%, #142f47 100%);
  position:relative;
}
.popular-games__card img{
  width:100%;
  height:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .28s ease;
}
/* Banner horizontal (Burning Cash): riempie il tile come le altre slot */
.popular-games__media img.popular-games__img--wide{
  object-fit:cover;
  object-position:center;
  padding:0;
  background:none;
}
.popular-games__card:hover img{
  transform:scale(1.06);
}
.popular-games__card:hover img.popular-games__img--wide{
  transform:scale(1.06);
}
.popular-games__media::after{
  content:none;
  display:none;
}
.popular-games__card:hover .popular-games__media::after{
  content:none;
  display:none;
  opacity:0;
}
.popular-games__meta{
  flex:1 1 auto;
  background:linear-gradient(180deg, #1a3d5c 0%, #142f47 100%);
  padding:10px 10px 11px;
  position:relative;
  z-index:2;
  border-top:1px solid rgba(197,160,89,.22);
  min-height:44px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.popular-games__title{
  margin:0;
  font-size:13px;
  font-weight:700;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.25;
}
.popular-games__vendor{
  display:none;
}
@media (max-width:1100px){
  .popular-games__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px){
  .popular-games{ padding:0; }
  .popular-games h2{ font-size:24px; }
  .popular-games__grid{ grid-template-columns:1fr; }
}

.legal-doc h2{ color:#f8fafc !important; }
.legal-doc p,
.legal-doc li{ color:#cbd5e1 !important; }
.legal-doc .legal-note{
  margin: 0 0 1.25rem !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #cbd5e1 !important;
  font-size: inherit;
  line-height: 1.65;
}

/* FAQ ? domande h3, risposte p (tema scuro del sito) */
:is(.shell > main, main) .faq-item{
  margin-bottom: 24px;
  padding: 18px 20px;
  background: rgba(15, 23, 42, 0.55);
  border: 1px solid rgba(94, 233, 176, 0.14);
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}
:is(.shell > main, main) .faq-item h3{
  display: block;
  margin: 0 0 12px !important;
  font-size: 18px;
  font-weight: 800;
  color: #f8fafc !important;
  line-height: 1.35;
}
:is(.shell > main, main) .faq-item p{
  display: block;
  margin: 0 !important;
  color: #cbd5e1 !important;
  line-height: 1.65;
}
:is(.shell > main, main) .faq-item:last-child{
  margin-bottom: 0;
}
@media (max-width: 768px){
  :is(.shell > main, main) .faq-item{
    padding: 14px 16px;
    margin-bottom: 18px;
  }
  :is(.shell > main, main) .faq-item h3{
    font-size: 16px;
    margin-bottom: 10px !important;
  }
}

.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt{
  border-bottom:none !important;
  padding-bottom:0 !important;
}

:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play){
  color:#7ee8c4 !important;
}
:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play):hover{
  color:#fda4af !important;
}
:is(.shell > main, main) :is(.chip, .chip-txt){
  color:#f1f5f9 !important;
  -webkit-text-fill-color:#f1f5f9 !important;
}
:is(.shell > main, main) .chip-ico{
  color:#5ee9b0 !important;
}

/* ???????????????????????????????????????????????????????????
   APP PAGE ? landing premium (app.html + body.app-page)
??????????????????????????????????????????????????????????? */
body.app-page{
  background:
    radial-gradient(ellipse 100% 70% at 50% -15%, rgba(18, 160, 110, .22), transparent 52%),
    linear-gradient(180deg, #0c0e14 0%, var(--page-bg, #14161f) 38%);
}

body.app-page .shell > main{
  overflow: visible;
  border: 1px solid rgba(94, 233, 176, .12);
  box-shadow:
    0 4px 32px rgba(0, 0, 0, .4),
    0 0 0 1px rgba(200, 164, 74, .08) inset;
}

/* App / Login / Bonus page ? intro + banner float (text wraps) */
body.app-page .app-float-layout,
body.acceso-page .app-float-layout,
body.bonus-page .app-float-layout{
  position: relative;
  width: 100%;
}
body.app-page .app-float-layout::after,
body.acceso-page .app-float-layout::after,
body.bonus-page .app-float-layout::after{
  content: "";
  display: table;
  clear: both;
}
body.app-page .app-float-banner{
  float: right;
  width: 50%;
  max-width: 50%;
  margin: 0 0 1.25rem 1.75rem;
  padding: 0;
  border: 0;
  line-height: 0;
}
body.app-page .app-float-banner__link,
body.acceso-page .app-float-banner__link{
  display: block;
  border-radius: 16px;
  overflow: hidden;
  line-height: 0;
  border: 1px solid rgba(94, 233, 176, .22);
  box-shadow:
    0 16px 40px rgba(0, 0, 0, .45),
    0 0 0 1px rgba(200, 164, 74, .14) inset;
  transition: transform .25s ease, box-shadow .25s ease;
}
body.app-page .app-float-banner__link:hover,
body.acceso-page .app-float-banner__link:hover{
  transform: translateY(-2px);
  box-shadow:
    0 20px 48px rgba(0, 0, 0, .5),
    0 0 0 1px rgba(200, 164, 74, .22) inset,
    0 0 24px rgba(18, 160, 110, .18);
}
body.app-page .app-float-banner__img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1024 / 548;
  object-fit: cover;
  object-position: center;
}
body.acceso-page .app-float-banner__img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 600 / 827;
  object-fit: contain;
  object-position: top center;
}
@media (max-width: 900px){
  body.app-page .app-float-banner,
  body.app-page .app-float-aside{
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 1.25rem;
  }
  body.acceso-page .app-float-banner,
  body.acceso-page .app-float-aside{
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 1.25rem;
  }
  body.acceso-page .app-float-aside__cta .pulse-btn{
    max-width: min(280px, 100%);
    margin-inline: auto;
  }
  body.bonus-page .app-float-banner,
  body.bonus-page .app-float-aside{
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 1.25rem;
  }
  body.bonus-page .app-float-banner__link{
    border: none;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .42);
  }
  body.bonus-page .app-float-banner__img{
    aspect-ratio: auto;
    object-fit: contain;
  }
  body.bonus-page .app-float-aside__cta .pulse-btn{
    max-width: min(360px, 100%);
    margin-inline: auto;
  }
}

body.acceso-page .app-float-aside{
  float: right;
  width: min(280px, 38%);
  max-width: 38%;
  margin: 0 0 1.5rem 1.75rem;
  padding: 0;
}
body.acceso-page .app-float-banner{
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
body.acceso-page .app-float-banner__link{
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow:
    0 10px 32px rgba(0, 0, 0, .4),
    0 0 0 1px rgba(18, 160, 110, .12) inset;
}
body.acceso-page .app-float-aside__cta{
  margin-top: 14px;
  text-align: center;
}
body.acceso-page .app-float-aside__cta .pulse-btn{
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 12px 16px !important;
  font-size: 13px !important;
  letter-spacing: .06em !important;
}
body.acceso-page .app-float-layout > h2:first-of-type{
  margin-top: 0;
}

/* Bonus page ? landscape promo banner + CTA, text wraps left */
body.bonus-page .app-float-aside{
  float: right;
  width: min(360px, 44%);
  max-width: 44%;
  margin: 0 0 1.5rem 1.75rem;
  padding: 0;
  border: none;
  background: transparent;
}
body.bonus-page .app-float-banner{
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0;
  border: none;
}
body.bonus-page .app-float-banner__link{
  display: block;
  overflow: hidden;
  border-radius: 14px;
  line-height: 0;
  border: none;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .42);
  transition: transform .25s ease, box-shadow .25s ease;
}
body.bonus-page .app-float-banner__link:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(0, 0, 0, .48);
}
body.bonus-page .app-float-banner__link picture{
  display: block;
  line-height: 0;
}
body.bonus-page .app-float-banner__img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  vertical-align: top;
}
body.bonus-page .app-float-aside__cta{
  margin-top: 14px;
  text-align: center;
}
body.bonus-page .app-float-aside__cta .pulse-btn{
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 12px 16px !important;
  font-size: 13px !important;
  letter-spacing: .06em !important;
}
body.bonus-page .app-float-layout > h2:first-of-type{
  margin-top: 0;
}
body.bonus-page .app-float-layout .table-wrapper{
  clear: both;
  width: 100%;
}
@media (max-width: 992px){
  body.bonus-page .app-float-aside{
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 1.25rem;
  }
}

/* ???????????????????????????????????????????????????????????
   GAMES PAGE ? volle Breite, luftiger Text
??????????????????????????????????????????????????????????? */
body.games-page .shell > main{
  overflow: visible;
}
body.games-page .shell > main > .section.intro.legal-doc,
body.games-page #games-guide{
  max-width: var(--main-content-max);
  margin-inline: auto;
}
body.acceso-page .shell > main > .section.intro.legal-doc,
body.acceso-page #login-guide{
  max-width: min(1280px, 100%);
  margin-inline: auto;
}
body.acceso-page #login-guide p,
body.acceso-page #login-guide li{
  max-width: none;
  line-height: 1.72;
  margin: 0 0 1rem;
}
body.acceso-page #login-guide .legal-note{
  margin: 0 0 1.5rem !important;
  line-height: 1.72;
}
body.acceso-page #login-guide .login-intro{
  margin: 0 0 1.5rem;
  max-width: 62rem;
}
body.acceso-page #login-guide .login-intro .legal-note{
  margin: 0 !important;
  line-height: 1.68;
  font-size: 0.98rem;
}
body.acceso-page #login-guide h2{
  margin:1.5rem 0 0.85rem;
  line-height:1.32;
}
body.acceso-page #login-guide h2:first-of-type{
  margin-top: 0;
}
body.acceso-page #login-guide h3{
  margin: 1.5rem 0 0.85rem;
  line-height: 1.38;
}
body.acceso-page #login-guide .table-wrapper{
  margin: 1.35rem 0 1.75rem;
}
body.acceso-page #login-guide .faq-item{
  margin-bottom: 1.25rem;
}
body.acceso-page .login-banner-block{
  width:min(38%, 360px);
  margin:0;
}
@media (max-width: 960px){
  body.acceso-page .login-banner-block{
    width:min(360px, 100%);
    margin:0 auto;
  }
}
body.games-page #games-guide p,
body.games-page #games-guide li{
  max-width: none;
  line-height: 1.72;
  margin: 0 0 1.25rem;
}
body.games-page #games-guide .legal-note{
  margin: 0 0 1.5rem !important;
  line-height: 1.72;
}
body.games-page #games-guide h2{
  margin: 2rem 0 1rem;
  line-height: 1.32;
}
body.games-page #games-guide h2:first-of-type{
  margin-top: 0;
}
body.games-page #games-guide h3{
  margin: 1.5rem 0 0.85rem;
  line-height: 1.38;
}
body.games-page #games-guide .section{
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}
body.games-page #games-guide .popular-games h2{
  margin: 0 0 1rem;
  line-height: 1.3;
}
body.games-page #games-guide .popular-games p{
  line-height: 1.72;
  margin: 0 0 1.1rem;
}
body.games-page #games-guide .popular-games__grid{
  margin: 1.25rem 0 1.75rem;
  gap: 16px;
}
body.games-page #games-guide .table-wrapper{
  margin: 1.35rem 0 1.75rem;
}
body.games-page #games-guide .grid{
  margin: 1.25rem 0 1.5rem;
}

body.app-page .app-hero{
  position: relative;
  margin: 0;
  padding: 0 clamp(12px, 3.5vw, 28px);
}

body.app-page .app-hero--balanced{
  max-width: min(1100px, 100%);
  margin-inline: auto;
}

body.app-page .app-hero__glow{
  pointer-events: none;
  position: absolute;
  inset: -18% -6% auto;
  height: 70%;
  background: radial-gradient(ellipse 72% 52% at 50% 0%, rgba(18, 160, 110, .38), transparent 72%);
  opacity: .75;
  z-index: 0;
}

body.app-page .app-hero__frame{
  position: relative;
  z-index: 1;
  margin: 0;
  padding: clamp(10px, 2vw, 18px);
  border-radius: 22px;
  overflow: hidden;
  line-height: 0;
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(18, 160, 110, .14), transparent 55%),
    linear-gradient(165deg, rgba(22, 28, 38, .98) 0%, rgba(8, 10, 16, .99) 100%);
  border: 1px solid rgba(94, 233, 176, .22);
  box-shadow:
    0 28px 64px rgba(0, 0, 0, .5),
    0 0 0 1px rgba(200, 164, 74, .18) inset,
    0 0 0 1px rgba(255, 255, 255, .05) inset,
    0 0 48px rgba(18, 160, 110, .12);
}

body.app-page .app-hero__img{
  width: 100%;
  display: block;
  vertical-align: middle;
  line-height: 0;
}
body.app-page .app-hero__frame picture{
  display: block;
  width: 100%;
  line-height: 0;
  border-radius: 14px;
  overflow: hidden;
  background: radial-gradient(ellipse 100% 100% at 50% 40%, rgba(0, 0, 0, .35), rgba(6, 8, 12, .92));
}

/* Sin recorte: imagen completa (p. ej. 1024?682 WebP/PNG); letterboxing suave */
body.app-page .app-hero__img.banner.banner--promo-hero{
  aspect-ratio: auto;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: min(78vh, 780px);
  object-fit: contain;
  object-position: center center;
  border-radius: 14px;
}
@media (max-width: 992px){
  body.app-page .app-hero__img.banner.banner--promo-hero{
    max-height: min(74vh, 700px);
  }
}
@media (max-width: 768px){
  body.app-page .app-hero__img.banner.banner--promo-hero{
    max-height: min(64vh, 560px);
  }
}
@media (max-width: 480px){
  body.app-page .app-hero__img.banner.banner--promo-hero{
    max-height: min(58vh, 480px);
  }
}
@media (max-width: 380px){
  body.app-page .app-hero__img.banner.banner--promo-hero{
    max-height: min(52vh, 420px);
  }
}

body.app-page .app-hero__bar{
  height: 3px;
  width: 100%;
  margin: 14px 0 0;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(200, 164, 74, .25) 15%,
    var(--gold2, #c8a44a) 50%,
    rgba(200, 164, 74, .25) 85%,
    transparent 100%
  );
  box-shadow: 0 0 20px rgba(200, 164, 74, .22);
}

body.app-page .page-title{
  margin:0 0 12px !important;
}
body.app-page .app-landing{
  max-width: min(1180px, 100%);
  margin: 0 auto;
  padding: 0;
}
body.app-page .app-guide > .legal-note{
  margin-top: 0 !important;
}
body.app-page .app-guide.legal-doc{
  max-width: min(1180px, 100%);
  margin-inline: auto;
}
body.app-page .page-hero{
  max-width: min(1180px, 100%);
  margin: 0 auto 28px;
  padding: 0 2px;
}
body.app-page .page-hero .banner.banner--page-hero,
body.bonus-page .page-hero .banner.banner--page-hero{
  aspect-ratio: auto;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: none;
  object-fit: contain;
  object-position: center center;
  border-radius: 14px;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.5) inset,
    0 16px 48px rgba(0,0,0,.42),
    0 0 56px rgba(168,85,247,.14);
}
@media (max-width:768px){
  body.app-page .frame.frame--page-hero,
  body.bonus-page .frame.frame--page-hero{ padding:12px; }
}
@media (max-width:480px){
  body.app-page .frame.frame--page-hero,
  body.bonus-page .frame.frame--page-hero{ padding:10px; }
}

body.app-page .app-landing__intro{
  display: block;
  max-width: 52rem;
  margin: 0 auto;
  padding: clamp(8px, 2vw, 16px) clamp(8px, 2vw, 20px) 4px;
  text-align: center;
  border-radius: 0 0 18px 18px;
  background: linear-gradient(180deg, rgba(15, 18, 26, .35) 0%, transparent 100%);
}

body.app-page .app-landing__eyebrow{
  font-family: "Montserrat", system-ui, sans-serif;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgba(200, 164, 74, .95);
  margin: 0 auto 10px;
}

body.app-page .app-landing__title{
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-weight: 700;
  font-size: clamp(2rem, 4.2vw, 2.85rem);
  line-height: 1.12;
  letter-spacing: .02em;
  color: #f8fafc !important;
  margin: 0 auto 14px;
  text-shadow:
    0 2px 24px rgba(0, 0, 0, .45),
    0 0 42px rgba(18, 160, 110, .22);
}

body.app-page .app-landing__lead{
  font-family: "Montserrat", system-ui, sans-serif;
  font-size: 1.05rem;
  line-height: 1.65;
  color: #c8d0e0 !important;
  margin: 0 auto;
  max-width: 58ch;
}

body.app-page .app-landing__guide{
  margin-top: 20px;
  padding-top: 16px;
}

body.app-page .app-landing__guide > h2:first-of-type{
  margin-top: 1.75rem;
  padding-top: 1.75rem;
  border-top: 1px solid rgba(148, 163, 184, .15);
}

body.app-page .app-landing__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  align-items: center;
  margin-top: 36px !important;
  margin-bottom: 10px;
}

@media (max-width: 480px){
  body.app-page .app-landing__actions{
    flex-direction: column;
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  body.app-page .app-landing__actions .pulse-btn{
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 640px){
  body.app-page .app-landing{
    padding-top: 0;
  }
}

/* Banner bono (modal regalo / icono regalo) */
.offers-panel__img--bono{
  border-radius: 14px !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .12),
    0 0 0 1px rgba(0, 0, 0, .35),
    0 20px 56px rgba(0, 0, 0, .55),
    0 0 72px rgba(30, 82, 120, .22) !important;
}
@media (hover:hover){
  .offers-panel__link:hover .offers-panel__img--bono{
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, .16),
      0 0 0 1px rgba(197, 160, 89, .35),
      0 24px 64px rgba(0, 0, 0, .6),
      0 0 88px rgba(30, 82, 120, .28) !important;
  }
}

/* ???????????????????????????????????????????????????????????
   BONUS PAGE ? hero banda horizontal (bonus.html + body.bonus-page)
??????????????????????????????????????????????????????????? */
body.bonus-page{
  background:
    radial-gradient(ellipse 100% 70% at 50% -15%, rgba(0, 179, 104, .12), transparent 52%),
    linear-gradient(180deg, #0c0f0d 0%, var(--page-bg, #0a0c0b) 38%);
}
body.bonus-page .shell > main{
  overflow: visible;
  border: 1px solid rgba(94, 233, 176, .1);
  box-shadow:
    0 4px 32px rgba(0, 0, 0, .4),
    0 0 0 1px rgba(200, 164, 74, .06) inset;
}
/* T?tulo separado del hero: evita solaparse con el resplandor */
body.bonus-page :is(.shell > main, main) > .page-title{
  position: relative;
  z-index: 2;
  margin: 0 auto 12px;
  padding: 0 clamp(8px, 2vw, 16px);
  max-width: min(1100px, 100%);
}
body.bonus-page .bonus-hero{
  position: relative;
  z-index: 1;
  margin: 0 auto 6px;
  padding: 0;
  max-width: min(1100px, 100%);
  overflow: hidden;
  border-radius: 22px;
}
body.bonus-page .bonus-hero__glow{
  pointer-events: none;
  position: absolute;
  left: -4%;
  right: -4%;
  top: 0;
  height: 55%;
  background: radial-gradient(ellipse 70% 55% at 50% 0%, rgba(18, 160, 110, .28), transparent 72%);
  opacity: .55;
  z-index: 0;
}
body.bonus-page .bonus-hero--image-only > .frame{
  position: relative;
  z-index: 1;
  margin: 0;
  padding: clamp(10px, 2vw, 16px);
  border-radius: 18px;
  background:
    radial-gradient(120% 70% at 50% 0%, rgba(18, 160, 110, .1), transparent 55%),
    linear-gradient(180deg, rgba(22, 28, 38, .98) 0%, rgba(10, 12, 18, .99) 100%);
  border: 1px solid rgba(94, 233, 176, .22);
  box-shadow:
    0 22px 56px rgba(0, 0, 0, .48),
    0 0 0 1px rgba(200, 164, 74, .12) inset,
    0 0 0 1px rgba(255, 255, 255, .05) inset;
}
body.bonus-page .bonus-hero .frame::before{
  border-color: rgba(94, 233, 176, .16);
  opacity: .55;
}
body.bonus-page .bonus-hero .banner-link picture{
  display: block;
  width: 100%;
  line-height: 0;
  border-radius: var(--bannerRad, 12px);
  overflow: hidden;
  background: radial-gradient(ellipse 100% 100% at 50% 40%, rgba(0, 0, 0, .28), rgba(10, 12, 18, .94));
}
/* Hero bonus: 1024?682 WebP/PNG ? sin recorte forzado por ratio 1024?499 global */
body.bonus-page .bonus-hero .banner.banner--promo-hero{
  aspect-ratio: auto;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: min(68vh, 640px);
  object-fit: contain;
  object-position: center center;
}
@media (max-width: 992px){
  body.bonus-page .bonus-hero .banner.banner--promo-hero{
    max-height: min(64vh, 520px);
  }
}
@media (max-width: 768px){
  body.bonus-page .bonus-hero .banner.banner--promo-hero{
    max-height: min(58vh, 440px);
  }
}
@media (max-width: 480px){
  body.bonus-page .bonus-hero .banner.banner--promo-hero{
    max-height: min(52vh, 380px);
  }
}

body.bonus-page .bonus-hero__bar{
  height: 3px;
  margin: 14px auto 0;
  max-width: min(1100px, 100%);
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(200, 164, 74, .25) 18%,
    var(--gold2, #c8a44a) 50%,
    rgba(200, 164, 74, .25) 82%,
    transparent 100%
  );
  box-shadow: 0 0 16px rgba(200, 164, 74, .2);
}
body.bonus-page .shell > main > .section.intro.legal-doc{
  padding-top:0;
  margin-top:0;
  max-width: var(--main-content-max);
  margin-inline: auto;
}

/* ???????????????????????????????????????????????????????????
   C?DIGOS PROMOCIONALES ? hero + pilares (codigos-promocionales.html)
??????????????????????????????????????????????????????????? */
body.codigos-page{
  background:
    radial-gradient(ellipse 90% 55% at 50% -12%, rgba(200, 164, 74, .1), transparent 55%),
    radial-gradient(ellipse 70% 40% at 85% 20%, rgba(0, 179, 104, .07), transparent 50%),
    linear-gradient(180deg, #0c0f0d 0%, var(--page-bg, #0a0c0b) 42%);
}
body.codigos-page .shell > main{
  overflow: hidden;
  border: 1px solid rgba(200, 164, 74, .12);
  box-shadow:
    0 4px 36px rgba(0, 0, 0, .45),
    0 0 0 1px rgba(18, 160, 110, .06) inset;
}
body.codigos-page :is(.shell > main, main) > .page-title{
  position: relative;
  z-index: 2;
  margin: 6px auto 18px;
  padding: 0 clamp(8px, 2vw, 16px);
  max-width: min(1100px, 100%);
}
body.codigos-page .codigos-hero-frame{
  max-width: min(1100px, 100%);
  margin: 0 auto 4px;
  padding: clamp(10px, 2vw, 16px);
  border-radius: 18px;
  background:
    radial-gradient(120% 70% at 50% 0%, rgba(18, 160, 110, .1), transparent 55%),
    linear-gradient(180deg, rgba(22, 28, 38, .98) 0%, rgba(10, 12, 18, .99) 100%);
  border: 1px solid rgba(94, 233, 176, .2);
  box-shadow:
    0 22px 56px rgba(0, 0, 0, .42),
    0 0 0 1px rgba(200, 164, 74, .1) inset,
    0 0 0 1px rgba(255, 255, 255, .05) inset;
}
body.codigos-page .codigos-hero-frame::before{
  border-color: rgba(94, 233, 176, .14);
  opacity: .5;
}
body.codigos-page .codigos-hero-frame .banner-wrap{
  position: relative;
  z-index: 1;
}
body.codigos-page .codigos-hero-frame .banner-link picture{
  display: block;
  width: 100%;
  line-height: 0;
  border-radius: var(--bannerRad, 12px);
  overflow: hidden;
  background: radial-gradient(ellipse 100% 100% at 50% 40%, rgba(0, 0, 0, .28), rgba(10, 12, 18, .94));
}
/* Hero c?digos: 1024?628 WebP/PNG ? sin recorte forzado por ratio global 1024?499 */
body.codigos-page .codigos-hero-frame .banner.banner--promo-hero{
  aspect-ratio: auto;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: min(68vh, 620px);
  object-fit: contain;
  object-position: center center;
}
@media (max-width: 992px){
  body.codigos-page .codigos-hero-frame .banner.banner--promo-hero{
    max-height: min(62vh, 520px);
  }
}
@media (max-width: 768px){
  body.codigos-page .codigos-hero-frame .banner.banner--promo-hero{
    max-height: min(56vh, 440px);
  }
}
@media (max-width: 480px){
  body.codigos-page .codigos-hero-frame .banner.banner--promo-hero{
    max-height: min(50vh, 380px);
  }
}
body.codigos-page .codigo-pillars{
  padding: clamp(22px, 3vw, 32px) clamp(14px, 2.5vw, 28px) clamp(8px, 1.5vw, 14px);
  background: linear-gradient(180deg, rgba(20, 22, 30, .6) 0%, transparent 100%);
  border-bottom: 1px solid rgba(255, 255, 255, .05);
}
body.codigos-page .codigo-pillars__inner{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(12px, 2vw, 20px);
  max-width: 1100px;
  margin: 0 auto;
}
body.codigos-page .codigo-pillar{
  padding: clamp(16px, 2vw, 22px) clamp(14px, 1.8vw, 20px);
  border-radius: 12px;
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(200, 164, 74, .15);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .25);
}
body.codigos-page .codigo-pillar__label{
  display: block;
  margin-bottom: 8px;
  font-family: "Montserrat", system-ui, sans-serif;
  font-weight: 700;
  font-size: 0.72rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--gold1, #f0d78c);
}
body.codigos-page .codigo-pillar p{
  margin: 0;
  font-size: clamp(0.78rem, 0.35vw + 0.7rem, 0.86rem);
  line-height: 1.55;
  color: rgba(203, 213, 225, .95);
}
body.codigos-page .shell > main > .section.intro.legal-doc{
  padding-top: clamp(18px, 2.5vw, 26px);
}
@media (max-width: 900px){
  body.codigos-page .codigo-pillars__inner{
    grid-template-columns: 1fr;
  }
}

/* ???????????????????????????????????????????????????????????
   GIROS GRATIS ? layout main (giros-gratis.html)
??????????????????????????????????????????????????????????? */
body.giros-page .shell > main{
  overflow: hidden;
  border: 1px solid rgba(200, 164, 74, .12);
  box-shadow:
    0 4px 36px rgba(0, 0, 0, .45),
    0 0 0 1px rgba(18, 160, 110, .06) inset;
}
body.giros-page :is(.shell > main, main) > .page-title{
  position: relative;
  z-index: 2;
  margin: 6px auto 18px;
  padding: 0 clamp(8px, 2vw, 16px);
  max-width: min(1100px, 100%);
}
body.giros-page .giros-hero-frame{
  max-width: min(1100px, 100%);
  margin: 0 auto 4px;
  padding: clamp(10px, 2vw, 16px);
  border-radius: 18px;
  background:
    radial-gradient(120% 70% at 50% 0%, rgba(18, 160, 110, .12), transparent 55%),
    linear-gradient(180deg, rgba(22, 28, 38, .98) 0%, rgba(10, 12, 18, .99) 100%);
  border: 1px solid rgba(94, 233, 176, .2);
  box-shadow:
    0 22px 56px rgba(0, 0, 0, .42),
    0 0 0 1px rgba(200, 164, 74, .1) inset,
    0 0 0 1px rgba(255, 255, 255, .05) inset;
}
body.giros-page .giros-hero-frame:before{
  border-color: rgba(94, 233, 176, .14);
  opacity: .5;
}
body.giros-page .giros-hero-frame .banner-wrap{
  position: relative;
  z-index: 1;
}
body.giros-page .giros-hero-frame .banner-link picture{
  display: block;
  width: 100%;
  line-height: 0;
  border-radius: var(--bannerRad, 12px);
  overflow: hidden;
  background: radial-gradient(ellipse 100% 100% at 50% 40%, rgba(0, 0, 0, .28), rgba(10, 12, 18, .94));
}
/* Hero giros: 1024?510 WebP/PNG ? sin recorte forzado por ratio 1024?511 global */
body.giros-page .giros-hero-frame .banner.banner--promo-hero{
  aspect-ratio: auto;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: min(68vh, 600px);
  object-fit: contain;
  object-position: center center;
}
@media (max-width: 992px){
  body.giros-page .giros-hero-frame .banner.banner--promo-hero{
    max-height: min(62vh, 500px);
  }
}
@media (max-width: 768px){
  body.giros-page .giros-hero-frame .banner.banner--promo-hero{
    max-height: min(56vh, 420px);
  }
}
@media (max-width: 480px){
  body.giros-page .giros-hero-frame .banner.banner--promo-hero{
    max-height: min(50vh, 360px);
  }
}
body.giros-page .shell > main > .section.intro.legal-doc{
  padding-top: clamp(18px, 2.5vw, 26px);
}

/* ???????????????????????????????????????????????????????????
   ACCESO / INICIAR SESI?N ? tarjeta centrada + banner (iniciar-sesion.html)
??????????????????????????????????????????????????????????? */
body.acceso-page .shell > main{
  overflow: visible;
}
body.acceso-page .page-title{
  margin-bottom:12px;
}
body.acceso-page .acceso-panel{
  max-width: min(960px, 100%);
  margin: 0 auto;
}
body.acceso-page .acceso-panel__inner{
  padding: clamp(20px, 3.2vw, 32px);
  border-radius: 22px;
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(30, 82, 120, .18), transparent 52%),
    radial-gradient(80% 70% at 100% 12%, rgba(11, 20, 29, .28), transparent 45%),
    linear-gradient(165deg, rgba(26, 61, 92, .97), rgba(11, 20, 29, .94));
  border: 1px solid rgba(197, 160, 89, .22);
  box-shadow:
    0 24px 64px rgba(0, 0, 0, .42),
    0 0 0 1px rgba(255, 255, 255, .05) inset,
    inset 0 1px 0 rgba(255, 255, 255, .07);
}
body.acceso-page .acceso-panel__grid{
  display: block;
}
body.acceso-page .acceso-panel__copy{
  overflow: hidden;
}
body.acceso-page .acceso-panel__copy::after{
  content:"";
  display:table;
  clear:both;
}
body.acceso-page .acceso-panel__eyebrow{
  margin: 0 0 10px;
  font-family: Montserrat, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #c5a059;
}
body.acceso-page .acceso-panel__lead{
  margin: 0 0 20px;
  font-size: clamp(15px, 1.35vw, 17px);
  line-height: 1.65;
  color: #e8edf7 !important;
}
body.acceso-page .acceso-panel__h{
  margin: 22px 0 10px;
  font-family: Montserrat, system-ui, sans-serif;
  font-size: clamp(15px, 1.25vw, 17px);
  font-weight: 800;
  color: #f8fafc !important;
  letter-spacing: .02em;
}
body.acceso-page .acceso-panel__h:first-of-type{
  margin-top: 0;
}
body.acceso-page .acceso-panel__p{
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.65;
  color: #d1d6e6 !important;
}
body.acceso-page .acceso-panel__list{
  margin: 0;
  padding-left: 1.2rem;
  color: #d1d6e6 !important;
  line-height: 1.62;
}
body.acceso-page .acceso-panel__list li{
  margin: 0 0 10px;
}
body.acceso-page .acceso-panel__note{
  margin: 20px 0 0;
  padding: 14px 16px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.55;
  background: rgba(11, 20, 29, .55);
  border: 1px solid rgba(197, 160, 89, .22);
  color: #e2e8f0 !important;
}
body.acceso-page .acceso-panel__links{
  margin: 18px 0 0;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(226, 232, 240, .88) !important;
}
body.acceso-page .acceso-panel__links a{
  color: #c5a059 !important;
  text-decoration: none;
  border-bottom: 1px solid rgba(197, 160, 89, .35);
}
body.acceso-page .acceso-panel__links a:hover{
  color: #f0d48a !important;
  border-bottom-color: rgba(240, 212, 138, .45);
}
body.acceso-page .acceso-panel__cta{
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
}
body.acceso-page .acceso-panel__cta .pulse-btn{
  text-transform: none;
  letter-spacing: .04em;
  font-size: 15px;
  padding: 14px 26px;
}
body.acceso-page .acceso-panel__cta-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 20px;
  border:none;
  border-radius:0;
  font-family:Montserrat, system-ui, sans-serif;
  font-weight:800;
  font-size:14px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-decoration:none !important;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  position:relative;
  z-index:0;
  isolation:isolate;
  clip-path:var(--casea-clip);
  background:var(--casea-btn-face);
  box-shadow:0 4px 14px rgba(0,0,0,.4);
  transition:filter .2s ease, box-shadow .2s ease;
}
body.acceso-page .acceso-panel__cta-secondary::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  clip-path:var(--casea-clip);
  background:linear-gradient(180deg, rgba(255,255,255,.22) 0%, transparent 40%);
  opacity:.85;
}
body.acceso-page .acceso-panel__cta-secondary::after{
  content:"";
  position:absolute;
  inset:var(--casea-btn-frame, -3px);
  z-index:-1;
  pointer-events:none;
  clip-path:var(--casea-clip);
  background:var(--casea-btn-gold);
}
body.acceso-page .acceso-panel__cta-secondary:hover{
  filter:brightness(1.08) saturate(1.05);
  color:#fff !important;
  box-shadow:0 6px 18px rgba(74,144,226,.35), 0 4px 14px rgba(0,0,0,.45);
}
body.acceso-page .acceso-panel__visual{
  float: right;
  width: min(320px, 36%);
  max-width: 100%;
  margin: 0 0 12px 24px;
  shape-outside: inset(0 round 18px);
  shape-margin: 12px;
}
body.acceso-page .acceso-panel__banner-link{
  display: block;
  line-height: 0;
  text-decoration: none !important;
  border-radius: 18px;
  transition: transform .28s ease, box-shadow .28s ease;
}
body.acceso-page .acceso-panel__banner-link:hover{
  transform: translateY(-2px);
}
body.acceso-page .acceso-panel__banner-link:focus-visible{
  outline: 2px solid #c5a059;
  outline-offset: 3px;
}
body.acceso-page .acceso-panel__banner-frame{
  display: block;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(197, 160, 89, .28);
  box-shadow:
    0 16px 48px rgba(0, 0, 0, .45),
    0 0 0 1px rgba(255, 255, 255, .06) inset,
    0 0 40px rgba(30, 82, 120, .18);
}
body.acceso-page .acceso-panel__banner-link:hover .acceso-panel__banner-frame{
  box-shadow:
    0 20px 56px rgba(0, 0, 0, .5),
    0 0 0 1px rgba(197, 160, 89, .22) inset,
    0 0 48px rgba(30, 82, 120, .24);
}
body.acceso-page .acceso-panel__banner-frame picture{
  display: block;
  width: 100%;
  line-height: 0;
}
body.acceso-page .acceso-panel__banner{
  width: 100%;
  height: auto;
  display: block;
  vertical-align: bottom;
}
body.acceso-page .acceso-panel__trust{
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  justify-content: center;
  clear: both;
  width: 100%;
}
body.acceso-page .acceso-panel__trust li{
  margin: 0;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(241, 245, 249, .9) !important;
  background: rgba(0, 0, 0, .28);
  border: 1px solid rgba(255, 255, 255, .1);
}
body.acceso-page .acceso-panel__caption{
  margin: 10px 0 0;
  font-size: 11px;
  line-height: 1.45;
  text-align: center;
  color: rgba(203, 213, 225, .72) !important;
  clear: both;
  width: 100%;
}
@media (max-width: 860px){
  body.acceso-page .acceso-panel__visual{
    width: min(300px, 42%);
    margin: 4px 0 14px 18px;
  }
}
@media (max-width: 560px){
  body.acceso-page .acceso-panel__visual{
    float: none;
    width: 100%;
    max-width: min(420px, 100%);
    margin: 0 auto 18px;
  }
}
@media (max-width: 640px){
  body.acceso-page .shell > main{
    padding-bottom: max(32px, env(safe-area-inset-bottom, 0px), var(--main-pad-bottom));
  }
  body.acceso-page .acceso-panel__inner{
    padding: 18px 16px 20px;
    border-radius: 18px;
  }
  body.acceso-page .acceso-panel__cta{
    flex-direction: column;
    align-items: stretch;
  }
  body.acceso-page .acceso-panel__cta .pulse-btn,
  body.acceso-page .acceso-panel__cta-secondary{
    width: 100%;
    justify-content: center;
  }
}

/* ???????????????????????????????????????????????????????????
   M?VIL GLOBAL ? refuerzo (safe area, shell, cabecera, footer)
   Aplica a todas las p?ginas con el layout est?ndar
??????????????????????????????????????????????????????????? */
@media (max-width: 992px){
  html{
    overflow-x: hidden;
  }
  .shell{
    padding:
      max(10px, env(safe-area-inset-top, 0px))
      max(10px, env(safe-area-inset-right, 0px))
      max(12px, env(safe-area-inset-bottom, 0px))
      max(10px, env(safe-area-inset-left, 0px));
    gap: 12px;
  }
  header .head{
    padding-left: max(10px, env(safe-area-inset-left, 0px));
    padding-right: max(10px, env(safe-area-inset-right, 0px));
    flex-wrap: wrap;
    row-gap: 8px;
    column-gap: 8px;
  }
  /* Fila 1 m?vil: men? | logo ??? idioma | regalo | b?squeda */
  header .head::after{
    content:"";
    order:9;
    flex-basis:100%;
    width:0;
    height:0;
  }
  .head .burger{ order:1; }
  .head .logo{ order:2; }
  .head .lang-switch{
    order:5;
    flex:0 0 auto;
    width:auto;
    display:inline-flex;
    margin-left:0;
    justify-content:flex-start;
  }
  .head .head-nav{ order:4; }
  .head .offers-trigger{
    order:6;
    margin-left:auto;
  }
  .head .head-search-ico{ order:7; }
  .head .btn--login{ order:10; }
  .head .btn--reg{ order:11; }
  .head .lang-switch .lang-menu{
    left:auto;
    right:0;
    transform:none;
  }
  .head .btn{
    min-width: 0;
    flex: 1 1 calc(50% - 34px);
    min-height: 44px;
    padding: 0 10px;
    font-size: clamp(10px, 2.8vw, 12px);
    letter-spacing: 0.05em;
  }
  main picture,
  main .banner-wrap,
  main .banner-link{
    max-width: 100%;
  }
}

@media (max-width: 560px){
  .head .btn{
    flex: 1 1 100%;
    max-width: none;
  }
}

@media (max-width: 640px){
  .ft-page{
    justify-content: flex-start;
    row-gap: 10px;
    column-gap: 12px;
    padding-left: max(6px, env(safe-area-inset-left, 0px));
    padding-right: max(6px, env(safe-area-inset-right, 0px));
    font-size: 12px;
    line-height: 1.45;
  }
  .ft-page a{
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 10px;
    border-bottom: none;
    background: rgba(255, 255, 255, .05);
  }
  .ft-page a:hover{
    background: rgba(255, 255, 255, .1);
  }
}

@media (max-width: 520px){
  .ft-grid .ft-col{
    padding-bottom: 10px;
    margin-bottom: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
  }
  .ft-grid .ft-col:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 480px){
  .shell > main{
    border-radius: 10px;
  }
  body.bonus-page .shell > main,
  body.codigos-page .shell > main,
  body.giros-page .shell > main,
  body.app-page .shell > main,
  body.games-page .shell > main,
  body.acceso-page .shell > main{
    padding-left: max(var(--main-pad-x), env(safe-area-inset-left, 0px));
    padding-right: max(var(--main-pad-x), env(safe-area-inset-right, 0px));
  }
}

@media (hover: none) and (pointer: coarse){
  body.acceso-page .acceso-panel__banner-link:hover{
    transform: none;
  }
}

@media (max-width: 420px){
  header .logo img{
    max-width: min(190px, 54vw);
  }
}

button,
.btn,
.pulse-btn,
.ft-btn,
.offers-trigger,
.burger,
.head-search-ico{
  touch-action: manipulation;
}

/* ??? CASEA ? ?????-????? ?????? + ??????? ??????? ??? */
:is(
  .pulse-btn,
  .vmore-btn,
  .ft-btn,
  .hero-cta,
  .btn--login,
  .btn--reg,
  .head .btn,
  .play,
  body.acceso-page .acceso-panel__cta .pulse-btn,
  body.acceso-page .acceso-panel__cta-secondary
){
  position:relative !important;
  z-index:0 !important;
  isolation:isolate !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:none !important;
  border-radius:0 !important;
  clip-path:var(--casea-clip) !important;
  background:transparent !important;
  box-shadow:0 4px 14px rgba(0,0,0,.45) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:none !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  line-height:1 !important;
}
.play{
  clip-path:var(--casea-clip-sm) !important;
}
:is(
  .pulse-btn,
  .vmore-btn,
  .ft-btn,
  .hero-cta,
  .btn--login,
  .btn--reg,
  .head .btn,
  .play,
  body.acceso-page .acceso-panel__cta .pulse-btn,
  body.acceso-page .acceso-panel__cta-secondary
)::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:var(--casea-btn-border, 3px) !important;
  z-index:-1 !important;
  pointer-events:none !important;
  border-radius:0 !important;
  clip-path:var(--casea-clip-inner) !important;
  background:var(--casea-btn-blue) !important;
  opacity:1 !important;
}
.play::before{
  clip-path:var(--casea-clip-sm-inner) !important;
}
:is(
  .pulse-btn,
  .vmore-btn,
  .ft-btn,
  .hero-cta,
  .btn--login,
  .btn--reg,
  .head .btn,
  .play,
  body.acceso-page .acceso-panel__cta .pulse-btn,
  body.acceso-page .acceso-panel__cta-secondary
)::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-2 !important;
  pointer-events:none !important;
  border-radius:0 !important;
  clip-path:var(--casea-clip) !important;
  background:var(--casea-btn-gold) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,236,180,.35),
    0 0 0 1px rgba(80,60,20,.45) !important;
  opacity:1 !important;
}
.play::after{
  clip-path:var(--casea-clip-sm) !important;
}
.head .btn,
.head .btn--login,
.head .btn--reg{
  animation:none !important;
  font-size:13px !important;
  min-width:132px !important;
  height:40px !important;
  padding:0 22px !important;
}
:is(.pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .btn--reg, .ft-btn.pulse, .ft-btn.is-pulsing, .pulse){
  animation:casea-btn-pulse 2.4s infinite;
}
@media (hover:hover){
  :is(.pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .btn--login, .btn--reg, .head .btn, .play):hover{
    filter:brightness(1.06) !important;
    box-shadow:0 6px 16px rgba(0,0,0,.5), 0 0 12px rgba(197,160,89,.45) !important;
  }
}

/* ?????? ? ?????? ???????? ? ???? ?????????? */
:is(.shell > main, main) :is(.pulse-btn, .vmore-btn),
body.acceso-page .acceso-panel__cta .pulse-btn,
body.acceso-page .acceso-panel__cta-secondary{
  padding:11px 22px !important;
  font-size:14px !important;
  min-height:40px !important;
  letter-spacing:.06em !important;
}
@media (max-width:768px){
  :is(.shell > main, main) :is(.pulse-btn, .vmore-btn),
  body.acceso-page .acceso-panel__cta .pulse-btn,
  body.acceso-page .acceso-panel__cta-secondary{
    padding:10px 18px !important;
    font-size:13px !important;
    min-height:38px !important;
  }
  :is(.shell > main, main) .cta-center:not(.cta-center--pair) .pulse-btn{
    max-width:min(300px, 100%) !important;
  }
}
@media (max-width:480px){
  :is(.shell > main, main) :is(.pulse-btn, .vmore-btn),
  body.acceso-page .acceso-panel__cta .pulse-btn,
  body.acceso-page .acceso-panel__cta-secondary{
    padding:9px 16px !important;
    font-size:12px !important;
    min-height:36px !important;
  }
}

/* ??????? ???? ?????????? ?????? ?? ????????? */
@media (min-width:993px){
  .aside{
    position:relative !important;
    top:auto !important;
    max-height:none !important;
    overflow-y:visible !important;
  }
}

/* ??? ???????? + ???? Casea */
html{
  background:#1c354d !important;
}
body:before{
  background-color:#1c354d !important;
  background-image:
    repeating-linear-gradient(60deg, rgba(0,0,0,.06) 0 1px, transparent 1px 14px),
    repeating-linear-gradient(-60deg, rgba(0,0,0,.06) 0 1px, transparent 1px 14px),
    linear-gradient(180deg, #1e3a56 0%, #1c354d 50%, #172d42 100%) !important;
}
.shell .chips,
main .chips{
  background:linear-gradient(180deg, #0d1526 0%, #0a1024 100%) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:14px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 4px 16px rgba(0,0,0,.28) !important;
}
.chip,
.shell .chips a.chip{
  background:transparent !important;
  border:none !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.chip::after,
.shell .chips a.chip::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:10px !important;
  background:var(--chip-green-frame) !important;
  z-index:-2 !important;
}
.chip::before,
.shell .chips a.chip::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:2px !important;
  border-radius:8px !important;
  background:var(--chip-green-face) !important;
  z-index:-1 !important;
}
:is(.chip-ico, .chip-ico svg){
  color:#fff !important;
  stroke:#fff !important;
  position:relative !important;
  z-index:1 !important;
}
:is(.chip-txt){
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  position:relative !important;
  z-index:1 !important;
}
#login .login-note,
.login-note{
  display:none !important;
}
.home-vip-promo{
  display:none !important;
}
.table-wrapper,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
main .legal-doc .table-wrapper,
main .table-wrapper{
  background:var(--table-label-bg, #3b2e25) !important;
  border:1px solid rgba(0,0,0,.35) !important;
  box-shadow:0 4px 16px rgba(0,0,0,.28) !important;
}
.table-wrapper thead{
  background:var(--table-head-bg, #3b2e25) !important;
}
.table-wrapper thead th{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:transparent !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
  text-transform:none !important;
}
.table-wrapper tbody tr:nth-child(even){
  background:transparent !important;
}
.table-wrapper tbody tr:hover{
  background:rgba(255,255,255,.06) !important;
}
#facts .table-wrapper :is(td,th),
#bonuses .table-wrapper :is(td,th),
#payments .table-wrapper :is(td,th),
main .legal-doc .table-wrapper :is(td,th),
main .table-wrapper :is(td,th),
.table-wrapper :is(td,th){
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.popular-games__meta{
  background:linear-gradient(180deg, #321856 0%, #2a1248 100%) !important;
  border-top:1px solid rgba(168,85,247,.28) !important;
}
.popular-games__media{
  background:linear-gradient(180deg, #321856 0%, #2a1248 100%) !important;
}
.popular-games__media::after{
  content:none !important;
  display:none !important;
}
.popular-games__card:hover .popular-games__media::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}
.popular-games__card:hover .popular-games__media::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background:rgba(10,22,38,.45) !important;
  z-index:1 !important;
  pointer-events:none !important;
}
/* Game tiles ? GIOCA on hover (blue fill + gold frame, not global .play) */
:is(.popular-games__media, .card .media) .game-play-btn{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translate(-50%,-50%) !important;
  z-index:5 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:7px 16px !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  line-height:1 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  white-space:nowrap !important;
  pointer-events:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  transition:opacity .22s ease, visibility .22s ease, transform .22s ease !important;
  isolation:isolate !important;
  clip-path:var(--casea-clip-sm) !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:0 4px 14px rgba(0,0,0,.5) !important;
  text-shadow:none !important;
}
:is(.popular-games__media, .card .media) .game-play-btn::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:2px !important;
  z-index:-1 !important;
  pointer-events:none !important;
  clip-path:var(--casea-clip-sm-inner) !important;
  background:var(--casea-btn-blue) !important;
  border-radius:0 !important;
}
:is(.popular-games__media, .card .media) .game-play-btn::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-2 !important;
  pointer-events:none !important;
  clip-path:var(--casea-clip-sm) !important;
  background:var(--casea-btn-gold) !important;
  border-radius:0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,236,180,.35),
    0 0 0 1px rgba(80,60,20,.45) !important;
}
.card:hover .media::before,
.grid .card:hover .media::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:rgba(10,22,38,.45) !important;
  z-index:1 !important;
  pointer-events:none !important;
}
@media (hover: hover){
  .popular-games__card:hover .popular-games__media .game-play-btn,
  .card:hover .media .game-play-btn,
  .grid .card:hover .media .game-play-btn{
    opacity:1 !important;
    visibility:visible !important;
    transform:translate(-50%,-50%) scale(1.04) !important;
  }
}

/* ??? VegasHero ? purple/green button theme ??? */
header .head{
  padding:12px 16px !important;
  min-height:72px !important;
  gap:12px !important;
}
.logo img{
  height:52px !important;
  max-width:280px !important;
}
.ft-logo img{
  height:44px !important;
  max-width:240px !important;
}
.head .btn{
  height:40px !important;
  min-height:40px !important;
  padding:0 20px !important;
  min-width:120px !important;
  font-size:12px !important;
}
.head .offers-trigger,
.head .head-search-ico{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
}
@media (max-width:520px){
  .logo img{ height:42px !important; max-width:220px !important; }
  header .head{ padding:10px 12px !important; min-height:64px !important; }
}
@media (max-width:390px){
  .logo img{ height:36px !important; max-width:190px !important; }
}

.aside{
  background:linear-gradient(180deg, #0c1628 0%, #091220 55%, #070e1a 100%) !important;
  border:2px solid #1a3358 !important;
  box-shadow:0 14px 44px rgba(0,0,0,.55), inset 0 1px 0 rgba(0,212,255,.08) !important;
}
.drawer{
  background:linear-gradient(180deg, #0c1628 0%, #091220 55%, #070e1a 100%) !important;
  border-right:2px solid #1a3358 !important;
}
.drawer .dhead{
  border-bottom-color:rgba(26,51,88,.85) !important;
}
.dclose{
  border:none !important;
  background:transparent !important;
}
.dclose:hover{
  border:none !important;
  background:transparent !important;
}
.sep{
  border-top-color:rgba(26,51,88,.85) !important;
}

.aside .nav a::after,
.drawer .nav a::after,
.chip::after,
.shell .chips a.chip::after,
.head .btn--login::after,
.head .btn--reg::after,
.head .btn::after,
.btn--login::after,
.btn--reg::after,
.pulse-btn::after,
.ft-btn::after,
.vmore-btn::after,
.hero-cta::after,
.play::after,
body.acceso-page .acceso-panel__cta .pulse-btn::after,
body.acceso-page .acceso-panel__cta-secondary::after,
:is(.popular-games__media, .card .media) .game-play-btn::after{
  display:none !important;
  content:none !important;
  background:transparent !important;
  box-shadow:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

.aside .nav a::before,
.drawer .nav a::before{
  inset:0 !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, #1a3a5c 0%, #142f4a 55%, #0f2438 100%) !important;
  box-shadow:none !important;
}

.aside .nav a,
.drawer .nav a{
  border-radius:12px !important;
  box-shadow:inset 0 0 0 1px #1a3358 !important;
  filter:none !important;
}
.aside .nav a:hover,
.drawer .nav a:hover{
  box-shadow:inset 0 0 0 1px #243d66 !important;
  filter:none !important;
}
.aside .nav a:hover::before,
.drawer .nav a:hover::before{
  background:linear-gradient(180deg, #1f4470 0%, #183a5c 55%, #122a42 100%) !important;
}

.aside .nav a.is-active,
.drawer .nav a.is-active{
  background:transparent !important;
  filter:none !important;
  box-shadow:inset 0 0 0 1px #1a3358 !important;
}
.aside .nav a.is-active::before,
.drawer .nav a.is-active::before{
  background:linear-gradient(180deg, #1a3a5c 0%, #142f4a 55%, #0f2438 100%) !important;
  box-shadow:none !important;
}
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:500 !important;
  text-shadow:none !important;
}
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico{
  color:#fff !important;
  filter:none !important;
}
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
  filter:brightness(0) invert(1) !important;
  opacity:.93 !important;
}
.aside .nav a.is-active::after,
.drawer .nav a.is-active::after{
  display:none !important;
  box-shadow:none !important;
}

.chip::before,
.shell .chips a.chip::before{
  inset:0 !important;
  border-radius:10px !important;
}

:is(.popular-games__media, .card .media) .game-play-btn::before{
  inset:0 !important;
}

:is(.btn--login, .btn--reg, .head .btn, .head .btn--login, .head .btn--reg, .pulse-btn, .ft-btn, .vmore-btn, .hero-cta, .play){
  box-shadow:0 4px 14px rgba(0,0,0,.45), inset 0 0 0 1px rgba(0,212,255,.16) !important;
}
@media (hover:hover){
  :is(.pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .btn--login, .btn--reg, .head .btn, .play):hover{
    box-shadow:0 6px 16px rgba(0,0,0,.5), inset 0 0 0 1px rgba(0,212,255,.22) !important;
  }
}

.chip,
.shell .chips a.chip{
  box-shadow:inset 0 0 0 1px rgba(38,68,38,.35) !important;
}

:is(.popular-games__media, .card .media) .game-play-btn{
  box-shadow:0 4px 14px rgba(0,0,0,.5), inset 0 0 0 1px rgba(0,212,255,.16) !important;
}

.head-nav__link--active{
  border-bottom-color:#00d4ff !important;
}

/* H1 ? ??????? ????? ????? */
.page-title,
:is(.shell > main, main) .page-title,
body.page-home .page-title,
body.bonus-page :is(.shell > main, main) > .page-title,
body.acceso-page .page-title{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:none !important;
  background-image:none !important;
  background-clip:border-box !important;
  -webkit-background-clip:border-box !important;
  filter:none !important;
  animation:none !important;
  text-shadow:none !important;
  border-bottom:none !important;
  padding:0 !important;
}
body.page-home .page-title::before{
  display:none !important;
  content:none !important;
}
body.page-home .home-hero__bar{
  display:none !important;
}

/* App page ? ??????????? ?????? + ??????, ????? ???????? */
body.app-page .app-float-aside{
  float:right;
  width:min(360px, 44%);
  max-width:44%;
  margin:0 0 1.5rem 1.75rem;
  padding:0;
}
body.app-page .app-float-banner{
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
}
body.app-page .app-float-banner__link{
  border:1px solid rgba(26,51,88,.85) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.45) !important;
}
body.app-page .app-float-banner__img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:471 / 1024 !important;
  object-fit:contain !important;
  object-position:top center !important;
  max-height:none !important;
}
body.app-page .app-float-aside__cta{
  margin-top:14px;
  text-align:center;
}
body.app-page .app-float-aside__cta .pulse-btn{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  padding:12px 16px !important;
  font-size:13px !important;
  letter-spacing:.06em !important;
}
body.app-page .app-float-layout > h2:first-of-type{
  margin-top:0;
}
@media (max-width:900px){
  body.app-page .app-float-aside{
    float:none;
    width:100%;
    max-width:100%;
    margin:0 0 1.5rem;
  }
  body.app-page .app-float-aside__cta .pulse-btn{
    max-width:min(360px, 100%);
    margin-inline:auto;
  }
}

/* ???????????????????????????????????????????????????????????
   VegasHero ? theme overrides (purple + green)
??????????????????????????????????????????????????????????? */
header,
header.scrolled{
  background:linear-gradient(180deg, #321856 0%, #2a1248 100%) !important;
  border-bottom:1px solid rgba(168,85,247,.28) !important;
}
.site-footer{
  background:linear-gradient(180deg, #321856 0%, #2a1248 100%) !important;
}
.head-nav__link--active{
  border-bottom-color:var(--btn-gold2,#39ff14);
}
.head-nav__link:hover{
  border-bottom-color:#c084fc;
}

/* ??????: ??????????, ??????? ?????, ?????? ????? */
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn){
  clip-path:none !important;
  border-radius:12px !important;
  border:2px solid #39ff14 !important;
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
  text-shadow:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18) 0%, transparent 36%),
    linear-gradient(180deg, #7fff00 0%, #39ff14 48%, #22c55e 78%, #16a34a 100%) !important;
  box-shadow:
    0 0 0 1px rgba(34,197,94,.55),
    0 3px 10px rgba(0,0,0,.4),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::before,
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::after{
  display:none !important;
  content:none !important;
}
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn):hover{
  filter:brightness(1.06) saturate(1.05);
  border-color:#7fff00 !important;
  box-shadow:
    0 0 0 1px rgba(127,255,0,.7),
    0 4px 14px rgba(57,255,20,.25),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
}

.logo img{
  height:52px !important;
  max-width:280px !important;
}
.ft-logo img{
  height:44px !important;
  max-width:240px !important;
}
.aside .nav a.is-active::before,
.drawer .nav a.is-active::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.12) 0%, transparent 42%),
    linear-gradient(180deg, #5ef01a 0%, #39ff14 48%, #22c55e 58%, #16a34a 100%);
  box-shadow:inset 0 0 12px rgba(57,255,20,.25);
}
.aside .nav a.is-active::after,
.drawer .nav a.is-active::after{
  box-shadow:0 0 12px rgba(57,255,20,.45);
}
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico,
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt{
  color:var(--on-lime,#0a1a08);
}
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
  filter:brightness(0) saturate(100%);
  opacity:1;
}
.sep{
  border-top-color:rgba(76,42,122,.85);
}
@media (min-width:993px){
  .aside{
    position:sticky;
    top:calc(var(--hdrH, 64px) + 14px);
    align-self:start;
    z-index:50;
  }
}
#updatedBox{
  background:linear-gradient(180deg,#321856,#2a1248) !important;
  border-color:rgba(57,255,20,.35) !important;
}
#updatedBox svg path{
  stroke:#39ff14 !important;
}

/* Final polish ? logo, header/footer purple, round green buttons */
header,
header.scrolled,
.site-footer{
  background:linear-gradient(180deg, #321856 0%, #2a1248 100%) !important;
}
header .head{
  padding:12px 16px !important;
  min-height:72px !important;
}
.logo img,
header .logo img{
  height:52px !important;
  max-width:280px !important;
  width:auto !important;
}
.site-footer .ft-logo img{
  height:44px !important;
  max-width:240px !important;
}
.ft-logo img{
  height:44px !important;
  max-width:240px !important;
  width:auto !important;
}
.head .btn{
  height:40px !important;
  min-height:40px !important;
}
.head .offers-trigger,
.head .head-search-ico{
  width:40px !important;
  height:40px !important;
}
@media (max-width:520px){
  .logo img, header .logo img{ height:42px !important; max-width:220px !important; }
  header .head{ padding:10px 12px !important; min-height:64px !important; }
}
@media (max-width:390px){
  .logo img, header .logo img{ height:36px !important; max-width:190px !important; }
}

/* ??? VegasHero ? sidebar, tables, games, chips ??? */
:root{
  --page-bg:#04010a;
  --hdr-purple-top:#321856;
  --hdr-purple-bot:#2a1248;
}

html,
body:before{
  background-color:#04010a !important;
  background-image:
    repeating-linear-gradient(90deg, rgba(168,85,247,.05) 0 1px, transparent 1px 48px),
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(124,58,237,.12), transparent 55%),
    radial-gradient(ellipse 60% 40% at 100% 50%, rgba(168,85,247,.06), transparent 50%),
    linear-gradient(180deg, #0a0614 0%, #06030c 45%, #04010a 100%) !important;
}

.shell > main,
:is(.shell > main, main){
  background:linear-gradient(180deg, #0e0820 0%, #0a0618 50%, #080514 100%) !important;
  border:1px solid rgba(168,85,247,.24) !important;
  box-shadow:
    0 12px 40px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(168,85,247,.08) !important;
}

.table-wrapper,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
main .legal-doc .table-wrapper,
main .table-wrapper{
  background:var(--table-label-bg, #3b2e25) !important;
  border:1px solid rgba(0,0,0,.35) !important;
  box-shadow:0 4px 16px rgba(0,0,0,.28) !important;
}

.table-wrapper tbody tr:hover,
.table-wrapper tbody tr:hover :is(th,td){
  background:var(--table-hover-label, #443429) !important;
}

.table-wrapper :is(td,th){
  border-bottom-color:var(--table-border, rgba(255,255,255,.08)) !important;
}

.popular-games__meta,
.popular-games__media{
  background:linear-gradient(180deg, var(--hdr-purple-top) 0%, var(--hdr-purple-bot) 100%) !important;
  border-top:1px solid rgba(168,85,247,.28) !important;
}

.popular-games__title,
:is(.shell > main, main) .popular-games__title,
.card .info .title,
:is(.shell > main, main) a.card .info .title,
:is(.shell > main, main) .card .title{
  color:#39ff14 !important;
  -webkit-text-fill-color:#39ff14 !important;
}

.chips{
  background:linear-gradient(180deg, #0d1526 0%, #0a1024 100%) !important;
  border:1px solid rgba(255,255,255,.1) !important;
}

.chip-ico,
.chip-ico svg,
:is(.shell > main, main) .chip-ico,
:is(.chip-ico, .chip-ico svg){
  color:#fff !important;
  stroke:#fff !important;
  fill:none !important;
}

.chip-txt,
:is(.shell > main, main) :is(.chip, .chip-txt),
.shell .chips a.chip .chip-txt{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* ??? Sidebar / Drawer ? ?????????? ???? ??? header ??? */
.aside,
.drawer{
  background:linear-gradient(180deg, #321856 0%, #2a1248 100%) !important;
  border:1px solid rgba(192,132,252,.55) !important;
  box-shadow:
    0 14px 40px rgba(0,0,0,.45),
    0 0 0 1px rgba(124,58,237,.25),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.drawer{
  border-right:1px solid rgba(192,132,252,.55) !important;
}
.drawer .dhead{
  border-bottom:1px solid rgba(192,132,252,.35) !important;
  color:#fff !important;
}
.dclose{
  border:none !important;
  background:transparent !important;
  color:#fff !important;
  box-shadow:none !important;
}
.dclose .dclose__icon::before,
.dclose .dclose__icon::after{
  background:#fff !important;
}
.sep{
  border-top:1px solid rgba(192,132,252,.28) !important;
}

.aside .nav a,
.drawer .nav a{
  background:linear-gradient(180deg, #3a1d6c 0%, #2d1554 55%, #261247 100%) !important;
  border:1px solid rgba(192,132,252,.42) !important;
  border-radius:12px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 2px 8px rgba(0,0,0,.22) !important;
  filter:none !important;
}
.aside .nav a::before,
.drawer .nav a::before,
.aside .nav a::after,
.drawer .nav a::after{
  display:none !important;
  content:none !important;
}
.aside .nav a .nav-txt,
.drawer .nav a .nav-txt{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:600 !important;
}
.aside .nav a svg.nav-ico,
.drawer .nav a svg.nav-ico{
  color:#fff !important;
  stroke:#fff !important;
}
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico{
  filter:brightness(0) invert(1) !important;
  opacity:.95 !important;
}
.aside .nav a:hover,
.drawer .nav a:hover{
  background:linear-gradient(180deg, #452080 0%, #351a66 55%, #2d1554 100%) !important;
  border-color:rgba(216,180,254,.65) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    0 0 0 1px rgba(168,85,247,.35),
    0 4px 12px rgba(0,0,0,.28) !important;
}
.aside .nav a.is-active,
.drawer .nav a.is-active{
  background:linear-gradient(180deg, #4c2888 0%, #3a1d6c 55%, #321856 100%) !important;
  border-color:rgba(216,180,254,.75) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 0 1px rgba(192,132,252,.5),
    0 0 14px rgba(168,85,247,.22) !important;
}
.aside .nav a.is-active::before,
.drawer .nav a.is-active::before,
.aside .nav a.is-active::after,
.drawer .nav a.is-active::after{
  display:none !important;
  background:transparent !important;
  box-shadow:none !important;
}
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt,
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
  filter:brightness(0) invert(1) !important;
  opacity:1 !important;
}

/* ??? ???????? ??? ? ??????????? ? ?????????? ???, ??????? ????? ??? */
.card,
:is(.shell > main, main) a.card{
  background:linear-gradient(180deg, #321856 0%, #2a1248 100%) !important;
  border:1px solid rgba(192,132,252,.45) !important;
  box-shadow:
    0 6px 20px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.card:hover,
:is(.shell > main, main) a.card:hover{
  border-color:rgba(216,180,254,.65) !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.4),
    0 0 0 1px rgba(168,85,247,.25) !important;
  transform:translateY(-2px);
}
.card .info,
:is(.shell > main, main) a.card .info{
  background:linear-gradient(180deg, #3a1d6c 0%, #2d1554 55%, #261247 100%) !important;
  border-top:1px solid rgba(192,132,252,.32) !important;
}
.card .info .title,
:is(.shell > main, main) a.card .info .title,
:is(.shell > main, main) .card .title{
  color:#39ff14 !important;
  -webkit-text-fill-color:#39ff14 !important;
}
.card .info .vendor,
:is(.shell > main, main) a.card .info .vendor,
:is(.shell > main, main) .vendor{
  color:#7fff00 !important;
  -webkit-text-fill-color:#7fff00 !important;
  opacity:.92;
}

.prov,
:is(.shell > main, main) a.prov{
  background:linear-gradient(180deg, #321856 0%, #2a1248 100%) !important;
  border:1px solid rgba(192,132,252,.45) !important;
  box-shadow:
    0 6px 20px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  color:#39ff14 !important;
}
.prov:hover{
  border-color:rgba(216,180,254,.65) !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.4),
    0 0 0 1px rgba(168,85,247,.25) !important;
  transform:translateY(-3px);
}
.prov-media{
  background:linear-gradient(180deg, #261247 0%, #1a0d33 100%) !important;
  border:1px solid rgba(192,132,252,.28) !important;
}
.prov-name,
:is(.shell > main, main) .prov-name{
  color:#39ff14 !important;
  -webkit-text-fill-color:#39ff14 !important;
}

/* ?? Page hero banners (app, bonus) ?? */
.page-hero{
  position:relative;
  max-width:min(1180px, 100%);
  margin:0 auto 28px;
  padding:0 2px;
}
.frame.frame--page-hero{
  --bannerRad:18px;
  padding:16px;
  border-radius:var(--bannerRad);
  background:
    radial-gradient(120% 85% at 50% -15%, rgba(168,85,247,.14), transparent 58%),
    linear-gradient(185deg, #321856 0%, #261247 55%, #1a0d33 100%);
  border:1px solid rgba(192,132,252,.38);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.45) inset,
    0 26px 70px rgba(0,0,0,.48),
    0 0 60px rgba(168,85,247,.12);
}
.page-hero .banner-link,
.page-hero .banner-link picture{
  display:block;
  width:100%;
  line-height:0;
}
.page-hero .banner.banner--page-hero{
  width:100%;
  height:auto;
  max-width:100%;
  aspect-ratio:1024 / 499;
  object-fit:cover;
  object-position:center center;
  max-height:min(52vw, 520px);
  border-radius:14px;
  display:block;
}
@media (max-width:992px){
  .page-hero .banner.banner--page-hero{ max-height:min(58vw, 400px); }
}
@media (max-width:768px){
  .page-hero .banner.banner--page-hero{ max-height:min(62vw, 340px); }
}
@media (max-width:480px){
  .page-hero .banner.banner--page-hero{ max-height:min(68vw, 280px); }
}
@media (max-width:380px){
  .page-hero .banner.banner--page-hero{ max-height:min(72vw, 240px); }
}
body.app-page .page-hero .banner.banner--page-hero,
body.bonus-page .page-hero .banner.banner--page-hero{
  aspect-ratio:auto;
  max-height:none;
  object-fit:contain;
}
.page-hero__cta,
body.page-home .home-hero__cta{
  margin:18px auto 6px;
  text-align:center;
}
.page-hero__link:focus-visible,
.login-banner-block__link:focus-visible{
  outline:2px solid #39ff14;
  outline-offset:4px;
  border-radius:0;
}

/* ?? Login flow: banner right, text left, then full width ?? */
.login-flow{
  position:relative;
}
.login-flow::after{
  content:"";
  display:table;
  clear:both;
}
.login-banner-block{
  float:right;
  width:min(36%,340px);
  margin:0 0 12px 20px;
}
.login-banner-block__link{
  display:block;
  border:none;
  border-radius:0;
  overflow:visible;
  box-shadow:none;
  background:transparent;
}
.login-banner-block__img{
  width:100%;
  height:auto;
  display:block;
  max-height:min(46vh,300px);
  object-fit:contain;
  object-position:top center;
}
.login-banner-block__cta{
  margin-top:10px;
}
.login-flow__side{
  min-width:0;
}
.login-flow__full{
  clear:both;
  min-width:0;
  padding-top:0.25rem;
}
body.acceso-page #login-guide .login-flow__side h2:first-of-type{
  margin-top:0;
}
body.acceso-page #login-guide .login-flow__full > h2:first-child,
body.acceso-page #login-guide .login-flow__full > ol:first-child{
  margin-top:0;
}
@media (max-width:860px){
  .login-banner-block{
    float:none;
    width:min(340px,100%);
    margin:0 auto 16px;
  }
  .login-flow__full{
    clear:none;
    padding-top:0;
  }
}

/* ?? Modal bonus banner ?? */
.offers-panel__img--bono{
  width:100%;
  height:auto;
  border-radius:12px;
  display:block;
}

/* ?? Modal panel: solid navy from brand swatch ?? */
.offers-panel{
  background:#0C163E !important;
  border:1px solid rgba(79,119,168,.35) !important;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.45),
    0 0 48px rgba(22,28,52,.28),
    0 28px 80px rgba(0,0,0,.62),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.offers-panel__head{
  background:#0C163E !important;
}
.offers-panel__head::after{
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(79,119,168,.4) 18%,
    rgba(168,196,230,.5) 50%,
    rgba(79,119,168,.4) 82%,
    transparent 100%
  ) !important;
}
.offers-panel__title{
  text-shadow:
    0 1px 0 rgba(0,0,0,.45),
    0 2px 14px rgba(0,0,0,.35),
    0 0 20px rgba(79,119,168,.22) !important;
}
.offers-panel__title::before{
  background:linear-gradient(90deg, #0c1020, #4f77a8, #a8c4e6, rgba(168,196,230,.75)) !important;
  box-shadow:0 0 12px rgba(79,119,168,.35) !important;
}
.offers-panel__close{
  border-color:rgba(79,119,168,.28) !important;
  background:linear-gradient(165deg, rgba(255,255,255,.08), rgba(12,16,32,.92)) !important;
}
.offers-panel__close:hover{
  border-color:rgba(79,119,168,.5) !important;
  background:linear-gradient(165deg, rgba(79,119,168,.28), rgba(12,16,32,.98)) !important;
  box-shadow:
    0 4px 22px rgba(79,119,168,.25),
    inset 0 1px 0 rgba(255,255,255,.1) !important;
}
.offers-panel__close:focus-visible{
  outline-color:#4f77a8 !important;
}
.offers-panel__link:focus-visible{
  outline-color:#4f77a8 !important;
}
.offers-panel__figure{
  background:#0C163E !important;
  box-shadow:
    0 0 0 1px rgba(79,119,168,.28),
    0 16px 48px rgba(0,0,0,.5),
    0 0 32px rgba(22,28,52,.25),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.offers-panel__foot{
  background:#0C163E !important;
  border-top-color:rgba(79,119,168,.22) !important;
}
.offers-panel__foot::before{
  background:linear-gradient(
    90deg,
    transparent,
    rgba(79,119,168,.4) 25%,
    rgba(168,196,230,.45) 50%,
    rgba(79,119,168,.4) 75%,
    transparent
  ) !important;
}
.offers-panel__hint::before{
  background:radial-gradient(circle at 30% 30%, #4f77a8, #161c34 55%, #0c1020) !important;
  box-shadow:0 0 14px rgba(79,119,168,.4) !important;
}
.offers-backdrop.is-open{
  background:rgba(8,12,24,.82) !important;
}

/* Tabellen ? einheitlich braun wie Referenz */
.table-wrapper,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
main .legal-doc .table-wrapper,
main .table-wrapper,
body.games-page #games-guide .table-wrapper,
body.bonus-page .table-wrapper,
body.app-page .table-wrapper,
body.login-page .table-wrapper,
body.acceso-page .table-wrapper{
  background:var(--table-label-bg, #3b2e25) !important;
  border:1px solid rgba(0,0,0,.35) !important;
  border-radius:10px !important;
  box-shadow:0 4px 16px rgba(0,0,0,.28) !important;
}

/* Mobile: zwei CTA-Buttons nebeneinander (Anmelden / Registrieren) */
@media (max-width:768px){
  :is(.shell > main, main) .cta-center.cta-center--pair{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    width:100%;
    max-width:100%;
    margin-top:20px;
    padding:0;
  }
  :is(.shell > main, main) .cta-center.cta-center--pair .pulse-btn{
    width:100% !important;
    max-width:100% !important;
    min-width:0;
    min-height:42px !important;
    padding:10px 12px !important;
    font-size:12px !important;
    letter-spacing:.05em !important;
    white-space:nowrap;
    text-align:center;
    justify-content:center;
    animation:none;
  }
}
@media (max-width:480px){
  :is(.shell > main, main) .cta-center.cta-center--pair{
    gap:10px;
  }
  :is(.shell > main, main) .cta-center.cta-center--pair .pulse-btn{
    min-height:40px !important;
    padding:9px 10px !important;
    font-size:11px !important;
  }
}
@media (max-width:360px){
  :is(.shell > main, main) .cta-center.cta-center--pair .pulse-btn{
    font-size:10px !important;
    padding:8px 6px !important;
    letter-spacing:.03em !important;
  }
}

/* ?? Mobile: ??????? ?? */
@media (max-width:768px){
  .table-wrapper:not(.table-wrapper--cards) table:has(thead){
    width:max-content !important;
    min-width:100%;
    table-layout:auto !important;
  }
  .table-wrapper--scroll table,
  .table-wrapper:not(.table-wrapper--cards) table:has(thead tr > :nth-child(5)){
    width:max-content !important;
    min-width:100%;
    table-layout:auto !important;
  }
  .table-wrapper--cards table{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    table-layout:auto !important;
  }
  .table-wrapper table:has(thead) :is(th,td){
    padding:10px 12px !important;
    font-size:13px !important;
    line-height:1.45 !important;
    word-break:break-word;
    hyphens:auto;
    vertical-align:top !important;
  }
  .table-wrapper table:has(thead) thead th{
    font-size:12px !important;
    white-space:nowrap;
  }
  .table-wrapper:not(.table-wrapper--cards) table:has(thead) tbody th[scope="row"]{
    min-width:96px;
    max-width:130px;
  }
  .table-wrapper:not(.table-wrapper--cards) table:has(thead) tbody td{
    min-width:110px;
    max-width:220px;
  }
  .table-wrapper table:not(:has(thead)){
    width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
  }
  .table-wrapper table:not(:has(thead)) :is(th,td){
    padding:10px 12px !important;
    font-size:13px !important;
    line-height:1.45 !important;
    word-break:break-word;
    hyphens:auto;
  }
  .table-wrapper table:not(:has(thead)) tbody th[scope="row"]{
    width:36% !important;
    min-width:0 !important;
    max-width:none !important;
    font-size:12px !important;
  }
  .table-wrapper--cards thead{
    display:none !important;
  }
  .table-wrapper--cards tbody{
    display:block !important;
  }
  .table-wrapper--cards tbody tr{
    display:block !important;
    padding:14px 16px !important;
    border-bottom:1px solid var(--table-border, rgba(255,255,255,.08)) !important;
    background:var(--table-value-bg, #241a13) !important;
  }
  .table-wrapper--cards tbody tr:last-child{
    border-bottom:0 !important;
  }
  .table-wrapper--cards tbody tr:hover{
    background:var(--table-value-bg, #241a13) !important;
  }
  .table-wrapper--cards tbody tr:hover th[scope="row"]{
    background:var(--table-hover-label, #443429) !important;
  }
  .table-wrapper--cards tbody tr:hover td{
    background:var(--table-hover-value, #2e2219) !important;
  }
  .table-wrapper--cards tbody th[scope="row"]{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    padding:0 0 10px !important;
    margin:0 0 10px !important;
    border-bottom:1px solid rgba(255,255,255,.18) !important;
    font-size:14px !important;
  }
  .table-wrapper--cards tbody td{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    padding:8px 0 !important;
    border:0 !important;
    font-size:13px !important;
    font-weight:400 !important;
  }
  .table-wrapper--cards tbody td::before{
    content:attr(data-label);
    display:block;
    font-weight:700;
    font-size:11px;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:rgba(255,255,255,.78);
    margin-bottom:4px;
  }
  .table-wrapper--cards tbody td + td{
    margin-top:2px;
    padding-top:10px !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
  }
}

/* ??? VegasHero ? ref theme override (dark navy + green CTA) ??? */
:root{
  --page-bg:#080c14;
  --main-bg:#111927;
  --main-text:#e4eaf4;
  --main-heading:#ffffff;
  --main-muted:#94a3b8;
  --mx-green:#12a06e;
  --mx-green-bright:#1fb87e;
  --mx-red:#e63946;
  --mx-red-deep:#c41e3a;
  --primary:#12a06e;
  --primary-mid:#1fb87e;
  --primary-dark:#0d7a52;
  --primary-glow:rgba(18, 160, 110, 0.32);
  --secondary:#a855f7;
  --secondary-light:#c084fc;
  --accent-blue:#1b3d81;
  --accent-blue-strong:#003366;
  --hdr-bg-top:#0a101d;
  --hdr-bg-bot:#080c14;
  --sidebar-blue-top:#16202c;
  --sidebar-blue-bot:#111927;
  --line:rgba(31, 45, 68, 0.55);
  --gold1:#1fb87e;
  --gold2:#12a06e;
  --gold3:#0d7a52;
  --casea-btn-blue:
    linear-gradient(180deg, rgba(255,255,255,.16) 0%, transparent 38%),
    linear-gradient(180deg, #1fb87e 0%, #12a06e 42%, #0d7a52 62%, #065a3f 100%);
  --casea-btn-gold:linear-gradient(160deg, #1fb87e 0%, #12a06e 35%, #0d7a52 70%, #065a3f 100%);
}

html,
body:before{
  background-color:#080c14 !important;
  background-image:
    repeating-linear-gradient(90deg, rgba(27,61,129,.04) 0 1px, transparent 1px 48px),
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(27,61,129,.12), transparent 55%),
    radial-gradient(ellipse 60% 40% at 100% 50%, rgba(168,85,247,.04), transparent 50%),
    linear-gradient(180deg, #0a101d 0%, #080c14 45%, #060a12 100%) !important;
}

.shell > main,
:is(.shell > main, main){
  background:linear-gradient(180deg, #131c2b 0%, #111927 50%, #0d1526 100%) !important;
  border:1px solid rgba(79,119,168,.55) !important;
  box-shadow:
    0 12px 40px rgba(0,0,0,.45),
    0 0 0 1px rgba(79,119,168,.12),
    0 0 18px rgba(79,119,168,.14),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

header,
header.scrolled,
.site-footer{
  background:linear-gradient(180deg, #0a101d 0%, #080c14 100%) !important;
  border-bottom:1px solid rgba(31,45,68,.65);
}

.aside,
.drawer{
  background:linear-gradient(180deg, #0e1420 0%, #0c121c 55%, #0a1018 100%) !important;
  border:1px solid rgba(79,119,168,.55) !important;
  box-shadow:
    0 14px 44px rgba(0,0,0,.55),
    0 0 0 1px rgba(79,119,168,.12),
    0 0 18px rgba(79,119,168,.14),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

@media (min-width:993px){
  .shell > .aside{
    position:sticky;
    top:calc(var(--hdrH, 72px) + 14px);
    align-self:start;
    z-index:2;
    max-height:calc(100vh - var(--hdrH, 72px) - 28px);
    overflow-y:auto;
  }
}

.logo img,
header .logo img{
  height:44px !important;
  max-width:300px !important;
  filter:none !important;
}

.ft-logo img,
.site-footer .ft-logo img{
  height:38px !important;
  max-width:260px !important;
  filter:none !important;
}

.ft-btn{
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.07em !important;
  padding:12px 24px !important;
  white-space:nowrap !important;
}

#updatedBox{
  background:linear-gradient(180deg,#16202c,#111927) !important;
  border-color:rgba(31,45,68,.85) !important;
}
#updatedBox svg path{
  stroke:#12a06e !important;
}

.chip:hover,
.pulse-btn:hover,
.head .btn--reg:hover{
  box-shadow:0 0 18px rgba(18,160,110,.28) !important;
}

.table-wrapper table:has(thead) thead{
  background:linear-gradient(180deg, #334155, #2d3b4e) !important;
}

/* ??? VegasHero ? chip-style buttons (header, footer, page) ??? */
:root{
  --chip-btn-face:linear-gradient(180deg, #364052 0%, #2e3747 55%, #283140 100%);
  --chip-btn-hover:linear-gradient(180deg, #3d4a5c 0%, #344154 55%, #2e3747 100%);
  --casea-btn-blue:var(--chip-btn-face) !important;
  --casea-btn-gold:var(--chip-btn-face) !important;
  --casea-btn-face:var(--chip-btn-face) !important;
}

:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn),
:where(.pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta),
:where(.popular-games__media, .card .media) .game-play-btn{
  background:var(--chip-btn-face) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:10px !important;
  clip-path:none !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 3px 10px rgba(0,0,0,.32) !important;
}

:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::before,
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::after,
:where(.pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .head .btn, .hero-cta)::after,
:where(.popular-games__media, .card .media) .game-play-btn::after{
  display:none !important;
  content:none !important;
}

:where(.pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .head .btn, .hero-cta)::before,
:where(.popular-games__media, .card .media) .game-play-btn::before{
  display:none !important;
  content:none !important;
}

@media (hover:hover){
  :is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn):hover,
  :where(.pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .head .btn, .head .btn--reg, .hero-cta):hover,
  :where(.popular-games__media, .card .media) .game-play-btn:hover{
    background:var(--chip-btn-hover) !important;
    filter:brightness(1.08) !important;
    border-color:rgba(255,255,255,.14) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      inset 0 -1px 0 rgba(0,0,0,.2),
      0 4px 14px rgba(0,0,0,.38) !important;
  }
}

.chip:hover,
.pulse-btn:hover,
.head .btn--reg:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 4px 14px rgba(0,0,0,.35) !important;
}

#updatedBox svg path{
  stroke:#8cb4e0 !important;
}

/* ??? VegasHero ? chips (ref: slate pills #2e3747) ??? */
.chip,
.shell .chips a.chip,
.shell .chips a.chip:link,
.shell .chips a.chip:visited,
.shell .chips a.chip:hover,
.shell .chips a.chip:active{
  background:transparent !important;
  border:none !important;
  border-radius:10px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  transform:none !important;
  filter:none !important;
  transition:filter .15s ease, box-shadow .15s ease !important;
}

.chip::before,
.shell .chips a.chip::before{
  inset:0 !important;
  border-radius:10px !important;
  background:linear-gradient(180deg, #364052 0%, #2e3747 55%, #283140 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.22) !important;
}

.chip::after,
.shell .chips a.chip::after{
  display:none !important;
  content:none !important;
}

.chip-ico,
.chip-ico svg,
:is(.shell > main, main) .chip-ico,
:is(.chip-ico, .chip-ico svg){
  color:#fff !important;
  stroke:#fff !important;
  fill:none !important;
}

.chip-txt,
:is(.shell > main, main) :is(.chip, .chip-txt),
.shell .chips a.chip .chip-txt{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

@media (hover:hover){
  .chip:hover,
  .shell .chips a.chip:hover{
    filter:brightness(1.1) !important;
    transform:none !important;
  }
  .chip:hover::before,
  .shell .chips a.chip:hover::before{
    background:var(--chip-btn-hover) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.18),
      inset 0 -1px 0 rgba(0,0,0,.16) !important;
  }
}

.shell > main .chips,
.chips{
  background:#007E6E !important;
  background-image:none !important;
  border:1px solid rgba(0,0,0,.28) !important;
  box-shadow:none !important;
}

/* ??? VegasHero ? sidebar (ref: #0e1420 / #243447 / cyan active) ??? */
.aside,
.drawer{
  background:linear-gradient(180deg, #0e1420 0%, #0c121c 55%, #0a1018 100%) !important;
  border:1px solid rgba(79,119,168,.55) !important;
  box-shadow:
    0 14px 44px rgba(0,0,0,.55),
    0 0 0 1px rgba(79,119,168,.12),
    0 0 18px rgba(79,119,168,.14),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.aside .nav a,
.drawer .nav a{
  background:#243447 !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:10px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 2px 6px rgba(0,0,0,.28) !important;
  filter:none !important;
  transition:background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
  transform:none !important;
}
.aside .nav a::before,
.drawer .nav a::before,
.aside .nav a::after,
.drawer .nav a::after{
  display:none !important;
  content:none !important;
}
.aside .nav a .nav-txt,
.drawer .nav a .nav-txt,
.aside .nav a svg.nav-ico,
.drawer .nav a svg.nav-ico{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  stroke:#fff !important;
}
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico,
.aside .nav a:hover img.nav-ico,
.drawer .nav a:hover img.nav-ico,
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
  filter:brightness(0) invert(1) !important;
  opacity:.95 !important;
  transform:none !important;
}
.aside .nav a:hover,
.drawer .nav a:hover{
  background:#2d3f54 !important;
  border-color:rgba(79,119,168,.35) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 3px 10px rgba(0,0,0,.32) !important;
  transform:none !important;
  filter:none !important;
}
.aside .nav a.is-active,
.drawer .nav a.is-active{
  background:#2a3d52 !important;
  border-color:#4f77a8 !important;
  box-shadow:
    0 0 0 1px rgba(79,119,168,.45),
    inset 0 1px 0 rgba(255,255,255,.1),
    0 0 12px rgba(79,119,168,.22) !important;
  transform:none !important;
  filter:none !important;
}

/* ??? Tables ? homepage two-tone (label / value columns) ??? */
.table-wrapper,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
main .legal-doc .table-wrapper,
main .table-wrapper,
body.games-page #games-guide .table-wrapper,
body.games-page .table-wrapper,
body.bonus-page .table-wrapper,
body.app-page .table-wrapper,
body.login-page .table-wrapper,
body.acceso-page .table-wrapper,
.table-wrapper--scroll,
.table-wrapper--cards{
  background:var(--table-label-bg, #3b2e25) !important;
  border:1px solid rgba(0,0,0,.4) !important;
  border-radius:10px !important;
  box-shadow:0 4px 16px rgba(0,0,0,.28) !important;
  overflow:hidden !important;
}
.table-wrapper table,
.table-wrapper tbody,
.table-wrapper tr{
  background:transparent !important;
  background-image:none !important;
}
.table-wrapper table:has(thead) thead,
.table-wrapper thead{
  background:var(--table-label-bg, #3b2e25) !important;
}
.table-wrapper thead th{
  background:var(--table-label-bg, #3b2e25) !important;
  color:#fff !important;
  font-weight:700 !important;
  border-bottom:1px solid var(--table-border, rgba(255,255,255,.08)) !important;
  text-transform:none !important;
}
.table-wrapper :is(td, th){
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border-bottom:1px solid var(--table-border, rgba(255,255,255,.08)) !important;
  vertical-align:middle !important;
  background-image:none !important;
}
.table-wrapper tbody tr{
  background:transparent !important;
}
.table-wrapper tbody tr > :is(th,td):first-child,
.table-wrapper tbody th[scope="row"]{
  background:var(--table-label-bg, #3b2e25) !important;
  font-weight:700 !important;
  color:#fff !important;
}
.table-wrapper tbody tr > *:not(:first-child),
.table-wrapper tbody td{
  background:var(--table-value-bg, #241a13) !important;
  font-weight:400 !important;
  color:#fff !important;
}
.table-wrapper tbody tr:hover > :first-child,
.table-wrapper tbody tr:hover th[scope="row"]{
  background:var(--table-hover-label, #443429) !important;
}
.table-wrapper tbody tr:hover > td,
.table-wrapper tbody tr:hover > *:not(:first-child){
  background:var(--table-hover-value, #2e2219) !important;
}
.table-wrapper tbody tr:last-child :is(td, th){
  border-bottom:none !important;
}
.table-wrapper--cards tbody tr{
  background:var(--table-value-bg, #241a13) !important;
}
.table-wrapper--cards tbody th[scope="row"]{
  background:var(--table-label-bg, #3b2e25) !important;
  border-bottom-color:var(--table-border, rgba(255,255,255,.08)) !important;
}

/* ??? VegasHero ? games (ref: grey slate footer) ??? */
.popular-games__meta{
  background:linear-gradient(180deg, #3d4a5c 0%, #364052 100%) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.popular-games__title,
:is(.shell > main, main) .popular-games__title{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:700 !important;
}

.card .info,
:is(.shell > main, main) a.card .info{
  background:linear-gradient(180deg, #3d4a5c 0%, #364052 100%) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.card .info .title,
:is(.shell > main, main) a.card .info .title,
:is(.shell > main, main) .card .title{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:700 !important;
}
.card .info .vendor,
:is(.shell > main, main) a.card .info .vendor,
:is(.shell > main, main) .vendor{
  color:rgba(255,255,255,.75) !important;
  -webkit-text-fill-color:rgba(255,255,255,.75) !important;
  opacity:1 !important;
}

/* ??? VegasHero ? providers (ref: #344154 card + black logo area) ??? */
.prov,
:is(.shell > main, main) a.prov{
  background:#344154 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:12px !important;
  color:#fff !important;
  box-shadow:0 4px 14px rgba(0,0,0,.35) !important;
}
.prov:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(255,255,255,.14) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.42) !important;
}
.prov-name,
:is(.shell > main, main) .prov-name{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
}
.prov-media{
  background:#000 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:10px !important;
}
.prov-media img{
  filter:none !important;
}

/* ??? VegasHero ? final overrides (beat legacy green/purple rules) ??? */
body.page-home .home-hero .banner.banner--promo-hero{
  box-shadow:0 16px 48px rgba(0,0,0,.42) !important;
}
body.page-home .frame.frame--home-hero::before{
  display:none !important;
  content:none !important;
}
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn){
  clip-path:none !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.1) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:none !important;
  background:linear-gradient(180deg, #364052 0%, #2e3747 55%, #283140 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 3px 10px rgba(0,0,0,.32) !important;
}
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::before,
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::after{
  display:none !important;
  content:none !important;
}
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn):hover{
  filter:brightness(1.08) !important;
  border-color:rgba(255,255,255,.14) !important;
  background:linear-gradient(180deg, #3d4a5c 0%, #344154 55%, #2e3747 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(0,0,0,.2),
    0 4px 14px rgba(0,0,0,.38) !important;
}
.offers-trigger:hover{
  border-color:rgba(79,119,168,.45) !important;
}
.offers-trigger:focus-visible{
  outline:2px solid #8cb4e0 !important;
}

/* H1 ??????? ? ??????? ????? ????? */
body.page-home .page-title{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:none !important;
  background-image:none !important;
  filter:none !important;
  animation:none !important;
  text-shadow:none !important;
  padding:0 !important;
}
body.page-home .page-title::before{
  display:none !important;
  content:none !important;
}

/* ??? Table label column ? inherit zebra row (all pages) ??? */
:is(#facts, #bonuses, #payments) .table-wrapper tbody th[scope="row"],
:is(#facts, #bonuses, #payments) .table-wrapper tbody :is(td,th):first-child,
main .table-wrapper tbody th[scope="row"],
main .table-wrapper tbody :is(td,th):first-child,
main .legal-doc .table-wrapper tbody th[scope="row"],
main .legal-doc .table-wrapper tbody :is(td,th):first-child,
body.games-page .table-wrapper tbody th[scope="row"],
body.bonus-page .table-wrapper tbody th[scope="row"],
body.app-page .table-wrapper tbody th[scope="row"],
body.login-page .table-wrapper tbody th[scope="row"],
body.acceso-page .table-wrapper tbody th[scope="row"],
.table-wrapper--cards tbody th[scope="row"],
.table-wrapper--scroll tbody th[scope="row"],
.table-wrapper tbody th[scope="row"],
.table-wrapper tbody tr > :is(td,th):first-child{
  background-image:none !important;
  font-weight:700 !important;
  color:#fff !important;
}
:is(#facts, #bonuses, #payments) .table-wrapper tbody tr:hover th[scope="row"],
:is(#facts, #bonuses, #payments) .table-wrapper tbody tr:hover :is(td,th):first-child,
main .table-wrapper tbody tr:hover th[scope="row"],
main .table-wrapper tbody tr:hover :is(td,th):first-child,
main .legal-doc .table-wrapper tbody tr:hover th[scope="row"],
main .legal-doc .table-wrapper tbody tr:hover :is(td,th):first-child,
body.games-page .table-wrapper tbody tr:hover th[scope="row"],
body.bonus-page .table-wrapper tbody tr:hover th[scope="row"],
body.app-page .table-wrapper tbody tr:hover th[scope="row"],
body.login-page .table-wrapper tbody tr:hover th[scope="row"],
.table-wrapper--cards tbody tr:hover th[scope="row"],
.table-wrapper--scroll tbody tr:hover th[scope="row"],
.table-wrapper tbody tr:hover th[scope="row"],
.table-wrapper tbody tr:hover > :is(td,th):first-child{
  background:var(--table-hover-label, #443429) !important;
  background-image:none !important;
}

/* ?? Unified main content width (all pages) ?? */
.shell > main > .section.intro.legal-doc,
.shell > main > .section.legal-doc{
  max-width:var(--main-content-max);
  margin-inline:auto;
  width:100%;
}

/* ???????????????????????????????????????????????????????????
   LIZARO CASINO ? brand theme (header = page, golden buttons)
??????????????????????????????????????????????????????????? */
:root{
  --page-bg:#3c2f24;
  --main-bg:#352b1e;
  --main-text:#ffffff;
  --main-heading:#ffffff;
  --main-muted:#ffffff;
  --hdr-bg-top:#3c2f24;
  --hdr-bg-bot:#3c2f24;
  --hdr-text:#ffffff;
  --primary:#be7a2c;
  --primary-mid:#c8873a;
  --primary-dark:#a86d25;
  --primary-glow:rgba(190,122,44,.35);
  --secondary:#c49a6c;
  --secondary-light:#e8d5b5;
  --gold1:#d08a38;
  --gold2:#be7a2c;
  --gold3:#a86d25;
  --chip-btn-face:linear-gradient(180deg, #d08a38 0%, #be7a2c 52%, #a86d25 100%);
  --chip-btn-hover:linear-gradient(180deg, #db943f 0%, #c8873a 52%, #b97a2c 100%);
  --casea-btn-blue:var(--chip-btn-face) !important;
  --casea-btn-gold:var(--chip-btn-face) !important;
  --casea-btn-face:var(--chip-btn-face) !important;
  --table-label-bg:#3b2e25;
  --table-value-bg:#241a13;
  --table-hover-label:#443429;
  --table-hover-value:#2e2219;
  --table-border:rgba(255,255,255,.08);
  --table-head-bg:#3b2e25;
}

html,
body:before{
  background-color:#3c2f24 !important;
  background-image:
    repeating-linear-gradient(90deg, rgba(190,122,44,.03) 0 1px, transparent 1px 48px),
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(190,122,44,.08), transparent 55%),
    linear-gradient(180deg, #3c2f24 0%, #352b1e 45%, #2e2419 100%) !important;
}

.shell > main,
:is(.shell > main, main){
  background:linear-gradient(180deg, #423429 0%, #3c2f24 50%, #352b1e 100%) !important;
  border:1px solid rgba(190,122,44,.22) !important;
  box-shadow:
    0 12px 40px rgba(0,0,0,.45),
    0 0 0 1px rgba(190,122,44,.10),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

header,
header.scrolled{
  background:#3c2f24 !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  box-shadow:0 4px 24px rgba(0,0,0,.35) !important;
}

.site-footer{
  background:linear-gradient(180deg, #e8d5b5 0%, #d4bc96 100%) !important;
  border-top:1px solid rgba(90,64,48,.25) !important;
  color:#ffffff !important;
}

header .head,
header .head-nav__link,
header .head-search-ico,
header .burger,
header .offers-trigger{
  color:var(--hdr-text) !important;
}

header .burger{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.10) !important;
}

.aside,
.drawer{
  background:linear-gradient(180deg, #4a3828 0%, #3c2f24 55%, #352b1e 100%) !important;
  border:1px solid rgba(190,122,44,.22) !important;
  box-shadow:
    0 14px 44px rgba(0,0,0,.55),
    0 0 0 1px rgba(190,122,44,.10),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* Desktop sidebar fixed in viewport while page scrolls */
@media (min-width:993px){
  .shell > .aside{
    position:sticky !important;
    top:calc(var(--hdrH, 74px) + 14px) !important;
    align-self:start !important;
    z-index:40 !important;
    max-height:calc(100vh - (var(--hdrH, 74px) + 28px)) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
  }
}

.logo img,
header .logo img{
  height:56px !important;
  max-width:220px !important;
  width:auto !important;
  object-fit:contain !important;
  filter:none !important;
}

.ft-logo img,
.site-footer .ft-logo img{
  height:48px !important;
  max-width:200px !important;
  width:auto !important;
  object-fit:contain !important;
  filter:none !important;
}

.ft-btn{
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  padding:13px 26px !important;
  white-space:nowrap !important;
  min-height:44px !important;
}

.site-footer .ft-title,
.site-footer .ft-col a,
.site-footer .ft-bottom{
  color:#ffffff !important;
}

.site-footer .ft-col a:hover{
  color:#ffffff !important;
  opacity:.85;
}

#updatedBox{
  background:linear-gradient(180deg,#4a3828,#3c2f24) !important;
  border-color:rgba(190,122,44,.28) !important;
}

#updatedBox svg path{
  stroke:#be7a2c !important;
}

.chip:hover,
.pulse-btn:hover,
.head .btn--reg:hover,
.head .btn--login:hover,
.ft-btn:hover{
  box-shadow:0 0 18px rgba(190,122,44,.32) !important;
}

.table-wrapper table:has(thead) thead{
  background:linear-gradient(180deg, #5a4030, #4a3328) !important;
}

.chips{
  background:#007E6E !important;
  background-image:none !important;
  border:1px solid rgba(0,0,0,.28) !important;
}

.chip::before,
.shell .chips a.chip::before{
  background:linear-gradient(180deg, #d08a38 0%, #be7a2c 52%, #a86d25 100%) !important;
}

.legal-doc .legal-note{
  margin:0 0 1.25rem !important;
  padding:0 !important;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font-size:inherit;
  line-height:1.65;
}

/* Decorative hero glow bars ? hidden site-wide */
.home-hero__bar,
.app-hero__bar,
.bonus-hero__bar,
.app-hero__glow,
.bonus-hero__glow{
  display:none !important;
}

.head-nav__link:hover{
  color:#ffffff !important;
  border-bottom-color:var(--primary) !important;
}

:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn){
  background:var(--chip-btn-face) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:10px !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

@media (hover:hover){
  :is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn):hover,
  :where(.popular-games__media, .card .media) .game-play-btn:hover{
    background:var(--chip-btn-hover) !important;
    filter:brightness(1.04) !important;
    border-color:rgba(255,255,255,.18) !important;
  }
}

/* ??? LIZARO ? UI polish v2 (dark bg, golden controls, brown tables) ??? */
:root{
  --lizaro-bg-dark:#2b1d14;
  --lizaro-bg-header:#3c2f24;
  --lizaro-border-dark:#1a120c;
  --table-label-bg:#3b2e25;
  --table-value-bg:#241a13;
  --table-hover-label:#443429;
  --table-hover-value:#2e2219;
  --table-border:rgba(255,255,255,.08);
  --table-head-bg:#3b2e25;
}

html,
body:before{
  background-color:var(--lizaro-bg-dark) !important;
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(190,122,44,.06), transparent 55%),
    linear-gradient(180deg, #2b1d14 0%, #241a12 45%, #1f1510 100%) !important;
}

header,
header.scrolled,
.site-footer{
  background:var(--lizaro-bg-header) !important;
  border-color:rgba(255,255,255,.06) !important;
}

.site-footer .ft-title,
.site-footer .ft-col a,
.site-footer .ft-bottom{
  color:#ffffff !important;
}

.site-footer .ft-col a:hover{
  color:#ffffff !important;
}

header .head-nav__link--active{
  border-bottom-color:var(--primary) !important;
  color:#ffffff !important;
}

header .head .offers-trigger,
header .head .head-search-ico{
  background:var(--chip-btn-face) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 2px 8px rgba(0,0,0,.28) !important;
}

header .head .offers-trigger:hover,
header .head .head-search-ico:hover{
  background:var(--chip-btn-hover) !important;
  border-color:rgba(255,255,255,.18) !important;
}

header .head .offers-trigger:focus-visible,
header .head .head-search-ico:focus-visible{
  outline:2px solid var(--primary) !important;
  outline-offset:2px;
}

header .head .offers-trigger__ico{
  filter:brightness(0) invert(1) !important;
  opacity:1 !important;
}

header .head .head-search-ico svg,
header .head .head-search-ico svg path{
  color:#ffffff !important;
  stroke:#ffffff !important;
}

.aside,
.drawer{
  background:var(--lizaro-bg-header) !important;
  border:2px solid var(--lizaro-border-dark) !important;
  outline:1px solid rgba(190,122,44,.2) !important;
  outline-offset:-5px;
  border-radius:16px !important;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.5),
    0 16px 44px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.aside .nav a,
.drawer .nav a{
  background:var(--chip-btn-face) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:10px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 2px 6px rgba(0,0,0,.25) !important;
  filter:none !important;
  transform:none !important;
}

.aside .nav a::before,
.drawer .nav a::before,
.aside .nav a::after,
.drawer .nav a::after{
  display:none !important;
  content:none !important;
}

.aside .nav a:hover,
.drawer .nav a:hover{
  background:var(--chip-btn-hover) !important;
  border-color:rgba(255,255,255,.18) !important;
  filter:none !important;
  transform:none !important;
}

.aside .nav a.is-active,
.drawer .nav a.is-active{
  background:var(--chip-btn-hover) !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:
    0 0 0 1px rgba(190,122,44,.35),
    inset 0 1px 0 rgba(255,255,255,.16),
    0 0 14px rgba(190,122,44,.22) !important;
  filter:none !important;
}

.chips,
main .chips,
.shell .chips{
  background:#007E6E !important;
  background-image:none !important;
  border:1px solid rgba(0,0,0,.28) !important;
  border-radius:14px !important;
  box-shadow:none !important;
}

.table-wrapper,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
main .legal-doc .table-wrapper,
main .table-wrapper,
body.games-page .table-wrapper,
body.bonus-page .table-wrapper,
body.app-page .table-wrapper,
body.login-page .table-wrapper,
body.acceso-page .table-wrapper,
.table-wrapper--scroll,
.table-wrapper--cards{
  background:var(--table-label-bg, #3b2e25) !important;
  border:1px solid rgba(0,0,0,.4) !important;
  border-radius:10px !important;
  box-shadow:0 4px 16px rgba(0,0,0,.28) !important;
}

.table-wrapper :is(td, th){
  border-bottom-color:var(--table-border, rgba(255,255,255,.08)) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background-image:none !important;
}

.table-wrapper table:has(thead) thead,
.table-wrapper thead{
  background:var(--table-label-bg, #3b2e25) !important;
}

.table-wrapper thead th{
  background:var(--table-label-bg, #3b2e25) !important;
  font-weight:700 !important;
}

.table-wrapper tbody tr{
  background:transparent !important;
}

.table-wrapper tbody tr > :is(th,td):first-child,
.table-wrapper tbody th[scope="row"],
:is(#facts, #bonuses, #payments) .table-wrapper tbody th[scope="row"],
:is(#facts, #bonuses, #payments) .table-wrapper tbody :is(td,th):first-child,
main .table-wrapper tbody th[scope="row"],
main .table-wrapper tbody :is(td,th):first-child,
main .legal-doc .table-wrapper tbody th[scope="row"],
main .legal-doc .table-wrapper tbody :is(td,th):first-child,
body.games-page .table-wrapper tbody th[scope="row"],
body.bonus-page .table-wrapper tbody th[scope="row"],
body.app-page .table-wrapper tbody th[scope="row"],
body.login-page .table-wrapper tbody th[scope="row"],
body.acceso-page .table-wrapper tbody th[scope="row"],
.table-wrapper--cards tbody th[scope="row"],
.table-wrapper--scroll tbody th[scope="row"]{
  background:var(--table-label-bg, #3b2e25) !important;
  background-image:none !important;
  font-weight:700 !important;
  color:#ffffff !important;
}

.table-wrapper tbody td,
.table-wrapper tbody tr > td:not(:first-child),
.table-wrapper tbody tr > *:not(:first-child){
  background:var(--table-value-bg, #241a13) !important;
  font-weight:400 !important;
  color:#ffffff !important;
}

.table-wrapper tbody tr:hover > :first-child,
.table-wrapper tbody tr:hover th[scope="row"],
:is(#facts, #bonuses, #payments) .table-wrapper tbody tr:hover th[scope="row"],
:is(#facts, #bonuses, #payments) .table-wrapper tbody tr:hover :is(td,th):first-child,
main .table-wrapper tbody tr:hover th[scope="row"],
main .table-wrapper tbody tr:hover :is(td,th):first-child,
main .legal-doc .table-wrapper tbody tr:hover th[scope="row"],
main .legal-doc .table-wrapper tbody tr:hover :is(td,th):first-child,
body.games-page .table-wrapper tbody tr:hover th[scope="row"],
body.bonus-page .table-wrapper tbody tr:hover th[scope="row"],
body.app-page .table-wrapper tbody tr:hover th[scope="row"],
body.login-page .table-wrapper tbody tr:hover th[scope="row"],
body.acceso-page .table-wrapper tbody tr:hover th[scope="row"]{
  background:var(--table-hover-label, #443429) !important;
  background-image:none !important;
}

.table-wrapper tbody tr:hover td,
.table-wrapper tbody tr:hover > td:not(:first-child),
.table-wrapper tbody tr:hover > *:not(:first-child){
  background:var(--table-hover-value, #2e2219) !important;
  background-image:none !important;
}

.popular-games__meta,
.popular-games__media + .popular-games__meta,
.card .info,
:is(.shell > main, main) a.card .info{
  background:var(--chip-btn-face) !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1) !important;
}

.popular-games__title,
.card .info .title,
:is(.shell > main, main) a.card .info .title,
:is(.shell > main, main) .card .title{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

.prov,
:is(.shell > main, main) a.prov{
  background:var(--lizaro-bg-dark) !important;
  border:1px solid var(--lizaro-border-dark) !important;
  padding:0 0 0 !important;
  overflow:hidden !important;
}

.prov-media{
  background:#000000 !important;
  border:none !important;
  border-radius:10px 10px 0 0 !important;
}

.prov-name,
:is(.shell > main, main) .prov-name{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:10px 8px !important;
  background:var(--chip-btn-face) !important;
  border-top:1px solid rgba(255,255,255,.1) !important;
  border-radius:0 0 10px 10px !important;
  text-align:center !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn){
  background:var(--chip-btn-face) !important;
}

:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn):hover{
  background:var(--chip-btn-hover) !important;
}

/* Chips bar ? same dark brown as page background */
.shell > main .chips,
:is(.shell > main, main) .chips,
.chips,
main .chips,
.shell .chips{
  background:#007E6E !important;
  background-image:none !important;
  border:1px solid rgba(0,0,0,.28) !important;
  box-shadow:none !important;
}

/* Desktop sidebar stays put while content scrolls */
@media (min-width:993px){
  .shell > .aside{
    position:sticky !important;
    top:calc(var(--hdrH, 74px) + 14px) !important;
    max-height:calc(100vh - (var(--hdrH, 74px) + 28px)) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
  }
}

/* Inner pages ? compact gap between H1 and intro (homepage unchanged) */
body:not(.page-home) :is(.shell > main, main) > .page-title{
  margin:0 0 12px !important;
  padding-top:0 !important;
}

body:not(.page-home) :is(.shell > main, main) > .section.intro.legal-doc,
body:not(.page-home) :is(.shell > main, main) > .section.legal-doc{
  padding-top:0 !important;
  margin-top:0 !important;
}

body:not(.page-home) .app-landing{
  padding-top:0 !important;
  margin-top:0 !important;
}

body:not(.page-home) .legal-doc > .legal-note:first-child{
  margin-top:0 !important;
}

/* Site-wide white text */
body,
:is(.shell > main, main),
:is(.shell > main, main) :is(
  .section,
  p, li, td, dt, dd,
  figcaption, blockquote,
  .intro, address, label,
  strong, em, small, span
),
:is(.shell > main, main) :is(h1, h2, h3, h4, h5, h6),
.legal-doc :is(h2, p, li, ol, ul, .legal-note, strong),
.intro p,
.section p,
.section li,
.table-wrapper :is(td, th),
.popular-games__title,
.prov-name,
a.card .info :is(.title, .vendor, p, span),
body.acceso-page .acceso-panel__copy :is(p, li, h2, h3, .acceso-panel__lead, .acceso-panel__p),
body.games-page #games-guide :is(p, li, h2),
body.app-page .app-guide :is(p, li, h2),
body.bonus-page :is(p, li, h2){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play):not(.login-banner-block__link):not(.app-float-banner__link){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play):not(.login-banner-block__link):not(.app-float-banner__link):hover{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:.88;
}

.site-footer,
.site-footer :is(.ft-title, .ft-col a, .ft-bottom, p, li, span){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* Lizaro chips ? hover: lighten gold, keep same hue */
@media (hover:hover){
  .chip:hover,
  .shell .chips a.chip:hover,
  main .chips a.chip:hover,
  .chips a.chip:hover{
    filter:brightness(1.08) !important;
    transform:none !important;
    background:transparent !important;
  }
  .chip:hover::before,
  .shell .chips a.chip:hover::before,
  main .chips a.chip:hover::before,
  .chips a.chip:hover::before{
    background:var(--chip-btn-hover, linear-gradient(180deg, #db943f 0%, #c8873a 52%, #b97a2c 100%)) !important;
  }
}

/* ??? TABLES ? final homepage match (all pages) ??? */
.table-wrapper tbody tr:nth-child(odd),
.table-wrapper tbody tr:nth-child(even),
#facts .table-wrapper tbody tr:nth-child(odd),
#facts .table-wrapper tbody tr:nth-child(even),
#bonuses .table-wrapper tbody tr:nth-child(odd),
#bonuses .table-wrapper tbody tr:nth-child(even),
#payments .table-wrapper tbody tr:nth-child(odd),
#payments .table-wrapper tbody tr:nth-child(even),
main .table-wrapper tbody tr:nth-child(odd),
main .table-wrapper tbody tr:nth-child(even),
main .legal-doc .table-wrapper tbody tr:nth-child(odd),
main .legal-doc .table-wrapper tbody tr:nth-child(even){
  background:transparent !important;
}
.table-wrapper tbody tr > :first-child,
.table-wrapper tbody th[scope="row"],
.table-wrapper thead th,
#facts .table-wrapper tbody th[scope="row"],
#facts .table-wrapper :is(td,th):first-child,
#bonuses .table-wrapper tbody th[scope="row"],
#bonuses .table-wrapper :is(td,th):first-child,
#payments .table-wrapper tbody th[scope="row"],
#payments .table-wrapper :is(td,th):first-child,
main .table-wrapper tbody th[scope="row"],
main .table-wrapper tbody :is(td,th):first-child,
main .legal-doc .table-wrapper tbody th[scope="row"],
main .legal-doc .table-wrapper tbody :is(td,th):first-child,
body.games-page .table-wrapper tbody th[scope="row"],
body.bonus-page .table-wrapper tbody th[scope="row"],
body.app-page .table-wrapper tbody th[scope="row"],
body.login-page .table-wrapper tbody th[scope="row"],
body.acceso-page .table-wrapper tbody th[scope="row"],
.table-wrapper--cards tbody th[scope="row"]{
  background:var(--table-label-bg, #3b2e25) !important;
  background-image:none !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:700 !important;
}
.table-wrapper tbody td,
.table-wrapper tbody tr > *:not(:first-child),
#facts .table-wrapper td,
#bonuses .table-wrapper td,
#payments .table-wrapper td,
main .table-wrapper tbody td,
main .legal-doc .table-wrapper tbody td{
  background:var(--table-value-bg, #241a13) !important;
  background-image:none !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:400 !important;
}
.table-wrapper tbody tr:hover > :first-child,
.table-wrapper tbody tr:hover th[scope="row"],
.table-wrapper tbody tr:hover :is(td,th):first-child{
  background:var(--table-hover-label, #443429) !important;
}
.table-wrapper tbody tr:hover td,
.table-wrapper tbody tr:hover > *:not(:first-child){
  background:var(--table-hover-value, #2e2219) !important;
}

/* ===========================================================
   RAINBET CASINO ? light-brown header/footer, darker page, sticky aside
=========================================================== */
:root{
  --rainbet-page:#231811;
  --rainbet-page-mid:#2a1d14;
  --rainbet-main:#35261c;
  --rainbet-hdr:#d4b896;
  --rainbet-hdr-text:#2a1c12;
  --rainbet-ft:#d4b896;
  --rainbet-ft-text:#2a1c12;
  --rainbet-gold:#be7a2c;
  --lizaro-bg-dark:#231811;
  --lizaro-bg-header:#d4b896;
  --lizaro-border-dark:#1a120c;
  --hdr-bg-top:#d4b896;
  --hdr-bg-bot:#c9a882;
  --hdr-text:#2a1c12;
  --page-bg:#231811;
  --main-bg:#35261c;
}

html,
body:before{
  background-color:var(--rainbet-page) !important;
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(190,122,44,.07), transparent 55%),
    linear-gradient(180deg, #231811 0%, #1c140f 45%, #18100c 100%) !important;
}

header,
header.scrolled{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:100 !important;
  background:linear-gradient(180deg, #dcc3a0 0%, #d4b896 55%, #c9a882 100%) !important;
  border-bottom:1px solid rgba(42,28,18,.18) !important;
  box-shadow:0 4px 20px rgba(0,0,0,.28) !important;
}

header .head,
header .head-nav__link,
header .head-search-ico,
header .burger,
header .offers-trigger{
  color:var(--rainbet-hdr-text) !important;
}

header .head-nav__link{
  border-bottom-color:transparent !important;
}
header .head-nav__link:hover,
header .head-nav__link--active{
  color:var(--rainbet-hdr-text) !important;
  border-bottom-color:var(--rainbet-gold) !important;
}

header .burger{
  background:rgba(42,28,18,.08) !important;
  border-color:rgba(42,28,18,.18) !important;
  color:var(--rainbet-hdr-text) !important;
}

header .offers-trigger{
  background:rgba(42,28,18,.08) !important;
  border-color:rgba(42,28,18,.16) !important;
}

.shell > main,
:is(.shell > main, main){
  background:linear-gradient(180deg, #3d2c20 0%, #35261c 50%, #2e2118 100%) !important;
  border:1px solid rgba(190,122,44,.22) !important;
}

.site-footer{
  background:linear-gradient(180deg, #dcc3a0 0%, #d4b896 55%, #c9a882 100%) !important;
  border-top:1px solid rgba(42,28,18,.18) !important;
  color:var(--rainbet-ft-text) !important;
}

.site-footer .ft-title,
.site-footer .ft-col a,
.site-footer .ft-bottom,
.site-footer .ft-col a:hover{
  color:var(--rainbet-ft-text) !important;
  -webkit-text-fill-color:var(--rainbet-ft-text) !important;
}

.site-footer .ft-col a:hover{
  opacity:.75;
}

.ft-btn,
.site-footer .ft-btn,
a.ft-btn.pulse{
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.1em !important;
  padding:14px 28px !important;
  min-height:48px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:linear-gradient(180deg, #d08a38 0%, #be7a2c 52%, #a86d25 100%) !important;
  border:1px solid rgba(42,28,18,.2) !important;
  box-shadow:0 4px 14px rgba(0,0,0,.22) !important;
}

.logo img,
header .logo img{
  height:58px !important;
  max-width:240px !important;
}

.ft-logo img,
.site-footer .ft-logo img{
  height:52px !important;
  max-width:210px !important;
}

.aside,
.drawer{
  background:linear-gradient(180deg, #3a2a1e 0%, #302218 55%, #281c14 100%) !important;
  border:1px solid rgba(190,122,44,.22) !important;
}

/* Sticky desktop sidebar under fixed header */
@media (min-width:993px){
  .shell > .aside,
  .aside{
    position:sticky !important;
    top:calc(var(--hdrH, 74px) + 14px) !important;
    align-self:start !important;
    z-index:2 !important;
    max-height:calc(100vh - (var(--hdrH, 74px) + 28px)) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
  }
}

.chips,
.shell > main .chips,
:is(.shell > main, main) .chips{
  background:#1c140f !important;
  border:1px solid #140e0a !important;
}

/* Rainbet logo ? navy plate on light header */
.logo img,
header .logo img{
  height:52px !important;
  max-width:200px !important;
  border-radius:8px !important;
  background:#10182b !important;
}
.ft-logo img,
.site-footer .ft-logo img{
  height:46px !important;
  max-width:180px !important;
  border-radius:8px !important;
  background:#10182b !important;
}

/* ===========================================================
   NINE CASINO ? light-brown header/footer, darker brown page (active brand)
=========================================================== */
:root{
  --nine-page:#231811;
  --nine-main:#35261c;
  --nine-hdr:#d4b896;
  --nine-hdr-text:#2a1c12;
  --nine-ft:#d4b896;
  --nine-ft-text:#2a1c12;
  --nine-gold:#be7a2c;
  --nine-btn:#be7a2c;
  --nine-btn-mid:#d08a38;
  --nine-btn-dark:#a86d25;
  --hdr-bg-top:#d4b896;
  --hdr-bg-bot:#c9a882;
  --hdr-text:#2a1c12;
  --page-bg:#231811;
  --main-bg:#35261c;
  --main-text:#e8dcc8;
  --main-heading:#fff8ee;
  --chip-btn-face:linear-gradient(180deg, #d08a38 0%, #be7a2c 52%, #a86d25 100%);
  --chip-btn-hover:linear-gradient(180deg, #e09a48 0%, #d08a38 52%, #be7a2c 100%);
  --primary:#be7a2c;
  --primary-mid:#d08a38;
  --primary-dark:#a86d25;
  --lizaro-bg-dark:#231811;
  --lizaro-bg-header:#d4b896;
  --lizaro-border-dark:#1a120c;
  --rainbet-hdr:#d4b896;
  --rainbet-ft:#d4b896;
  --rainbet-main:#35261c;
  --rainbet-page:#231811;
}

/* ===========================================================
   NINE CASINO FINAL ? dark blue page (#121D5B), white text,
   orange buttons + sidebar, fixed header + sticky aside
=========================================================== */
:root{
  --nine-page:#03050f;
  --nine-page-deep:#010209;
  --nine-main:#0a1438;
  --nine-main-mid:#0c1740;
  --nine-hdr:#060b1c;
  --nine-ft:#060b1c;
  --nine-orange:#b8732e;
  --nine-orange-mid:#c9853a;
  --nine-orange-dark:#9a5f24;
  --hdr-bg-top:#060b1c;
  --hdr-bg-bot:#03050f;
  --hdr-text:#ffffff;
  --page-bg:#03050f;
  --main-bg:#0a1438;
  --main-text:#ffffff;
  --main-heading:#ffffff;
  --primary:#b8732e;
  --primary-mid:#c9853a;
  --primary-dark:#9a5f24;
  --chip-btn-face:linear-gradient(180deg, #c9853a 0%, #b8732e 52%, #9a5f24 100%);
  --chip-btn-hover:linear-gradient(180deg, #d4924a 0%, #c9853a 52%, #b8732e 100%);
  --table-label-bg:#0c1740;
  --table-value-bg:#070f2a;
  --table-hover-label:#102050;
  --table-hover-value:#0c1740;
  --table-head-bg:#0c1740;
  --table-border:rgba(184,115,46,.28);
}

html,
body:before{
  background-color:#03050f !important;
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(184,115,46,.04), transparent 55%),
    linear-gradient(180deg, #050814 0%, #03050f 50%, #010209 100%) !important;
}

body{
  background:#03050f !important;
  color:#ffffff !important;
}

header,
header.scrolled{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:100 !important;
  background:linear-gradient(180deg, #0a1230 0%, #060b1c 55%, #03050f 100%) !important;
  border-bottom:1px solid rgba(184,115,46,.22) !important;
  box-shadow:0 4px 20px rgba(0,0,0,.45) !important;
}

header .head,
header .head-nav__link,
header .head-search-ico,
header .burger,
header .offers-trigger{
  color:#ffffff !important;
}

header .head-nav__link:hover,
header .head-nav__link--active{
  color:#ffffff !important;
  border-bottom-color:#b8732e !important;
}

header .burger,
header .offers-trigger{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.16) !important;
  color:#ffffff !important;
}

.shell > main,
:is(.shell > main, main){
  background:linear-gradient(180deg, #0c1740 0%, #0a1438 50%, #070f2a 100%) !important;
  border:1px solid rgba(184,115,46,.18) !important;
  color:#ffffff !important;
}

:is(.shell > main, main) :is(p, li, td, th, dd, dt, span, label, .legal-note, .intro, a){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

:is(.shell > main, main) :is(h1, h2, h3, h4, h5, h6, .page-title){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

.site-footer{
  background:linear-gradient(180deg, #0a1230 0%, #060b1c 55%, #03050f 100%) !important;
  border-top:1px solid rgba(184,115,46,.22) !important;
  color:#ffffff !important;
}

.site-footer .ft-title,
.site-footer .ft-col a,
.site-footer .ft-bottom,
.site-footer .ft-col a:hover{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

.aside,
.drawer{
  background:linear-gradient(180deg, #0a1230 0%, #060b1c 55%, #03050f 100%) !important;
  border:1px solid rgba(184,115,46,.18) !important;
}

.chips,
.shell > main .chips,
:is(.shell > main, main) .chips{
  background:#050a1c !important;
  border:1px solid #03050f !important;
}

:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn, .chip, a.ft-btn.pulse),
.head .btn--login,
.head .btn--reg,
.site-footer .ft-btn,
a.ft-btn.pulse{
  background:linear-gradient(180deg, #FFC08F 0%, #FFB07A 52%, #E89A6A 100%) !important;
  border:1px solid #E89A6A !important;
  color:#0d0d0d !important;
  -webkit-text-fill-color:#0d0d0d !important;
  box-shadow:0 4px 14px rgba(0,0,0,.28) !important;
}

.chip-txt,
.chip .chip-txt,
:is(.shell > main, main) :is(.chip, .chip-txt){
  color:#0d0d0d !important;
  -webkit-text-fill-color:#0d0d0d !important;
}

.chip::before,
.shell .chips a.chip::before{
  background:linear-gradient(180deg, #FFC08F 0%, #FFB07A 52%, #E89A6A 100%) !important;
}

@media (hover:hover){
  :is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn, .chip):hover,
  :where(.popular-games__media, .card .media) .game-play-btn:hover{
    background:linear-gradient(180deg, #FFD0A8 0%, #FFC08F 52%, #FFB07A 100%) !important;
    filter:brightness(1.05) !important;
    border-color:#FFB07A !important;
    box-shadow:0 0 18px rgba(255,176,122,.4) !important;
  }
}

.aside .nav a,
.drawer .nav a,
.aside .nav a:hover,
.drawer .nav a:hover,
.aside .nav a.is-active,
.drawer .nav a.is-active{
  background:linear-gradient(180deg, #FFC08F 0%, #FFB07A 45%, #E89A6A 100%) !important;
  border:1px solid #E89A6A !important;
  border-radius:12px !important;
  color:#0d0d0d !important;
  -webkit-text-fill-color:#0d0d0d !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 2px 8px rgba(0,0,0,.28) !important;
  filter:none !important;
}

.aside .nav a .nav-txt,
.drawer .nav a .nav-txt,
.aside .nav a .nav-ico,
.drawer .nav a .nav-ico,
.aside .nav a svg.nav-ico,
.drawer .nav a svg.nav-ico,
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt,
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico{
  color:#0d0d0d !important;
  -webkit-text-fill-color:#0d0d0d !important;
  stroke:currentColor !important;
}

.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico,
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
  filter:brightness(0) !important;
  opacity:1 !important;
}

.aside .nav a::before,
.drawer .nav a::before,
.aside .nav a::after,
.drawer .nav a::after,
.aside .nav a.is-active::before,
.drawer .nav a.is-active::before,
.aside .nav a.is-active::after,
.drawer .nav a.is-active::after{
  display:none !important;
}

@media (hover:hover){
  .aside .nav a:hover,
  .drawer .nav a:hover{
    background:linear-gradient(180deg, #FFD0A8 0%, #FFC08F 45%, #FFB07A 100%) !important;
    filter:brightness(1.04) !important;
  }
}

.popular-games__title,
:is(.shell > main, main) .popular-games__title,
.card .title,
:is(.shell > main, main) .card .title,
.card .info .title,
.popular-games__meta .popular-games__title{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

.popular-games__meta,
.card .info{
  background:transparent !important;
}

.prov,
:is(.shell > main, main) a.prov{
  background:#060b1c !important;
  border:1px solid rgba(184,115,46,.18) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.4) !important;
}

.prov:hover,
:is(.shell > main, main) a.prov:hover{
  background:#0a1230 !important;
  border-color:rgba(184,115,46,.35) !important;
  filter:none !important;
}

.prov-media{
  background:#03050f !important;
}

.prov-name,
:is(.shell > main, main) .prov-name{
  background:#0a1438 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border-top:1px solid rgba(184,115,46,.18) !important;
}

.logo img,
header .logo img{
  height:48px !important;
  max-width:220px !important;
  border-radius:6px !important;
  background:transparent !important;
  padding:0 !important;
  box-sizing:content-box !important;
}

.ft-logo img,
.site-footer .ft-logo img{
  height:42px !important;
  max-width:200px !important;
  border-radius:6px !important;
  background:transparent !important;
  padding:0 !important;
  box-sizing:content-box !important;
}

@media (max-width:520px){
  .logo img, header .logo img{ height:42px !important; max-width:170px !important; }
}
@media (max-width:390px){
  .logo img, header .logo img{ height:36px !important; max-width:150px !important; }
}

.ft-btn,
.site-footer .ft-btn,
a.ft-btn.pulse{
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.1em !important;
  padding:14px 28px !important;
  min-height:48px !important;
  background:linear-gradient(180deg, #FFC08F 0%, #FFB07A 52%, #E89A6A 100%) !important;
  color:#0d0d0d !important;
  -webkit-text-fill-color:#0d0d0d !important;
}

#updatedBox{
  background:linear-gradient(180deg,#0c1740,#070f2a) !important;
  border-color:rgba(184,115,46,.3) !important;
}

#updatedBox svg path{
  stroke:#c9853a !important;
}

.table-wrapper table:has(thead) thead,
:root{
  --table-label-bg:#0d0d0d;
  --table-value-bg:#0d0d0d;
  --table-hover-label:#141414;
  --table-hover-value:#141414;
  --table-head-bg:#0d0d0d;
  --table-border:rgba(0,0,0,.28);
}

/* Always-fixed sidebar under fixed header (does not scroll away) */
@media (min-width:993px){
  .shell{
    overflow:visible !important;
  }
  .shell > .aside-spacer{
    grid-column:1;
    grid-row:1;
    width:100%;
    max-width:260px;
    pointer-events:none;
  }
  .shell > .aside,
  .aside,
  .shell > .aside.aside--pinned,
  .aside.aside--pinned{
    position:sticky !important;
    top:calc(var(--hdrH, 74px) + 14px) !important;
    align-self:start !important;
    z-index:40 !important;
    width:100% !important;
    max-width:260px !important;
    max-height:calc(100vh - (var(--hdrH, 74px) + 28px)) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
  }
}
/* ========== Casinozer final theme lock (screens) ========== */
html, body{
  color:#ffffff !important;
  background-color:#0d0d0d !important;
}
body:before{
  background:#0d0d0d !important;
  background-image:none !important;
}
header,
header.scrolled{
  background:#1a1a1a !important;
  border-bottom-color:rgba(255,255,255,.08) !important;
}
.site-footer{
  background:#1a1a1a !important;
  --ft-bg0:#1a1a1a !important;
  --ft-bg1:#1a1a1a !important;
}
.shell > main,
main{
  background:#0d0d0d !important;
  color:#ffffff !important;
  border-color:rgba(0,0,0,.28) !important;
}
main p, main li, main td, main th, main span, main a,
.page-title, .shell > main .section h2, .shell > main .section h3{
  color:#ffffff !important;
}
main a:hover{ color:#FFB07A !important; }

/* Sidebar: thin red border + turquoise item buttons */
.aside,
.shell > .aside{
  background:#0d0d0d !important;
  border:1px solid rgba(0,0,0,.28) !important;
  box-shadow:none !important;
}
.aside .nav a::after,
.drawer .nav a::after{
  background:#FFB07A !important;
}
.aside .nav a::before,
.drawer .nav a::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.18) 0%, transparent 40%),
    #FFB07A !important;
}
.aside .nav a,
.drawer .nav a{
  color:#0d0d0d !important;
}
.aside .nav a .nav-txt,
.drawer .nav a .nav-txt,
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt{
  color:#0d0d0d !important;
  text-shadow:none !important;
}
.aside .nav a svg.nav-ico,
.drawer .nav a svg.nav-ico{
  color:#0d0d0d !important;
}
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico{
  filter:brightness(0) !important;
  opacity:1 !important;
}

/* All site buttons turquoise */
.btn--login,
.btn--reg,
.pulse-btn,
.vmore-btn,
.ft-btn,
.head .btn--login,
.head .btn--reg{
  background:linear-gradient(180deg, #FFC08F 0%, #FFB07A 48%, #E89A6A 100%) !important;
  color:#0d0d0d !important;
  -webkit-text-fill-color:#0d0d0d !important;
  text-shadow:none !important;
}
.btn--login::after,
.btn--reg::after,
.pulse-btn::after,
.vmore-btn::after,
.ft-btn::after{
  background:#E89A6A !important;
  box-shadow:0 0 10px rgba(255,176,122,.35) !important;
}
.chip{
  background:#FFB07A !important;
  color:#0d0d0d !important;
  border-color:#E89A6A !important;
}
.chip-txt, .chip-ico, .chip-ico svg{ color:#0d0d0d !important; }

/* Tables: page bg + thin red lines */
.table-wrapper,
.table-wrapper--cards,
.table-wrapper--scroll{
  background:#0d0d0d !important;
  border:1px solid rgba(0,0,0,.28) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
table,
.table-wrapper table,
:is(#facts, #bonuses, #payments) table{
  background:#0d0d0d !important;
  border-collapse:collapse !important;
}
table thead,
.table-wrapper table thead{
  background:#0d0d0d !important;
  border-bottom:1px solid rgba(0,0,0,.28) !important;
}
table th,
table td,
table tbody th,
table tbody td,
:is(#facts, #bonuses) td,
:is(#facts, #bonuses) tbody th[scope="row"],
:is(#facts, #bonuses) tbody td,
#payments table th,
#payments table tbody td{
  background:#0d0d0d !important;
  color:#ffffff !important;
  border:1px solid rgba(0,0,0,.28) !important;
  border-bottom:1px solid rgba(0,0,0,.28) !important;
}
table tbody tr:hover,
table tbody tr:nth-child(even),
table tbody tr:hover td,
table tbody tr:hover th{
  background:#0d0d0d !important;
}
.drawer{
  background:#0d0d0d !important;
  border-right:1px solid rgba(0,0,0,.28) !important;
}
.dhead, .offers-panel, .offers-panel__head{
  background:#1a1a1a !important;
  color:#ffffff !important;
}
.head-nav__link{ color:#ffffff !important; }
.head-nav__link--active,
.head-nav__link:hover{
  border-bottom-color:#FFB07A !important;
  color:#ffffff !important;
}
#updatedBox{
  background:#0d0d0d !important;
  border:1px solid rgba(0,0,0,.28) !important;
  color:#ffffff !important;
}
#updatedBox svg path{ stroke:#FFB07A !important; }
/* ========== Casinozer fix pass: header buttons + full table grid ========== */
:root{
  --chip-btn-face:linear-gradient(180deg, #FFC08F 0%, #FFB07A 52%, #E89A6A 100%) !important;
  --chip-btn-hover:linear-gradient(180deg, #FFD0A8 0%, #FFC08F 52%, #FFB07A 100%) !important;
  --casea-btn-blue:linear-gradient(180deg, #FFC08F 0%, #FFB07A 52%, #E89A6A 100%) !important;
  --casea-btn-gold:linear-gradient(180deg, #FFD0A8 0%, #FFB07A 40%, #E89A6A 100%) !important;
  --casea-btn-face:linear-gradient(180deg, #FFC08F 0%, #FFB07A 52%, #E89A6A 100%) !important;
}

.head .offers-trigger,
header .offers-trigger,
.offers-trigger,
.head .head-search-ico,
header .head-search-ico,
.head-search-ico,
.head .burger,
header .burger,
.burger{
  background:linear-gradient(180deg, #FFC08F 0%, #FFB07A 52%, #E89A6A 100%) !important;
  border:1px solid #E89A6A !important;
  color:#0d0d0d !important;
  box-shadow:none !important;
}
.head .offers-trigger:hover,
.offers-trigger:hover,
.head .head-search-ico:hover,
.head-search-ico:hover,
.head .burger:hover{
  background:linear-gradient(180deg, #FFD0A8 0%, #FFC08F 52%, #FFB07A 100%) !important;
  border-color:#FFB07A !important;
  color:#0d0d0d !important;
}
.head .offers-trigger__ico,
.offers-trigger__ico{
  filter:brightness(0) !important;
}
.head .head-search-ico svg,
.head-search-ico svg,
.head .head-search-ico svg path,
.head-search-ico svg path{
  color:#0d0d0d !important;
  stroke:#0d0d0d !important;
}

:is(.head .btn, .head .btn--login, .head .btn--reg, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn),
.head .btn--login,
.head .btn--reg{
  background:linear-gradient(180deg, #FFC08F 0%, #FFB07A 52%, #E89A6A 100%) !important;
  border:1px solid #E89A6A !important;
  color:#0d0d0d !important;
  -webkit-text-fill-color:#0d0d0d !important;
  text-shadow:none !important;
  clip-path:none !important;
  border-radius:10px !important;
}
:is(.head .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn)::before,
:is(.head .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn)::after{
  display:none !important;
  content:none !important;
  background:transparent !important;
}

/* Full continuous red grid for tables */
.table-wrapper,
.table-wrapper--cards,
.table-wrapper--scroll,
:is(#facts, #bonuses, #payments) .table-wrapper{
  background:#0d0d0d !important;
  border:1px solid rgba(0,0,0,.28) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  padding:0 !important;
}
.table-wrapper table,
:is(#facts, #bonuses, #payments) table,
table{
  width:100% !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  background:#0d0d0d !important;
  empty-cells:show !important;
}
.table-wrapper th,
.table-wrapper td,
.table-wrapper tbody th,
.table-wrapper tbody td,
:is(#facts, #bonuses) td,
:is(#facts, #bonuses) tbody th[scope="row"],
:is(#facts, #bonuses) tbody td,
#payments table th,
#payments table td,
table th,
table td{
  background:#0d0d0d !important;
  color:#ffffff !important;
  border:1px solid rgba(0,0,0,.28) !important;
  border-top:1px solid rgba(0,0,0,.28) !important;
  border-right:1px solid rgba(0,0,0,.28) !important;
  border-bottom:1px solid rgba(0,0,0,.28) !important;
  border-left:1px solid rgba(0,0,0,.28) !important;
  outline:none !important;
  box-shadow:none !important;
}
:is(#facts, #bonuses) tr:last-child td,
:is(#facts, #bonuses) tr:last-child th,
table tbody tr:last-child td,
table tbody tr:last-child th{
  border-bottom:1px solid rgba(0,0,0,.28) !important;
}
/* ========== Sidebar + chips TURQUOISE (force over Lizaro/brown) ========== */
:root{
  --chip-green-face:linear-gradient(180deg, #FFC08F 0%, #FFB07A 52%, #E89A6A 100%) !important;
  --chip-green-frame:#E89A6A !important;
}

.chips,
.shell .chips{
  background:#0d0d0d !important;
  background-image:none !important;
  border:1px solid rgba(197,38,92,.35) !important;
}

.chip,
.shell .chips a.chip,
a.chip{
  background:transparent !important;
  color:#0d0d0d !important;
  -webkit-text-fill-color:#0d0d0d !important;
}
.chip::after,
.shell .chips a.chip::after,
a.chip::after{
  background:#E89A6A !important;
}
.chip::before,
.shell .chips a.chip::before,
a.chip::before{
  background:linear-gradient(180deg, #FFC08F 0%, #FFB07A 52%, #E89A6A 100%) !important;
}
.chip:link,
.chip:visited,
.chip:hover,
.chip:active,
.chip:focus-visible,
.chip .chip-txt,
.chip-txt,
.shell .chips a.chip .chip-txt,
.chip-ico,
.chip-ico svg,
:is(.chip-ico, .chip-ico svg){
  color:#0d0d0d !important;
  -webkit-text-fill-color:#0d0d0d !important;
  stroke:#0d0d0d !important;
  filter:none !important;
}

.aside,
.shell > .aside,
.drawer{
  background:#0d0d0d !important;
  border:1px solid rgba(0,0,0,.28) !important;
  box-shadow:none !important;
}

.aside .nav a::after,
.drawer .nav a::after,
.aside .nav a.is-active::after,
.drawer .nav a.is-active::after{
  background:#E89A6A !important;
  box-shadow:none !important;
}
.aside .nav a::before,
.drawer .nav a::before,
.aside .nav a.is-active::before,
.drawer .nav a.is-active::before,
.aside .nav a:hover::before,
.drawer .nav a:hover::before{
  background:linear-gradient(180deg, #FFC08F 0%, #FFB07A 52%, #E89A6A 100%) !important;
  box-shadow:none !important;
  opacity:1 !important;
}
.aside .nav a,
.drawer .nav a,
.aside .nav a.is-active,
.drawer .nav a.is-active,
.aside .nav a:hover,
.drawer .nav a:hover{
  background:#FFB07A !important;
  background-image:linear-gradient(180deg, #FFC08F 0%, #FFB07A 45%, #E89A6A 100%) !important;
  border:1px solid #E89A6A !important;
  color:#0d0d0d !important;
  -webkit-text-fill-color:#0d0d0d !important;
  filter:none !important;
}
.aside .nav a .nav-txt,
.drawer .nav a .nav-txt,
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt{
  color:#0d0d0d !important;
  -webkit-text-fill-color:#0d0d0d !important;
  text-shadow:none !important;
}
.aside .nav a svg.nav-ico,
.drawer .nav a svg.nav-ico,
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico,
.aside .nav a:hover svg.nav-ico,
.drawer .nav a:hover svg.nav-ico{
  color:#0d0d0d !important;
  stroke:#0d0d0d !important;
  filter:none !important;
}
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico,
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico,
.aside .nav a:hover img.nav-ico,
.drawer .nav a:hover img.nav-ico{
  filter:brightness(0) !important;
  opacity:1 !important;
}

/* ========== ALL TABLES: dark green grid (no red/magenta) ========== */
:root{
  --table-label-bg:#007E6E !important;
  --table-value-bg:#007E6E !important;
  --table-hover-label:#006A5C !important;
  --table-hover-value:#006A5C !important;
  --table-head-bg:#006A5C !important;
  --table-border:rgba(0,0,0,.28) !important;
}

.table-wrapper,
.table-wrapper--cards,
.table-wrapper--scroll,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
main .table-wrapper,
main .legal-doc .table-wrapper{
  background:#007E6E !important;
  border:0 !important;
  border-radius:12px !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:hidden !important;
}

.table-wrapper table,
.table-wrapper--cards table,
.table-wrapper--scroll table,
#facts table,
#bonuses table,
#payments table,
main .table-wrapper table,
main .legal-doc .table-wrapper table{
  width:100% !important;
  max-width:100% !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  background:#007E6E !important;
  border:0 !important;
  margin:0 !important;
  empty-cells:show !important;
}

/* Force real table layout (no card stacking) */
.table-wrapper--cards,
.table-wrapper--cards table,
.table-wrapper--cards thead,
.table-wrapper--cards tbody,
.table-wrapper--cards tr,
.table-wrapper--cards th,
.table-wrapper--cards td{
  display:revert !important;
}

.table-wrapper--cards tbody td::before{
  content:none !important;
  display:none !important;
}

/* Every cell: dark green fill + subtle dark dividers (no red) */
.table-wrapper th,
.table-wrapper td,
.table-wrapper thead th,
.table-wrapper tbody th,
.table-wrapper tbody td,
.table-wrapper--cards th,
.table-wrapper--cards td,
#facts .table-wrapper th,
#facts .table-wrapper td,
#bonuses .table-wrapper th,
#bonuses .table-wrapper td,
#payments .table-wrapper th,
#payments .table-wrapper td,
main .table-wrapper th,
main .table-wrapper td,
main .legal-doc .table-wrapper th,
main .legal-doc .table-wrapper td,
#facts .table-wrapper :is(td,th),
#bonuses .table-wrapper :is(td,th),
#payments .table-wrapper :is(td,th),
main .table-wrapper :is(td,th),
main .legal-doc .table-wrapper :is(td,th){
  background:#007E6E !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1px solid rgba(0,0,0,.28) !important;
  border-color:rgba(0,0,0,.28) !important;
  outline:0 !important;
  box-shadow:none !important;
}

.table-wrapper tbody tr,
.table-wrapper tbody tr:nth-child(even),
.table-wrapper tbody tr:hover,
.table-wrapper tbody tr:hover td,
.table-wrapper tbody tr:hover th,
#facts .table-wrapper tbody tr:hover :is(td,th),
#bonuses .table-wrapper tbody tr:hover :is(td,th),
#payments .table-wrapper tbody tr:hover :is(td,th){
  background:#007E6E !important;
}

.table-wrapper tbody tr:hover td,
.table-wrapper tbody tr:hover th,
#facts .table-wrapper tbody tr:hover :is(td,th),
#bonuses .table-wrapper tbody tr:hover :is(td,th),
#payments .table-wrapper tbody tr:hover :is(td,th){
  background:#006A5C !important;
  border-color:rgba(0,0,0,.28) !important;
}

/* Keep bottom border on last row */
.table-wrapper tbody tr:last-child td,
.table-wrapper tbody tr:last-child th,
.table-wrapper tbody tr:last-child :is(td,th),
#facts .table-wrapper tbody tr:last-child :is(td,th),
#bonuses .table-wrapper tbody tr:last-child :is(td,th),
#payments .table-wrapper tbody tr:last-child :is(td,th),
main .table-wrapper tbody tr:last-child :is(td,th),
main .legal-doc .table-wrapper tbody tr:last-child :is(td,th){
  border:1px solid rgba(0,0,0,.28) !important;
  border-bottom:1px solid rgba(0,0,0,.28) !important;
}

:is(#facts, #bonuses, #payments) .table-wrapper tbody th[scope="row"],
:is(#facts, #bonuses, #payments) .table-wrapper :is(td,th):first-child{
  font-weight:700 !important;
}

@media (max-width:768px){
  .table-wrapper--cards thead{ display:table-header-group !important; }
  .table-wrapper--cards tbody{ display:table-row-group !important; }
  .table-wrapper--cards tbody tr{ display:table-row !important; padding:0 !important; }
  .table-wrapper--cards tbody th[scope="row"],
  .table-wrapper--cards tbody td{
    display:table-cell !important;
    width:auto !important;
    padding:10px 12px !important;
    border:1px solid rgba(0,0,0,.28) !important;
  }
}

/* ========== Offers modal: solid dark background ========== */
.offers-panel,
.offers-panel__head,
.offers-panel__body,
.offers-panel__figure,
.offers-panel__foot{
  background:#0d0d0d !important;
  background-image:none !important;
}
.offers-panel{
  border:1px solid rgba(197,38,92,.45) !important;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.7),
    0 28px 80px rgba(0,0,0,.75),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.offers-panel__head{
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}
.offers-panel__head::after{
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(197,38,92,.35) 20%,
    rgba(255,176,122,.35) 50%,
    rgba(197,38,92,.35) 80%,
    transparent 100%
  ) !important;
}
.offers-panel__title{
  color:#ffffff !important;
  text-shadow:none !important;
}
.offers-panel__title::before{
  background:linear-gradient(90deg, #0d0d0d, #c5265c, #FFB07A, rgba(255,176,122,.6)) !important;
  box-shadow:none !important;
}
.offers-panel__close{
  border-color:rgba(255,255,255,.14) !important;
  background:#1a1a1a !important;
  color:#ffffff !important;
}
.offers-panel__close:hover{
  border-color:#FFB07A !important;
  background:#1a1a1a !important;
  box-shadow:0 0 0 1px rgba(255,176,122,.25) !important;
}
.offers-panel__figure{
  box-shadow:0 0 0 1px rgba(255,255,255,.06) !important;
}
.offers-panel__foot{
  border-top:1px solid rgba(255,255,255,.06) !important;
}
.offers-panel__foot::before{
  background:linear-gradient(
    90deg,
    transparent,
    rgba(197,38,92,.4) 25%,
    rgba(255,176,122,.35) 50%,
    rgba(197,38,92,.4) 75%,
    transparent
  ) !important;
}
.offers-panel__hint{
  color:rgba(255,255,255,.88) !important;
}
.offers-panel__hint::before{
  background:#FFB07A !important;
  box-shadow:0 0 10px rgba(255,176,122,.35) !important;
}
.offers-backdrop.is-open{
  background:rgba(0,0,0,.82) !important;
}

/* Desktop sidebar: static, no internal scroll on hover */
@media (min-width:993px){
  .shell > .aside,
  .aside,
  .shell > .aside.aside--pinned,
  .aside.aside--pinned{
    position:sticky !important;
    top:calc(var(--hdrH, 74px) + 14px) !important;
    align-self:start !important;
    max-height:none !important;
    overflow-x:hidden !important;
    overflow-y:visible !important;
    overscroll-behavior:none !important;
  }
  .aside .nav,
  .shell > .aside .nav{
    overflow:visible !important;
  }
}
/* ========== Cresus Casino ? sticky chrome + logo/LIVE CHAT polish ========== */
header,
header.scrolled{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:1000 !important;
  width:100% !important;
}

header .logo img,
.logo img{
  height:48px !important;
  max-width:260px !important;
  width:auto !important;
  object-fit:contain !important;
}
.ft-logo img{
  height:44px !important;
  max-width:240px !important;
  width:auto !important;
  object-fit:contain !important;
}
@media (max-width:520px){
  header .logo img,
  .logo img{ height:40px !important; max-width:200px !important; }
}
@media (max-width:390px){
  header .logo img,
  .logo img{ height:34px !important; max-width:170px !important; }
}

.site-footer .ft-btn,
.ft-btn.pulse,
.ft-btn{
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  padding:12px 22px !important;
  min-height:46px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  color:#0d0d0d !important;
}

@media (min-width:993px){
  .shell{
    overflow:visible !important;
  }
  .shell > .aside,
  .aside,
  .shell > .aside.aside--pinned,
  .aside.aside--pinned{
    position:sticky !important;
    top:calc(var(--hdrH, 74px) + 14px) !important;
    z-index:40 !important;
    width:100% !important;
    max-width:260px !important;
    max-height:none !important;
    overflow-x:hidden !important;
    overflow-y:visible !important;
    overscroll-behavior:none !important;
    align-self:start !important;
  }
}

/* ========== Cresus Casino brand chrome ? teal header/footer ========== */
:root{
  --cresus-teal:#007E6E;
  --cresus-teal-deep:#006A5C;
  --hdr-bg-top:#007E6E;
  --hdr-bg-bot:#007E6E;
  --lizaro-bg-header:#007E6E;
}
header,
header.scrolled,
.site-footer{
  background:#007E6E !important;
  background-image:none !important;
  --ft-bg0:#007E6E !important;
  --ft-bg1:#007E6E !important;
  border-bottom-color:rgba(0,0,0,.12) !important;
}
.site-footer{
  border-top:1px solid rgba(0,0,0,.12) !important;
}
header .logo img,
.logo img{
  height:44px !important;
  max-width:220px !important;
  width:auto !important;
  object-fit:contain !important;
  filter:none !important;
}
.ft-logo img,
.site-footer .ft-logo img{
  height:40px !important;
  max-width:200px !important;
  width:auto !important;
  object-fit:contain !important;
  filter:none !important;
}
@media (max-width:520px){
  header .logo img,
  .logo img{ height:36px !important; max-width:180px !important; }
}
@media (max-width:390px){
  header .logo img,
  .logo img{ height:32px !important; max-width:150px !important; }
}
header .head-nav__link,
header .burger,
header .offers-trigger,
header .head-search-ico{
  color:#ffffff !important;
}
header .head-nav__link:hover,
header .head-nav__link--active{
  color:#ffffff !important;
  opacity:1 !important;
}
.site-footer .ft-title,
.site-footer .ft-col a,
.site-footer .ft-bottom,
.site-footer a{
  color:rgba(255,255,255,.92) !important;
}
.site-footer .ft-col a:hover{
  color:#ffffff !important;
}

/* ========== Cresus page teal + soft orange CTAs + dark-green tables ========== */
:root{
  --cresus-page:#00A18C;
  --cresus-deep:#007E6E;
  --cresus-orange:#FFB07A;
  --cresus-orange-deep:#E89A6A;
  --cresus-orange-soft:#FFC08F;
  --cresus-on-orange:#2a1a10;
  --page-bg:#00A18C;
  --main-bg:#00A18C;
  --primary:#FFB07A;
  --primary-mid:#FFC08F;
  --primary-dark:#E89A6A;
  --mx-green:#FFB07A;
  --mx-green-bright:#FFC08F;
  --secondary:#FFB07A;
  --on-lime:#2a1a10;
  --sidebar-pill:#FFB07A;
  --sidebar-pill-hover:#FFC08F;
  --table-border:rgba(0,0,0,.22);
  --table-label-bg:#007E6E;
  --table-value-bg:#007E6E;
  --table-hover-label:#006A5C;
  --table-hover-value:#006A5C;
  --table-head-bg:#006A5C;
  --mx-red:#007E6E;
  --accent-pink:#007E6E;
  --line:rgba(0,0,0,.22);
}

html, body{
  background-color:#00A18C !important;
  color:#ffffff !important;
}
body:before{
  background:#00A18C !important;
  background-image:none !important;
}
.shell > main,
main,
.shell{
  background:#00A18C !important;
  color:#ffffff !important;
  border-color:rgba(0,0,0,.18) !important;
}
main p, main li, main td, main th, main span,
.page-title, .shell > main .section h2, .shell > main .section h3{
  color:#ffffff !important;
}
main a{ color:#fff7e8 !important; }
main a:hover{ color:#ffffff !important; }

/* Sidebar + drawer ? soft orange nav pills */
.aside,
.shell > .aside,
.drawer,
.drawer .dnav{
  background:#00A18C !important;
  border-color:rgba(0,0,0,.2) !important;
  box-shadow:none !important;
}
.aside .nav a,
.drawer .nav a{
  background:#FFB07A !important;
  color:#2a1a10 !important;
  border-radius:999px !important;
  border:none !important;
  box-shadow:0 2px 0 rgba(0,0,0,.14) !important;
}
.aside .nav a .nav-txt,
.drawer .nav a .nav-txt,
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt{
  color:#2a1a10 !important;
  text-shadow:none !important;
}
.aside .nav a svg.nav-ico,
.drawer .nav a svg.nav-ico,
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico{
  color:#2a1a10 !important;
  stroke:#2a1a10 !important;
}
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico,
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
  filter:none !important;
  opacity:1 !important;
}
.aside .nav a::before,
.drawer .nav a::before,
.aside .nav a::after,
.drawer .nav a::after,
.aside .nav a.is-active::before,
.drawer .nav a.is-active::after,
.aside .nav a.is-active::after,
.drawer .nav a.is-active::before{
  display:none !important;
  background:transparent !important;
}
.aside .nav a:hover,
.drawer .nav a:hover,
.aside .nav a.is-active,
.drawer .nav a.is-active{
  background:#FFC08F !important;
  color:#2a1a10 !important;
  transform:none !important;
}
.aside .nav .sep,
.drawer .nav .sep{
  border-color:rgba(0,0,0,.18) !important;
  background:rgba(0,0,0,.12) !important;
}
.drawer .dhead,
.drawer .dclose,
.drawer .dclose__label{
  color:#ffffff !important;
}

/* All CTA / header / footer buttons ? soft orange */
.btn--login,
.btn--reg,
.pulse-btn,
.vmore-btn,
.hero-cta,
.ft-btn,
.ft-btn.pulse,
.site-footer .ft-btn,
.head .btn--login,
.head .btn--reg,
header .btn--login,
header .btn--reg{
  background:#FFB07A !important;
  background-image:none !important;
  color:#2a1a10 !important;
  border:none !important;
  box-shadow:0 3px 0 rgba(0,0,0,.16) !important;
  text-shadow:none !important;
}
.btn--login:hover,
.btn--reg:hover,
.pulse-btn:hover,
.vmore-btn:hover,
.ft-btn:hover,
.head .btn--login:hover,
.head .btn--reg:hover,
header .btn--login:hover,
header .btn--reg:hover{
  background:#FFC08F !important;
  color:#2a1a10 !important;
}
.btn--reg::before,
.pulse-btn::before,
.ft-btn::before,
.pulse-btn::after,
.ft-btn::after{
  display:none !important;
  background:transparent !important;
}
.game-play-btn,
:is(.popular-games__media, .card .media) .game-play-btn{
  background:#FFB07A !important;
  background-image:none !important;
  color:#2a1a10 !important;
  border:none !important;
  box-shadow:none !important;
}
:is(.popular-games__media, .card .media) .game-play-btn::before,
:is(.popular-games__media, .card .media) .game-play-btn::after{
  display:none !important;
  background:transparent !important;
}

/* Chips ? darker green */
.chips .chip,
.chip{
  background:#007E6E !important;
  background-image:none !important;
  border:1px solid rgba(0,0,0,.18) !important;
  color:#ffffff !important;
  box-shadow:0 2px 0 rgba(0,0,0,.15) !important;
}
.chip:hover{
  background:#006A5C !important;
  color:#ffffff !important;
}
.chip-txt,
.chip-ico,
.chip-ico svg{
  color:#ffffff !important;
  stroke:currentColor !important;
}

/* Tables ? dark green, NO red/magenta stripes */
:root{
  --table-border:rgba(0,0,0,.22) !important;
  --table-label-bg:#007E6E !important;
  --table-value-bg:#007E6E !important;
  --table-hover-label:#006A5C !important;
  --table-hover-value:#006A5C !important;
  --table-head-bg:#006A5C !important;
}
.table-wrapper,
.table-wrapper--cards,
main table,
.shell > main table,
.shell > main .table-wrapper,
.shell > main .table-wrapper--cards{
  background:#007E6E !important;
  border:1px solid rgba(0,0,0,.22) !important;
  border-color:rgba(0,0,0,.22) !important;
  border-radius:12px !important;
  overflow:hidden !important;
  box-shadow:none !important;
  outline:none !important;
}
main table th,
main table td,
.table-wrapper th,
.table-wrapper td,
.shell > main table th,
.shell > main table td,
.table-wrapper--cards th,
.table-wrapper--cards td{
  background:#007E6E !important;
  color:#ffffff !important;
  border-color:rgba(0,0,0,.2) !important;
  border-top-color:rgba(0,0,0,.2) !important;
  border-right-color:rgba(0,0,0,.2) !important;
  border-bottom-color:rgba(0,0,0,.2) !important;
  border-left-color:rgba(0,0,0,.2) !important;
  box-shadow:none !important;
  outline:none !important;
}
main table tr:nth-child(even) th,
main table tr:nth-child(even) td,
main table tr:hover th,
main table tr:hover td,
.table-wrapper tr:nth-child(even) th,
.table-wrapper tr:nth-child(even) td,
.table-wrapper tr:hover th,
.table-wrapper tr:hover td{
  background:#006A5C !important;
  border-color:rgba(0,0,0,.2) !important;
}
.table-wrapper--cards thead th,
.table-wrapper thead th{
  background:#006A5C !important;
  border-color:rgba(0,0,0,.2) !important;
}
/* Kill leftover Casinozer red/magenta table lines */
.table-wrapper,
.table-wrapper--cards,
main table,
main table th,
main table td,
.shell > main table,
.shell > main table th,
.shell > main table td{
  border-image:none !important;
}
.shell > main .table-wrapper::before,
.shell > main .table-wrapper::after,
.table-wrapper::before,
.table-wrapper::after,
main table::before,
main table::after{
  display:none !important;
  background:transparent !important;
}

/* Game title bars ? soft orange (not neon) */
.popular-games__meta,
.popular-games__card .popular-games__meta,
.card .info,
:is(.shell > main, main) a.card .info{
  background:#FFB07A !important;
  background-image:none !important;
  color:#2a1a10 !important;
  border:none !important;
  box-shadow:none !important;
}
.popular-games__title,
:is(.shell > main, main) .popular-games__title,
.card .info .title,
:is(.shell > main, main) a.card .info .title,
.card .info .vendor,
:is(.shell > main, main) a.card .info .vendor,
.card .info :is(p, span){
  color:#2a1a10 !important;
  text-shadow:none !important;
}

/* Cards / frames / updated box on teal page */
.frame,
.banner-wrap,
.popular-games__card,
.card,
.prov,
.offers-panel,
.login-banner-block{
  border-color:rgba(0,0,0,.16) !important;
}
#updatedBox{
  background:linear-gradient(180deg,#007E6E,#006A5C) !important;
  border:1px solid rgba(0,0,0,.2) !important;
}

/* Final: kill red table borders + soft orange lock */
.shell > main .table-wrapper,
.shell > main .table-wrapper--cards,
.shell > main table,
main .table-wrapper,
main .table-wrapper--cards,
main table{
  --table-border:rgba(0,0,0,.2) !important;
  border:1px solid rgba(0,0,0,.22) !important;
  outline:none !important;
  box-shadow:none !important;
}
.shell > main table th,
.shell > main table td,
main table th,
main table td,
.table-wrapper th,
.table-wrapper td,
.table-wrapper--cards th,
.table-wrapper--cards td{
  border:1px solid rgba(0,0,0,.2) !important;
  border-color:rgba(0,0,0,.2) !important;
  background-color:#007E6E !important;
  color:#fff !important;
}
.shell > main table tr + tr th,
.shell > main table tr + tr td,
main table tr + tr th,
main table tr + tr td{
  border-top:1px solid rgba(0,0,0,.2) !important;
}
.aside .nav a,
.drawer .nav a,
.btn--login,
.btn--reg,
.pulse-btn,
.vmore-btn,
.ft-btn,
.game-play-btn,
.popular-games__meta,
.card .info{
  background-color:#FFB07A !important;
  background-image:none !important;
}

/* Absolute final polish ? chips clean dark green, facts table no red */
.chips,
.shell .chips{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.chip,
.shell .chips a.chip,
a.chip{
  background:#007E6E !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1px solid rgba(0,0,0,.18) !important;
  box-shadow:0 2px 0 rgba(0,0,0,.12) !important;
}
.chip::before,
.chip::after,
.shell .chips a.chip::before,
.shell .chips a.chip::after,
a.chip::before,
a.chip::after{
  display:none !important;
  background:transparent !important;
  content:none !important;
}
.chip .chip-txt,
.chip .chip-ico,
.chip .chip-ico svg,
.shell .chips a.chip .chip-txt{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  stroke:currentColor !important;
}

:is(#facts, #bonuses, #payments) table,
:is(#facts, #bonuses, #payments) .table-wrapper,
#facts table,
#facts .table-wrapper{
  background:#007E6E !important;
  border:1px solid rgba(0,0,0,.22) !important;
}
:is(#facts, #bonuses) tbody th,
:is(#facts, #bonuses) tbody td,
#payments table th,
#payments table td,
#facts table th,
#facts table td,
table th,
table td{
  background:#007E6E !important;
  color:#ffffff !important;
  border:1px solid rgba(0,0,0,.2) !important;
  border-top:1px solid rgba(0,0,0,.2) !important;
  border-right:1px solid rgba(0,0,0,.2) !important;
  border-bottom:1px solid rgba(0,0,0,.2) !important;
  border-left:1px solid rgba(0,0,0,.2) !important;
}
:is(#facts, #bonuses) tr:nth-child(even) th,
:is(#facts, #bonuses) tr:nth-child(even) td,
#facts tr:nth-child(even) th,
#facts tr:nth-child(even) td{
  background:#006A5C !important;
}

/* === Cresus fix: table hover green, no red lines, stable sidebar, dark-green aside/chips === */
:root{
  --table-border:rgba(0,0,0,.22) !important;
  --table-label-bg:#007E6E !important;
  --table-value-bg:#007E6E !important;
  --table-hover-label:#006A5C !important;
  --table-hover-value:#006A5C !important;
  --table-head-bg:#006A5C !important;
}

/* Aside/drawer panel = same dark green as table */
.aside,
.shell > .aside,
.drawer,
.drawer .dnav{
  background:#007E6E !important;
  background-image:none !important;
  border:1px solid rgba(0,0,0,.18) !important;
  box-shadow:none !important;
}

/* Sidebar pills: soft orange, NO layout jump on hover */
.aside .nav a,
.drawer .nav a,
.aside .nav a:hover,
.drawer .nav a:hover,
.aside .nav a.is-active,
.drawer .nav a.is-active,
.aside .nav a:focus-visible,
.drawer .nav a:focus-visible{
  background:#FFB07A !important;
  background-image:none !important;
  color:#2a1a10 !important;
  -webkit-text-fill-color:#2a1a10 !important;
  border:0 solid transparent !important;
  border-radius:999px !important;
  box-shadow:0 2px 0 rgba(0,0,0,.14) !important;
  outline:none !important;
  transform:none !important;
  filter:none !important;
  transition:background-color .15s ease !important;
  margin:0 !important;
}
.aside .nav a:hover,
.drawer .nav a:hover,
.aside .nav a.is-active,
.drawer .nav a.is-active{
  background:#FFC08F !important;
  transform:none !important;
  filter:none !important;
  box-shadow:0 2px 0 rgba(0,0,0,.14) !important;
  border:0 solid transparent !important;
}
.aside .nav a::before,
.drawer .nav a::before,
.aside .nav a::after,
.drawer .nav a::after,
.aside .nav a:hover::before,
.drawer .nav a:hover::before,
.aside .nav a:hover::after,
.drawer .nav a:hover::after,
.aside .nav a.is-active::before,
.drawer .nav a.is-active::before,
.aside .nav a.is-active::after,
.drawer .nav a.is-active::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  opacity:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  transform:none !important;
}

/* Chips = table dark green */
.chips,
.shell .chips{
  background:transparent !important;
  border:none !important;
}
.chip,
.shell .chips a.chip,
a.chip,
.chip:hover,
.chip:focus-visible{
  background:#007E6E !important;
  background-image:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1px solid rgba(0,0,0,.18) !important;
  box-shadow:0 2px 0 rgba(0,0,0,.12) !important;
  transform:none !important;
  filter:none !important;
}
.chip::before,
.chip::after,
.shell .chips a.chip::before,
.shell .chips a.chip::after,
a.chip::before,
a.chip::after{
  content:none !important;
  display:none !important;
  background:transparent !important;
}
.chip .chip-txt,
.chip .chip-ico,
.chip .chip-ico svg,
.chip:hover .chip-txt,
.chip:hover .chip-ico{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  stroke:currentColor !important;
  filter:none !important;
}

/* Tables: dark green always, including hover ? kill red/magenta */
.table-wrapper,
.table-wrapper--cards,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
main .table-wrapper,
main table,
.shell > main table{
  background:#007E6E !important;
  border:1px solid rgba(0,0,0,.22) !important;
  outline:none !important;
  box-shadow:none !important;
}
.table-wrapper th,
.table-wrapper td,
.table-wrapper tbody th,
.table-wrapper tbody td,
#facts table th,
#facts table td,
#bonuses table th,
#bonuses table td,
#payments table th,
#payments table td,
main table th,
main table td,
table th,
table td,
.table-wrapper tbody tr:hover th,
.table-wrapper tbody tr:hover td,
#facts .table-wrapper tbody tr:hover th,
#facts .table-wrapper tbody tr:hover td,
#facts .table-wrapper tbody tr:hover :is(td,th):first-child,
#facts .table-wrapper tbody tr:hover th[scope="row"],
#facts .table-wrapper tbody tr:hover > *:not(:first-child),
#bonuses .table-wrapper tbody tr:hover th,
#bonuses .table-wrapper tbody tr:hover td,
#bonuses .table-wrapper tbody tr:hover :is(td,th):first-child,
#bonuses .table-wrapper tbody tr:hover th[scope="row"],
#payments .table-wrapper tbody tr:hover th,
#payments .table-wrapper tbody tr:hover td,
#payments .table-wrapper tbody tr:hover :is(td,th):first-child,
#payments .table-wrapper tbody tr:hover th[scope="row"],
main .table-wrapper tbody tr:hover th,
main .table-wrapper tbody tr:hover td,
main .table-wrapper tbody tr:hover :is(td,th):first-child,
main .table-wrapper tbody tr:hover th[scope="row"],
main .table-wrapper tbody tr:hover > *:not(:first-child),
.table-wrapper tbody tr:hover :is(td,th):first-child,
.table-wrapper tbody tr:hover th[scope="row"],
.table-wrapper tbody tr:hover > *:not(:first-child),
:is(#facts, #bonuses) tr:last-child td,
:is(#facts, #bonuses) tr:last-child th,
table tbody tr:last-child td,
table tbody tr:last-child th{
  background:#007E6E !important;
  background-image:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1px solid rgba(0,0,0,.2) !important;
  border-color:rgba(0,0,0,.2) !important;
  border-top-color:rgba(0,0,0,.2) !important;
  border-right-color:rgba(0,0,0,.2) !important;
  border-bottom-color:rgba(0,0,0,.2) !important;
  border-left-color:rgba(0,0,0,.2) !important;
  outline:none !important;
  box-shadow:none !important;
}
/* Slightly darker green on hover ? never black */
#facts .table-wrapper tbody tr:hover th,
#facts .table-wrapper tbody tr:hover td,
#bonuses .table-wrapper tbody tr:hover th,
#bonuses .table-wrapper tbody tr:hover td,
#payments .table-wrapper tbody tr:hover th,
#payments .table-wrapper tbody tr:hover td,
main .table-wrapper tbody tr:hover th,
main .table-wrapper tbody tr:hover td,
.table-wrapper tbody tr:hover th,
.table-wrapper tbody tr:hover td{
  background:#006A5C !important;
  border-color:rgba(0,0,0,.22) !important;
}

/* Hard lock: chips = #007E6E (screen 3), table borders never red */
.chips,
.shell .chips{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.chip,
.shell .chips a.chip,
a.chip,
.chip:link,
.chip:visited,
.chip:hover,
.chip:active,
.chip:focus-visible{
  background:#007E6E !important;
  background-image:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1px solid rgba(0,0,0,.2) !important;
  box-shadow:0 2px 0 rgba(0,0,0,.12) !important;
}
.chip::before,
.chip::after,
.shell .chips a.chip::before,
.shell .chips a.chip::after,
a.chip::before,
a.chip::after{
  content:none !important;
  display:none !important;
  background:none !important;
}
.chip .chip-txt,
.chip .chip-ico,
.chip .chip-ico svg,
.chip:hover .chip-txt,
.chip:hover .chip-ico,
.chip:hover .chip-ico svg{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  stroke:#ffffff !important;
  filter:none !important;
}

.table-wrapper :is(th,td),
.table-wrapper--cards :is(th,td),
#facts .table-wrapper :is(th,td),
#bonuses .table-wrapper :is(th,td),
#payments .table-wrapper :is(th,td),
main .table-wrapper :is(th,td),
main table :is(th,td),
table :is(th,td){
  border-color:rgba(0,0,0,.28) !important;
  border-top-color:rgba(0,0,0,.28) !important;
  border-right-color:rgba(0,0,0,.28) !important;
  border-bottom-color:rgba(0,0,0,.28) !important;
  border-left-color:rgba(0,0,0,.28) !important;
}

/* CHIPS BAR: dark track + dark-green pills (table green) */
:root{
  --chip-btn-face:#007E6E !important;
  --chip-btn-hover:#006A5C !important;
  --chip-green-face:#007E6E !important;
  --chip-green-frame:#005F52 !important;
}

.chips,
.shell .chips,
main .chips,
.shell > main .chips{
  background:#007E6E !important;
  background-image:none !important;
  border:1px solid rgba(0,0,0,.35) !important;
  border-radius:999px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 4px 16px rgba(0,0,0,.28) !important;
  padding:10px 14px !important;
}

.chip,
a.chip,
.shell .chips a.chip,
main .chips a.chip,
.shell .chips a.chip:link,
.shell .chips a.chip:visited,
.shell .chips a.chip:hover,
.shell .chips a.chip:active,
.shell .chips a.chip:focus-visible,
.chip:link,
.chip:visited,
.chip:hover,
.chip:active,
.chip:focus-visible{
  background:#FFB07A !important;
  background-color:#FFB07A !important;
  background-image:none !important;
  color:#2a1a10 !important;
  -webkit-text-fill-color:#2a1a10 !important;
  border:1px solid rgba(0,0,0,.25) !important;
  border-radius:999px !important;
  box-shadow:0 2px 0 rgba(0,0,0,.25) !important;
  filter:none !important;
  transform:none !important;
}

.chip::after,
a.chip::after,
.shell .chips a.chip::after,
main .chips a.chip::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  width:auto !important;
  height:auto !important;
  border-radius:inherit !important;
  background:#007E6E !important;
  background-image:none !important;
  box-shadow:none !important;
  z-index:-2 !important;
  pointer-events:none !important;
}
.chip::before,
a.chip::before,
.shell .chips a.chip::before,
main .chips a.chip::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:2px !important;
  opacity:1 !important;
  visibility:visible !important;
  width:auto !important;
  height:auto !important;
  border-radius:inherit !important;
  background:#FFB07A !important;
  background-image:none !important;
  box-shadow:none !important;
  z-index:-1 !important;
  pointer-events:none !important;
}

@media (hover:hover){
  .chip:hover,
  a.chip:hover,
  .shell .chips a.chip:hover,
  main .chips a.chip:hover{
    background:#FFC08F !important;
    background-color:#FFC08F !important;
    filter:none !important;
    transform:none !important;
  }
  .chip:hover::before,
  .shell .chips a.chip:hover::before{
    background:#FFC08F !important;
  }
  .chip:hover::after,
  .shell .chips a.chip:hover::after{
    background:#007E6E !important;
  }
}

.chip .chip-txt,
.chip .chip-ico,
.chip .chip-ico svg,
.shell .chips a.chip .chip-txt,
.shell .chips a.chip .chip-ico,
.shell .chips a.chip .chip-ico svg,
.chip:hover .chip-txt,
.chip:hover .chip-ico,
.chip:hover .chip-ico svg,
.shell .chips a.chip:hover .chip-txt,
.shell .chips a.chip:hover .chip-ico,
  .shell .chips a.chip:hover .chip-ico svg{
  color:#2a1a10 !important;
  -webkit-text-fill-color:#2a1a10 !important;
  stroke:#2a1a10 !important;
  filter:none !important;
  position:relative !important;
  z-index:1 !important;
}
/* ========== ALL SITE TABLES ? screenshot green palette ========== */
:root{
  --table-label-bg:#007E6E !important;
  --table-value-bg:#007E6E !important;
  --table-hover-label:#006A5C !important;
  --table-hover-value:#006A5C !important;
  --table-head-bg:#006A5C !important;
  --table-border:rgba(0,0,0,.28) !important;
}

.table-wrapper,
.table-wrapper--cards,
.table-wrapper--scroll,
.shell .table-wrapper,
.shell .table-wrapper--cards,
main .table-wrapper,
main .table-wrapper--cards,
main .legal-doc .table-wrapper,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
.acceso-page .table-wrapper,
.bonus-landing .table-wrapper{
  background:#007E6E !important;
  background-image:none !important;
  border:1px solid rgba(0,0,0,.28) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:none !important;
  padding:0 !important;
}

.table-wrapper table,
.table-wrapper--cards table,
.table-wrapper--scroll table,
main .table-wrapper table,
main .legal-doc .table-wrapper table,
#facts table,
#bonuses table,
#payments table,
main table,
.shell > main table,
body table{
  width:100% !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  background:#007E6E !important;
  background-image:none !important;
  border:0 !important;
  color:#ffffff !important;
}

.table-wrapper :is(th,td),
.table-wrapper--cards :is(th,td),
.table-wrapper thead th,
.table-wrapper tbody th,
.table-wrapper tbody td,
main .table-wrapper :is(th,td),
main .legal-doc .table-wrapper :is(th,td),
#facts .table-wrapper :is(th,td),
#bonuses .table-wrapper :is(th,td),
#payments .table-wrapper :is(th,td),
#facts table :is(th,td),
#bonuses table :is(th,td),
#payments table :is(th,td),
main table :is(th,td),
.shell > main table :is(th,td),
body table :is(th,td),
table :is(th,td),
table thead th,
table tbody th,
table tbody td{
  background:#007E6E !important;
  background-color:#007E6E !important;
  background-image:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1px solid rgba(0,0,0,.28) !important;
  border-color:rgba(0,0,0,.28) !important;
  border-top-color:rgba(0,0,0,.28) !important;
  border-right-color:rgba(0,0,0,.28) !important;
  border-bottom-color:rgba(0,0,0,.28) !important;
  border-left-color:rgba(0,0,0,.28) !important;
  outline:none !important;
  box-shadow:none !important;
}

.table-wrapper tbody tr,
.table-wrapper tbody tr:nth-child(even),
.table-wrapper tbody tr:nth-child(odd),
main table tbody tr,
main table tbody tr:nth-child(even),
body table tbody tr:nth-child(even){
  background:#007E6E !important;
}

.table-wrapper tbody tr:hover,
.table-wrapper tbody tr:hover :is(th,td),
.table-wrapper tbody tr:hover :is(td,th):first-child,
.table-wrapper tbody tr:hover th[scope="row"],
.table-wrapper tbody tr:hover > *:not(:first-child),
#facts .table-wrapper tbody tr:hover :is(th,td),
#bonuses .table-wrapper tbody tr:hover :is(th,td),
#payments .table-wrapper tbody tr:hover :is(th,td),
main .table-wrapper tbody tr:hover :is(th,td),
main table tbody tr:hover :is(th,td),
body table tbody tr:hover :is(th,td){
  background:#006A5C !important;
  background-color:#006A5C !important;
  background-image:none !important;
  border-color:rgba(0,0,0,.28) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

.table-wrapper tbody tr:last-child :is(th,td),
main table tbody tr:last-child :is(th,td),
body table tbody tr:last-child :is(th,td){
  border:1px solid rgba(0,0,0,.28) !important;
  border-bottom:1px solid rgba(0,0,0,.28) !important;
}

@media (max-width:768px){
  .table-wrapper--cards tbody th[scope="row"],
  .table-wrapper--cards tbody td{
    background:#007E6E !important;
    border:1px solid rgba(0,0,0,.28) !important;
    color:#ffffff !important;
  }
}

/* Sidebar/drawer page icons ? always black */
.aside .nav a .nav-ico,
.drawer .nav a .nav-ico,
.aside .nav a svg.nav-ico,
.drawer .nav a svg.nav-ico,
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico,
.aside .nav a:hover .nav-ico,
.drawer .nav a:hover .nav-ico,
.aside .nav a.is-active .nav-ico,
.drawer .nav a.is-active .nav-ico,
.aside .nav a:hover svg.nav-ico,
.drawer .nav a:hover svg.nav-ico,
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico,
.aside .nav a:hover img.nav-ico,
.drawer .nav a:hover img.nav-ico,
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
  color:#000000 !important;
  stroke:#000000 !important;
  fill:none !important;
  opacity:1 !important;
  filter:none !important;
}
/* Raster icons (home/bonus/app/games) > black silhouette */
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico,
.aside .nav a:hover img.nav-ico,
.drawer .nav a:hover img.nav-ico,
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
  filter:brightness(0) !important;
  opacity:1 !important;
}
.aside .nav a svg.nav-ico path,
.drawer .nav a svg.nav-ico path,
.aside .nav a svg.nav-ico circle,
.drawer .nav a svg.nav-ico circle,
.aside .nav a svg.nav-ico rect,
.drawer .nav a svg.nav-ico rect,
.aside .nav a svg.nav-ico line,
.drawer .nav a svg.nav-ico line{
  stroke:#000000 !important;
  fill:none !important;
  color:#000000 !important;
}

/* CHIPS ? flat, no 3D volume */
.chips,
.shell .chips,
main .chips,
.shell > main .chips{
  background:#007E6E !important;
  box-shadow:none !important;
  border:1px solid rgba(0,0,0,.2) !important;
}

.chip,
a.chip,
.shell .chips a.chip,
main .chips a.chip,
.shell .chips a.chip:link,
.shell .chips a.chip:visited,
.shell .chips a.chip:hover,
.shell .chips a.chip:active,
.shell .chips a.chip:focus-visible,
.chip:link,
.chip:visited,
.chip:hover,
.chip:active,
.chip:focus-visible{
  background:#FFB07A !important;
  background-color:#FFB07A !important;
  background-image:none !important;
  border:1px solid rgba(0,0,0,.18) !important;
  border-radius:999px !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  text-shadow:none !important;
}

/* Kill layered 3D faces */
.chip::before,
.chip::after,
a.chip::before,
a.chip::after,
.shell .chips a.chip::before,
.shell .chips a.chip::after,
main .chips a.chip::before,
main .chips a.chip::after,
.chip:hover::before,
.chip:hover::after,
.shell .chips a.chip:hover::before,
.shell .chips a.chip:hover::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  background:none !important;
  box-shadow:none !important;
  inset:auto !important;
  width:0 !important;
  height:0 !important;
}

@media (hover:hover){
  .chip:hover,
  a.chip:hover,
  .shell .chips a.chip:hover,
  main .chips a.chip:hover{
    background:#FFC08F !important;
    box-shadow:none !important;
    filter:none !important;
    transform:none !important;
  }
}

.chip .chip-ico,
.chip .chip-ico svg,
.chip:hover .chip-ico,
.chip:hover .chip-ico svg{
  filter:none !important;
}

/* Home hero banner: no thick black frame � thin orange outline only */
body.page-home .frame.frame--home-hero,
body.app-page .frame.frame--home-hero,
body.bonus-page .frame.frame--home-hero{
  padding:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:none !important;
  box-shadow:none !important;
  outline:none !important;
}
body.page-home .frame.frame--home-hero::before,
body.app-page .frame.frame--home-hero::before,
body.bonus-page .frame.frame--home-hero::before{
  display:none !important;
  content:none !important;
}
body.page-home .home-hero .banner.banner--promo-hero,
body.app-page .home-hero .banner.banner--promo-hero,
body.bonus-page .home-hero .banner.banner--promo-hero,
body.page-home .home-hero__link picture,
body.page-home .banner-wrap--image-only{
  box-shadow:none !important;
}
body.page-home .home-hero .banner.banner--promo-hero,
body.app-page .home-hero .banner.banner--promo-hero,
body.bonus-page .home-hero .banner.banner--promo-hero{
  border:1px solid #FFB07A !important;
  border-radius:14px !important;
  box-shadow:none !important;
  outline:none !important;
}
body.page-home .home-hero__link:focus-visible{
  outline:2px solid #FFB07A !important;
  outline-offset:2px !important;
}
@media (max-width:768px){
  body.page-home .frame.frame--home-hero,
  body.app-page .frame.frame--home-hero,
  body.bonus-page .frame.frame--home-hero{ padding:0 !important; }
}

/* Sidebar: thin strip between main pages and legal */
.aside .nav .sep,
.drawer .nav .sep{
  display:block !important;
  height:2px !important;
  margin:10px 10px !important;
  padding:0 !important;
  border:0 !important;
  border-top:none !important;
  border-bottom:none !important;
  background:rgba(0,0,0,.28) !important;
  opacity:1 !important;
  list-style:none !important;
  pointer-events:none !important;
}

/* Login lead: balanced two-column layout without dead space */
body.acceso-page #login-guide .login-flow{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(250px, 320px);
  gap:24px 32px;
  align-items:start;
}
body.acceso-page #login-guide .login-flow::after{
  content:none;
  display:none;
}
body.acceso-page #login-guide .login-banner-block{
  float:none;
  grid-column:2;
  grid-row:1;
  width:100%;
  margin:0;
}
body.acceso-page #login-guide .login-flow__side{
  grid-column:1;
  grid-row:1;
}
body.acceso-page #login-guide .login-flow__full{
  grid-column:1 / -1;
  clear:none;
  padding-top:0;
}
body.acceso-page #login-guide .login-summary-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px 24px;
  margin:4px 0 20px;
  padding-left:20px;
}
body.acceso-page #login-guide .login-summary-list li{
  margin:0;
}
body.acceso-page #login-guide .login-guide-map{
  margin-top:18px;
  padding:18px 20px;
  background:#007E6E;
  border:1px solid rgba(0,0,0,.22);
  border-radius:12px;
}
body.acceso-page #login-guide .login-guide-map h2{
  margin:0 0 12px;
}
body.acceso-page #login-guide .login-guide-map ul{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px 24px;
  margin:0;
  padding-left:20px;
}
body.acceso-page #login-guide .login-guide-map li{
  margin:0;
}
@media (max-width:860px){
  body.acceso-page #login-guide .login-flow{
    grid-template-columns:1fr;
    gap:20px;
  }
  body.acceso-page #login-guide .login-banner-block,
  body.acceso-page #login-guide .login-flow__side,
  body.acceso-page #login-guide .login-flow__full{
    grid-column:1;
    grid-row:auto;
  }
  body.acceso-page #login-guide .login-banner-block{
    width:min(320px, 100%);
    margin:0 auto;
  }
}
@media (max-width:560px){
  body.acceso-page #login-guide .login-summary-list,
  body.acceso-page #login-guide .login-guide-map ul{
    grid-template-columns:1fr;
  }
}

/* Every content table uses the same teal palette */
body .table-wrapper,
body main .table-wrapper,
body main .legal-doc .table-wrapper{
  background:#007E6E !important;
  border:1px solid rgba(0,0,0,.28) !important;
  border-radius:14px !important;
  box-shadow:none !important;
  overflow:hidden !important;
  padding:0 !important;
}
body .table-wrapper table,
body main table,
body .table-wrapper :is(thead,tbody,tr),
body main table :is(thead,tbody,tr){
  background:#007E6E !important;
  background-image:none !important;
}
body .table-wrapper :is(th,td),
body main table :is(th,td){
  background:#007E6E !important;
  background-color:#007E6E !important;
  background-image:none !important;
  border:1px solid rgba(0,0,0,.28) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
body .table-wrapper tbody tr:hover :is(th,td),
body main table tbody tr:hover :is(th,td){
  background:#006A5C !important;
  background-color:#006A5C !important;
}

/* ===== Cresus App page (1xbet-style structure, site palette) ===== */
body.app-page #app-guide{
  max-width:min(1100px,100%);
}
body.app-page .app-tag{
  display:inline-block;
  margin:1.75rem 0 .55rem;
  padding:4px 12px;
  border-radius:999px;
  border:1px solid rgba(255,176,122,.55);
  background:rgba(255,176,122,.18);
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
}
body.app-page .app-hero-meta{
  margin:0 0 1.5rem;
}
body.app-page .app-hero-meta__row{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin:0 0 12px;
  font-size:.95rem;
}
body.app-page .app-trust-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px 20px;
  margin:0 0 16px;
  padding-left:18px;
}
body.app-page .app-dl-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
  margin:18px 0;
}
body.app-page .app-dl-row .pulse-btn{
  margin:0;
}
body.app-page .app-toc{
  margin:1.25rem 0 1.75rem;
  padding:16px 18px;
  background:#007E6E;
  border:1px solid rgba(0,0,0,.22);
  border-radius:12px;
}
body.app-page .app-toc__title{
  margin:0 0 10px;
  font-size:1.15rem;
}
body.app-page .app-toc ol{ margin:0; padding-left:1.2rem; }
body.app-page .app-toc li{ margin:.35rem 0; }
body.app-page .app-toc ul{ margin:.25rem 0 .5rem; padding-left:1.1rem; }

body.app-page .app-shots{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:16px 0 24px;
}
body.app-page .app-shots--pair{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:560px;
}
body.app-page .app-shot{
  margin:0;
  min-height:220px;
  border-radius:16px;
  border:1px dashed rgba(255,255,255,.35);
  background:rgba(0,0,0,.12);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:12px;
}
body.app-page .app-shot figcaption{
  text-align:center;
  font-size:.85rem;
  opacity:.9;
}
body.app-page .app-eco-grid,
body.app-page .app-feature-grid,
body.app-page .app-bonus-grid,
body.app-page .app-install-grid,
body.app-page .app-req-grid{
  display:grid;
  gap:14px;
  margin:14px 0 22px;
}
body.app-page .app-eco-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
body.app-page .app-feature-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
body.app-page .app-bonus-grid,
body.app-page .app-install-grid,
body.app-page .app-req-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }

body.app-page .app-eco-card,
body.app-page .app-feature-card,
body.app-page .app-bonus-card,
body.app-page .app-install-card,
body.app-page .app-install-panel{
  background:#007E6E;
  border:1px solid rgba(0,0,0,.22);
  border-radius:14px;
  padding:16px 18px;
  color:#fff;
  text-decoration:none;
}
body.app-page a.app-eco-card:hover{
  background:#006A5C;
}
body.app-page .app-eco-card__label{
  display:block;
  font-size:.8rem;
  opacity:.85;
  margin-bottom:6px;
}
body.app-page .app-eco-card__title{
  display:block;
  font-weight:800;
  font-size:1.05rem;
  text-decoration:underline;
  text-underline-offset:3px;
  color:#FFB07A;
}
body.app-page .app-feature-card h3,
body.app-page .app-bonus-card h3,
body.app-page .app-install-card h3,
body.app-page .app-install-panel h3{
  margin-top:0;
}
body.app-page .app-feature-card ul,
body.app-page .app-bonus-card ul{
  margin:0;
  padding-left:1.1rem;
}
body.app-page .app-bonus-card__sub{
  font-weight:700;
  margin:.25rem 0 .75rem;
}
body.app-page .app-check{
  list-style:none;
  padding-left:0;
}
body.app-page .app-check li{
  position:relative;
  padding-left:1.65rem;
  margin:.4rem 0;
}
body.app-page .app-check li::before{
  content:"\2713";
  position:absolute;
  left:0;
  top:.18em;
  display:flex;
  width:15px;
  height:15px;
  align-items:center;
  justify-content:center;
  background:#FFB07A;
  border-radius:2px;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:800;
}
body.app-page .app-note{
  opacity:.92;
  font-size:.95rem;
}
body.app-page details.app-steps{
  margin:12px 0;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.2);
  border-radius:10px;
  background:rgba(0,0,0,.1);
}
body.app-page details.app-steps > summary{
  cursor:pointer;
  font-weight:700;
  list-style:none;
}
body.app-page details.app-steps > summary::-webkit-details-marker{ display:none; }
body.app-page details.app-steps > summary::after{
  content:" v";
  color:#FFB07A;
}
@media (max-width:900px){
  body.app-page .app-feature-grid,
  body.app-page .app-eco-grid,
  body.app-page .app-shots{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:640px){
  body.app-page .app-feature-grid,
  body.app-page .app-eco-grid,
  body.app-page .app-bonus-grid,
  body.app-page .app-install-grid,
  body.app-page .app-req-grid,
  body.app-page .app-shots,
  body.app-page .app-shots--pair,
  body.app-page .app-trust-list{
    grid-template-columns:1fr;
  }
}

/* App reference layout, using the Cresus colour palette */
body.app-page .shell > main{
  overflow:visible;
}
body.app-page .app-top-hero{
  display:grid;
  grid-template-columns:minmax(0, 1.45fr) minmax(300px, .9fr);
  gap:34px;
  align-items:stretch;
  width:min(1100px, 100%);
  margin:0 auto 22px;
  padding:28px 30px;
  background:#007E6E;
  border:1px solid rgba(0,0,0,.25);
  border-radius:16px;
  box-shadow:none;
}
body.app-page .app-top-hero .page-title{
  margin:0 0 26px;
  padding:0;
  text-align:left;
  font-size:clamp(30px, 4.5vw, 52px);
  line-height:1.05;
  letter-spacing:.01em;
  color:#fff;
  -webkit-text-fill-color:#fff;
  background:none;
  text-shadow:none;
}
body.app-page .app-top-hero__content{
  display:flex;
  flex-direction:column;
  min-width:0;
}
body.app-page .app-top-hero__content > p{
  max-width:650px;
  margin:0 0 8px;
  line-height:1.55;
}
body.app-page .app-rating{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin:16px 0 32px;
}
body.app-page .app-rating > strong{
  font-size:1.25rem;
}
body.app-page .app-rating__stars{
  display:inline-flex;
  align-items:center;
  font-size:1.45rem;
  letter-spacing:2px;
  line-height:1;
  white-space:nowrap;
}
body.app-page .app-rating__stars-full{
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
  text-shadow:none !important;
}
body.app-page .app-rating__star-partial{
  position:relative;
  display:inline-block;
  line-height:1;
  letter-spacing:0;
}
body.app-page .app-rating__star-outline{
  display:block;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  -webkit-text-stroke:0;
  text-shadow:none !important;
}
body.app-page .app-rating__star-fill{
  position:absolute;
  top:0;
  left:0;
  width:50%;
  overflow:hidden;
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
  white-space:nowrap;
  text-shadow:none !important;
}
body.app-page .app-dl-row--hero{
  justify-content:flex-start;
  margin:auto 0 20px;
}
body.app-page .app-top-hero .app-hero-meta__row{
  gap:8px 18px;
  margin:0;
  color:rgba(255,255,255,.85);
  font-size:.82rem;
}
body.app-page .app-top-hero .app-hero-meta__row span{
  position:relative;
  padding-left:12px;
}
body.app-page .app-top-hero .app-hero-meta__row span::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#FFB07A;
}
body.app-page .app-top-hero__media{
  position:relative;
  min-height:300px;
  overflow:hidden;
  display:flex;
  align-items:stretch;
  justify-content:stretch;
  padding:0;
  background:#004B42;
  border:1px solid #FFB07A;
  border-radius:16px;
}
body.app-page .app-top-hero__media img{
  display:block;
  width:100%;
  height:100%;
  min-height:300px;
  object-fit:cover;
  object-position:center;
}

/* Reference-like content panels without changing the site palette */
body.app-page .app-toc,
body.app-page .app-eco-card,
body.app-page .app-feature-card,
body.app-page .app-bonus-card,
body.app-page .app-install-card,
body.app-page .app-install-panel{
  background:#007E6E;
  border:1px solid rgba(0,0,0,.26);
  box-shadow:none;
}
body.app-page .app-feature-card,
body.app-page .app-bonus-card{
  min-height:220px;
  padding:24px 26px;
}
body.app-page .app-install-panel{
  padding:24px 26px;
}
body.app-page .app-tag{
  border-color:#FFB07A !important;
  background:#FFB07A !important;
  background-color:#FFB07A !important;
  background-image:none !important;
  color:#2A1A10 !important;
  -webkit-text-fill-color:#2A1A10 !important;
  box-shadow:none !important;
}
body.app-page .app-shot{
  min-height:260px;
  background:#007E6E;
  border:1px dashed #FFB07A;
}

@media (max-width:860px){
  body.app-page .app-top-hero{
    grid-template-columns:1fr;
  }
  body.app-page .app-top-hero__media{
    min-height:280px;
  }
}
@media (max-width:560px){
  body.app-page .app-top-hero{
    padding:22px 18px;
  }
  body.app-page .app-top-hero .page-title{
    margin-bottom:18px;
  }
  body.app-page .app-rating{
    margin-bottom:22px;
  }
  body.app-page .app-dl-row--hero{
    flex-direction:column;
    align-items:stretch;
  }
  body.app-page .app-dl-row--hero .pulse-btn{
    width:100%;
    text-align:center;
  }
}

/* App specs block: reference structure in the Cresus palette */
body.app-page #app-specs{
  margin-top:0;
}
body.app-page .app-specs-table{
  margin:18px 0 12px !important;
  border-radius:0 !important;
  border-color:rgba(0,0,0,.34) !important;
}
body.app-page .app-specs-table thead th{
  background:#006A5C !important;
  background-color:#006A5C !important;
  font-weight:800 !important;
  text-align:center !important;
}
body.app-page .app-specs-table tbody th,
body.app-page .app-specs-table tbody td{
  background:#007E6E !important;
  background-color:#007E6E !important;
}
body.app-page .app-overview-table{
  margin:0 0 26px !important;
  border-radius:0 !important;
  background:#006A5C !important;
}
body.app-page .app-overview-table table,
body.app-page .app-overview-table tbody,
body.app-page .app-overview-table tr,
body.app-page .app-overview-table th,
body.app-page .app-overview-table td{
  background:#006A5C !important;
  background-color:#006A5C !important;
}
body.app-page .app-info-grid,
body .facts-info-section .app-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin:22px 0 26px;
}
body.app-page .app-info-card,
body .facts-info-section .app-info-card{
  min-width:0;
  padding:26px 22px 20px;
  background:#004B42;
  border:1px solid #087568;
  border-radius:12px;
  box-shadow:none;
}
body.app-page #app-guide .app-info-card > h3,
body .facts-info-section .app-info-card > h3{
  margin:0 0 16px;
  font-family:Antonio, sans-serif;
  font-size:clamp(32px,3.5vw,42px);
  line-height:1;
  font-weight:600;
  color:#fff;
}
body.app-page .app-info-card__table,
body .facts-info-section .app-info-card__table{
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}
body.app-page .app-info-card__table table,
body.app-page .app-info-card__table tbody,
body.app-page .app-info-card__table tr,
body .facts-info-section .app-info-card__table table,
body .facts-info-section .app-info-card__table tbody,
body .facts-info-section .app-info-card__table tr{
  background:transparent !important;
}
body.app-page .app-info-card__table th,
body.app-page .app-info-card__table td,
body .facts-info-section .app-info-card__table th,
body .facts-info-section .app-info-card__table td{
  padding:8px 0 !important;
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  border-bottom:1px solid rgba(89,184,168,.24) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.3 !important;
  vertical-align:middle !important;
}
body.app-page .app-info-card__table th,
body .facts-info-section .app-info-card__table th{
  width:50% !important;
  color:rgba(214,237,232,.64) !important;
  -webkit-text-fill-color:rgba(214,237,232,.64) !important;
  font-weight:400 !important;
  text-align:left !important;
}
body.app-page .app-info-card__table td,
body .facts-info-section .app-info-card__table td{
  text-align:right !important;
  font-weight:700 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
body.app-page .app-info-card__table tr:last-child :is(th,td),
body .facts-info-section .app-info-card__table tr:last-child :is(th,td){
  border-bottom:0 !important;
}
body.app-page .app-verify-box,
body .facts-info-section .app-verify-box{
  margin:0 0 16px;
  padding:20px 18px 18px;
  background:#003B35;
  border:1px solid #087568;
  border-radius:8px;
  box-shadow:none;
}
body.app-page .app-verify-box__title,
body .facts-info-section .app-verify-box__title{
  margin:0 0 7px !important;
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
  font-family:Consolas,"Courier New",monospace !important;
  font-size:13px !important;
  font-weight:700;
}
body.app-page .app-verify-box__hash,
body .facts-info-section .app-verify-box__hash{
  margin:0 !important;
  color:rgba(214,237,232,.58) !important;
  -webkit-text-fill-color:rgba(214,237,232,.58) !important;
  font-family:Consolas,"Courier New",monospace !important;
  font-size:12px !important;
  line-height:1.45 !important;
}
body.app-page .app-verify-box__commands,
body .facts-info-section .app-verify-box__commands{
  margin:22px 0 0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
}
body.app-page .app-verify-box__commands p,
body .facts-info-section .app-verify-box__commands p{
  margin:5px 0 !important;
  font-family:Consolas,"Courier New",monospace !important;
  font-size:12px !important;
  line-height:1.4 !important;
}
body.app-page .app-verify-box__commands span,
body .facts-info-section .app-verify-box__commands span{
  display:inline-block;
  min-width:132px;
  color:rgba(214,237,232,.58) !important;
  -webkit-text-fill-color:rgba(214,237,232,.58) !important;
}
body.app-page .app-verify-box code,
body .facts-info-section .app-verify-box code{
  padding:2px 6px;
  border-radius:4px;
  background:rgba(255,255,255,.08);
  color:#fff;
}
body.app-page .app-verify-box__warning,
body .facts-info-section .app-verify-box__warning{
  margin:0 0 30px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  line-height:1.5 !important;
  font-weight:600 !important;
}
@media (max-width:760px){
  body.app-page .app-info-grid,
  body .facts-info-section .app-info-grid{
    grid-template-columns:1fr;
  }
}

/* Compact contents control; keep the page focused on the reference sections */
body.app-page details.app-toc{
  width:fit-content;
  max-width:100%;
  margin:8px 0 22px;
  padding:0;
  overflow:hidden;
  background:transparent;
  border:0;
  border-radius:12px;
}
body.app-page details.app-toc > summary{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:7px 16px;
  cursor:pointer;
  list-style:none;
  background:#FFB07A;
  border-radius:999px;
  color:#2A1A10;
  font-weight:800;
  font-size:.9rem;
}
body.app-page details.app-toc > summary::-webkit-details-marker{
  display:none;
}
body.app-page details.app-toc > summary::after{
  content:"+";
  font-size:1.1rem;
}
body.app-page details.app-toc[open]{
  width:min(620px,100%);
  padding:14px 18px 16px;
  background:#007E6E;
  border:1px solid rgba(0,0,0,.28);
}
body.app-page details.app-toc[open] > summary{
  margin-bottom:10px;
}
body.app-page details.app-toc[open] > summary::after{
  content:"−";
}
body.app-page details.app-toc ol{
  margin:0;
  padding-left:1.25rem;
  columns:2;
  column-gap:34px;
}
body.app-page details.app-toc li{
  break-inside:avoid;
  margin:.35rem 0;
}
body.app-page details.app-toc ul{
  margin:.25rem 0 .55rem;
  padding-left:1rem;
}

/* One cohesive Specs composition, matching the reference hierarchy */
body.app-page .app-reference-section{
  margin:0 0 30px;
  padding:28px;
  background:linear-gradient(180deg,#007E6E 0%,#006A5C 100%);
  border-top:1px solid rgba(0,0,0,.28);
  border-bottom:1px solid rgba(0,0,0,.28);
  border-radius:0;
}
body.app-page #app-guide .app-reference-section > .app-tag{
  margin:0 0 20px;
}
body.app-page #app-guide .app-reference-section > h2{
  margin:0 0 16px;
  font-family:Antonio,sans-serif;
  font-size:clamp(38px,5vw,58px);
  line-height:1.02;
  letter-spacing:.01em;
  color:#fff;
}
body.app-page #app-guide .app-reference-section > p{
  margin:0 0 18px;
  line-height:1.55;
}
body.app-page .app-reference-section .app-specs-table{
  margin-top:18px !important;
  border:1px solid rgba(255,176,122,.42) !important;
}
body.app-page .app-reference-section .app-specs-table thead th{
  background:#00584D !important;
  background-color:#00584D !important;
}
body.app-page .app-reference-section .app-specs-table tbody :is(th,td){
  background:#006A5C !important;
  background-color:#006A5C !important;
  padding:10px 12px !important;
}
body.app-page .app-reference-section .app-overview-table,
body.app-page .app-reference-section .app-overview-table table,
body.app-page .app-reference-section .app-overview-table :is(tbody,tr,th,td){
  background:#00584D !important;
  background-color:#00584D !important;
  background-image:none !important;
}
body.app-page .app-reference-section .app-overview-table{
  margin-top:16px !important;
  margin-bottom:26px !important;
  padding:7px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
body.app-page .app-reference-section .app-overview-table table{
  width:100% !important;
  border:0 !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  table-layout:fixed !important;
}
body.app-page .app-reference-section .app-overview-table :is(th,td){
  border:0 !important;
  padding:7px 8px !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.35 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-align:left !important;
  vertical-align:top !important;
}
body.app-page .app-reference-section .app-overview-table th{
  width:22% !important;
  font-weight:700 !important;
}
body.app-page .app-reference-section .app-overview-table td{
  width:78% !important;
  font-weight:400 !important;
}
html body.app-page .app-reference-section .app-overview-table table tbody tr th,
html body.app-page .app-reference-section .app-overview-table table tbody tr td{
  background:#00584D !important;
  background-color:#00584D !important;
  background-image:none !important;
  border:0 !important;
  border-top:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  border-left:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
body.app-page .app-reference-section .app-info-card{
  background:#004B42;
  border-color:#087568;
}
html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr th,
html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr td{
  background:#004B42 !important;
  background-color:#004B42 !important;
  background-image:none !important;
  border:0 !important;
  border-top:0 !important;
  border-right:0 !important;
  border-bottom:1px solid rgba(89,184,168,.24) !important;
  border-left:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr th{
  width:46% !important;
  padding-right:14px !important;
}
html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr td{
  width:54% !important;
  padding-left:14px !important;
  overflow-wrap:anywhere !important;
}
html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr:last-child th,
html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr:last-child td{
  border-bottom:0 !important;
}
body.app-page .app-reference-section .app-verify-box{
  background:#003B35;
  border-color:#087568;
}
body.app-page .app-reference-section .app-verify-box__commands{
  background:transparent;
  border:0;
}
@media (max-width:700px){
  body.app-page details.app-toc ol{
    columns:1;
  }
  body.app-page .app-reference-section{
    padding:22px 16px;
  }
}

/* Cresus app screenshot strip */
body.app-page .app-screenshots-section{
  margin:0 0 30px;
  padding:24px 16px 16px;
  background:#004B42;
  border-top:1px solid #087568;
  border-bottom:1px solid #087568;
  overflow:hidden;
}
body.app-page #app-guide .app-screenshots-section > .app-tag{
  margin:0 0 20px;
}
body.app-page #app-guide .app-screenshots-section > h3{
  margin:0 0 14px;
  font-family:Antonio,sans-serif;
  font-size:clamp(38px,5vw,56px);
  line-height:1.02;
  font-weight:600;
  color:#fff;
}
body.app-page #app-guide .app-screenshots-section > p:not(.app-tag){
  margin:0 10px 16px;
  color:#fff;
  line-height:1.5;
}
html body.app-page .app-screenshots-section .app-shots{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  height:255px;
  margin:0 !important;
  padding:0;
  background:#003B35;
  border:1px solid #087568;
  overflow:hidden;
}
html body.app-page .app-screenshots-section .app-shot{
  display:block;
  min-height:0;
  height:255px;
  margin:0;
  padding:0;
  background:#003B35;
  border:0;
  border-radius:0;
  overflow:hidden;
}
html body.app-page .app-screenshots-section .app-shot img{
  display:block;
  width:100%;
  height:auto;
  min-height:100%;
  object-fit:cover;
  object-position:top center;
}
@media (max-width:900px){
  html body.app-page .app-screenshots-section .app-shots{
    grid-template-columns:repeat(2,minmax(0,1fr));
    height:360px;
  }
  html body.app-page .app-screenshots-section .app-shot{
    height:360px;
  }
}
@media (max-width:560px){
  body.app-page .app-screenshots-section{
    padding:20px 12px 12px;
  }
  html body.app-page .app-screenshots-section .app-shots{
    display:flex;
    height:360px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
  }
  html body.app-page .app-screenshots-section .app-shot{
    flex:0 0 72%;
    height:360px;
    scroll-snap-align:start;
  }
}

/* App ecosystem composition */
body.app-page .app-ecosystem-section{
  margin:0 0 30px;
  padding:24px 16px 30px;
  background:#015B54 !important;
  background-color:#015B54 !important;
  background-image:none !important;
  border-top:1px solid #087568;
  border-bottom:1px solid #087568;
}
body.app-page #app-guide .app-ecosystem-section > .app-tag{
  margin:0 0 24px;
}
body.app-page .app-ecosystem-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:36px;
  align-items:center;
}
body.app-page #app-guide .app-ecosystem-copy > h2{
  margin:0 0 20px;
  font-family:Antonio,sans-serif;
  font-size:clamp(38px,5vw,58px);
  line-height:1.02;
  font-weight:600;
  color:#fff;
}
body.app-page .app-ecosystem-copy > p{
  max-width:690px;
  margin:0 0 8px !important;
  line-height:1.48;
  color:#fff;
}
body.app-page .app-ecosystem-visual{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:170px;
  background:#015B54 !important;
  background-color:#015B54 !important;
  background-image:none !important;
}
body.app-page .app-ecosystem-visual img{
  display:block;
  width:min(240px,100%);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.28));
}
body.app-page #app-guide .app-ecosystem-section > h3{
  margin:28px 0 22px;
  font-family:Antonio,sans-serif;
  font-size:clamp(34px,4.4vw,52px);
  line-height:1.05;
  font-weight:600;
  color:#fff;
}
html body.app-page .app-ecosystem-section .app-eco-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin:0;
}
html body.app-page .app-ecosystem-section .app-eco-card{
  display:flex;
  min-height:190px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  padding:28px 28px 24px;
  background:#003B35 !important;
  border:1px solid #087568;
  border-radius:18px;
  box-shadow:none;
  color:#fff !important;
  text-decoration:none;
}
html body.app-page .app-ecosystem-section .app-eco-card:hover{
  background:#00453D !important;
  border-color:#FFB07A;
  transform:none;
}
body.app-page .app-platform-icon{
  display:flex;
  width:58px;
  height:58px;
  align-items:center;
  justify-content:center;
  margin:0 0 14px;
  border-radius:14px;
  color:#004B42;
}
body.app-page .app-platform-icon svg{
  display:block;
  width:40px;
  height:40px;
  fill:currentColor;
}
body.app-page .app-platform-icon--android{
  background:#FFB07A;
}
body.app-page .app-platform-icon--ios{
  background:#0D0D0D;
  color:#fff;
}
body.app-page .app-platform-icon--windows{
  background:#00A18C;
  color:#fff;
}
body.app-page .app-ecosystem-section .app-eco-card__label{
  display:block;
  margin:0 0 12px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:13px;
  font-weight:700;
  opacity:1;
}
body.app-page .app-ecosystem-section .app-eco-card__title{
  display:block;
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
  font-size:clamp(18px,2vw,23px);
  line-height:1.25;
  font-weight:500;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
@media (max-width:900px){
  body.app-page .app-ecosystem-intro{
    grid-template-columns:minmax(0,1fr) 160px;
    gap:20px;
  }
  html body.app-page .app-ecosystem-section .app-eco-grid{
    gap:14px;
  }
  html body.app-page .app-ecosystem-section .app-eco-card{
    padding:22px 18px;
  }
}
@media (max-width:700px){
  body.app-page .app-ecosystem-section{
    padding:20px 14px 24px;
  }
  body.app-page .app-ecosystem-intro{
    grid-template-columns:1fr;
  }
  body.app-page .app-ecosystem-visual{
    display:none;
  }
  html body.app-page .app-ecosystem-section .app-eco-grid{
    grid-template-columns:1fr;
  }
  html body.app-page .app-ecosystem-section .app-eco-card{
    min-height:0;
  }
}

/* Installation composition */
body.app-page .app-install-section{
  margin:0 0 30px;
  padding:24px 16px 0;
  background:#015B54;
  border-top:1px solid #087568;
  border-bottom:1px solid #087568;
}
body.app-page #app-guide .app-install-section > .app-tag{
  margin:0 0 20px;
}
body.app-page #app-guide .app-install-section > h2{
  margin:0 0 22px;
  font-family:Antonio,sans-serif;
  font-size:clamp(40px,5vw,58px);
  line-height:1.03;
  font-weight:600;
  color:#fff;
}
html body.app-page .app-install-section .app-install-panel{
  margin:0;
  padding:28px 28px 30px;
  background:#004B42 !important;
  border:1px solid #128477;
  border-radius:20px;
  box-shadow:none;
}
body.app-page #app-guide .app-install-section .app-install-panel > h3,
body.app-page #app-guide .app-install-section .app-install-card > h3{
  margin:0 0 14px;
  font-family:Antonio,sans-serif;
  font-size:22px;
  line-height:1.15;
  font-weight:600;
  color:#FFB07A;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
body.app-page .app-install-section .app-install-panel > p{
  margin:0 0 10px !important;
  line-height:1.5;
}
body.app-page .app-install-section .app-note{
  color:rgba(255,255,255,.82) !important;
  -webkit-text-fill-color:rgba(255,255,255,.82) !important;
  font-size:13px !important;
  line-height:1.45 !important;
}
html body.app-page .app-install-section details.app-steps{
  margin:10px 0 18px;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
}
body.app-page .app-install-section details.app-steps > summary{
  display:flex;
  align-items:center;
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:1.35;
  list-style:none;
}
body.app-page .app-install-section details.app-steps > summary::before{
  content:"â–¸";
  display:inline-block;
  margin-right:7px;
  color:#fff;
  font-size:13px;
}
body.app-page .app-install-section details.app-steps[open] > summary::before{
  content:"â–¾";
}
body.app-page .app-install-section details.app-steps > summary::after{
  content:" ↧" !important;
  margin-left:4px;
  color:#fff !important;
}
body.app-page .app-install-section details.app-steps > ol{
  margin:22px 0 0 22px;
  padding-left:22px;
  color:#fff;
  font-size:14px;
  line-height:1.45;
}
body.app-page .app-install-section details.app-steps > ol li{
  margin:4px 0;
  padding-left:2px;
}
html body.app-page .app-install-section .app-req-grid{
  display:grid;
  grid-template-columns:minmax(230px,.72fr) minmax(0,1.45fr);
  gap:24px;
  margin:16px 0 0;
}
html body.app-page .app-install-section .app-req-grid > div{
  min-width:0;
  padding:24px;
  background:#003B35;
  border:1px solid #087568;
  border-radius:16px;
}
body.app-page #app-guide .app-install-section .app-req-grid h4{
  margin:0 0 16px;
  font-family:Antonio,sans-serif;
  font-size:21px;
  line-height:1.1;
  color:#fff;
}
body.app-page .app-install-section .app-req-grid > div > p{
  margin:0 0 10px !important;
  font-size:14px;
}
html body.app-page .app-install-section .app-req-grid .table-wrapper,
html body.app-page .app-install-section .app-req-grid table,
html body.app-page .app-install-section .app-req-grid tbody,
html body.app-page .app-install-section .app-req-grid tr{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html body.app-page .app-install-section .app-req-grid table tbody tr th,
html body.app-page .app-install-section .app-req-grid table tbody tr td{
  padding:9px 0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-bottom:1px solid rgba(89,184,168,.22) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.35 !important;
  vertical-align:top !important;
}
html body.app-page .app-install-section .app-req-grid table tbody tr th{
  width:45% !important;
  padding-right:14px !important;
  color:rgba(214,237,232,.64) !important;
  -webkit-text-fill-color:rgba(214,237,232,.64) !important;
  font-weight:400 !important;
  text-align:left !important;
}
html body.app-page .app-install-section .app-req-grid table tbody tr td{
  width:55% !important;
  padding-left:14px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:700 !important;
  text-align:right !important;
  overflow-wrap:anywhere !important;
}
html body.app-page .app-install-section .app-req-grid table tbody tr:last-child :is(th,td){
  border-bottom:0 !important;
}
html body.app-page .app-install-section .app-install-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
  margin:24px 0 0;
}
html body.app-page .app-install-section .app-install-card{
  min-width:0;
  min-height:240px;
  padding:28px;
  background:#003B35 !important;
  border:1px solid #128477;
  border-radius:20px;
  box-shadow:none;
}
body.app-page .app-install-section .app-install-card > p{
  margin:0 0 12px !important;
  line-height:1.5;
}
body.app-page .app-install-section .app-install-card details.app-steps{
  margin:10px 0 0;
}
html body.app-page .app-install-section > .app-dl-row{
  display:flex;
  justify-content:center;
  gap:24px;
  margin:28px -16px 0;
  padding:28px 16px;
  background:#007E6E;
}
html body.app-page .app-install-section > .app-dl-row .pulse-btn{
  min-width:185px;
  padding:13px 24px;
}
@media (max-width:900px){
  html body.app-page .app-install-section .app-req-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:700px){
  body.app-page .app-install-section{
    padding:20px 14px 0;
  }
  html body.app-page .app-install-section .app-install-panel,
  html body.app-page .app-install-section .app-install-card{
    padding:22px 18px;
  }
  html body.app-page .app-install-section .app-install-grid{
    grid-template-columns:1fr;
    gap:16px;
  }
  html body.app-page .app-install-section > .app-dl-row{
    flex-direction:column;
    margin:22px -14px 0;
    gap:12px;
  }
  html body.app-page .app-install-section > .app-dl-row .pulse-btn{
    width:100%;
  }
}

/* Core features composition */
body.app-page .app-features-section{
  margin:0 0 30px;
  padding:24px 16px 34px;
  background:#004B42;
  border-top:1px solid #087568;
  border-bottom:1px solid #087568;
}
body.app-page #app-guide .app-features-section > .app-tag{
  margin:0 0 20px;
}
body.app-page #app-guide .app-features-section > h2{
  margin:0 0 18px;
  font-family:Antonio,sans-serif;
  font-size:clamp(40px,5vw,58px);
  line-height:1.03;
  font-weight:600;
  color:#fff;
}
body.app-page #app-guide .app-features-section > p:not(.app-tag){
  margin:0 0 28px !important;
  max-width:950px;
  color:#fff;
  line-height:1.5;
}
html body.app-page .app-features-section .app-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  margin:0;
}
html body.app-page .app-features-section .app-feature-card{
  min-width:0;
  min-height:285px;
  padding:28px 28px 26px;
  background:#006A5C !important;
  border:1px solid #128477;
  border-radius:20px;
  box-shadow:none;
  color:#fff;
}
body.app-page .app-feature-card__icon{
  display:block;
  min-height:42px;
  margin:0 0 14px;
  font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;
  font-size:30px;
  line-height:1;
}
body.app-page #app-guide .app-features-section .app-feature-card > h3{
  margin:0 0 16px;
  font-family:Montserrat,Arial,sans-serif;
  font-size:21px;
  line-height:1.2;
  font-weight:500;
  color:#fff;
}
body.app-page .app-features-section .app-feature-card > ul{
  margin:0;
  padding-left:22px;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:1.48;
}
body.app-page .app-features-section .app-feature-card > ul li{
  margin:5px 0;
  padding-left:3px;
}
@media (max-width:900px){
  html body.app-page .app-features-section .app-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }
}
@media (max-width:620px){
  body.app-page .app-features-section{
    padding:20px 14px 24px;
  }
  html body.app-page .app-features-section .app-feature-grid{
    grid-template-columns:1fr;
  }
  html body.app-page .app-features-section .app-feature-card{
    min-height:0;
    padding:24px 20px;
  }
}

/* Core feature availability table */
body.app-page .app-availability-section{
  margin:0 0 30px;
  padding:26px 16px 32px;
  background:#004B42;
  border-top:1px solid #087568;
  border-bottom:1px solid #087568;
}
body.app-page #app-guide .app-availability-section > h3{
  margin:0 0 24px;
  font-family:Antonio,sans-serif;
  font-size:clamp(34px,4vw,46px);
  line-height:1.03;
  font-weight:600;
  color:#fff;
}
html body.app-page .app-availability-section .table-wrapper{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow-x:auto;
}
html body.app-page .app-availability-section table{
  width:100% !important;
  min-width:760px;
  margin:0 !important;
  border:2px solid #128477 !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  table-layout:auto !important;
  background:#003B35 !important;
  background-color:#003B35 !important;
  box-shadow:none !important;
}
html body.app-page .app-availability-section table thead,
html body.app-page .app-availability-section table tbody,
html body.app-page .app-availability-section table tr{
  background:#003B35 !important;
  background-color:#003B35 !important;
}
html body.app-page .app-availability-section table thead th{
  padding:10px 12px !important;
  background:#004B42 !important;
  background-color:#004B42 !important;
  background-image:none !important;
  border:1px solid #128477 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  text-align:center !important;
  white-space:nowrap;
}
html body.app-page .app-availability-section table tbody th,
html body.app-page .app-availability-section table tbody td{
  padding:9px 8px !important;
  background:#003B35 !important;
  background-color:#003B35 !important;
  background-image:none !important;
  border:1px solid #128477 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.25 !important;
  vertical-align:middle !important;
}
html body.app-page .app-availability-section table tbody th{
  width:28%;
  font-weight:500 !important;
  text-align:left !important;
}
html body.app-page .app-availability-section table tbody td{
  text-align:center !important;
  font-weight:500 !important;
}
@media (max-width:620px){
  body.app-page .app-availability-section{
    padding:22px 14px 26px;
  }
}
html body.app-page .app-availability-section.app-availability-section .table-wrapper table thead tr th,
html body.app-page .app-availability-section.app-availability-section .table-wrapper table tbody tr th,
html body.app-page .app-availability-section.app-availability-section .table-wrapper table tbody tr td{
  background:#003B35 !important;
  background-color:#003B35 !important;
  background-image:none !important;
  border-color:#128477 !important;
}

/* Supported odds formats composition */
body.app-page .app-odds-section{
  margin:0 0 30px;
  padding:24px 16px 32px;
  background:#004B42;
  border-top:1px solid #087568;
  border-bottom:1px solid #087568;
}
body.app-page #app-guide .app-odds-section > .app-tag{
  margin:0 0 24px;
}
body.app-page #app-guide .app-odds-section > h3{
  margin:0 0 24px;
  font-family:Antonio,sans-serif;
  font-size:clamp(36px,4.2vw,48px);
  line-height:1.03;
  font-weight:600;
  color:#fff;
}
body.app-page .app-odds-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,1fr);
  gap:42px;
  align-items:center;
  margin:0 0 20px;
}
body.app-page .app-odds-copy > p{
  margin:0 0 20px !important;
  line-height:1.5;
  color:#fff;
}
body.app-page .app-odds-copy > ul{
  margin:0;
  padding-left:26px;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:1.5;
}
body.app-page .app-odds-copy > ul li{
  margin:4px 0;
}
body.app-page .app-odds-banner{
  position:relative;
  min-height:190px;
  overflow:hidden;
  padding:0;
  background:#003B35;
  border:1px solid #FFB07A;
  border-radius:16px;
}
body.app-page .app-odds-banner::after{
  content:none;
  display:none;
}
body.app-page .app-odds-banner > img{
  display:block;
  width:100%;
  height:100%;
  min-height:190px;
  object-fit:cover;
  object-position:center;
}
body.app-page .app-odds-banner__brand{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  color:#fff;
}
body.app-page .app-odds-banner__brand strong{
  font-family:Antonio,sans-serif;
  font-size:clamp(38px,5vw,58px);
  line-height:.95;
  font-style:italic;
  letter-spacing:.02em;
}
body.app-page .app-odds-banner__brand span{
  margin-top:8px;
  padding-left:4px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.16em;
}
body.app-page .app-odds-banner__gear{
  position:relative;
  z-index:1;
  width:118px;
  height:118px;
  color:#FFB07A;
  font-family:"Segoe UI Symbol",sans-serif;
  font-size:118px;
  line-height:1;
}
body.app-page .app-odds-banner__gear > span{
  position:absolute;
  top:50%;
  left:50%;
  color:#fff;
  font-family:Antonio,sans-serif;
  font-size:35px;
  font-weight:700;
  transform:translate(-50%,-52%);
}
body.app-page #app-guide .app-odds-lead{
  margin:0 0 16px !important;
  color:#fff;
  font-weight:600;
}
html body.app-page .app-odds-section .table-wrapper{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow-x:auto;
}
html body.app-page .app-odds-section table{
  width:100% !important;
  min-width:760px;
  margin:0 !important;
  border:2px solid #128477 !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  background:#003B35 !important;
  background-color:#003B35 !important;
  box-shadow:none !important;
}
html body.app-page .app-odds-section table :is(thead,tbody,tr){
  background:#003B35 !important;
  background-color:#003B35 !important;
}
html body.app-page .app-odds-section table thead tr th,
html body.app-page .app-odds-section table tbody tr th,
html body.app-page .app-odds-section table tbody tr td{
  padding:9px 8px !important;
  background:#003B35 !important;
  background-color:#003B35 !important;
  background-image:none !important;
  border:1px solid #128477 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.35 !important;
  vertical-align:middle !important;
}
html body.app-page .app-odds-section table thead tr th{
  font-weight:700 !important;
  text-align:center !important;
  white-space:nowrap;
}
html body.app-page .app-odds-section table tbody tr th{
  font-weight:500 !important;
  text-align:left !important;
}
html body.app-page .app-odds-section table tbody tr td{
  text-align:left !important;
  font-weight:500 !important;
}
html body.app-page .app-odds-section.app-odds-section .table-wrapper table thead tr th,
html body.app-page .app-odds-section.app-odds-section .table-wrapper table tbody tr th,
html body.app-page .app-odds-section.app-odds-section .table-wrapper table tbody tr td{
  background:#003B35 !important;
  background-color:#003B35 !important;
  background-image:none !important;
  border-color:#128477 !important;
}
@media (max-width:860px){
  body.app-page .app-odds-intro{
    grid-template-columns:1fr;
    gap:24px;
  }
}
@media (max-width:620px){
  body.app-page .app-odds-section{
    padding:20px 14px 26px;
  }
  body.app-page .app-odds-banner{
    min-height:160px;
    padding:0;
  }
  body.app-page .app-odds-banner__gear{
    width:90px;
    height:90px;
    font-size:90px;
  }
}

/* Step-by-step play composition */
body.app-page .app-play-section{
  margin:0 0 30px;
  padding:24px 16px 30px;
  background:#004B42;
  border-top:1px solid #087568;
  border-bottom:1px solid #087568;
}
body.app-page #app-guide .app-play-section > .app-tag{
  margin:0 0 24px;
}
body.app-page #app-guide .app-play-section > h2{
  margin:0 0 24px;
  font-family:Antonio,sans-serif;
  font-size:clamp(40px,5vw,58px);
  line-height:1.03;
  font-weight:600;
  color:#fff;
}
body.app-page .app-play-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,360px);
  gap:40px;
  align-items:start;
}
body.app-page .app-play-copy > p{
  margin:0 0 22px !important;
  color:#fff;
  line-height:1.5;
}
body.app-page .app-play-copy > ol{
  margin:0;
  padding-left:30px;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.5;
}
body.app-page .app-play-copy > ol li{
  margin:5px 0;
  padding-left:3px;
}
body.app-page .app-play-shots{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
}
body.app-page .app-play-shot{
  min-width:0;
  margin:0;
  text-align:center;
}
body.app-page .app-play-shot img{
  display:block;
  width:100%;
  height:auto;
  max-height:330px;
  object-fit:contain;
  object-position:top center;
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.28));
}
body.app-page .app-play-shot figcaption{
  margin-top:9px;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  line-height:1.35;
}
html body.app-page .app-play-section > .app-dl-row{
  display:flex;
  justify-content:center;
  gap:24px;
  margin:28px 0 0;
}
html body.app-page .app-play-section > .app-dl-row .pulse-btn{
  min-width:185px;
  padding:13px 24px;
}
@media (max-width:820px){
  body.app-page .app-play-layout{
    grid-template-columns:1fr;
  }
  body.app-page .app-play-shots{
    width:min(380px,100%);
    margin:0 auto;
  }
}
@media (max-width:620px){
  body.app-page .app-play-section{
    padding:20px 14px 24px;
  }
  html body.app-page .app-play-section > .app-dl-row{
    flex-direction:column;
    gap:12px;
  }
  html body.app-page .app-play-section > .app-dl-row .pulse-btn{
    width:100%;
  }
}

/* App bonuses composition */
body.app-page .app-bonus-section{
  margin:0 0 30px;
  padding:24px 16px 20px;
  background:#004B42;
  border-top:1px solid #087568;
  border-bottom:1px solid #087568;
}
body.app-page #app-guide .app-bonus-section > .app-tag{
  margin:0 0 24px;
}
body.app-page #app-guide .app-bonus-section > h2{
  margin:0 0 20px;
  font-family:Antonio,sans-serif;
  font-size:clamp(40px,5vw,58px);
  line-height:1.03;
  font-weight:600;
  color:#fff;
}
body.app-page #app-guide .app-bonus-section > p:not(.app-tag){
  margin:0 0 26px !important;
  color:#fff;
  line-height:1.5;
}
body.app-page .app-bonus-layout{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(250px,.72fr);
  gap:28px;
  align-items:start;
}
html body.app-page .app-bonus-section .app-bonus-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin:0;
}
html body.app-page .app-bonus-section .app-bonus-card{
  min-width:0;
  min-height:310px;
  padding:28px;
  background:#006A5C !important;
  border:1px solid #128477;
  border-radius:20px;
  box-shadow:none;
  color:#fff;
}
body.app-page #app-guide .app-bonus-section .app-bonus-card > h3{
  margin:0 0 14px;
  font-family:Montserrat,Arial,sans-serif;
  font-size:21px;
  line-height:1.3;
  font-weight:500;
  color:#FFB07A;
}
body.app-page .app-bonus-section .app-bonus-card__sub{
  margin:0 0 14px !important;
  color:#fff;
  font-size:18px;
  font-weight:700;
}
body.app-page .app-bonus-section .app-bonus-card ul{
  margin:0;
  padding:0;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  line-height:1.45;
}
body.app-page .app-bonus-section .app-bonus-card li{
  margin:10px 0;
}
body.app-page .app-bonus-shots{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
body.app-page .app-bonus-shots figure{
  min-width:0;
  margin:0;
  display:grid;
  grid-template-rows:280px auto;
  align-items:start;
  text-align:center;
}
body.app-page .app-bonus-shots img{
  display:block;
  width:100%;
  height:280px;
  object-fit:contain;
  object-position:bottom center;
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.28));
}
body.app-page .app-bonus-shots figcaption{
  margin-top:8px;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:1.35;
}
body.app-page .app-bonus-terms{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin:28px 0 0;
  padding:22px 28px;
  background:#003B35;
  border:1px solid #FFB07A;
  border-radius:18px;
}
body.app-page .app-bonus-terms > div{
  min-width:0;
}
body.app-page .app-bonus-terms strong{
  display:block;
  margin-bottom:8px;
  color:#FFB07A;
  font-size:13px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
body.app-page #app-guide .app-bonus-terms p{
  margin:0 !important;
  color:rgba(255,255,255,.84);
  font-size:13px;
  line-height:1.45;
}
body.app-page .app-bonus-terms .pulse-btn{
  flex:0 0 auto;
  min-width:170px;
  padding:12px 20px;
  text-align:center;
}
@media (max-width:900px){
  body.app-page .app-bonus-layout{
    grid-template-columns:1fr;
  }
  body.app-page .app-bonus-shots{
    width:min(380px,100%);
    margin:0 auto;
  }
}
@media (max-width:620px){
  body.app-page .app-bonus-section{
    padding:20px 14px;
  }
  html body.app-page .app-bonus-section .app-bonus-grid{
    grid-template-columns:1fr;
  }
  html body.app-page .app-bonus-section .app-bonus-card{
    min-height:0;
    padding:24px 20px;
  }
  body.app-page .app-bonus-terms{
    flex-direction:column;
    align-items:stretch;
    padding:20px;
  }
  body.app-page .app-bonus-terms .pulse-btn{
    width:100%;
  }
}

/* Bonus claim steps */
body.app-page .app-bonus-claim{
  position:relative;
  margin:0 0 30px;
  padding:26px 24px 24px;
  overflow:hidden;
  background:#003B35;
  border:1px solid #087568;
  border-radius:18px;
  box-shadow:0 14px 30px rgba(0,0,0,.2);
}
body.app-page .app-bonus-claim::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:#FFB07A;
}
body.app-page #app-guide .app-bonus-claim > h3{
  margin:0 0 20px;
  font-family:Antonio,sans-serif;
  font-size:clamp(30px,4vw,42px);
  line-height:1.08;
  font-weight:600;
  color:#fff;
}
body.app-page .app-bonus-claim > ol{
  margin:0 0 20px;
  padding:0;
  list-style:none;
  counter-reset:bonus-step;
}
body.app-page .app-bonus-claim > ol li{
  position:relative;
  min-height:28px;
  margin:8px 0;
  padding:4px 0 3px 40px;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.45;
  counter-increment:bonus-step;
}
body.app-page .app-bonus-claim > ol li::before{
  content:counter(bonus-step);
  position:absolute;
  top:0;
  left:0;
  display:flex;
  width:28px;
  height:28px;
  align-items:center;
  justify-content:center;
  background:#FFB07A;
  border-radius:50%;
  color:#2A1A10;
  font-size:13px;
  font-weight:800;
}
body.app-page .app-bonus-claim > p{
  margin:0 0 16px !important;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.55;
}
body.app-page .app-bonus-claim > .app-note{
  margin:20px 0 0 !important;
  padding:4px 0 4px 15px;
  background:transparent !important;
  border:0 !important;
  border-left:3px solid #FFB07A !important;
  border-radius:0 !important;
  color:#E8F5F2;
}
body.app-page .app-bonus-claim > .app-note a{
  color:#FFB07A !important;
  text-decoration-color:#FFB07A;
}
@media (max-width:620px){
  body.app-page .app-bonus-claim{
    padding:23px 16px 20px;
    border-radius:14px;
  }
  body.app-page .app-bonus-claim > ol li{
    padding-left:37px;
    font-size:14px;
  }
}

/* Payments composition, intentionally without a top banner */
body.app-page .app-payments-section{
  margin:0 0 30px;
  padding:24px 16px 32px;
  background:#004B42;
  border-top:1px solid #087568;
  border-bottom:1px solid #087568;
}
body.app-page #app-guide .app-payments-section > .app-tag{
  margin:0 0 22px;
}
body.app-page #app-guide .app-payments-section > h2{
  margin:0 0 26px;
  font-family:Antonio,sans-serif;
  font-size:clamp(40px,5vw,58px);
  line-height:1.03;
  font-weight:600;
  color:#fff;
}
body.app-page .app-payments-layout{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(340px,.72fr);
  gap:36px;
  align-items:start;
}
body.app-page .app-payments-copy > p{
  margin:0 0 14px !important;
  color:#fff;
  line-height:1.5;
}
body.app-page .app-payments-copy > .app-note{
  margin:0 0 18px !important;
  padding-left:14px;
  border-left:3px solid #FFB07A;
}
body.app-page #app-guide .app-payments-copy > h3,
body.app-page #app-guide .app-payments-section > h3{
  margin:18px 0 10px;
  font-family:Montserrat,Arial,sans-serif;
  font-size:15px;
  line-height:1.3;
  font-weight:700;
  color:#fff;
}
body.app-page .app-payments-copy > ul,
body.app-page .app-payments-section > ul{
  margin:0;
  padding-left:26px;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:1.5;
}
body.app-page .app-payments-copy > ul li,
body.app-page .app-payments-section > ul li{
  margin:4px 0;
}
body.app-page .app-payment-phones{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  padding-top:4px;
}
body.app-page .app-payment-phone{
  min-width:0;
  margin:0;
  text-align:center;
}
body.app-page .app-payment-phone__screen{
  position:relative;
  display:flex;
  width:100%;
  height:305px;
  min-height:0;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:0;
  overflow:hidden;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
body.app-page .app-payment-phone__screen > img{
  display:block;
  width:auto;
  max-width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.28));
}
body.app-page .app-payment-phone__notch{
  position:absolute;
  top:0;
  left:50%;
  width:48%;
  height:16px;
  border-radius:0 0 12px 12px;
  background:#111;
  transform:translateX(-50%);
}
body.app-page .app-payment-phone__screen > strong{
  display:block;
  margin-bottom:14px;
  color:#004B42;
  font-size:13px;
}
body.app-page .app-payment-phone__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
body.app-page .app-payment-phone__grid span{
  display:flex;
  min-height:44px;
  align-items:center;
  justify-content:center;
  padding:6px 4px;
  background:#fff;
  border:1px solid rgba(0,75,66,.18);
  border-radius:8px;
  color:#004B42;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:700;
  overflow-wrap:anywhere;
}
body.app-page .app-payment-phone__grid--crypto span{
  background:#E7F3EF;
}
body.app-page .app-payment-phone figcaption{
  margin-top:9px;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:1.35;
}
body.app-page #app-guide .app-payments-section > h3{
  margin-top:26px;
}
html body.app-page .app-payments-section .table-wrapper{
  margin:14px 0 0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow-x:auto;
}
html body.app-page .app-payments-section table{
  width:100% !important;
  min-width:760px;
  margin:0 !important;
  border:2px solid #128477 !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  background:#003B35 !important;
  background-color:#003B35 !important;
  box-shadow:none !important;
}
html body.app-page .app-payments-section table :is(thead,tbody,tr),
html body.app-page .app-payments-section.app-payments-section table thead tr th,
html body.app-page .app-payments-section.app-payments-section table tbody tr th,
html body.app-page .app-payments-section.app-payments-section table tbody tr td{
  background:#003B35 !important;
  background-color:#003B35 !important;
  background-image:none !important;
}
html body.app-page .app-payments-section table thead tr th,
html body.app-page .app-payments-section table tbody tr th,
html body.app-page .app-payments-section table tbody tr td{
  padding:9px 8px !important;
  border:1px solid #128477 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.35 !important;
  vertical-align:middle !important;
}
html body.app-page .app-payments-section table thead tr th{
  font-weight:700 !important;
  text-align:center !important;
  white-space:nowrap;
}
html body.app-page .app-payments-section table tbody tr th,
html body.app-page .app-payments-section table tbody tr td{
  font-weight:500 !important;
  text-align:left !important;
}
@media (max-width:900px){
  body.app-page .app-payments-layout{
    grid-template-columns:1fr;
  }
  body.app-page .app-payment-phones{
    width:min(390px,100%);
    margin:0 auto;
  }
}
@media (max-width:620px){
  body.app-page .app-payments-section{
    padding:20px 14px 26px;
  }
  body.app-page .app-payment-phone__screen{
    height:280px;
    min-height:0;
  }
}

/* Crypto section */
body.app-page .app-crypto-section{
  margin:0 0 30px;
  padding:24px 16px 28px;
  background:#004B42;
  border-top:1px solid #087568;
  border-bottom:1px solid #087568;
}
body.app-page #app-guide .app-crypto-section > .app-tag{
  margin:0 0 22px;
}
body.app-page #app-guide .app-crypto-section > h2{
  margin:0 0 18px;
  font-family:Antonio,sans-serif;
  font-size:clamp(34px,4.5vw,52px);
  line-height:1.05;
  font-weight:600;
  color:#fff;
}
body.app-page #app-guide .app-crypto-section > h2 + h2,
body.app-page #app-guide .app-crypto-section > ol + h2,
body.app-page #app-guide .app-crypto-section > ul + h2,
body.app-page #app-guide .app-crypto-section > p + h2{
  margin-top:28px;
}
body.app-page .app-crypto-section > p{
  margin:0 0 14px !important;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.55;
}
body.app-page .app-crypto-section > p strong{
  color:#fff;
}
body.app-page .app-crypto-section > .app-check{
  margin:0 0 8px;
  padding:0;
  list-style:none;
}
body.app-page .app-crypto-section > .app-check li{
  margin:8px 0;
  padding-left:1.7rem;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.5;
}
body.app-page .app-crypto-section > .app-crypto-steps{
  margin:0 0 18px;
  padding:0;
  list-style:none;
  counter-reset:crypto-step;
}
body.app-page .app-crypto-section > .app-crypto-steps li{
  position:relative;
  min-height:28px;
  margin:10px 0;
  padding:3px 0 3px 40px;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.5;
  counter-increment:crypto-step;
}
body.app-page .app-crypto-section > .app-crypto-steps li::before{
  content:counter(crypto-step);
  position:absolute;
  top:0;
  left:0;
  display:flex;
  width:28px;
  height:28px;
  align-items:center;
  justify-content:center;
  background:#FFB07A;
  border-radius:50%;
  color:#2A1A10;
  font-size:13px;
  font-weight:800;
}
body.app-page .app-crypto-section > .app-crypto-foot{
  margin:18px 0 0 !important;
  padding:4px 0 4px 15px;
  border-left:3px solid #FFB07A;
  color:#E8F5F2;
}
body.app-page .app-crypto-section a{
  color:#FFB07A !important;
  text-decoration-color:#FFB07A;
}
@media (max-width:620px){
  body.app-page .app-crypto-section{
    padding:20px 14px 24px;
  }
  body.app-page .app-crypto-section > .app-crypto-steps li{
    padding-left:37px;
    font-size:14px;
  }
}

/* Responsible gaming section */
body.app-page .app-responsible-section{
  margin:0 0 30px;
  padding:24px 16px 28px;
  background:#003B35;
  border-top:1px solid #087568;
  border-bottom:1px solid #087568;
}
body.app-page #app-guide .app-responsible-section > .app-tag{
  margin:0 0 26px;
}
body.app-page #app-guide .app-responsible-section > h2{
  margin:0 0 22px;
  color:#fff;
}
body.app-page .app-responsible-section > p{
  margin:0 0 18px !important;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.55;
}
body.app-page .app-responsible-section > ul{
  margin:0 0 20px;
  padding-left:28px;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.5;
}
body.app-page .app-responsible-section > ul li{
  margin:6px 0;
}
body.app-page .app-responsible-section > ul strong{
  color:#fff;
}
body.app-page .app-responsible-section a{
  color:#FFB07A !important;
  text-decoration-color:#FFB07A;
}
body.app-page .app-responsible-section > .app-responsible-foot{
  margin:22px 0 0 !important;
  padding:4px 0 4px 15px;
  border-left:3px solid #FFB07A;
  color:#E8F5F2;
}
@media (max-width:620px){
  body.app-page .app-responsible-section{
    padding:20px 14px 24px;
  }
  body.app-page .app-responsible-section > p,
  body.app-page .app-responsible-section > ul{
    font-size:14px;
  }
}

/* Legality and safety section, without a banner */
body.app-page .app-legal-section{
  margin:0 0 30px;
  padding:24px 16px 28px;
  background:#004B42;
  border-top:1px solid #087568;
  border-bottom:1px solid #087568;
}
body.app-page #app-guide .app-legal-section > .app-tag{
  margin:0 0 26px;
}
body.app-page #app-guide .app-legal-section > h2{
  margin:0 0 28px;
  color:#fff;
}
body.app-page .app-legal-section > p{
  max-width:780px;
  margin:0 0 20px !important;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.55;
}
body.app-page .app-legal-section > p strong{
  color:#fff;
}
body.app-page .app-legal-section > .app-legal-note{
  margin:24px 0 !important;
  padding:5px 0 5px 15px;
  border-left:3px solid #FFB07A;
  color:#E8F5F2;
}
body.app-page .app-legal-section > .app-legal-tools{
  margin:0 0 24px;
  padding-left:28px;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.5;
}
body.app-page .app-legal-section > .app-legal-tools li{
  margin:6px 0;
}
body.app-page .app-legal-section > .app-dl-row{
  margin:30px 0 0;
}
@media (max-width:620px){
  body.app-page .app-legal-section{
    padding:20px 14px 24px;
  }
  body.app-page .app-legal-section > p,
  body.app-page .app-legal-section > .app-legal-tools{
    font-size:14px;
  }
}

/* Platform comparison section, without a banner */
body.app-page .app-compare-section{
  margin:0 0 30px;
  padding:24px 16px 28px;
  background:#003B35;
  border-top:1px solid #087568;
  border-bottom:1px solid #087568;
}
body.app-page #app-guide .app-compare-section > .app-tag{
  margin:0 0 26px;
}
body.app-page #app-guide .app-compare-section > h2{
  max-width:900px;
  margin:0 0 24px;
  color:#fff;
}
body.app-page .app-compare-section > p{
  max-width:820px;
  margin:0 0 18px !important;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.55;
}
body.app-page .app-compare-section > ul{
  max-width:820px;
  margin:0 0 22px;
  padding-left:28px;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.5;
}
body.app-page .app-compare-section > ul li{
  margin:6px 0;
}
body.app-page .app-compare-section > ul strong{
  color:#fff;
}
body.app-page #app-guide .app-compare-section > h3{
  margin:26px 0 14px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.3;
  font-weight:700;
  color:#fff;
}
html body.app-page .app-compare-section .table-wrapper{
  margin:0 !important;
  padding:0 !important;
  overflow-x:auto;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html body.app-page .app-compare-section table{
  width:100% !important;
  min-width:760px;
  margin:0 !important;
  border:2px solid #128477 !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  background:#002F2B !important;
  box-shadow:none !important;
}
html body.app-page .app-compare-section table :is(thead,tbody,tr),
html body.app-page .app-compare-section.app-compare-section table :is(th,td){
  background:#002F2B !important;
  background-color:#002F2B !important;
  background-image:none !important;
}
html body.app-page .app-compare-section table :is(th,td){
  padding:9px 8px !important;
  border:1px solid #128477 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.35 !important;
  vertical-align:middle !important;
}
html body.app-page .app-compare-section table thead th{
  font-weight:700 !important;
  text-align:center !important;
  white-space:nowrap;
}
html body.app-page .app-compare-section table tbody :is(th,td){
  font-weight:500 !important;
  text-align:left !important;
}
body.app-page .app-compare-section > .app-dl-row{
  margin-top:26px !important;
}
@media (max-width:620px){
  body.app-page .app-compare-section{
    padding:20px 14px 24px;
  }
  body.app-page .app-compare-section > p,
  body.app-page .app-compare-section > ul{
    font-size:14px;
  }
}

/* Home intro and fractional rating */
html body #casino-intro#casino-intro{
  margin-bottom:22px;
  padding:26px 28px !important;
  background:#004B42 !important;
  background-color:#004B42 !important;
  background-image:none !important;
  border:1px solid #087568 !important;
  border-radius:16px !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
}
html body #casino-intro#casino-intro > p{
  margin:0 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:17px !important;
  line-height:1.55 !important;
}
html body #casino-intro#casino-intro .home-intro-rating{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid rgba(89,184,168,.3);
  color:#fff;
  font-size:16px;
  line-height:1;
}
html body #casino-intro#casino-intro .home-intro-rating > strong{
  color:#fff;
  font-size:21px;
  font-weight:800;
}
html body #casino-intro#casino-intro .home-intro-rating__stars{
  display:inline-flex;
  align-items:center;
  color:#FFB07A;
  font-size:22px;
  letter-spacing:2px;
  line-height:1;
  white-space:nowrap;
}
html body #casino-intro#casino-intro .home-intro-rating__full{
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
}
html body #casino-intro#casino-intro .home-intro-rating__partial{
  position:relative;
  display:inline-block;
  line-height:1;
  letter-spacing:0;
}
html body #casino-intro#casino-intro .home-intro-rating__empty{
  display:block;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #casino-intro#casino-intro .home-intro-rating__fill{
  position:absolute;
  top:0;
  left:0;
  width:50%;
  overflow:hidden;
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
  white-space:nowrap;
}
@media (max-width:620px){
  html body #casino-intro#casino-intro{
    padding:20px 18px !important;
    border-radius:14px !important;
  }
  html body #casino-intro#casino-intro > p{
    font-size:15px !important;
  }
  html body #casino-intro#casino-intro .home-intro-rating{
    font-size:14px;
  }
}

/* Dark information tables on the home page */
html body #facts#facts .app-info-card,
html body #facts#facts .app-info-card__table,
html body #facts#facts .app-info-card__table :is(table,tbody,tr,th,td),
html body #facts#facts .app-info-card__table tbody tr:nth-child(odd) :is(th,td),
html body #facts#facts .app-info-card__table tbody tr:nth-child(even) :is(th,td),
html body #facts#facts .app-info-card__table tbody tr:hover :is(th,td){
  background:#004B42 !important;
  background-color:#004B42 !important;
  background-image:none !important;
}
html body #facts#facts .app-info-card__table :is(th,td){
  border-bottom-color:rgba(89,184,168,.24) !important;
}

/* Dark surfaces for the opening App blocks */
html body.app-page .app-top-hero{
  background:#004B42 !important;
  background-color:#004B42 !important;
  background-image:none !important;
  border-color:#087568 !important;
}
html body.app-page .app-reference-section{
  background:#004B42 !important;
  background-color:#004B42 !important;
  background-image:none !important;
  border-color:#087568 !important;
}
html body.app-page .app-reference-section .app-specs-table{
  border-color:#128477 !important;
  background:#003B35 !important;
}
html body.app-page .app-reference-section .app-specs-table :is(table,thead,tbody,tr,th,td){
  background:#003B35 !important;
  background-color:#003B35 !important;
  background-image:none !important;
}
html body.app-page .app-reference-section .app-specs-table :is(th,td){
  border-color:#128477 !important;
}
html body.app-page .app-reference-section .app-overview-table,
html body.app-page .app-reference-section .app-overview-table :is(table,tbody,tr,th,td){
  background:#003B35 !important;
  background-color:#003B35 !important;
  background-image:none !important;
}

/* Unified headings for all main App-page blocks */
body.app-page #app-guide :is(
  .app-reference-section > h2,
  .app-ecosystem-intro h2,
  .app-install-section > h2,
  .app-features-section > h2,
  .app-availability-section > h3,
  .app-odds-section > h3,
  .app-play-section > h2,
  .app-bonus-section > h2,
  .app-bonus-claim > h3,
  .app-payments-section > h2,
  .app-crypto-section > h2,
  #app-rg,
  #app-legal,
  #app-compare
){
  font-family:Antonio,sans-serif !important;
  font-size:clamp(32px,3.7vw,42px) !important;
  line-height:1.08 !important;
  font-weight:600 !important;
}

/* ==========================================================================
   SITE BUTTONS - single source of truth: flat orange, same pill as sidebar.
   The :is() list is repeated on purpose: it raises specificity above the
   older per-page button overrides earlier in this file, which all use
   !important. Keep this block last.
   ========================================================================== */
html body :is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip){
  background:#FFB07A !important;
  background-color:#FFB07A !important;
  background-image:none !important;
  border-color:rgba(0,0,0,.18) !important;
  border-radius:12px !important;
  clip-path:none !important;
  color:#2a1a10 !important;
  -webkit-text-fill-color:#2a1a10 !important;
  text-shadow:none !important;
  filter:none !important;
}
html body .chips a.chip{
  border-radius:999px !important;
}

html body :is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip)::before,
html body :is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip)::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
}

html body :is(.btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):is(.btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip) :is(span, strong, svg, svg path, svg circle, svg rect, svg line){
  color:#2a1a10 !important;
  -webkit-text-fill-color:#2a1a10 !important;
  stroke:#2a1a10 !important;
  filter:none !important;
}

html body :is(.offers-trigger, .head-search-ico):is(.offers-trigger, .head-search-ico) .offers-trigger__ico,
html body .offers-trigger .offers-trigger__ico{
  filter:brightness(0) !important;
}

@media (hover:hover){
  html body :is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):hover{
    background:#FFC08F !important;
    background-color:#FFC08F !important;
    background-image:none !important;
    color:#2a1a10 !important;
    -webkit-text-fill-color:#2a1a10 !important;
  }
}

/* Chips use the dark-green reference surface */
html body .chips.chips a.chip{
  background:#004B42 !important;
  background-color:#004B42 !important;
  background-image:none !important;
  border-color:#087568 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body .chips.chips a.chip :is(span,strong){
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
@media (hover:hover){
  html body .chips.chips a.chip:hover{
    background:#00584D !important;
    background-color:#00584D !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }
}

/* Home login block in the dark App-section style */
html body #login#login.login-section{
  margin-bottom:30px;
  padding:24px 18px 28px !important;
  overflow:hidden;
  background:#003B35 !important;
  background-color:#003B35 !important;
  background-image:none !important;
  border-top:1px solid #087568 !important;
  border-bottom:1px solid #087568 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html body #login#login > .home-section-tag{
  display:inline-flex;
  width:auto;
  margin:0 0 20px !important;
  padding:8px 15px;
  background:#FFB07A !important;
  border-radius:999px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  line-height:1;
  font-weight:700;
}
html body #login#login > h2{
  margin:0 0 24px !important;
  font-family:Antonio,sans-serif !important;
  font-size:clamp(32px,3.7vw,42px) !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #login#login .login-flow__content > p{
  margin:0 0 18px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
html body #login#login .login-flow__content > h3{
  margin:22px 0 12px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:20px !important;
  line-height:1.3 !important;
}
html body #login#login .login-flow__content a{
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
  text-decoration-color:#FFB07A !important;
}
html body #login#login .login-banner-block__link{
  overflow:hidden;
  background:#004B42 !important;
  border:1px solid #087568 !important;
}
html body #login#login .login-banner-block__img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
}
@media (max-width:860px){
  html body #login#login.login-section{
    padding:20px 14px 24px !important;
  }
  html body #login#login .login-flow__content > p{
    font-size:14px !important;
  }
}

/* Home bonus block in the same dark section style */
html body #bonuses#bonuses{
  margin-bottom:30px;
  padding:24px 18px 28px !important;
  background:#003B35 !important;
  background-color:#003B35 !important;
  background-image:none !important;
  border-top:1px solid #087568 !important;
  border-bottom:1px solid #087568 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html body #bonuses#bonuses > .home-section-tag{
  display:inline-flex;
  width:auto;
  margin:0 0 20px !important;
  padding:8px 15px;
  background:#FFB07A !important;
  border-radius:999px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  line-height:1;
  font-weight:700;
}
html body #bonuses#bonuses > h2{
  margin:0 0 24px !important;
  font-family:Antonio,sans-serif !important;
  font-size:clamp(32px,3.7vw,42px) !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #bonuses#bonuses > h3{
  margin:24px 0 12px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:20px !important;
  line-height:1.3 !important;
}
html body #bonuses#bonuses > p{
  margin:0 0 18px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
html body #bonuses#bonuses > ul{
  margin:0 0 22px;
  padding-left:28px;
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.5 !important;
}
html body #bonuses#bonuses > ul li{
  margin:6px 0;
  color:#fff !important;
}
html body #bonuses#bonuses > p a{
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
  text-decoration-color:#FFB07A !important;
}
@media (max-width:620px){
  html body #bonuses#bonuses{
    padding:20px 14px 24px !important;
  }
  html body #bonuses#bonuses > p,
  html body #bonuses#bonuses > ul{
    font-size:14px !important;
  }
}

/* Home payments block in the same dark section style */
html body #payments#payments{
  margin-bottom:30px;
  padding:24px 18px 28px !important;
  background:#003B35 !important;
  background-color:#003B35 !important;
  background-image:none !important;
  border-top:1px solid #087568 !important;
  border-bottom:1px solid #087568 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html body #payments#payments > .home-section-tag{
  display:inline-flex;
  width:auto;
  margin:0 0 20px !important;
  padding:8px 15px;
  background:#FFB07A !important;
  border-radius:999px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  line-height:1;
  font-weight:700;
}
html body #payments#payments > h2{
  margin:0 0 24px !important;
  font-family:Antonio,sans-serif !important;
  font-size:clamp(32px,3.7vw,42px) !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #payments#payments > h3{
  margin:24px 0 12px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:20px !important;
  line-height:1.3 !important;
}
html body #payments#payments > p{
  margin:0 0 18px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
html body #payments#payments > ul{
  margin:0 0 22px;
  padding-left:28px;
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.5 !important;
}
html body #payments#payments > ul li{
  margin:6px 0;
  color:#fff !important;
}
html body #payments#payments > p a{
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
  text-decoration-color:#FFB07A !important;
}
@media (max-width:620px){
  html body #payments#payments{
    padding:20px 14px 24px !important;
  }
  html body #payments#payments > p,
  html body #payments#payments > ul{
    font-size:14px !important;
  }
}

/* Home slots showcase */
html body #slots#slots{
  margin-bottom:30px;
  padding:24px 18px 28px !important;
  background:#003B35 !important;
  background-color:#003B35 !important;
  background-image:none !important;
  border-top:1px solid #087568 !important;
  border-bottom:1px solid #087568 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html body #slots#slots > .home-section-tag{
  display:inline-flex;
  width:auto;
  margin:0 0 20px !important;
  padding:8px 15px;
  background:#FFB07A !important;
  border-radius:999px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  line-height:1;
  font-weight:700;
}
html body #slots#slots > h2{
  margin:0 0 18px !important;
  font-family:Antonio,sans-serif !important;
  font-size:clamp(32px,3.7vw,42px) !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #slots#slots > p:not(.home-section-tag){
  max-width:900px;
  margin:0 0 22px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
html body #slots#slots .popular-games__grid{
  gap:14px !important;
}
html body #slots#slots .popular-games__card{
  overflow:hidden;
  background:#004B42 !important;
  background-color:#004B42 !important;
  background-image:none !important;
  border:1px solid #087568 !important;
  border-radius:12px !important;
  box-shadow:0 10px 20px rgba(0,0,0,.18) !important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
html body #slots#slots .popular-games__media{
  overflow:hidden;
  background:#004B42 !important;
}
html body #slots#slots .popular-games__meta{
  min-height:52px;
  padding:12px 10px !important;
  background:#004B42 !important;
  background-color:#004B42 !important;
  background-image:none !important;
  border-top:3px solid #FFB07A !important;
}
html body #slots#slots .popular-games__title{
  margin:0 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}
@media (hover:hover){
  html body #slots#slots .popular-games__card:hover{
    transform:translateY(-3px);
    border-color:#FFB07A !important;
    box-shadow:0 14px 26px rgba(0,0,0,.26) !important;
  }
}
@media (max-width:620px){
  html body #slots#slots{
    padding:20px 14px 24px !important;
  }
  html body #slots#slots > p:not(.home-section-tag){
    font-size:14px !important;
  }
}

/* Home live-casino showcase */
html body #games#games{
  margin-bottom:30px;
  padding:24px 18px 28px !important;
  background:#003B35 !important;
  background-color:#003B35 !important;
  background-image:none !important;
  border-top:1px solid #087568 !important;
  border-bottom:1px solid #087568 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html body #games#games > .home-section-tag{
  display:inline-flex;
  width:auto;
  margin:0 0 20px !important;
  padding:8px 15px;
  background:#FFB07A !important;
  border-radius:999px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  line-height:1;
  font-weight:700;
}
html body #games#games > h2{
  margin:0 0 18px !important;
  font-family:Antonio,sans-serif !important;
  font-size:clamp(32px,3.7vw,42px) !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #games#games > h3{
  margin:24px 0 12px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:20px !important;
  line-height:1.3 !important;
}
html body #games#games > p{
  margin:0 0 18px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
html body #games#games > ul{
  margin:0 0 24px;
  padding-left:28px;
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.5 !important;
}
html body #games#games > ul li{
  margin:6px 0;
  color:#fff !important;
}
html body #games#games > .grid{
  gap:18px !important;
  margin:24px 0 20px;
}
html body #games#games .card{
  overflow:hidden;
  background:#004B42 !important;
  background-color:#004B42 !important;
  background-image:none !important;
  border:1px solid #087568 !important;
  border-radius:12px !important;
  box-shadow:0 10px 20px rgba(0,0,0,.18) !important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
html body #games#games .card .info{
  min-height:66px;
  padding:12px 14px !important;
  background:#004B42 !important;
  background-color:#004B42 !important;
  background-image:none !important;
  border-top:3px solid #FFB07A !important;
}
html body #games#games .card .title{
  margin:0 0 4px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:700 !important;
}
html body #games#games .card .vendor{
  margin:0 !important;
  color:#BFD8D3 !important;
  -webkit-text-fill-color:#BFD8D3 !important;
}
@media (hover:hover){
  html body #games#games .card:hover{
    transform:translateY(-3px);
    border-color:#FFB07A !important;
    box-shadow:0 14px 26px rgba(0,0,0,.26) !important;
  }
}
@media (max-width:620px){
  html body #games#games{
    padding:20px 14px 24px !important;
  }
  html body #games#games > p,
  html body #games#games > ul{
    font-size:14px !important;
  }
}

/* Home App block and platform guide cards */
html body #app#app{
  margin-bottom:30px;
  padding:24px 18px 28px !important;
  background:#003B35 !important;
  background-color:#003B35 !important;
  background-image:none !important;
  border-top:1px solid #087568 !important;
  border-bottom:1px solid #087568 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html body #app#app > .home-section-tag{
  display:inline-flex;
  width:auto;
  margin:0 0 20px !important;
  padding:8px 15px;
  background:#FFB07A !important;
  border-radius:999px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  line-height:1;
  font-weight:700;
}
html body #app#app > h2{
  margin:0 0 20px !important;
  font-family:Antonio,sans-serif !important;
  font-size:clamp(32px,3.7vw,42px) !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #app#app > h3{
  margin:24px 0 12px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:20px !important;
  line-height:1.3 !important;
}
html body #app#app > p{
  margin:0 0 18px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
html body #app#app > ul{
  margin:0 0 22px;
  padding-left:28px;
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.5 !important;
}
html body #app#app > ul li{
  margin:6px 0;
  color:#fff !important;
}
html body #app#app > p a{
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
  text-decoration-color:#FFB07A !important;
}
html body #app#app > .home-app-guides-title{
  margin:30px 0 18px !important;
  font-family:Antonio,sans-serif !important;
  font-size:clamp(28px,3.2vw,38px) !important;
  font-weight:600 !important;
}
html body #app#app .home-app-guides{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
html body #app#app .home-app-guide-card{
  display:flex;
  min-width:0;
  min-height:210px;
  flex-direction:column;
  align-items:flex-start;
  padding:28px;
  background:#004B42 !important;
  background-color:#004B42 !important;
  background-image:none !important;
  border:1px solid #087568 !important;
  border-radius:16px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 10px 20px rgba(0,0,0,.16);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
html body #app#app .home-app-guide-card__icon{
  display:flex;
  width:58px;
  height:58px;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  border-radius:14px;
  color:#fff;
}
html body #app#app .home-app-guide-card__icon svg{
  display:block;
  width:36px;
  height:36px;
  fill:currentColor;
}
html body #app#app .home-app-guide-card__icon--android{
  background:#FFB07A;
}
html body #app#app .home-app-guide-card__icon--ios{
  background:#0D0D0D;
}
html body #app#app .home-app-guide-card__icon--windows{
  background:#08A99A;
}
html body #app#app .home-app-guide-card__label{
  margin-bottom:14px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px;
  line-height:1.2;
  font-weight:700;
  text-decoration:underline;
}
html body #app#app .home-app-guide-card__title{
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
  font-size:22px;
  line-height:1.25;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
@media (hover:hover){
  html body #app#app .home-app-guide-card:hover{
    transform:translateY(-3px);
    border-color:#FFB07A !important;
    box-shadow:0 14px 26px rgba(0,0,0,.25);
  }
}
@media (max-width:760px){
  html body #app#app .home-app-guides{
    grid-template-columns:1fr;
  }
  html body #app#app .home-app-guide-card{
    min-height:0;
  }
}
@media (max-width:620px){
  html body #app#app{
    padding:20px 14px 24px !important;
  }
  html body #app#app > p,
  html body #app#app > ul{
    font-size:14px !important;
  }
}

/* Home providers showcase */
html body #providers#providers{
  margin-bottom:30px;
  padding:24px 18px 28px !important;
  background:#003B35 !important;
  background-color:#003B35 !important;
  background-image:none !important;
  border-top:1px solid #087568 !important;
  border-bottom:1px solid #087568 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html body #providers#providers > .home-section-tag{
  display:inline-flex;
  width:auto;
  margin:0 0 20px !important;
  padding:8px 15px;
  background:#FFB07A !important;
  border-radius:999px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  line-height:1;
  font-weight:700;
}
html body #providers#providers > h2{
  margin:0 0 18px !important;
  font-family:Antonio,sans-serif !important;
  font-size:clamp(32px,3.7vw,42px) !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #providers#providers > p{
  margin:0 0 18px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
html body #providers#providers .prov-grid{
  gap:18px !important;
  margin:24px 0 8px;
}
html body #providers#providers .prov{
  overflow:hidden;
  background:#004B42 !important;
  background-color:#004B42 !important;
  background-image:none !important;
  border:1px solid #087568 !important;
  border-radius:12px !important;
  box-shadow:0 10px 20px rgba(0,0,0,.18) !important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
html body #providers#providers .prov .prov-media{
  background:#004B42 !important;
}
html body #providers#providers .prov .prov-name{
  display:block;
  padding:12px 10px !important;
  background:#004B42 !important;
  background-color:#004B42 !important;
  border-top:3px solid #FFB07A !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:700 !important;
  text-align:center;
}
@media (hover:hover){
  html body #providers#providers .prov:hover{
    transform:translateY(-3px);
    border-color:#FFB07A !important;
    box-shadow:0 14px 26px rgba(0,0,0,.26) !important;
  }
}
@media (max-width:620px){
  html body #providers#providers{
    padding:20px 14px 24px !important;
  }
  html body #providers#providers > p{
    font-size:14px !important;
  }
}

/* Home registration block */
html body #register#register{
  margin-bottom:30px;
  padding:24px 18px 28px !important;
  background:#003B35 !important;
  background-color:#003B35 !important;
  background-image:none !important;
  border-top:1px solid #087568 !important;
  border-bottom:1px solid #087568 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html body #register#register > .home-section-tag{
  display:inline-flex;
  width:auto;
  margin:0 0 20px !important;
  padding:8px 15px;
  background:#FFB07A !important;
  border-radius:999px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  line-height:1;
  font-weight:700;
}
html body #register#register > h2{
  margin:0 0 18px !important;
  font-family:Antonio,sans-serif !important;
  font-size:clamp(32px,3.7vw,42px) !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #register#register > p{
  margin:0 0 18px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
html body #register#register > .home-register-steps{
  margin:0 0 22px;
  padding:0;
  list-style:none;
  counter-reset:register-step;
}
html body #register#register > .home-register-steps li{
  position:relative;
  min-height:28px;
  margin:10px 0;
  padding:3px 0 3px 40px;
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.5 !important;
  counter-increment:register-step;
}
html body #register#register > .home-register-steps li::before{
  content:counter(register-step);
  position:absolute;
  top:0;
  left:0;
  display:flex;
  width:28px;
  height:28px;
  align-items:center;
  justify-content:center;
  background:#FFB07A;
  border-radius:50%;
  color:#2A1A10;
  font-size:13px;
  font-weight:800;
}
@media (max-width:620px){
  html body #register#register{
    padding:20px 14px 24px !important;
  }
  html body #register#register > p,
  html body #register#register > .home-register-steps li{
    font-size:14px !important;
  }
}

/* Login page platform guides: iOS → Android → Windows */
body.acceso-page .login-platforms-section{
  margin:0 0 28px;
  padding:22px 16px 24px;
  background:#003B35;
  border:1px solid #087568;
  border-radius:14px;
}
body.acceso-page .login-platforms-section > .home-section-tag{
  display:inline-flex;
  width:auto;
  margin:0 0 18px !important;
  padding:8px 15px;
  background:#FFB07A !important;
  border-radius:999px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  line-height:1;
  font-weight:700;
}
body.acceso-page .login-platforms-section > h2{
  margin:0 0 14px !important;
  font-family:Antonio,sans-serif !important;
  font-size:clamp(28px,3.4vw,38px) !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  color:#fff !important;
}
body.acceso-page .login-platforms-section > p{
  margin:0 0 18px !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
body.acceso-page .login-platform-guides{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
body.acceso-page .login-platform-guides .home-app-guide-card{
  display:flex;
  min-width:0;
  min-height:190px;
  flex-direction:column;
  align-items:flex-start;
  padding:24px;
  background:#004B42 !important;
  border:1px solid #087568 !important;
  border-radius:16px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 10px 20px rgba(0,0,0,.16);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
body.acceso-page .login-platform-guides .home-app-guide-card__icon{
  display:flex;
  width:58px;
  height:58px;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
  border-radius:14px;
  color:#fff;
}
body.acceso-page .login-platform-guides .home-app-guide-card__icon svg{
  display:block;
  width:36px;
  height:36px;
  fill:currentColor;
}
body.acceso-page .login-platform-guides .home-app-guide-card__icon--android{
  background:#FFB07A;
}
body.acceso-page .login-platform-guides .home-app-guide-card__icon--ios{
  background:#0D0D0D;
}
body.acceso-page .login-platform-guides .home-app-guide-card__icon--windows{
  background:#08A99A;
}
body.acceso-page .login-platform-guides .home-app-guide-card__label{
  margin-bottom:12px;
  color:#fff !important;
  font-size:14px;
  font-weight:700;
  text-decoration:underline;
}
body.acceso-page .login-platform-guides .home-app-guide-card__title{
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
  font-size:20px;
  line-height:1.25;
  text-decoration:underline;
  text-underline-offset:4px;
}
@media (hover:hover){
  body.acceso-page .login-platform-guides .home-app-guide-card:hover{
    transform:translateY(-3px);
    border-color:#FFB07A !important;
    box-shadow:0 14px 26px rgba(0,0,0,.25);
  }
}
@media (max-width:860px){
  body.acceso-page .login-platform-guides{
    grid-template-columns:1fr;
  }
  body.acceso-page .login-platform-guides .home-app-guide-card{
    min-height:0;
  }
}

/* Login page lead composition */
body.acceso-page main > .page-title{
  margin-bottom:22px !important;
  font-family:Antonio,sans-serif !important;
  font-size:clamp(38px,5vw,54px) !important;
  line-height:1.05 !important;
  font-weight:600 !important;
}
body.acceso-page #login-guide#login-guide > .login-intro{
  position:relative;
  margin:0 0 24px;
  padding:58px 24px 22px;
  overflow:hidden;
  background:#003B35 !important;
  border:1px solid #087568;
  border-radius:16px;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
}
body.acceso-page #login-guide#login-guide > .login-intro::before{
  content:"Secure account access";
  position:absolute;
  top:20px;
  left:24px;
  display:inline-flex;
  padding:7px 14px;
  background:#FFB07A;
  border-radius:999px;
  color:#fff;
  font-size:13px;
  line-height:1;
  font-weight:700;
}
body.acceso-page #login-guide#login-guide > .login-intro .legal-note{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:15px !important;
  line-height:1.6 !important;
}
body.acceso-page #login-guide#login-guide .login-flow{
  gap:24px !important;
}
body.acceso-page #login-guide#login-guide .login-flow__side{
  padding:24px;
  background:#003B35;
  border:1px solid #087568;
  border-radius:16px;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
}
body.acceso-page #login-guide#login-guide .login-flow__side > p{
  margin:0 0 17px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
body.acceso-page #login-guide#login-guide .login-summary-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px !important;
  margin:22px 0 24px !important;
  padding:0 !important;
  list-style:none !important;
}
body.acceso-page #login-guide#login-guide .login-summary-list li{
  position:relative;
  min-width:0;
  margin:0 !important;
  padding:12px 12px 12px 38px;
  background:#004B42;
  border:1px solid rgba(8,117,104,.85);
  border-radius:10px;
  color:#fff !important;
  font-size:13px;
  line-height:1.4;
}
body.acceso-page #login-guide#login-guide .login-summary-list li::before{
  content:"\2713";
  position:absolute;
  top:13px;
  left:13px;
  display:flex;
  width:16px;
  height:16px;
  align-items:center;
  justify-content:center;
  background:#FFB07A;
  border-radius:3px;
  color:#fff;
  font-size:10px;
  font-weight:800;
}
body.acceso-page #login-guide#login-guide .login-guide-map{
  margin:0 !important;
  padding:20px !important;
  background:#002F2B !important;
  border:1px solid #087568 !important;
  border-radius:14px !important;
}
body.acceso-page #login-guide#login-guide .login-guide-map h2{
  margin:0 0 15px !important;
  font-family:Antonio,sans-serif !important;
  font-size:30px !important;
  line-height:1.1 !important;
  font-weight:600 !important;
  color:#fff !important;
}
body.acceso-page #login-guide#login-guide .login-guide-map ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
body.acceso-page #login-guide#login-guide .login-guide-map li{
  min-width:0;
  margin:0 !important;
}
body.acceso-page #login-guide#login-guide .login-guide-map a{
  display:block;
  height:100%;
  padding:10px 12px;
  background:#004B42;
  border:1px solid rgba(8,117,104,.8);
  border-radius:9px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:13px;
  line-height:1.35;
  text-decoration:none !important;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}
body.acceso-page #login-guide#login-guide .login-banner-block{
  padding:12px;
  background:#003B35;
  border:1px solid #087568;
  border-radius:16px;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
}
body.acceso-page #login-guide#login-guide .login-banner-block__link{
  overflow:hidden;
  border:1px solid rgba(255,176,122,.45) !important;
  border-radius:12px !important;
}
body.acceso-page #login-guide#login-guide .login-banner-block__img{
  border-radius:11px;
}
body.acceso-page #login-guide#login-guide .login-banner-block__cta{
  margin-top:12px !important;
}
@media (hover:hover){
  body.acceso-page #login-guide#login-guide .login-guide-map a:hover{
    background:#00584D;
    border-color:#FFB07A;
    color:#FFB07A !important;
    -webkit-text-fill-color:#FFB07A !important;
  }
}
@media (max-width:560px){
  body.acceso-page #login-guide#login-guide > .login-intro{
    padding:56px 16px 18px;
    border-radius:13px;
  }
  body.acceso-page #login-guide#login-guide > .login-intro::before{
    left:16px;
  }
  body.acceso-page #login-guide#login-guide .login-flow__side{
    padding:16px;
  }
  body.acceso-page #login-guide#login-guide .login-summary-list,
  body.acceso-page #login-guide#login-guide .login-guide-map ul{
    grid-template-columns:1fr;
  }
}

/* Merge login guidance and banner into one named composition */
body.acceso-page #login-guide#login-guide .login-lead-combined{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,320px);
  gap:22px 28px;
  align-items:start;
  padding:24px;
  background:#003B35;
  border:1px solid #087568;
  border-radius:18px;
  box-shadow:0 16px 30px rgba(0,0,0,.2);
}
body.acceso-page #login-guide#login-guide .login-lead-combined > h2{
  grid-column:1 / -1;
  grid-row:1;
  margin:0 !important;
  padding:0 0 17px;
  border-bottom:1px solid rgba(89,184,168,.3);
  font-family:Antonio,sans-serif !important;
  font-size:clamp(32px,3.8vw,44px) !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
body.acceso-page #login-guide#login-guide .login-lead-combined > .login-flow__side{
  grid-column:1;
  grid-row:2;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
body.acceso-page #login-guide#login-guide .login-lead-combined > .login-banner-block{
  grid-column:2;
  grid-row:2;
  width:100%;
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
body.acceso-page #login-guide#login-guide .login-lead-combined .login-banner-block__link{
  border:1px solid #087568 !important;
  box-shadow:0 10px 22px rgba(0,0,0,.2);
}
@media (max-width:860px){
  body.acceso-page #login-guide#login-guide .login-lead-combined{
    grid-template-columns:1fr;
  }
  body.acceso-page #login-guide#login-guide .login-lead-combined > h2,
  body.acceso-page #login-guide#login-guide .login-lead-combined > .login-flow__side,
  body.acceso-page #login-guide#login-guide .login-lead-combined > .login-banner-block{
    grid-column:1;
  }
  body.acceso-page #login-guide#login-guide .login-lead-combined > h2{
    grid-row:1;
  }
  body.acceso-page #login-guide#login-guide .login-lead-combined > .login-flow__side{
    grid-row:2;
  }
  body.acceso-page #login-guide#login-guide .login-lead-combined > .login-banner-block{
    grid-row:3;
    width:min(340px,100%);
    margin:0 auto;
  }
}
@media (max-width:560px){
  body.acceso-page #login-guide#login-guide .login-lead-combined{
    padding:17px;
    border-radius:14px;
  }
}

/* Individual OS login guides */
body.acceso-page #login-guide#login-guide .login-os-card{
  --os-accent:#FFB07A;
  position:relative;
  margin:26px 0;
  padding:24px;
  overflow:hidden;
  background:#003B35;
  border:1px solid #087568;
  border-radius:18px;
  box-shadow:0 14px 28px rgba(0,0,0,.18);
}
body.acceso-page #login-guide#login-guide .login-os-card--windows{
  --os-accent:#08A99A;
}
body.acceso-page #login-guide#login-guide .login-os-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:var(--os-accent);
}
body.acceso-page #login-guide#login-guide .login-os-card__head{
  display:flex;
  align-items:center;
  gap:18px;
  margin:0 0 20px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(89,184,168,.3);
}
body.acceso-page #login-guide#login-guide .login-os-card__icon{
  display:flex;
  width:64px;
  height:64px;
  flex:0 0 64px;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  color:#fff;
}
body.acceso-page #login-guide#login-guide .login-os-card__icon svg{
  display:block;
  width:39px;
  height:39px;
  fill:currentColor;
}
body.acceso-page #login-guide#login-guide .login-os-card__icon--ios{
  background:#0D0D0D;
}
body.acceso-page #login-guide#login-guide .login-os-card__icon--android{
  background:#FFB07A;
}
body.acceso-page #login-guide#login-guide .login-os-card__icon--windows{
  background:#08A99A;
}
body.acceso-page #login-guide#login-guide .login-os-card__eyebrow{
  display:block;
  margin-bottom:5px;
  color:var(--os-accent);
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.acceso-page #login-guide#login-guide .login-os-card__head h2{
  margin:0 !important;
  font-family:Antonio,sans-serif !important;
  font-size:clamp(29px,3.5vw,39px) !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
body.acceso-page #login-guide#login-guide .login-os-card > p{
  margin:0 0 18px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
body.acceso-page #login-guide#login-guide .login-os-card > ol{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 20px !important;
  padding:0 !important;
  list-style:none !important;
  counter-reset:os-login-step;
}
body.acceso-page #login-guide#login-guide .login-os-card > ol li{
  position:relative;
  min-height:52px;
  margin:0 !important;
  padding:12px 12px 12px 44px;
  background:#004B42;
  border:1px solid rgba(8,117,104,.85);
  border-radius:10px;
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.4 !important;
  counter-increment:os-login-step;
}
body.acceso-page #login-guide#login-guide .login-os-card > ol li::before{
  content:counter(os-login-step);
  position:absolute;
  top:12px;
  left:12px;
  display:flex;
  width:22px;
  height:22px;
  align-items:center;
  justify-content:center;
  background:var(--os-accent);
  border-radius:50%;
  color:#2A1A10;
  font-size:11px;
  font-weight:800;
}
body.acceso-page #login-guide#login-guide .login-os-card > .login-os-card__tip{
  margin:0 0 20px !important;
  padding:13px 15px;
  background:#002F2B;
  border-left:3px solid var(--os-accent);
  border-radius:0 9px 9px 0;
  color:#DCEDE9 !important;
  -webkit-text-fill-color:#DCEDE9 !important;
  font-size:13px !important;
}
body.acceso-page #login-guide#login-guide .login-os-card > .cta-center{
  margin:0 !important;
}
@media (max-width:680px){
  body.acceso-page #login-guide#login-guide .login-os-card{
    padding:19px 16px;
    border-radius:14px;
  }
  body.acceso-page #login-guide#login-guide .login-os-card__head{
    align-items:flex-start;
    gap:14px;
  }
  body.acceso-page #login-guide#login-guide .login-os-card__icon{
    width:54px;
    height:54px;
    flex-basis:54px;
  }
  body.acceso-page #login-guide#login-guide .login-os-card > ol{
    grid-template-columns:1fr;
  }
  body.acceso-page #login-guide#login-guide .login-os-card > p{
    font-size:14px !important;
  }
}

/* Remaining Login-page content blocks */
body.acceso-page #login-guide#login-guide .login-content-card{
  --content-accent:#FFB07A;
  position:relative;
  margin:26px 0;
  padding:24px;
  overflow:hidden;
  background:#003B35;
  border:1px solid #087568;
  border-radius:18px;
  box-shadow:0 14px 28px rgba(0,0,0,.18);
}
body.acceso-page #login-guide#login-guide .login-content-card--security{
  --content-accent:#08A99A;
}
body.acceso-page #login-guide#login-guide .login-content-card--troubleshoot{
  --content-accent:#FFC08F;
}
body.acceso-page #login-guide#login-guide .login-content-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:var(--content-accent);
}
body.acceso-page #login-guide#login-guide .login-content-card > h2{
  margin:0 0 18px !important;
  padding-bottom:16px;
  border-bottom:1px solid rgba(89,184,168,.3);
  font-family:Antonio,sans-serif !important;
  font-size:clamp(30px,3.5vw,39px) !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
body.acceso-page #login-guide#login-guide .login-content-card > p{
  margin:0 0 17px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
body.acceso-page #login-guide#login-guide .login-content-card > ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 20px !important;
  padding:0 !important;
  list-style:none !important;
}
body.acceso-page #login-guide#login-guide .login-content-card > ul li{
  position:relative;
  margin:0 !important;
  padding:12px 12px 12px 40px;
  background:#004B42;
  border:1px solid rgba(8,117,104,.85);
  border-radius:10px;
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.4 !important;
}
body.acceso-page #login-guide#login-guide .login-content-card > ul li::before{
  content:"\2713";
  position:absolute;
  top:13px;
  left:13px;
  display:flex;
  width:17px;
  height:17px;
  align-items:center;
  justify-content:center;
  background:var(--content-accent);
  border-radius:3px;
  color:#fff;
  font-size:10px;
  font-weight:800;
}
body.acceso-page #login-guide#login-guide .login-content-card > ol{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 20px !important;
  padding:0 !important;
  list-style:none !important;
  counter-reset:content-step;
}
body.acceso-page #login-guide#login-guide .login-content-card > ol li{
  position:relative;
  min-height:52px;
  margin:0 !important;
  padding:12px 12px 12px 44px;
  background:#004B42;
  border:1px solid rgba(8,117,104,.85);
  border-radius:10px;
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.4 !important;
  counter-increment:content-step;
}
body.acceso-page #login-guide#login-guide .login-content-card > ol li::before{
  content:counter(content-step);
  position:absolute;
  top:12px;
  left:12px;
  display:flex;
  width:22px;
  height:22px;
  align-items:center;
  justify-content:center;
  background:var(--content-accent);
  border-radius:50%;
  color:#2A1A10;
  font-size:11px;
  font-weight:800;
}
html body.acceso-page #login-guide#login-guide .login-content-card .table-wrapper{
  margin:18px 0 0 !important;
  padding:0 !important;
  overflow-x:auto;
  background:transparent !important;
  border:0 !important;
  border-radius:10px !important;
  box-shadow:none !important;
}
html body.acceso-page #login-guide#login-guide .login-content-card table{
  width:100% !important;
  min-width:680px;
  margin:0 !important;
  border:1px solid #128477 !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  background:#002F2B !important;
}
html body.acceso-page #login-guide#login-guide .login-content-card table :is(thead,tbody,tr,th,td),
html body.acceso-page #login-guide#login-guide .login-content-card table tr:nth-child(odd) :is(th,td),
html body.acceso-page #login-guide#login-guide .login-content-card table tr:nth-child(even) :is(th,td),
html body.acceso-page #login-guide#login-guide .login-content-card table tr:hover :is(th,td){
  background:#002F2B !important;
  background-color:#002F2B !important;
  background-image:none !important;
}
html body.acceso-page #login-guide#login-guide .login-content-card table :is(th,td){
  padding:10px 9px !important;
  border:1px solid #128477 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.35 !important;
}
body.acceso-page #login-guide#login-guide .login-content-card > .cta-center{
  margin:20px 0 0 !important;
}
body.acceso-page #login-guide#login-guide .login-content-card > .cta-center--pair{
  display:flex !important;
  flex-wrap:wrap;
  gap:24px !important;
}
body.acceso-page #login-guide#login-guide .login-content-card--faq > p{
  color:#DCEDE9 !important;
  -webkit-text-fill-color:#DCEDE9 !important;
}
body.acceso-page #login-guide#login-guide .login-content-card--faq .faq-item{
  margin:10px 0 !important;
  padding:16px 18px !important;
  background:#004B42 !important;
  border:1px solid rgba(8,117,104,.85) !important;
  border-radius:11px !important;
}
body.acceso-page #login-guide#login-guide .login-content-card--faq .faq-item h3{
  margin:0 0 7px !important;
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
  font-size:16px !important;
  line-height:1.35 !important;
}
body.acceso-page #login-guide#login-guide .login-content-card--faq .faq-item p{
  margin:0 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  line-height:1.5 !important;
}
@media (max-width:680px){
  body.acceso-page #login-guide#login-guide .login-content-card{
    padding:19px 16px;
    border-radius:14px;
  }
  body.acceso-page #login-guide#login-guide .login-content-card > ul,
  body.acceso-page #login-guide#login-guide .login-content-card > ol{
    grid-template-columns:1fr;
  }
  body.acceso-page #login-guide#login-guide .login-content-card > p{
    font-size:14px !important;
  }
  body.acceso-page #login-guide#login-guide .login-content-card > .cta-center--pair{
    gap:18px !important;
  }
}

/* Complete Bonus-page visual system */
body.bonus-page main > .page-title{
  margin-bottom:22px !important;
  font-family:Antonio,sans-serif !important;
  font-size:clamp(40px,5vw,56px) !important;
  line-height:1.05 !important;
  font-weight:600 !important;
}
body.bonus-page #bonus-guide#bonus-guide > .legal-note{
  position:relative;
  margin:0 0 24px !important;
  padding:58px 22px 20px !important;
  background:#003B35 !important;
  border:1px solid #087568 !important;
  border-radius:16px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:15px !important;
  line-height:1.55 !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
}
body.bonus-page #bonus-guide#bonus-guide > .legal-note::before{
  content:"Bonus guide";
  position:absolute;
  top:18px;
  left:22px;
  display:inline-flex;
  padding:7px 14px;
  background:#FFB07A;
  border-radius:999px;
  color:#fff;
  -webkit-text-fill-color:#fff;
  font-size:13px;
  line-height:1;
  font-weight:700;
}
body.bonus-page #bonus-guide#bonus-guide > .home-hero{
  margin:0 0 28px !important;
  padding:14px !important;
  background:#003B35 !important;
  border:1px solid #087568 !important;
  border-radius:18px !important;
  box-shadow:0 16px 30px rgba(0,0,0,.2) !important;
}
body.bonus-page #bonus-guide#bonus-guide > .home-hero .frame{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}
body.bonus-page #bonus-guide#bonus-guide > .home-hero .banner{
  display:block;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  border:1px solid #FFB07A !important;
  border-radius:13px !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card{
  --bonus-accent:#FFB07A;
  position:relative;
  margin:26px 0;
  padding:24px;
  overflow:hidden;
  background:#003B35;
  border:1px solid #087568;
  border-radius:18px;
  box-shadow:0 14px 28px rgba(0,0,0,.18);
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--welcome,
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--vip,
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--payments{
  --bonus-accent:#08A99A;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:var(--bonus-accent);
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > h2{
  margin:0 0 18px !important;
  padding-bottom:16px;
  border-bottom:1px solid rgba(89,184,168,.3);
  font-family:Antonio,sans-serif !important;
  font-size:clamp(30px,3.6vw,40px) !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > p{
  margin:0 0 17px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card a:not(.pulse-btn){
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
  text-decoration-color:#FFB07A !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 20px !important;
  padding:0 !important;
  list-style:none !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ul li{
  position:relative;
  min-height:50px;
  margin:0 !important;
  padding:12px 12px 12px 41px;
  background:#004B42;
  border:1px solid rgba(8,117,104,.85);
  border-radius:10px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.4 !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ul li::before{
  content:"\2713";
  position:absolute;
  top:13px;
  left:13px;
  display:flex;
  width:17px;
  height:17px;
  align-items:center;
  justify-content:center;
  background:var(--bonus-accent);
  border-radius:3px;
  color:#fff;
  -webkit-text-fill-color:#fff;
  font-size:10px;
  font-weight:800;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--voids > ul li::before{
  content:"!";
  border-radius:50%;
  color:#2A1A10;
  -webkit-text-fill-color:#2A1A10;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ol{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 20px !important;
  padding:0 !important;
  list-style:none !important;
  counter-reset:bonus-content-step;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ol li{
  position:relative;
  min-height:52px;
  margin:0 !important;
  padding:12px 12px 12px 45px;
  background:#004B42;
  border:1px solid rgba(8,117,104,.85);
  border-radius:10px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.4 !important;
  counter-increment:bonus-content-step;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ol li::before{
  content:counter(bonus-content-step);
  position:absolute;
  top:12px;
  left:12px;
  display:flex;
  width:23px;
  height:23px;
  align-items:center;
  justify-content:center;
  background:var(--bonus-accent);
  border-radius:50%;
  color:#2A1A10;
  -webkit-text-fill-color:#2A1A10;
  font-size:11px;
  font-weight:800;
}
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card .table-wrapper{
  margin:18px 0 !important;
  padding:0 !important;
  overflow-x:auto;
  background:transparent !important;
  border:0 !important;
  border-radius:10px !important;
  box-shadow:none !important;
}
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table{
  width:100% !important;
  min-width:620px;
  margin:0 !important;
  border:1px solid #128477 !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  background:#002F2B !important;
}
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table :is(thead,tbody,tr,th,td),
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table tr:nth-child(odd) :is(th,td),
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table tr:nth-child(even) :is(th,td),
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table tr:hover :is(th,td){
  background:#002F2B !important;
  background-color:#002F2B !important;
  background-image:none !important;
}
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table :is(th,td){
  padding:10px 9px !important;
  border:1px solid #128477 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.35 !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > .cta-center{
  margin:22px 0 0 !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--faq .faq-item{
  margin:10px 0 !important;
  padding:16px 18px !important;
  background:#004B42 !important;
  border:1px solid rgba(8,117,104,.85) !important;
  border-radius:11px !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--faq .faq-item h3{
  margin:0 0 7px !important;
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
  font-size:16px !important;
  line-height:1.35 !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--faq .faq-item p{
  margin:0 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  line-height:1.5 !important;
}
@media (max-width:680px){
  body.bonus-page #bonus-guide#bonus-guide > .legal-note{
    padding:56px 16px 18px !important;
  }
  body.bonus-page #bonus-guide#bonus-guide > .legal-note::before{
    left:16px;
  }
  body.bonus-page #bonus-guide#bonus-guide > .home-hero{
    padding:9px !important;
    border-radius:14px !important;
  }
  body.bonus-page #bonus-guide#bonus-guide .bonus-content-card{
    padding:19px 16px;
    border-radius:14px;
  }
  body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ul,
  body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ol{
    grid-template-columns:1fr;
  }
  body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > p{
    font-size:14px !important;
  }
}

/* ===== LEGAL PAGES — dark content cards (terms/privacy/responsible/payments/kyc/aml) ===== */
body.legal-page .shell > main{
  display:flex;
  flex-direction:column;
  gap:0;
}
body.legal-page :is(.shell > main, main) > .page-title{
  margin-bottom:18px !important;
}
body.legal-page #legal-guide#legal-guide{
  display:block;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
body.legal-page #legal-guide#legal-guide > .legal-note{
  position:relative;
  margin:0 0 24px !important;
  padding:58px 22px 20px !important;
  background:#003B35 !important;
  border:1px solid #087568 !important;
  border-radius:16px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:15px !important;
  line-height:1.55 !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
}
body.legal-page #legal-guide#legal-guide > .legal-note::before{
  content:"Legal guide";
  position:absolute;
  top:18px;
  left:22px;
  display:inline-flex;
  padding:7px 14px;
  background:#FFB07A;
  border-radius:999px;
  color:#fff;
  -webkit-text-fill-color:#fff;
  font-size:13px;
  line-height:1;
  font-weight:700;
}
body.terms-page #legal-guide#legal-guide > .legal-note::before{ content:"Terms guide"; }
body.privacy-page #legal-guide#legal-guide > .legal-note::before{ content:"Privacy guide"; }
body.responsible-page #legal-guide#legal-guide > .legal-note::before{ content:"Safer play"; }
body.payments-page #legal-guide#legal-guide > .legal-note::before{ content:"Payments guide"; }
body.kyc-page #legal-guide#legal-guide > .legal-note::before{ content:"KYC guide"; }
body.aml-page #legal-guide#legal-guide > .legal-note::before{ content:"AML guide"; }

body.legal-page #legal-guide#legal-guide .legal-content-card{
  --legal-accent:#FFB07A;
  position:relative;
  margin:26px 0;
  padding:24px;
  overflow:hidden;
  background:#003B35;
  border:1px solid #087568;
  border-radius:18px;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
}
body.legal-page #legal-guide#legal-guide .legal-content-card--alt{
  --legal-accent:#08A99A;
}
body.legal-page #legal-guide#legal-guide .legal-content-card--warn{
  --legal-accent:#FFB07A;
}
body.legal-page #legal-guide#legal-guide .legal-content-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:var(--legal-accent);
}
body.legal-page #legal-guide#legal-guide .legal-content-card > h2{
  margin:0 0 18px !important;
  padding-bottom:16px;
  border-bottom:1px solid rgba(89,184,168,.3);
  font-family:Antonio,sans-serif !important;
  font-size:clamp(28px,3.4vw,38px) !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > p{
  margin:0 0 17px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > p:last-child{
  margin-bottom:0 !important;
}
body.legal-page #legal-guide#legal-guide .legal-content-card a:not(.pulse-btn){
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
  text-decoration-color:#FFB07A !important;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 20px !important;
  padding:0 !important;
  list-style:none !important;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > ul li{
  position:relative;
  min-height:50px;
  margin:0 !important;
  padding:12px 12px 12px 41px;
  background:#004B42;
  border:1px solid rgba(8,117,104,.85);
  border-radius:10px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  line-height:1.45 !important;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > ul li::before{
  content:"\2713";
  position:absolute;
  top:13px;
  left:13px;
  display:flex;
  width:17px;
  height:17px;
  align-items:center;
  justify-content:center;
  background:#FFB07A;
  border-radius:4px;
  color:#2A1A10;
  -webkit-text-fill-color:#2A1A10;
  font-size:11px;
  font-weight:700;
  line-height:1;
}
body.legal-page #legal-guide#legal-guide .legal-content-card--warn > ul li::before{
  content:"!";
  border-radius:50%;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > ol{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 20px !important;
  padding:0 !important;
  list-style:none !important;
  counter-reset:legal-content-step;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > ol li{
  position:relative;
  min-height:52px;
  margin:0 !important;
  padding:12px 12px 12px 45px;
  background:#004B42;
  border:1px solid rgba(8,117,104,.85);
  border-radius:10px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  line-height:1.45 !important;
  counter-increment:legal-content-step;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > ol li::before{
  content:counter(legal-content-step);
  position:absolute;
  top:12px;
  left:12px;
  display:flex;
  width:23px;
  height:23px;
  align-items:center;
  justify-content:center;
  background:#FFB07A;
  border-radius:50%;
  color:#2A1A10;
  -webkit-text-fill-color:#2A1A10;
  font-size:12px;
  font-weight:700;
  line-height:1;
}
html body.legal-page #legal-guide#legal-guide .legal-content-card .table-wrapper{
  margin:18px 0 !important;
  padding:0 !important;
  overflow-x:auto;
  background:transparent !important;
  border:0 !important;
  border-radius:10px !important;
  box-shadow:none !important;
}
html body.legal-page #legal-guide#legal-guide .legal-content-card table{
  width:100% !important;
  min-width:560px;
  margin:0 !important;
  border:1px solid #128477 !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  background:#002F2B !important;
}
html body.legal-page #legal-guide#legal-guide .legal-content-card table :is(thead,tbody,tr,th,td),
html body.legal-page #legal-guide#legal-guide .legal-content-card table tr:nth-child(odd) :is(th,td),
html body.legal-page #legal-guide#legal-guide .legal-content-card table tr:nth-child(even) :is(th,td),
html body.legal-page #legal-guide#legal-guide .legal-content-card table tr:hover :is(th,td){
  background:#002F2B !important;
  background-color:#002F2B !important;
  background-image:none !important;
}
html body.legal-page #legal-guide#legal-guide .legal-content-card table :is(th,td){
  padding:10px 9px !important;
  border:1px solid #128477 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.35 !important;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > .cta-center,
body.legal-page #legal-guide#legal-guide > .cta-center{
  margin:22px 0 0 !important;
}
@media (max-width:680px){
  body.legal-page #legal-guide#legal-guide > .legal-note{
    padding:56px 16px 18px !important;
  }
  body.legal-page #legal-guide#legal-guide > .legal-note::before{
    left:16px;
  }
  body.legal-page #legal-guide#legal-guide .legal-content-card{
    padding:19px 16px;
    border-radius:14px;
  }
  body.legal-page #legal-guide#legal-guide .legal-content-card > ul,
  body.legal-page #legal-guide#legal-guide .legal-content-card > ol{
    grid-template-columns:1fr;
  }
  body.legal-page #legal-guide#legal-guide .legal-content-card > p{
    font-size:14px !important;
  }
}