/* c21 — Bootstrap-3 grid + «Slotlate» skin, palette-driven.
   Inspired by creditcardonlinecasino.nl layout: fixed teal header,
   2-col (content + sidebar TOP list), lightweight uppercase headings,
   floating hero images, sticky-bottom promo strip, age-gate modal.
   Bootstrap 3.3.7 grid included verbatim below, then c21 skin overrides all colours. */

/* ── 1. BOOTSTRAP 3.3.7 grid (verbatim) ── */
.c21-container{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;box-sizing:border-box}
.c21-container::after,.c21-row::after{content:"";display:table;clear:both}
.c21-row{margin-right:-15px;margin-left:-15px;box-sizing:border-box}
[class*="c21-col-"]{position:relative;min-height:1px;padding-right:15px;padding-left:15px;box-sizing:border-box;float:left;width:100%}
@media(min-width:768px){
  .c21-col-sm-4{width:33.33333%}
  .c21-col-sm-8{width:66.66667%}
}
@media(min-width:992px){
  .c21-col-md-3{width:25%}
  .c21-col-md-4{width:33.33333%}
  .c21-col-md-8{width:66.66667%}
  .c21-col-md-9{width:75%}
  .c21-col-md-pull-right{float:right!important}
  .c21-pull-right-md{float:right}
}
@media(max-width:991px){.c21-hidden-xs-sm{display:none!important}}

/* ── 2. PALETTE OVERRIDE — all c21 colours = var(--wd-*) ── */
:root{
  --c21-header-bg:var(--ak7hv61);
  --c21-sidebar-bg:color-mix(in srgb,var(--akz6x4j) 90%,var(--abiyfj4));
  --c21-h2-color:var(--ak7hv61);
  --c21-body-bg:var(--abiyfj4);
  --c21-wrapper-bg:var(--abiyfj4);
  --c21-link-color:var(--ak7hv61);
  --c21-link-hover:var(--aip0mmc);
  --c21-footer-bg:color-mix(in srgb,var(--abiyfj4) 80%,#0e0b16);
  --c21-copyright-bg:color-mix(in srgb,var(--abiyfj4) 65%,#0e0b16);
  --c21-star-color:var(--aip0mmc);
  --c21-icon-badge-bg:var(--aip0mmc);
  --c21-btn-bg:var(--ak7hv61);
  --c21-btn-hover:color-mix(in srgb,var(--ak7hv61) 80%,#efe9f7);
  --c21-sticky-bg:var(--akz6x4j);
  --c21-modal-bg:var(--akz6x4j);
  --c21-border-color:rgba(255,255,255,.1);
}

/* ── 3. BASE ── */
*{box-sizing:border-box}
.c21-body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Lato,sans-serif;
  font-size:16px;
  line-height:1.6;
  color:var(--arjhogs);
  background-color:var(--c21-body-bg);
  margin:0;
}
.c21-body a{color:var(--c21-link-color);text-decoration:none}
.c21-body a:hover{color:var(--c21-link-hover);text-decoration:underline}
img{max-width:100%;height:auto}

/* ── 4. WRAPPER ── */
.c21-wrapper{
  background:var(--c21-wrapper-bg);
  box-shadow:0 0 32px rgba(0,0,0,.55);
  max-width:1440px;
  margin:0 auto;
}

/* ── 5. HEADER ── */
.c21-header{
  background:var(--c21-header-bg);
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:72px;
  padding:0 24px;
  position:sticky;
  top:0;
  z-index:900;
  gap:16px;
}
.c21-logo{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
  color:var(--avtliwc);
  text-decoration:none;
  font-weight:800;
  font-size:20px;
  letter-spacing:.01em;
  text-transform:uppercase;
}
.c21-logo:hover{color:var(--avtliwc);text-decoration:none}
.c21-logo img{height:36px;width:auto;vertical-align:middle}

/* desktop nav */
.c21-nav{display:none}
@media(min-width:992px){
  .c21-nav{
    display:flex;
    align-items:stretch;
    height:72px;
    flex:1;
    margin:0;
    padding:0;
    list-style:none;
  }
  .c21-nav>li{position:relative;display:flex}
  .c21-nav>li>a{
    color:var(--avtliwc);
    text-transform:uppercase;
    font-size:14px;
    font-weight:600;
    padding:0 18px;
    display:flex;
    align-items:center;
    border-left:1px solid rgba(255,255,255,.2);
    letter-spacing:.03em;
    transition:background .15s;
  }
  .c21-nav>li:last-child>a{border-right:1px solid rgba(255,255,255,.2)}
  .c21-nav>li>a:hover{background:rgba(0,0,0,.2);text-decoration:none;color:var(--avtliwc)}
  /* dropdown */
  .c21-nav>li:hover .c21-submenu{display:block}
  .c21-submenu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:var(--c21-header-bg);
    min-width:220px;
    padding:8px 0;
    box-shadow:0 4px 14px rgba(0,0,0,.4);
    z-index:1000;
    list-style:none;
    margin:0;
  }
  .c21-submenu li a{
    display:block;
    padding:9px 20px;
    color:var(--avtliwc);
    font-size:14px;
    transition:background .12s;
  }
  .c21-submenu li a:hover{background:rgba(0,0,0,.2);text-decoration:none;color:var(--avtliwc)}
}
.c21-header-cta{
  display:none;
}
/* Override .c21-body a link-color on the header CTA (specificity 0,1,1 vs 0,1,1 — later wins) */
.c21-body .c21-header-cta{
  color:var(--avtliwc);
}
@media(min-width:992px){
  .c21-header-cta{
    display:inline-flex;
    align-items:center;
    background:rgba(255,255,255,.18);
    color:var(--avtliwc);
    font-weight:700;
    padding:0 20px;
    height:40px;
    border-radius:6px;
    font-size:14px;
    text-transform:uppercase;
    white-space:nowrap;
    transition:background .15s;
    flex-shrink:0;
  }
  .c21-header-cta:hover{background:rgba(255,255,255,.3);color:var(--avtliwc);text-decoration:none}
}

/* ── 6. MOBILE BURGER ── */
.c21-burger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.2);
  border:none;
  border-radius:6px;
  width:42px;
  height:42px;
  cursor:pointer;
  flex-shrink:0;
}
@media(min-width:992px){.c21-burger{display:none}}
.c21-burger svg{display:block;width:22px;height:22px;stroke:var(--avtliwc);stroke-width:2.2;stroke-linecap:round}

