/* c28.css — maestro-casino-nl mirror: clean editorial layout, centered nav,
   left-accent bullet/step/FAQ cards, casino-card grid, back-to-top. */

/* Reset */
*{margin:0;padding:0;box-sizing:border-box}

/* Base */
body{
  font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  background-color:var(--sqkhde1);
  color:var(--sup806j);
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
p{font-size:1.1em;line-height:1.6;margin:16px 5px}
img{max-width:100%;height:auto}

/* ── HEADER ── */
.c28-header{
  background:var(--sthsyh6);
  border-bottom:1px solid rgba(255,255,255,.07);
  color:var(--sup806j);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 24px;
  position:relative;
}
.c28-logo-container{display:flex;align-items:center;gap:10px}
.c28-logo-img{width:38px;height:38px;object-fit:contain;border-radius:6px;background:#e8eaed;padding:2px}
.c28-site-name{font-size:1.15rem;font-weight:700;color:var(--sup806j)}

/* Desktop nav — centered absolute */
.c28-main-nav ul{list-style:none;display:flex;gap:22px}
.c28-main-nav a{color:var(--sup806j);font-weight:500;font-size:.97rem;transition:color .2s}
.c28-main-nav a:hover{color:var(--stscvmj)}
@media(min-width:769px){
  .c28-main-nav{position:absolute;left:50%;transform:translateX(-50%)}
}

/* Header CTA */
.c28-header-cta{
  display:inline-block;background:var(--swesd2l);color:var(--sgvcdxp);
  font-weight:700;font-size:.9rem;padding:9px 20px;border-radius:8px;
  text-decoration:none;white-space:nowrap;flex-shrink:0
}
.c28-header-cta:hover{filter:brightness(1.1)}

/* ── MOBILE BURGER ── */
.c28-burger{
  display:none;cursor:pointer;flex-direction:column;gap:5px;
  background:transparent;border:none;padding:8px;z-index:1001
}
.c28-burger span{display:block;width:25px;height:3px;background:var(--sup806j);border-radius:2px}
@media(max-width:768px){
  .c28-burger{display:flex}
  .c28-main-nav ul{
    display:none;flex-direction:column;
    background:var(--sthsyh6);border-top:1px solid rgba(255,255,255,.08);
    position:absolute;top:60px;left:0;right:0;
    padding:12px 0;z-index:1000;text-align:center;
  }
  .c28-main-nav ul.open{display:flex}
  .c28-main-nav li{margin:8px 0}
  .c28-main-nav a{font-size:1rem;display:block;padding:4px 20px}
  .c28-header-cta{display:none}
}

/* ── HERO ── */
.c28-hero{
  background:linear-gradient(135deg,var(--swesd2l),var(--stscvmj));
  color:var(--sgvcdxp);
  padding:64px 24px;
  text-align:center;
}
.c28-hero-content{max-width:820px;margin:0 auto}
.c28-hero h1{
  font-size:2.35em;font-weight:800;margin-bottom:20px;line-height:1.22;
  color:var(--sgvcdxp);
}
.c28-hero p{font-size:1.1em;line-height:1.55;color:var(--sgvcdxp);opacity:.92}
.c28-hero-badge{
  display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;
  background:rgba(0,0,0,.22);border-radius:20px;padding:5px 14px;
  font-size:.85rem;font-weight:600;color:var(--sgvcdxp)
}
.c28-hero-cta{
  display:inline-block;margin-top:26px;
  background:rgba(0,0,0,.28);color:var(--sgvcdxp);
  font-weight:800;font-size:1.05rem;padding:15px 38px;
  border-radius:10px;border:2px solid rgba(255,255,255,.55);
  text-decoration:none;transition:background .2s
}
.c28-hero-cta:hover{background:rgba(0,0,0,.42)}

/* ── SECTION TITLE (like competitor's .section-title) ── */
.c28-section-title{
  font-size:1.7rem;font-weight:800;color:var(--sup806j);
  text-align:center;margin:2rem 0 1rem;
}

/* ── CASINO LIST (top casinos — our offers macro area) ── */
.c28-casino-list{
  max-width:1100px;margin:0 auto;padding:1rem 1.25rem;
  display:flex;flex-direction:column;gap:1rem;
}

/* Casino card */
.c28-casino-card{
  position:relative;display:flex;flex-direction:row;
  background:var(--sthsyh6);border-radius:10px;overflow:hidden;
  border-left:4px solid var(--swesd2l);
  box-shadow:0 2px 10px rgba(0,0,0,.25);
}
.c28-rank{
  position:absolute;top:0;left:0;width:32px;height:32px;
  background:var(--swesd2l);color:var(--sgvcdxp);
  border-radius:0 0 8px 0;display:flex;align-items:center;
  justify-content:center;font-weight:800;font-size:.9rem;
}
.c28-card-image{
  flex:0 0 20%;max-width:200px;min-width:100px;
  background:#e8eaed;padding:.75rem;
  display:flex;align-items:center;justify-content:center;
}
.c28-card-image img{max-width:100%;max-height:80px;object-fit:contain}
.c28-card-content{
  flex:1;display:grid;
  grid-template-columns:1fr 160px 180px;
  align-items:center;padding:1rem;gap:1.5rem;
}
.c28-casino-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.c28-casino-title{font-size:1.15rem;font-weight:700;color:var(--sup806j)}
.c28-rating{display:flex;align-items:center;gap:3px;margin-top:3px}
.c28-star{color:var(--swesd2l);font-size:.95rem}
.c28-rating-text{font-size:.85rem;color:var(--srma62b);margin-left:4px}
.c28-offers-cell{
  padding:.75rem;background:rgba(255,255,255,.04);
  border:1px solid var(--swesd2l);border-radius:6px;
  display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;
}
.c28-bonus-label,.c28-spins-label{font-size:.8rem;color:var(--srma62b);font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.c28-bonus-val,.c28-spins-val{font-size:1rem;font-weight:700;color:var(--sup806j)}
.c28-actions{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.c28-btn-primary{
  padding:.85rem 1.25rem;border-radius:6px;font-weight:700;font-size:.95rem;
  background:linear-gradient(45deg,var(--swesd2l),var(--stscvmj));
  color:var(--sgvcdxp);text-decoration:none;display:block;text-align:center;
  transition:filter .2s;animation:c28-shake 5s ease-in-out infinite;
}
.c28-btn-primary:hover{filter:brightness(1.1);animation:none}
.c28-btn-secondary{
  padding:.6rem .9rem;border-radius:6px;font-size:.82rem;font-weight:600;
  background:transparent;color:var(--srma62b);
  border:1px solid var(--srma62b);text-decoration:none;display:block;text-align:center;
  transition:color .2s,border-color .2s;
}
.c28-btn-secondary:hover{color:var(--swesd2l);border-color:var(--swesd2l)}
.c28-disclaimer{font-size:.72rem;color:var(--srma62b);text-align:center;line-height:1.35}

@keyframes c28-shake{
  0%{transform:translate(0,0) rotate(0deg)}
  2%{transform:translate(-2px,1px) rotate(-1deg)}
  4%{transform:translate(-2px,-1px) rotate(1deg)}
  6%{transform:translate(2px,1px) rotate(0deg)}
  8%{transform:translate(2px,-1px) rotate(1deg)}
  10%{transform:translate(-2px,1px) rotate(-1deg)}
  11%,100%{transform:translate(0,0) rotate(0deg)}
}

/* ── MAIN CONTENT AREA ── */
.c28-main{max-width:1200px;margin:0 auto;padding:20px 24px}

/* ── BULLET LIST SECTION (left-border card) ── */
.c28-bullet-section{
  margin:36px 0;padding:22px 24px;
  background:var(--sthsyh6);
  border-left:5px solid var(--swesd2l);
  border-radius:6px;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
}
.c28-bullet-list{list-style:none;padding:0;margin:0}
.c28-bullet-list li{
  position:relative;padding-left:22px;margin-bottom:10px;
  font-size:1em;line-height:1.55;color:var(--sup806j);
}
.c28-bullet-list li::before{
  content:"";position:absolute;left:0;top:.55em;
  width:10px;height:10px;
  background:var(--stscvmj);border-radius:50%;
}
@media(max-width:768px){.c28-bullet-section{margin:22px 0;padding:16px 18px}}

/* ── STEP-BY-STEP SECTION ── */
.c28-step-section{
  margin:36px 0;padding:22px 24px;
  background:var(--sthsyh6);
  border-left:5px solid var(--stscvmj);
  border-radius:6px;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
}
.c28-step-list{list-style:none;padding:0;margin:0}
.c28-step-list li{display:flex;align-items:flex-start;margin-bottom:20px;gap:16px}
.c28-step-num{
  flex:0 0 42px;height:42px;
  background:var(--stscvmj);color:var(--sgvcdxp);
  border-radius:50%;font-size:1.1em;font-weight:800;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.c28-step-body{display:flex;flex-direction:column;padding-top:8px}
.c28-step-body p{margin:0;font-size:1em;line-height:1.5;color:var(--sup806j)}
@media(max-width:768px){
  .c28-step-list li{flex-direction:column;gap:8px}
  .c28-step-num{width:46px;height:46px}
}

/* ── FAQ SECTION ── */
.c28-faq-section{
  margin:36px 0;padding:22px 24px;
  background:var(--sthsyh6);
  border-left:5px solid var(--swesd2l);
  border-radius:6px;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
}
.c28-faq-section h2{font-size:1.7em;margin-bottom:20px;color:var(--sup806j)}
.c28-faq-item{margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px}
.c28-faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.c28-faq-item summary{
  font-size:1.1em;font-weight:600;
  color:var(--swesd2l);
  cursor:pointer;padding:10px 12px;
  background:rgba(255,255,255,.05);
  border-radius:5px;
  list-style:none;
  transition:background .2s;
}
.c28-faq-item summary::-webkit-details-marker{display:none}
.c28-faq-item summary::before{
  content:"▸";margin-right:8px;
  color:var(--stscvmj);font-size:.85em;
  transition:transform .2s;display:inline-block;
}
.c28-faq-item[open] summary{background:rgba(255,255,255,.1)}
.c28-faq-item[open] summary::before{transform:rotate(90deg)}
.c28-faq-answer{
  margin-top:10px;font-size:1em;line-height:1.6;
  color:var(--sup806j);padding-left:12px;
}
@media(max-width:768px){.c28-faq-section{margin:22px 0;padding:16px 18px}}

/* ── ARTICLE / REVIEW SECTION ── */
.c28-review-section{margin:28px 0}
.c28-review-section h2{
  font-size:1.55em;font-weight:700;color:var(--sup806j);
  margin:28px 0 10px;
  padding-bottom:6px;
  border-bottom:2px solid var(--swesd2l);
  display:inline-block;
}
.c28-review-section h3{
  font-size:1.2em;font-weight:700;color:var(--sup806j);margin:18px 0 8px;
}
.sctm5n5 h2{
  font-size:1.55em;font-weight:700;color:var(--sup806j);
  margin:28px 0 10px;
  padding-bottom:6px;
  border-bottom:2px solid var(--swesd2l);
  display:inline-block;
}
.sctm5n5 h3{font-size:1.2em;font-weight:700;color:var(--sup806j);margin:18px 0 8px}
.sctm5n5 p{font-size:1.05em;line-height:1.65;margin:12px 0;color:var(--sup806j)}
.sctm5n5 ul{padding-left:20px;margin:10px 0}
.sctm5n5 li{margin:6px 0;color:var(--sup806j);font-size:1em;line-height:1.55}
.sctm5n5 table{width:100%;border-collapse:collapse;margin:18px 0}
.sctm5n5 th{background:var(--swesd2l);color:var(--sgvcdxp);padding:10px 12px;text-align:left;font-weight:700}
.sctm5n5 td{border:1px solid rgba(255,255,255,.1);padding:10px 12px;color:var(--sup806j)}
.sctm5n5 tr:nth-child(even) td{background:rgba(255,255,255,.03)}
@media(max-width:480px){.sctm5n5 th,.sctm5n5 td{padding:8px 9px;font-size:.92em}}

/* ── CASINO CARD MOBILE ── */
@media(max-width:768px){
  .c28-casino-card{flex-direction:column}
  .c28-card-image{flex:0 0 auto;width:100%;max-width:100%;min-width:unset;aspect-ratio:4/3}
  .c28-card-content{display:flex;flex-direction:column;gap:.75rem}
  .c28-casino-info{align-items:center;text-align:center}
  .c28-offers-cell{width:80%;margin:0 auto}
  .c28-actions{flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}
  .c28-btn-primary,.c28-btn-secondary{width:48%}
}

/* ── FOOTER ── */
.c28-footer{
  background:var(--sthsyh6);color:var(--sup806j);
  border-top:1px solid rgba(255,255,255,.07);
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 28px;flex-wrap:wrap;gap:14px;
}
.c28-footer-logo{display:flex;align-items:center;gap:10px}
.c28-footer-logo-img{width:36px;height:36px;object-fit:contain;border-radius:5px;background:#e8eaed;padding:2px}
.c28-footer-nav ul{list-style:none;display:flex;gap:20px}
.c28-footer-nav a{color:var(--srma62b);font-weight:500;font-size:.93rem;transition:color .2s}
.c28-footer-nav a:hover{color:var(--swesd2l)}
.c28-footer-copy{font-size:.85em;color:var(--srma62b)}
@media(max-width:768px){
  .c28-footer{flex-direction:column;align-items:center;text-align:center}
  .c28-footer-nav ul{flex-direction:column;gap:8px}
  .c28-footer-copy{margin-top:10px}
}

/* ── BACK TO TOP ── */
.c28-to-top{
  position:fixed;bottom:24px;right:24px;
  background:var(--swesd2l);color:var(--sgvcdxp);
  border:none;border-radius:50%;width:48px;height:48px;
  cursor:pointer;font-size:22px;
  box-shadow:0 2px 8px rgba(0,0,0,.35);
  z-index:800;transition:background .2s;line-height:1;
  display:flex;align-items:center;justify-content:center;
}
.c28-to-top:hover{filter:brightness(1.12)}
@media(max-width:768px){.c28-to-top{display:none}}

/* ── MOBILE BREADCRUMBS SKIN (light override over _addon.css) ── */
.c28-header+.srl4a53{background:var(--sthsyh6);border-bottom:1px solid rgba(255,255,255,.06)}

/* Rating stars in review info */
.c28-rating-stars{color:var(--swesd2l);font-size:.95rem}

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

.sfpxzfg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:18px 0}
.spaqkxc{background:var(--sthsyh6);border:1px solid rgba(255,255,255,.08);border-radius:12px;
  overflow:hidden;display:flex;flex-direction:column}
.spaqkxc img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#1d1605}
.spaqkxc .sgmfvno{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(--sup806j);background:#1d1605}
.spaqkxc figcaption{padding:9px 11px;display:flex;flex-direction:column;gap:2px}
.spaqkxc strong{font-size:13px;color:var(--sup806j)}
.spaqkxc span{font-size:11px;color:var(--srma62b)}
.spaqkxc .sgbdlxs{color:var(--swesd2l);font-weight:600}

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

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

/* внутрішня перелінковка «Explore more» — freeze інжектить перед <footer> */
.sfpx6pq{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(--sthsyh6);border:1px solid rgba(255,255,255,.08)}
.sfpx6pq span{color:var(--srma62b);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.sfpx6pq a{color:var(--swesd2l);text-decoration:none;font-weight:600;font-size:14px;
  padding:6px 14px;border-radius:8px;background:rgba(255,255,255,.04)}
.sfpx6pq a:hover{background:rgba(255,255,255,.1)}

/* сервіс-лінки у футер (мульти-сторінка) — freeze інжектить перед </footer> */
.sl3z2m2{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}
.sl3z2m2 a{color:var(--srma62b);text-decoration:none;font-size:13px}
.sl3z2m2 a:hover{color:var(--swesd2l)}

.sudumuu{height:34px;width:auto;display:inline-block;vertical-align:middle}
.sybpvya{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0;align-items:center}
.sybpvya li{display:flex}
.sqjtwcd{height:28px;width:auto;display:block;border-radius:6px}
/* плоская футер-ссылка (quick-links): НЕ кнопка — иначе ряд градиент-блоков «разъезжается» */
.sy0ewbc{color:var(--srma62b);text-decoration:none;font-size:14px;font-weight:600;background:none;padding:0;white-space:nowrap}
.sy0ewbc:hover{color:var(--swesd2l);text-decoration:underline}
/* ── автор (E-E-A-T): байлайн + страница автора + контактная форма ── */
.sy41nvq{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)}
.sy41nvq-av{border-radius:50%;object-fit:cover;flex:0 0 auto}
.sy41nvq-t{display:flex;flex-direction:column;font-size:14px;line-height:1.4}
.sy41nvq-t a{color:var(--swesd2l);text-decoration:none;font-weight:700}
.sy41nvq-meta{color:var(--srma62b);font-size:12px}
.svpymai{background:var(--sqkhde1);color:var(--sup806j);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0}
.sv0ih01{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)}
.sg88jgv{color:var(--swesd2l);font-weight:800;font-size:20px;text-decoration:none}
.sv0ih01 nav{display:flex;flex-wrap:wrap;gap:18px}
.sv0ih01 nav a{color:var(--srma62b);text-decoration:none;font-size:14px}
.sv0ih01 nav a:hover{color:var(--swesd2l)}
.sm12x7s{max-width:860px;margin:0 auto;padding:40px 5vw 60px}
.sw7fr6i-card{display:flex;gap:24px;align-items:center;flex-wrap:wrap;background:var(--sthsyh6);border-radius:16px;padding:28px;margin-bottom:28px}
.sw7fr6i-av{border-radius:50%;object-fit:cover;border:3px solid var(--swesd2l)}
.sw7fr6i-h h1{margin:0 0 4px;font-size:28px}
.sw7fr6i-role{color:var(--swesd2l);font-weight:700;margin:0 0 8px}
.sw7fr6i-stats{color:var(--srma62b);font-size:14px;margin:0}
.sw7fr6i-bio h2,.sat9y6d h2{font-size:22px;margin:24px 0 10px}
.sw7fr6i-bio p{line-height:1.7;color:var(--sup806j)}
.sw7fr6i-exp{display:flex;flex-wrap:wrap;gap:8px 10px;list-style:none;padding:0}
.sw7fr6i-exp li{background:rgba(255,255,255,.06);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}
.sat9y6d{margin-top:34px;background:var(--sthsyh6);border-radius:16px;padding:28px}
.sat9y6d-form{display:flex;flex-direction:column;gap:12px;max-width:480px}
.sat9y6d-form input,.sat9y6d-form textarea{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:11px 14px;color:var(--sup806j);font-size:15px;font-family:inherit}
.sat9y6d-form button{background:var(--swesd2l);color:#161b26;border:0;border-radius:8px;padding:12px;font-weight:800;font-size:15px;cursor:pointer}
.sat9y6d-form .suzwzfa{color:#ff3036;font-weight:600}
.szgtsvq{text-align:center;padding:26px 5vw;color:var(--srma62b);font-size:13px;border-top:1px solid rgba(255,255,255,.08)}
.sw7fr6i-social{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}
.sw7fr6i-social a{background:rgba(255,255,255,.07);border:1px solid var(--swesd2l);border-radius:18px;padding:5px 13px;font-size:12px;font-weight:600;color:var(--swesd2l);text-decoration:none;line-height:1}
.sw7fr6i-social a:hover{background:rgba(255,255,255,.13)}
/* липкий нижний CTA (мобилка): прилипает к низу экрана при скролле. Опция sticky_cta. */
.sklg8tv{display:none}
@media(max-width:768px){
  .sklg8tv{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(--sthsyh6);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -6px 22px rgba(0,0,0,.45)}
  .sklg8tv a{display:block;text-align:center;padding:13px;border-radius:10px;font-weight:700;font-size:16px;
    text-decoration:none;background:var(--swesd2l);color:#1d1605}
  body{padding-bottom:70px}
}
/* hero как реальный <img> (SEO: alt+индексация) — img-слой + тёмный оверлей (::after) + текст поверх */
.szbb5k8{position:relative;isolation:isolate;overflow:hidden}
.szbb5k8>.sta90bk{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.szbb5k8::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%)}
.szbb5k8>:not(.sta90bk){position:relative;z-index:2}

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

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

/* универсальный мобильный nav. Перебивает AffBulk verbatim CSS.
   ⚠️ #szrh5lb и 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:#e8eaed}

  /* обёртка (прямой ребёнок header с меню) — скрыта; при #szrh5lb.open раскрывается выпадайкой со ВСЕМ (nav+CTA) */
  header>*:has(#szrh5lb){display:none!important}
  header:has(#szrh5lb.open)>*:has(#szrh5lb){display:flex!important;flex-direction:column;align-items:stretch;
    gap:12px;position:absolute;top:100%;left:0;right:0;background:var(--sthsyh6);
    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(#szrh5lb.open) #szrh5lb{display:flex!important;flex-direction:column;gap:2px;width:100%;
    list-style:none;margin:0;padding:0}
  header:has(#szrh5lb.open) #szrh5lb li{display:block!important;width:100%;margin:0;padding:0;
    background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  header:has(#szrh5lb.open) #szrh5lb a{display:block;padding:10px 2px;font-size:16px}
  /* CTA-кнопки (Register/Login) в выпадайке — столбиком на всю ширину */
  header:has(#szrh5lb.open)>*:has(#szrh5lb)>:not(:has(#szrh5lb)){display:flex!important;flex-direction:column;gap:8px;width:100%}
  header:has(#szrh5lb.open)>*:has(#szrh5lb)>:not(:has(#szrh5lb)) a{display:block;width:100%;text-align:center;box-sizing:border-box}
}
/* дефолт заголовков таблиц: fg-текст (контрастен на любом фоне-палитре). Без !important/заливки —
   per-template th-стили владеют своим видом; их контраст выверяют axe-фиксеры по шаблону. */
table th{color:var(--sup806j);font-weight:700}

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

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

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

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