/* mobile menu panel */
.c21-mobmenu{display:none}
.c21-mobmenu.open{
  display:flex;
  flex-direction:column;
  background:var(--c21-header-bg);
  position:absolute;
  top:72px;
  left:0;right:0;
  z-index:850;
  padding:10px 0 16px;
  box-shadow:0 8px 24px rgba(0,0,0,.5);
  list-style:none;
  margin:0;
}
.c21-mobmenu li a{
  display:block;
  padding:12px 24px;
  color:var(--avtliwc);
  font-size:16px;
  font-weight:600;
  text-transform:uppercase;
  border-top:1px solid rgba(255,255,255,.1);
}
.c21-mobmenu li a:hover{background:rgba(0,0,0,.2);text-decoration:none;color:var(--avtliwc)}

/* ── 7. CONTENTS area ── */
.c21-contents{
  padding:28px 24px 0;
  background:var(--c21-wrapper-bg);
}
@media(max-width:991px){
  .c21-contents{padding:16px 14px 0}
}

/* 2-column layout */
.c21-layout{display:block}
@media(min-width:992px){
  .c21-layout{display:flex;flex-direction:row-reverse;gap:0;align-items:flex-start}
  .c21-main{flex:1;min-width:0;padding-right:20px;padding-top:20px}
  .c21-sidebar{width:280px;flex-shrink:0}
}
@media(max-width:991px){
  .c21-sidebar{margin-bottom:24px}
}

/* ── 8. ARTICLE / MAIN CONTENT ── */
.c21-article{
  max-width:100%;
}
.c21-article h1{
  font-size:clamp(22px,4vw,32px);
  font-weight:300;
  text-transform:uppercase;
  color:var(--arjhogs);
  margin:0 0 16px;
  line-height:1.25;
}
/* h2 with icon-bar before it — like competitor #content h2 */
.c21-article h2,.ac4133t h2{
  font-size:clamp(17px,3vw,22px)!important;
  font-weight:300;
  text-transform:uppercase;
  color:var(--c21-h2-color)!important;
  border-bottom:1px solid var(--c21-border-color);
  padding-bottom:8px;
  margin-top:28px;
  margin-bottom:16px;
}
.c21-article h3,.ac4133t h3{
  font-size:clamp(15px,2.5vw,18px)!important;
  font-weight:400;
  text-transform:uppercase;
  color:var(--arjhogs)!important;
  margin-top:18px;
  margin-bottom:8px;
}
.c21-article p,.ac4133t p{margin-top:8px;color:var(--arjhogs)}
.c21-article ul,.ac4133t ul{
  display:block;list-style-type:disc;padding-left:22px;
  margin:10px 0;color:var(--arjhogs);
}
.c21-article ul li,.ac4133t ul li{
  padding-left:4px;list-style-type:disc;margin:4px 0;
}
.c21-article table,.ac4133t table{
  width:100%;border-collapse:collapse;margin:16px 0;
  background:var(--akz6x4j);border-radius:8px;overflow:hidden;
}
.c21-article th,.ac4133t th{
  background:var(--c21-h2-color);color:var(--avtliwc)!important;
  padding:10px 14px;text-align:left;font-size:14px;
}
.c21-article td,.ac4133t td{
  padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.07);color:var(--arjhogs);font-size:14px;
}
.c21-article tr:last-child td,.ac4133t tr:last-child td{border-bottom:none}

/* floating images within article */
.c21-float-left{float:left;margin:0 16px 12px 0;border-radius:8px;max-width:240px}
.c21-float-right{float:right;margin:0 0 12px 16px;border-radius:8px;max-width:240px}
@media(max-width:640px){.c21-float-left,.c21-float-right{float:none;max-width:100%;margin:10px 0}}

/* BIG hero CTA button */
.c21-btn-big{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--c21-btn-bg);
  color:var(--avtliwc);
  font-weight:700;
  font-size:20px;
  text-transform:uppercase;
  padding:18px 32px;
  border-radius:4px;
  border:0;
  border-bottom:3px solid rgba(0,0,0,.3);
  text-decoration:none;
  margin:18px 0;
  transition:background .15s,filter .15s;
  cursor:pointer;
}
.c21-btn-big::after{content:"›";font-size:1.3em;font-weight:700}
.c21-btn-big:hover{background:var(--c21-btn-hover);text-decoration:none;color:var(--avtliwc);filter:brightness(1.07)}
.c21-btn-big:visited{color:var(--avtliwc)}
.c21-btn-cta-wrap{text-align:center;margin:20px 0 24px}

/* small button */
.c21-btn{
  display:inline-block;
  background:var(--c21-btn-bg);
  color:var(--avtliwc);
  font-size:13px;
  font-weight:700;
  padding:5px 12px;
  border-radius:4px;
  border-bottom:2px solid rgba(0,0,0,.25);
  text-decoration:none;
  transition:background .15s;
}
.c21-btn:hover{background:var(--c21-btn-hover);text-decoration:none;color:var(--avtliwc)}

/* ── 9. SIDEBAR ── */
.c21-sidebar-widget{
  margin-bottom:28px;
  background:var(--c21-sidebar-bg);
  border:1px solid var(--c21-border-color);
  border-radius:8px;
  overflow:hidden;
}
.c21-widget-header{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px 12px;
  border-bottom:1px solid var(--c21-border-color);
}
.c21-widget-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:50%;
  background:var(--ak7hv61);
  color:var(--avtliwc);
  font-weight:800;
  font-size:11px;
  text-transform:uppercase;
  text-align:center;
  line-height:1.1;
  transform:rotate(-12deg);
  flex-shrink:0;
}
.c21-widget-title{
  font-size:15px;
  font-weight:300;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--arjhogs);
  margin:0;
  padding-bottom:6px;
  border-bottom:1px solid var(--c21-border-color);
  flex:1;
}
.c21-casino-list{
  list-style:none;
  margin:0;
  padding:0 0 10px;
}
.c21-casino-list li{
  border-bottom:1px solid var(--c21-border-color);
}
.c21-casino-list li:last-child{border-bottom:none}
.c21-casino-item{
  display:flex;
  align-items:center;
  gap:14px;
  padding:11px 16px;
  text-decoration:none;
  transition:background .15s;
}
.c21-casino-item:hover{background:rgba(255,255,255,.04);text-decoration:none}
.c21-casino-logo-box{
  width:88px;
  height:50px;
  border-radius:5px;
  background:#efe9f7;
  flex-shrink:0;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:4px;
}
.c21-casino-logo-box img{width:100%;height:100%;object-fit:contain}
.c21-casino-info{flex:1;min-width:0}
.c21-casino-name{
  font-size:15px;
  font-weight:600;
  color:var(--arjhogs);
  display:block;
  margin-bottom:3px;
}
.c21-casino-bonus{
  font-size:12px;
  color:var(--amu4e2c);
  display:block;
}
.c21-casino-stars{color:var(--c21-star-color);font-size:12px;display:block}
.c21-casino-action{
  background:var(--c21-btn-bg);
  color:var(--avtliwc);
  font-size:12px;
  font-weight:700;
  padding:5px 10px;
  border-radius:4px;
  text-decoration:none;
  white-space:nowrap;
  flex-shrink:0;
}
.c21-casino-action:hover{filter:brightness(1.1);text-decoration:none;color:var(--avtliwc)}

/* ── 10. FAQ ── */
.c21-faq{margin:28px 0}
.c21-faq-heading{
  font-size:clamp(17px,3vw,22px);
  font-weight:300;
  text-transform:uppercase;
  color:var(--c21-h2-color);
  border-bottom:1px solid var(--c21-border-color);
  padding-bottom:8px;
  margin-bottom:16px;
}
.c21-faq details{
  border-bottom:1px solid var(--c21-border-color);
}
.c21-faq details:last-child{border-bottom:none}
.c21-faq summary{
  cursor:pointer;
  font-weight:600;
  font-size:15px;
  padding:14px 4px;
  color:var(--arjhogs);
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  user-select:none;
  gap:8px;
}
.c21-faq summary::-webkit-details-marker{display:none}
.c21-faq summary::after{content:"＋";font-size:18px;color:var(--c21-link-color);flex-shrink:0;font-weight:400}
.c21-faq details[open] summary::after{content:"－"}
.c21-faq .c21-faq-ans{padding:0 4px 14px;color:var(--arjhogs);font-size:15px;line-height:1.65}

/* ── 11. PAYMENT LOGOS ── */
.c21-pays-section{margin:22px 0}
.c21-pays-section h3{
  font-size:16px;font-weight:300;text-transform:uppercase;
  color:var(--arjhogs);margin:0 0 12px;
}

/* ── 12. GAMES GALLERY (shared .aypms56 from _addon.css) ── */
/* No overrides needed; _addon.css handles it. */

/* ── 13. STICKY BOTTOM PROMO STRIP ── */
.c21-sticky{
  position:sticky;
  bottom:0;
  left:0;right:0;
  width:100%;
  background:var(--c21-sticky-bg);
  border-top:2px solid var(--c21-link-color);
  z-index:800;
  box-shadow:0 -4px 20px rgba(0,0,0,.45);
  padding:0;
  overflow:hidden;
}
.c21-sticky-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  height:68px;
  padding:0 20px;
  max-width:1440px;
  margin:0 auto;
}
.c21-sticky-logo{
  height:48px;
  width:auto;
  background:#efe9f7;
  border-radius:5px;
  padding:4px 8px;
  display:block;
  object-fit:contain;
  flex-shrink:0;
}
.c21-sticky-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}
.c21-sticky-rating{color:var(--c21-star-color);font-size:14px;letter-spacing:2px}
.c21-sticky-bonus{font-size:15px;font-weight:700;color:var(--arjhogs);white-space:nowrap}
.c21-sticky-action a{
  background:var(--c21-btn-bg);
  color:var(--avtliwc);
  font-weight:800;
  font-size:15px;
  padding:10px 24px;
  border-radius:6px;
  text-decoration:none;
  white-space:nowrap;
  display:block;
  text-align:center;
}
.c21-sticky-action a:hover{filter:brightness(1.07);text-decoration:none;color:var(--avtliwc)}
.c21-sticky-close{
  background:transparent;
  border:none;
  cursor:pointer;
  color:var(--amu4e2c);
  font-size:18px;
  padding:6px;
  flex-shrink:0;
  transition:color .15s;
}
.c21-sticky-close:hover{color:var(--aip0mmc)}
@media(max-width:640px){
  .c21-sticky-inner{gap:8px;padding:0 12px}
  .c21-sticky-rating{display:none}
  .c21-sticky-bonus{font-size:13px}
  .c21-sticky-action a{padding:8px 14px;font-size:13px}
}

/* ── 14. AGE GATE MODAL ── */
.c21-modal-overlay{
  display:none;
  position:fixed;inset:0;z-index:9990;
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(3px);
  align-items:center;justify-content:center;
}
.c21-modal-overlay.open{display:flex}
.c21-modal{
  background:var(--c21-modal-bg);
  border:1px solid var(--c21-border-color);
  border-radius:10px;
  max-width:380px;width:92%;
  box-shadow:0 24px 60px rgba(0,0,0,.7);
  padding:0 0 16px;
  animation:c21ModalIn .22s ease;
}
@keyframes c21ModalIn{from{transform:scale(.93);opacity:0}to{transform:scale(1);opacity:1}}
.c21-modal-header{
  padding:20px 24px 16px;
  border-bottom:1px solid var(--c21-border-color);
  font-size:18px;font-weight:700;
  color:var(--arjhogs);text-align:center;
}
.c21-modal-body{
  text-align:center;
  padding:18px 20px 12px;
  color:var(--amu4e2c);font-size:15px;
}
.c21-modal-body img{max-width:100px;display:block;margin:0 auto 12px;opacity:.85}
.c21-modal-footer{
  display:flex;gap:10px;justify-content:center;
  padding:10px 20px 8px;
  flex-wrap:wrap;
}
.c21-modal-footer button{
  padding:10px 20px;border:none;border-radius:6px;
  font-size:15px;font-weight:600;cursor:pointer;
}
.c21-modal-btn-secondary{
  background:rgba(255,255,255,.1);
  color:var(--amu4e2c);
}
.c21-modal-btn-secondary:hover{background:rgba(255,255,255,.18)}
.c21-modal-btn-primary{
  background:var(--c21-btn-bg);
  color:var(--avtliwc);
  font-weight:800;
}
.c21-modal-btn-primary:hover{filter:brightness(1.08)}

/* ── 15. SCROLL-UP BUTTON ── */
.c21-scrollup{
  position:fixed;right:20px;bottom:90px;
  background:var(--akz6x4j);
  border:1px solid var(--c21-border-color);
  border-radius:6px;
  opacity:0;
  visibility:hidden;
  transition:opacity .2s,visibility .2s;
  z-index:700;
  width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;
  cursor:pointer;
}
.c21-scrollup.visible{opacity:.75;visibility:visible}
.c21-scrollup:hover{opacity:1;background:var(--c21-btn-bg)}
.c21-scrollup svg{width:18px;height:18px;fill:var(--arjhogs)}

/* ── 16. FOOTER ── */
.c21-footer{
  background:var(--c21-footer-bg);
  border-top:1px solid rgba(255,255,255,.06);
  padding:26px 24px 10px;
}
.c21-footer-links{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;gap:8px 22px;
}
.c21-footer-links li a{
  font-size:14px;
  color:color-mix(in srgb,var(--arjhogs) 65%,transparent);
  text-decoration:none;
}
.c21-footer-links li a:hover{color:var(--c21-link-color);text-decoration:underline}
.c21-copyright{
  background:var(--c21-copyright-bg);
  border-top:1px solid rgba(255,255,255,.05);
  padding:10px 24px;
  text-align:center;
  font-size:13px;
  /* 82% ensures ≥4.5:1 on the darkened bg in both dark and light palettes */
  color:color-mix(in srgb,var(--arjhogs) 82%,transparent);
  line-height:1.7;
}
.c21-copyright a{color:color-mix(in srgb,var(--arjhogs) 82%,transparent)}
.c21-copyright a:hover{color:var(--c21-link-color)}

/* ── 17. CONTENT BLOCKS ── */
.c21-article-wrap{padding:0 0 28px}
.c21-license-tag{
  display:inline-block;
  background:rgba(255,255,255,.08);
  color:color-mix(in srgb,var(--arjhogs) 80%,transparent);
  font-size:12px;
  padding:3px 10px;
  border-radius:20px;
  margin-bottom:14px;
  border:1px solid var(--c21-border-color);
}
.c21-rating-badge{
  display:inline-flex;align-items:center;gap:4px;
  background:var(--c21-btn-bg);
  color:var(--avtliwc);
  font-weight:800;font-size:12px;
  padding:3px 9px;border-radius:4px;margin-left:8px;vertical-align:middle;
}

/* pays section within article */
.c21-pays-wrap{margin:20px 0}
.c21-pays-wrap p{font-size:14px;color:var(--amu4e2c);margin:0 0 10px}

/* dev ribbon pass-through */
.apsoeei{position:fixed;top:0;left:0;z-index:9999}

/* ── 18. RESPONSIVE TWEAKS ── */
@media(max-width:767px){
  .c21-btn-big{font-size:16px;padding:14px 20px}
  .c21-header{height:58px}
  .c21-mobmenu{top:58px}
  .c21-sticky-inner{height:56px}
  .c21-sticky-logo{height:36px}
}

/* Спільний addon поверх будь-якого AffBulk-шаблону: наш доп.контент,
   якого нема в базових шаблонах (games-грід, pros/cons, dev-ribbon).
   Кольори — з нашої палітри (інжектиться інлайн :root у шаблоні). */
.apsoeei{position:fixed;top:0;left:0;z-index:9999;background:var(--aip0mmc);
  color:#efe9f7;font:600 11px/1 system-ui,sans-serif;padding:5px 9px;border-bottom-right-radius:6px;opacity:.85}

.aypms56{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:18px 0}
.alw6g2u{background:var(--akz6x4j);border:1px solid rgba(255,255,255,.08);border-radius:12px;
  overflow:hidden;display:flex;flex-direction:column}
.alw6g2u img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#0c0022}
.alw6g2u .aiy58ji{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;
  text-align:center;padding:8px;font:600 13px/1.2 system-ui;color:var(--arjhogs);background:#0c0022}
.alw6g2u figcaption{padding:9px 11px;display:flex;flex-direction:column;gap:2px}
.alw6g2u strong{font-size:13px;color:var(--arjhogs)}
.alw6g2u span{font-size:11px;color:var(--amu4e2c)}
.alw6g2u .alvhvk4{color:var(--ak7hv61);font-weight:600}

.ayput9a{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
@media(max-width:640px){.ayput9a{grid-template-columns:1fr}}
.ayput9a>div{background:var(--akz6x4j);border-radius:12px;padding:14px 16px;
  border:1px solid rgba(255,255,255,.08)}
.ayput9a h3{margin:0 0 8px}
.ayput9a .alg6ex7 h3{color:var(--arjhogs)}.ayput9a .avdssje h3{color:var(--arjhogs)}
.ayput9a ul{margin:0;padding-left:18px}.ayput9a li{margin:4px 0}

/* CTA-band з фоновою картинкою з пулу (freeze підставляє /asset/secbg/<n>.jpg per-site).
   Фон у var(--aeqaeo4) → дефолт-градієнт, якщо пулу нема. Текст поверх тёмного оверлею. */
.avmy1i4{position:relative;margin:34px 0;padding:52px 28px;border-radius:16px;overflow:hidden;
  text-align:center;isolation:isolate;
  background:var(--aeqaeo4,linear-gradient(135deg,var(--akz6x4j),var(--abiyfj4))) center/cover no-repeat}
.avmy1i4::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(120deg,rgba(8,10,15,.82),rgba(8,10,15,.5))}
.avmy1i4 h2{margin:0 0 8px;font-size:1.7rem;color:var(--arjhogs)}
.avmy1i4 p{margin:0 auto 20px;max-width:560px;color:var(--arjhogs);opacity:.9}
.avmy1i4 .aaszp52{display:inline-block;background:var(--ak7hv61);color:#0d0024;
  font-weight:800;padding:14px 34px;border-radius:11px;text-decoration:none;font-size:1.02rem}
.avmy1i4 .aaszp52:hover{filter:brightness(1.08)}

/* внутрішня перелінковка «Explore more» — freeze інжектить перед <footer> */
.alma8ra{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:center;
  max-width:1100px;margin:28px auto;padding:16px 20px;border-radius:14px;
  background:var(--akz6x4j);border:1px solid rgba(255,255,255,.08)}
.alma8ra span{color:var(--amu4e2c);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.alma8ra a{color:var(--ak7hv61);text-decoration:none;font-weight:600;font-size:14px;
  padding:6px 14px;border-radius:8px;background:rgba(255,255,255,.04)}
.alma8ra a:hover{background:rgba(255,255,255,.1)}

/* сервіс-лінки у футер (мульти-сторінка) — freeze інжектить перед </footer> */
.aik0r39{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;padding:18px 16px;
  border-top:1px solid rgba(255,255,255,.08);margin-top:14px}
.aik0r39 a{color:var(--amu4e2c);text-decoration:none;font-size:13px}
.aik0r39 a:hover{color:var(--ak7hv61)}

.aaary3m{height:34px;width:auto;display:inline-block;vertical-align:middle}
.azk94oz{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0;align-items:center}
.azk94oz li{display:flex}
.ap3ilof{height:28px;width:auto;display:block;border-radius:6px}
/* плоская футер-ссылка (quick-links): НЕ кнопка — иначе ряд градиент-блоков «разъезжается» */
.ap3tp8q{color:var(--amu4e2c);text-decoration:none;font-size:14px;font-weight:600;background:none;padding:0;white-space:nowrap}
.ap3tp8q:hover{color:var(--ak7hv61);text-decoration:underline}
/* ── автор (E-E-A-T): байлайн + страница автора + контактная форма ── */
.aufvjeh{display:flex;align-items:center;gap:11px;margin:14px 0 22px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.aufvjeh-av{border-radius:50%;object-fit:cover;flex:0 0 auto}
.aufvjeh-t{display:flex;flex-direction:column;font-size:14px;line-height:1.4}
.aufvjeh-t a{color:var(--ak7hv61);text-decoration:none;font-weight:700}
.aufvjeh-meta{color:var(--amu4e2c);font-size:12px}
.aetkkr5{background:var(--abiyfj4);color:var(--arjhogs);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0}
.asvvdg5{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:16px 5vw;border-bottom:1px solid rgba(255,255,255,.08)}
.agyq1i6{color:var(--ak7hv61);font-weight:800;font-size:20px;text-decoration:none}
.asvvdg5 nav{display:flex;flex-wrap:wrap;gap:18px}
.asvvdg5 nav a{color:var(--amu4e2c);text-decoration:none;font-size:14px}
.asvvdg5 nav a:hover{color:var(--ak7hv61)}
.aif3ipb{max-width:860px;margin:0 auto;padding:40px 5vw 60px}
.ak00yiz-card{display:flex;gap:24px;align-items:center;flex-wrap:wrap;background:var(--akz6x4j);border-radius:16px;padding:28px;margin-bottom:28px}
.ak00yiz-av{border-radius:50%;object-fit:cover;border:3px solid var(--ak7hv61)}
.ak00yiz-h h1{margin:0 0 4px;font-size:28px}
.ak00yiz-role{color:var(--ak7hv61);font-weight:700;margin:0 0 8px}
.ak00yiz-stats{color:var(--amu4e2c);font-size:14px;margin:0}
.ak00yiz-bio h2,.aox5p8o h2{font-size:22px;margin:24px 0 10px}
.ak00yiz-bio p{line-height:1.7;color:var(--arjhogs)}
.ak00yiz-exp{display:flex;flex-wrap:wrap;gap:8px 10px;list-style:none;padding:0}
.ak00yiz-exp li{background:rgba(255,255,255,.06);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}
.aox5p8o{margin-top:34px;background:var(--akz6x4j);border-radius:16px;padding:28px}
.aox5p8o-form{display:flex;flex-direction:column;gap:12px;max-width:480px}
.aox5p8o-form input,.aox5p8o-form textarea{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:11px 14px;color:var(--arjhogs);font-size:15px;font-family:inherit}
.aox5p8o-form button{background:var(--ak7hv61);color:#1a1426;border:0;border-radius:8px;padding:12px;font-weight:800;font-size:15px;cursor:pointer}
.aox5p8o-form .aj6tveg{color:#ffb630;font-weight:600}
.adrdtnx{text-align:center;padding:26px 5vw;color:var(--amu4e2c);font-size:13px;border-top:1px solid rgba(255,255,255,.08)}
.ak00yiz-social{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}
.ak00yiz-social a{background:rgba(255,255,255,.07);border:1px solid var(--ak7hv61);border-radius:18px;padding:5px 13px;font-size:12px;font-weight:600;color:var(--ak7hv61);text-decoration:none;line-height:1}
.ak00yiz-social a:hover{background:rgba(255,255,255,.13)}
/* липкий нижний CTA (мобилка): прилипает к низу экрана при скролле. Опция sticky_cta. */
.alcsobg{display:none}
@media(max-width:768px){
  .alcsobg{display:block;position:fixed;left:0;right:0;bottom:0;z-index:900;
    padding:9px 12px;padding-bottom:calc(9px + env(safe-area-inset-bottom,0px));
    background:var(--akz6x4j);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -6px 22px rgba(0,0,0,.45)}
  .alcsobg a{display:block;text-align:center;padding:13px;border-radius:10px;font-weight:700;font-size:16px;
    text-decoration:none;background:var(--ak7hv61);color:#0c0022}
  body{padding-bottom:70px}
}
/* hero как реальный <img> (SEO: alt+индексация) — img-слой + тёмный оверлей (::after) + текст поверх */
.auxow3a{position:relative;isolation:isolate;overflow:hidden}
.auxow3a>.ajbiotk{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.auxow3a::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(100deg,rgba(8,10,15,.96) 0%,rgba(8,10,15,.88) 26%,rgba(16,20,28,.62) 48%,rgba(16,20,28,.26) 70%,transparent 100%)}
.auxow3a>:not(.ajbiotk){position:relative;z-index:2}

/* автор-бокс внизу контента (органично, вместо байлайна в hero) */
.anostm4{display:flex;align-items:center;gap:14px;max-width:920px;margin:32px auto;padding:16px 18px;
  background:var(--akz6x4j);border:1px solid rgba(255,255,255,.08);border-radius:12px}
.anostm4-av{width:60px;height:60px;border-radius:50%;object-fit:cover;flex:0 0 60px;border:2px solid var(--ak7hv61)}
.anostm4-by{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--amu4e2c)}
.anostm4-t a{color:var(--ak7hv61);text-decoration:none;font-size:16px;font-weight:700}
.anostm4-t p{margin:3px 0 0;font-size:13px;color:var(--amu4e2c);line-height:1.45}

/* липкий хедер — лого/бургер/CTA доступны при скролле (sticky сверху) */
header{position:sticky;top:0;z-index:50}

/* универсальный мобильный nav. Перебивает AffBulk verbatim CSS.
   ⚠️ #aer0y55 и CTA-кнопки (Register/Login) лежат в ОДНОЙ обёртке (header > ._eXXX), которую AffBulk
   прячет display:none на мобилке (показ жил в Astro-острове). Поэтому делаем ОБЁРТКУ выпадающей панелью
   (nav + CTA внутри, вертикально), а в шапке остаются только лого + бургер. Универсально через :has(). */
@media(max-width:768px){
  /* бургер: видим, без белого hover-фона, контрастная иконка ☰ */
  header button[aria-label="Menu"]{display:inline-flex!important;align-items:center;justify-content:center;
    background:transparent!important;border:none!important;cursor:pointer;padding:8px;line-height:0;z-index:1001}
  header button[aria-label="Menu"]:hover{background:transparent!important}
  header button[aria-label="Menu"]>*{display:none}
  header button[aria-label="Menu"]::before{content:"\2630";font-size:27px;line-height:1;color:#efe9f7}

  /* обёртка (прямой ребёнок header с меню) — скрыта; при #aer0y55.open раскрывается выпадайкой со ВСЕМ (nav+CTA) */
  header>*:has(#aer0y55){display:none!important}
  header:has(#aer0y55.open)>*:has(#aer0y55){display:flex!important;flex-direction:column;align-items:stretch;
    gap:12px;position:absolute;top:100%;left:0;right:0;background:var(--akz6x4j);
    padding:14px 18px 18px;box-shadow:0 14px 32px rgba(0,0,0,.55);z-index:1000;max-height:82vh;overflow:auto}
  /* nav-список вертикально, на всю ширину */
  header:has(#aer0y55.open) #aer0y55{display:flex!important;flex-direction:column;gap:2px;width:100%;
    list-style:none;margin:0;padding:0}
  header:has(#aer0y55.open) #aer0y55 li{display:block!important;width:100%;margin:0;padding:0;
    background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  header:has(#aer0y55.open) #aer0y55 a{display:block;padding:10px 2px;font-size:16px}
  /* CTA-кнопки (Register/Login) в выпадайке — столбиком на всю ширину */
  header:has(#aer0y55.open)>*:has(#aer0y55)>:not(:has(#aer0y55)){display:flex!important;flex-direction:column;gap:8px;width:100%}
  header:has(#aer0y55.open)>*:has(#aer0y55)>:not(:has(#aer0y55)) a{display:block;width:100%;text-align:center;box-sizing:border-box}
}
/* дефолт заголовков таблиц: fg-текст (контрастен на любом фоне-палитре). Без !important/заливки —
   per-template th-стили владеют своим видом; их контраст выверяют axe-фиксеры по шаблону. */
table th{color:var(--arjhogs);font-weight:700}

/* ── POP-UP банер (окремий налаштовуваний елемент, спільний для всіх шаблонів) ── */
.acayl0g{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .25s ease;padding:16px}
.acayl0g.open{opacity:1}
.acayl0g[hidden]{display:none}
.acayl0g-bd{position:absolute;inset:0;background:var(--acayl0g-backdrop,rgba(6,12,24,.62));backdrop-filter:blur(2px)}
.acayl0g-card{position:relative;z-index:1;max-width:440px;width:100%;border-radius:16px;overflow:hidden;
  background:var(--akz6x4j);color:var(--arjhogs);box-shadow:0 24px 60px rgba(0,0,0,.5);
  transform:translateY(12px) scale(.98);transition:transform .25s ease}
.acayl0g.open .acayl0g-card{transform:none}
.acayl0g-x{position:absolute;top:8px;right:10px;z-index:2;width:32px;height:32px;border:0;border-radius:50%;
  background:rgba(0,0,0,.35);color:#efe9f7;font-size:20px;line-height:1;cursor:pointer}
.acayl0g-img{display:block;width:100%;height:160px;object-fit:cover}
.acayl0g-body{padding:20px 22px 24px}
.acayl0g-title{margin:0 0 8px;font-size:20px;line-height:1.25}
.acayl0g-text{margin:0 0 16px;font-size:14px;opacity:.9;line-height:1.5}
.acayl0g-cta{display:inline-block;background:var(--ak7hv61);color:var(--avtliwc);font-weight:700;
  padding:11px 20px;border-radius:10px;text-decoration:none}
.acayl0g-cta:hover{filter:brightness(1.06)}
@media(max-width:480px){.acayl0g-img{height:120px}.acayl0g-body{padding:16px}}

/* ── Глобальна вітрина офферів (money-блок top-N казино) ── */
.aiyrhep{margin:1.5rem 0 2rem}
.aiyrhep>h2{margin:0 0 .8rem}
.aiyrhep-list{display:flex;flex-direction:column;gap:10px}
.asc4je1{display:grid;grid-template-columns:34px 120px 1fr auto auto;align-items:center;gap:14px;
  background:var(--akz6x4j);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px}
.asc4je1-rank{font-weight:800;font-size:18px;color:var(--ak7hv61);text-align:center}
.asc4je1-logo{height:40px;width:120px;object-fit:contain;background:#efe9f7;border-radius:6px;padding:4px}
.asc4je1-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.asc4je1-info strong{font-size:15px}
.asc4je1-badge{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;background:var(--ak7hv61);
  color:var(--avtliwc);border-radius:4px;padding:1px 7px;vertical-align:middle}
.asc4je1-rating{font-size:13px;color:var(--amu4e2c)}
.asc4je1-bonus{font-size:14px;font-weight:600;text-align:center}
.asc4je1-cta{background:var(--ak7hv61);color:var(--avtliwc);font-weight:700;padding:10px 18px;border-radius:9px;
  text-decoration:none;white-space:nowrap}
.asc4je1-cta:hover{filter:brightness(1.07)}
@media(max-width:640px){
  .asc4je1{grid-template-columns:28px 80px 1fr;gap:8px;row-gap:6px;padding:10px 12px}
  .asc4je1-logo{width:80px;height:32px}
  .asc4je1-bonus{grid-column:2/4;text-align:left;font-size:13px}
  .asc4je1-cta{grid-column:1/4;text-align:center}
}

/* ── ХЛІБНІ КРИХТИ (breadcrumbs) — спільний елемент усіх шаблонів (m.breadcrumbs). Кольори з палітри. ── */
.aaap0ar{max-width:1200px;margin:0 auto;padding:14px 20px 2px;font-size:.82rem;line-height:1.4}
.aaap0ar ol{list-style:none;display:flex;flex-wrap:wrap;gap:.45em;margin:0;padding:0;align-items:center}
.aaap0ar li{display:flex;align-items:center;gap:.45em;color:color-mix(in srgb,var(--arjhogs) 58%,transparent)}
.aaap0ar li:not(:last-child)::after{content:"\203A";opacity:.55}
.aaap0ar a{color:color-mix(in srgb,var(--arjhogs) 80%,transparent);text-decoration:none}
.aaap0ar a:hover{color:var(--aip0mmc);text-decoration:underline}
.aaap0ar [aria-current=page]{color:var(--arjhogs);font-weight:600}

/* блок «ключевые выводы» (TL;DR) — выделенная карточка вверху контента (AI-извлекаемо) */
.acgtfas{background:var(--akz6x4j);border:1px solid color-mix(in srgb,var(--aip0mmc) 38%,transparent);border-left:4px solid var(--aip0mmc);border-radius:10px;padding:14px 18px;margin:18px 0}
.acgtfas h2{margin:.1em 0 .45em;font-size:1.05rem;color:var(--aip0mmc)}
.acgtfas ul{margin:0;padding-left:1.1em}
.acgtfas li{margin:.32em 0;color:color-mix(in srgb,var(--arjhogs) 90%,transparent)}
/* видимая дата обновления */
.aa29dtf{font-size:.85rem;color:var(--amu4e2c);margin:.2em 0 .8em}
.aa29dtf time{font-variant-numeric:tabular-nums}
/* compliance-строка: лицензия / 18+ / ответственная игра */
.auomjtv{display:flex;flex-wrap:wrap;gap:7px 14px;align-items:center;justify-content:center;font-size:.8rem;color:var(--amu4e2c);padding:12px 16px;border-top:1px solid color-mix(in srgb,var(--arjhogs) 12%,transparent)}
.auomjtv .ao8zocq{font-weight:700;color:var(--aip0mmc);border:1.5px solid var(--aip0mmc);border-radius:20px;padding:0 7px;line-height:1.5}
.auomjtv a{color:var(--amu4e2c);text-decoration:underline}

/* wd-contrast-fix */
a[aria-label="Lovlige Casinoer"]{color:#111111 !important;}
a[aria-label="Trustly som"]{color:#111111 !important;}
a[aria-label="Hvad er"]{color:#111111 !important;}
a[aria-label="Hvordan Hjælper"]{color:#111111 !important;}
a[aria-label="Nyttige Sektioner"]{color:#111111 !important;}
.c21-nav > li > a[data-umami-event="cta_click"][data-umami-event-brand="Trustly Casino"][data-z2kmh="76ev7w=="]{color:#111111 !important;}
.c21-header-cta{color:#111111 !important;}
.c21-widget-badge{color:#111111 !important;}
.c21-casino-item[data-umami-event-brand="Crown Coins"][data-umami-event="sidebar_click"] > .c21-casino-action{color:#111111 !important;}
.c21-casino-item[data-umami-event-brand="N1"][data-umami-event="sidebar_click"] > .c21-casino-action{color:#111111 !important;}
.c21-casino-item[data-umami-event-brand="Blaze Spins"][data-umami-event="sidebar_click"] > .c21-casino-action{color:#111111 !important;}
.c21-casino-item[data-umami-event-brand="Snatch"][data-umami-event="sidebar_click"] > .c21-casino-action{color:#111111 !important;}
.c21-casino-item[data-umami-event-brand="Big Shot Games"][data-umami-event="sidebar_click"] > .c21-casino-action{color:#111111 !important;}
a[data-umami-event-brand="Slots Gallery"] > .c21-casino-action{color:#111111 !important;}
.c21-rating-badge{color:#111111 !important;}
.asc4je1-badge{color:#111111 !important;}
th{color:#111111 !important;background-color:#8359cf !important;opacity:1 !important;}
.c21-sticky-action > a[data-umami-event="cta_click"][data-umami-event-brand="Trustly Casino"][data-z2kmh="76ev7w=="]{color:#111111 !important;}
.c21-nav > li > a[data-umami-event="cta_click"][data-umami-event-brand="Trustly Casino"][data-fjemw="jMTMjA=="]{color:#111111 !important;}
a[data-umami-event-brand="Crown Coins"] > .c21-casino-action{color:#111111 !important;}
a[data-umami-event-brand="N1"] > .c21-casino-action{color:#111111 !important;}
a[data-umami-event-brand="Blaze Spins"] > .c21-casino-action{color:#111111 !important;}
a[data-umami-event-brand="Snatch"] > .c21-casino-action{color:#111111 !important;}
a[data-umami-event-brand="Big Shot Games"] > .c21-casino-action{color:#111111 !important;}
.c21-sticky-action > a[data-umami-event="cta_click"][data-umami-event-brand="Trustly Casino"][data-fjemw="jMTMjA=="]{color:#111111 !important;}
.c21-nav > li > a[data-umami-event="cta_click"][data-umami-event-brand="Trustly Casino"][data-aomea="pOzkpA=="]{color:#111111 !important;}
.c21-sticky-action > a[data-umami-event="cta_click"][data-umami-event-brand="Trustly Casino"][data-aomea="pOzkpA=="]{color:#111111 !important;}
.c21-nav > li > a[data-umami-event="cta_click"][data-umami-event-brand="Trustly Casino"][data-yo5jh="aiIqag=="]{color:#111111 !important;}
.c21-sticky-action > a[data-umami-event="cta_click"][data-umami-event-brand="Trustly Casino"][data-yo5jh="aiIqag=="]{color:#111111 !important;}
.c21-nav > li > a[data-umami-event="cta_click"][data-umami-event-brand="Trustly Casino"][data-dxrhd="/ra+/g=="]{color:#111111 !important;}
.c21-sticky-action > a[data-umami-event="cta_click"][data-umami-event-brand="Trustly Casino"][data-dxrhd="/ra+/g=="]{color:#111111 !important;}
.c21-nav > li > a[data-umami-event="cta_click"][data-umami-event-brand="Trustly Casino"][data-xwhvu="AEhAAA=="]{color:#111111 !important;}
.c21-sticky-action > a[data-umami-event="cta_click"][data-umami-event-brand="Trustly Casino"][data-xwhvu="AEhAAA=="]{color:#111111 !important;}
.c21-nav > li > a[data-umami-event="cta_click"][data-umami-event-brand="Trustly Casino"][data-gpqu2="25Ob2w=="]{color:#111111 !important;}
.c21-sticky-action > a[data-umami-event="cta_click"][data-umami-event-brand="Trustly Casino"][data-gpqu2="25Ob2w=="]{color:#111111 !important;}
.c21-nav > li > a[data-umami-event="cta_click"][data-umami-event-brand="Trustly Casino"][data-svy5e="bSUtbQ=="]{color:#111111 !important;}
.c21-sticky-action > a[data-umami-event="cta_click"][data-umami-event-brand="Trustly Casino"][data-svy5e="bSUtbQ=="]{color:#111111 !important;}
th *{color:#ffffff !important;opacity:1 !important;}