/* zondercrukscasino.nu — 2026 design */
:root{--ink:#0F1C2E;--ink2:#3B4A5C;--muted:#64748B;--line:#E3E8EF;--line2:#EEF2F6;--ground:#F4F6F9;--navy:#0B1E33;--accent:#FF6A1A;--accent-d:#E85C10;--brand:#19B3C2;--brand-d:#0E9CB2;--brand-dd:#0B6E7D;--brand-bg:#E6F7F9;--ok:#12A86B;--ok-bg:#EAF7F0;--warn:#B54708;--warn-bg:#FFF1E8;--gold:#F5B301;--r-card:18px;--r-btn:12px;--font-d:Manrope,Inter,system-ui,sans-serif;--font-b:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--wrap:1200px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-b);font-size:16px;line-height:1.55;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--brand-d)}a:hover{color:var(--brand-dd)}
h1,h2,h3,h4{font-family:var(--font-d);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--ink);margin:0}
.zc-wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
.zc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border:0;cursor:pointer;text-decoration:none;border-radius:var(--r-btn);padding:13px 22px;font-size:15px;min-height:46px;line-height:1.2;transition:filter .15s,background .15s}
.zc-btn--accent{background:var(--accent);color:#fff}.zc-btn--accent:hover{background:var(--accent-d);color:#fff}
.zc-btn--ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.zc-btn--ghost:hover{background:rgba(255,255,255,.08);color:#fff}
.zc-btn--dark{background:var(--ink);color:#fff}.zc-btn--dark:hover{color:#fff;filter:brightness(1.15)}
.zc-18{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1.5px solid currentColor;font-weight:700;font-size:11px;flex-shrink:0}
.zc-18--lg{width:36px;height:36px;border-width:2px;font-size:12px;font-weight:800;color:#fff}
.zc-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.zc-badge{display:inline-block;background:var(--brand-bg);color:var(--brand-dd);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;line-height:1.4}
.zc-fine{font-size:12px;color:var(--muted);text-align:center;display:block}
.zc-dot{color:#CBD5E1}

/* top bar + header */
.zc-topbar{background:var(--navy);color:#C7D2DE;font-size:13px}
.zc-topbar .zc-wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:8px;padding-bottom:8px}
.zc-topbar__l{display:flex;gap:14px;align-items:center}
.zc-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.zc-header.is-stuck{box-shadow:0 6px 24px rgba(15,28,46,.08)}
.zc-header__in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:12px;padding-bottom:12px}
.zc-logo{display:inline-flex;align-items:center}.zc-logo img{height:44px;width:auto}
.zc-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:22px;align-items:center}
.zc-nav__link{color:var(--ink);text-decoration:none;font-weight:500;font-size:15px;display:inline-flex;align-items:center;gap:6px;padding:12px 0}
.zc-nav__link:hover,.zc-nav__link--active{color:var(--brand-d)}
.zc-dd{position:relative}
.zc-dd__menu{display:none;position:absolute;top:100%;left:-12px;min-width:250px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 48px rgba(15,28,46,.16);padding:10px;z-index:60}
.zc-dd:hover .zc-dd__menu,.zc-dd:focus-within .zc-dd__menu,.zc-dd.is-open .zc-dd__menu{display:block}
.zc-dd__menu a{display:block;padding:9px 12px;border-radius:10px;font-size:14px;color:var(--ink);text-decoration:none;font-weight:500;white-space:nowrap}
.zc-dd__menu a:hover{background:var(--ground);color:var(--brand-d)}
.zc-dd__menu--wide{min-width:540px;grid-template-columns:1fr 1fr;column-gap:6px}
.zc-dd:hover .zc-dd__menu--wide,.zc-dd:focus-within .zc-dd__menu--wide,.zc-dd.is-open .zc-dd__menu--wide{display:grid}
.zc-dd:last-child .zc-dd__menu{left:auto;right:-12px}
.zc-header__actions{display:flex;align-items:center;gap:10px}
.zc-header__cta{padding:0 18px;min-height:44px;font-size:15px}
.zc-burger{display:none;width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.zc-burger span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}
.zc-burger[aria-expanded="true"]{background:var(--ink)}.zc-burger[aria-expanded="true"] span{background:#fff}
.zc-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.zc-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.zc-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.zc-mnav{display:none;border-top:1px solid var(--line);background:#fff;max-height:calc(100vh - 70px);overflow-y:auto}
.zc-mnav[hidden]{display:none!important}
.zc-mnav .zc-wrap{padding-top:6px;padding-bottom:16px}
.zc-mnav__group{border-bottom:1px solid var(--line2)}
.zc-mnav__group summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:14px 4px;font-family:var(--font-d);font-weight:800;font-size:16px;min-height:48px}
.zc-mnav__group summary::-webkit-details-marker{display:none}
.zc-mnav__plus{width:28px;height:28px;border-radius:50%;background:var(--ground);position:relative;flex-shrink:0}
.zc-mnav__plus::before,.zc-mnav__plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--ink);transform:translate(-50%,-50%)}
.zc-mnav__plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.zc-mnav__group[open] .zc-mnav__plus{background:var(--ink)}.zc-mnav__group[open] .zc-mnav__plus::before,.zc-mnav__group[open] .zc-mnav__plus::after{background:#fff}
.zc-mnav__group[open] .zc-mnav__plus::after{display:none}
.zc-mnav__sub{display:flex;flex-direction:column;padding:0 0 10px}
.zc-mnav__sub a,.zc-mnav__top{display:block;padding:10px 12px 10px 24px;color:var(--ink2);text-decoration:none;font-size:15px;border-radius:10px}
.zc-mnav__top{padding-left:4px;font-family:var(--font-d);font-weight:800;color:var(--ink);font-size:16px;border-bottom:1px solid var(--line2)}
.zc-mnav__sub a:hover{background:var(--ground);color:var(--brand-d)}
.zc-mnav__cta{width:100%;margin-top:14px}

/* hero */
.zc-hero{background:var(--navy);color:#fff;padding:48px 0 56px}
.zc-hero__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.zc-hero__grid--single{grid-template-columns:1fr}
.zc-hero__text{display:flex;flex-direction:column;gap:18px;max-width:780px}
.zc-hero h1{font-size:48px;line-height:1.06;color:#fff}
.zc-hero--review h1{font-size:40px}
.zc-lead p{margin:0 0 10px;font-size:18px;line-height:1.6;color:#DCE6F0}
.zc-lead p:first-child{color:#F1F5F9}
.zc-lead p:last-child{margin-bottom:0}
.zc-eyebrow{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 14px 6px 8px;font-size:13px;font-weight:500;color:#DCE6F0}
.zc-eyebrow__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brand)}
.zc-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.zc-hero__logo{width:200px;height:96px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;padding:12px}
.zc-hero__logo img{max-width:100%;max-height:100%;object-fit:contain}
.zc-hero__aside{display:flex;flex-direction:column;gap:12px}
.zc-crumbs{display:flex;gap:8px;font-size:13px;color:#8FA1B5;flex-wrap:wrap;margin-bottom:24px}
.zc-crumbs a{color:#C7D2DE;text-decoration:none}.zc-crumbs a:hover{color:#fff}
.zc-crumbs span:last-child{color:#fff}
.zc-hero .zc-facts{background:#fff;color:var(--ink);border-radius:20px;padding:8px 20px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.zc-facts{display:grid;grid-template-columns:1fr;margin:0 0 20px}
.zc-facts div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line2)}
.zc-facts div:last-child{border-bottom:0}
.zc-facts dt{font-size:13px;color:var(--muted);font-weight:600;margin:0}
.zc-facts dd{margin:0;font-weight:700;text-align:right;font-size:14px}
.zc-art .zc-facts{background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px 18px}

/* intro (full width, holds the toplist) */
.zc-intro{padding:48px 0 0}
.zc-intro .zc-art--wide{max-width:none}
.zc-intro .zc-art--wide > p,.zc-intro .zc-art--wide > ul,.zc-intro .zc-art--wide > ol:not(.zc-steps){max-width:820px}
.zc-intro + .zc-content{padding-top:24px}
/* toplist rows inside a narrow article column: compact layout */
.zc-content .zc-art .zc-row{grid-template-columns:40px 1fr 1fr;grid-template-areas:"rank logo name" "usps usps usps" "bonus bonus cta";gap:12px 14px}
.zc-content .zc-art .zc-row__rank{grid-area:rank}.zc-content .zc-art .zc-row__logo{grid-area:logo;height:64px}.zc-content .zc-art .zc-row__name{grid-area:name}.zc-content .zc-art .zc-row__usps{grid-area:usps}.zc-content .zc-art .zc-row__bonus{grid-area:bonus;flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap}.zc-content .zc-art .zc-row__cta{grid-area:cta}

/* content */
.zc-content{padding:48px 0 64px}
.zc-content__grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.zc-content__grid--full{grid-template-columns:minmax(0,1fr)}
.zc-art{min-width:0;max-width:820px}
.zc-art h2{font-size:30px;margin:40px 0 14px}
.zc-art h2:first-child{margin-top:0}
.zc-art h3{font-size:22px;margin:30px 0 10px}
.zc-art h4{font-size:18px;margin:24px 0 8px}
.zc-art p{margin:0 0 14px;font-size:17px;line-height:1.65;color:var(--ink2)}
.zc-art ul,.zc-art ol:not(.zc-steps){margin:0 0 16px;padding-left:22px;color:var(--ink2);font-size:17px;line-height:1.6}
.zc-art li{margin-bottom:8px}
.zc-art ul li::marker{color:var(--brand-d)}
.zc-art blockquote{margin:0 0 16px;padding:16px 20px;background:var(--brand-bg);border-radius:14px;color:var(--ink);font-size:16px}
.zc-fig{margin:0 0 20px}.zc-fig img{border-radius:14px;display:block}
.zc-steps{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:10px}
.zc-steps li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:16px;color:var(--ink);margin:0}
.zc-steps__n{width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-d);font-weight:800;font-size:14px;flex-shrink:0}
.zc-tablewrap{overflow-x:auto;margin:0 0 18px}
.zc-tbl{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:15px;background:#fff}
.zc-tbl th{background:var(--navy);color:#fff;text-align:left;padding:12px 14px;font-family:var(--font-d);font-weight:700;font-size:14px}
.zc-tbl td{padding:11px 14px;border-top:1px solid var(--line2);color:var(--ink);vertical-align:top}
.zc-tbl tbody tr:nth-child(even) td{background:#FAFBFC}
.zc-tbl--kv th{background:#FAFBFC;color:var(--muted);font-size:13px;width:34%;border-top:1px solid var(--line2);font-family:var(--font-b);font-weight:600}
.zc-tbl--kv tr:first-child th{border-top:0}
.zc-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 20px}
.zc-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.zc-art .zc-card h4{margin:0;font-size:16px}
.zc-art .zc-card p{margin:0;font-size:14px;line-height:1.55}
.zc-details{margin:0 0 20px}
.zc-art .zc-details__h{font-size:16px;margin:18px 0 8px}
.zc-proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 20px}
.zc-pc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px}
.zc-pc__h{font-family:var(--font-d);font-weight:800;font-size:17px;margin-bottom:10px}
.zc-pc--pro .zc-pc__h{color:#0E7A4D}.zc-pc--con .zc-pc__h{color:var(--warn)}
.zc-art .zc-pc ul{list-style:none;padding:0;margin:0;font-size:15px}
.zc-art .zc-pc li{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px}
.zc-pc svg{flex-shrink:0;margin-top:3px}
.zc-faq{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:4px 22px;margin:0 0 20px}
.zc-faq__item{border-bottom:1px solid var(--line)}
.zc-faq__item:last-child{border-bottom:0}
.zc-faq__item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-family:var(--font-d);font-size:17px;font-weight:700;min-height:44px}
.zc-faq__item summary::-webkit-details-marker{display:none}
.zc-faq__icon{width:32px;height:32px;border-radius:50%;background:var(--ground);position:relative;flex-shrink:0}
.zc-faq__icon::before,.zc-faq__icon::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:var(--ink);transform:translate(-50%,-50%)}
.zc-faq__icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.zc-faq__item[open] .zc-faq__icon{background:var(--ink)}.zc-faq__item[open] .zc-faq__icon::before{background:#fff}.zc-faq__item[open] .zc-faq__icon::after{display:none}
.zc-faq__a{padding:0 56px 18px 0}
.zc-art .zc-faq__a p{margin:0;font-size:16px}
.zc-author{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;gap:20px;align-items:flex-start;margin:28px 0 20px}
.zc-author__photo img,.zc-author__initials{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-bg);color:var(--brand-dd);font-family:var(--font-d);font-weight:800;font-size:22px}
.zc-author__body{min-width:0;flex:1}
.zc-author__name{font-family:var(--font-d);font-size:18px;font-weight:800;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.zc-art .zc-author p{margin:0;font-size:14px}
.zc-linklist{columns:2;column-gap:32px}
.zc-toc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:2px;position:sticky;top:88px}
.zc-toc__h{font-family:var(--font-d);font-weight:800;font-size:15px;margin-bottom:8px}
.zc-toc a{color:var(--ink2);text-decoration:none;display:flex;gap:10px;align-items:baseline;font-size:14px;padding:5px 0}
.zc-toc a span{color:var(--brand-d);font-weight:700;min-width:22px}
.zc-toc a:hover{color:var(--brand-d)}
.zc-toc__cta{margin-top:12px;width:100%}

/* toplist rows */
.zc-toplist{display:flex;flex-direction:column;gap:12px;margin:0 0 24px}
.zc-row{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:18px 20px;display:grid;grid-template-columns:44px 140px 1.1fr 1fr 150px 180px;gap:18px;align-items:center;transition:box-shadow .2s}
.zc-row:hover{box-shadow:0 10px 30px rgba(15,28,46,.09)}
.zc-row__rank{width:40px;height:40px;border-radius:12px;background:var(--ground);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-weight:800;font-size:17px}
.zc-row__rank--top{background:var(--ink);color:#fff}
.zc-row__logo{height:76px;border-radius:14px;background:var(--ground);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:10px}
.zc-row__logo img{max-width:100%;max-height:100%;object-fit:contain}
.zc-row__wordmark{font-family:var(--font-d);font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase;text-align:center}
.zc-row__name{display:flex;flex-direction:column;gap:6px;min-width:0}
.zc-row__name .zc-badge{align-self:flex-start}
.zc-row__title{font-family:var(--font-d);font-size:19px;font-weight:800;letter-spacing:-.01em}
.zc-row__meta{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink2);flex-wrap:wrap}
.zc-row__meta a{font-weight:600}
.zc-rating{display:inline-flex;align-items:center;gap:4px}.zc-rating strong{color:var(--ink)}
.zc-art .zc-row__usps,.zc-row__usps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink2)}
.zc-row__usps li{display:flex;gap:8px;align-items:flex-start;margin:0}
.zc-row__usps svg{flex-shrink:0;margin-top:2px}
.zc-row__bonus{display:flex;flex-direction:column;gap:2px}
.zc-row__amount{font-family:var(--font-d);font-size:23px;font-weight:800;letter-spacing:-.01em}
.zc-row__spins{font-size:14px;color:var(--ink2)}
.zc-row__cta{display:flex;flex-direction:column;gap:8px}
.zc-row__cta .zc-btn{width:100%}

/* footer */
.zc-foot{background:var(--navy);color:#C7D2DE;padding:56px 0 28px;font-size:14px;margin-top:24px}
.zc-foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:32px}
.zc-foot__col{display:flex;flex-direction:column;gap:8px}
.zc-foot__col a{color:#C7D2DE;text-decoration:none}.zc-foot__col a:hover{color:#fff}
.zc-foot__h{font-family:var(--font-d);font-weight:800;color:#fff;font-size:15px;margin-bottom:4px}
.zc-foot__brand img{height:40px;width:auto;align-self:flex-start}
.zc-foot__brand p{margin:0;max-width:340px}
.zc-foot__legal{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:24px;display:flex;flex-direction:column;gap:16px}
.zc-foot__risk{display:flex;gap:14px;align-items:flex-start}
.zc-foot__risk p{margin:0;font-size:13px;max-width:900px}
.zc-foot__risk strong{color:#fff}
.zc-foot__row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:#8FA1B5}
.zc-foot__row a{color:#C7D2DE;text-decoration:none}.zc-foot__row a:hover{color:#fff}

/* responsive */
@media (max-width:1100px){.zc-row{grid-template-columns:40px 120px 1fr 1fr 130px 160px;gap:14px}.zc-foot__grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
@media (max-width:980px){
  .zc-nav{display:none}.zc-burger{display:inline-flex}.zc-mnav{display:block}
  .zc-topbar__r{display:none}
  .zc-hero{padding:36px 0 40px}.zc-hero__grid{grid-template-columns:1fr;gap:28px}.zc-hero h1{font-size:38px}.zc-hero--review h1{font-size:32px}
  .zc-content__grid{grid-template-columns:1fr;gap:32px}.zc-toc{position:static}
  .zc-row{grid-template-columns:40px 1fr 1fr;grid-template-areas:"rank logo name" "usps usps usps" "bonus bonus cta";gap:12px 14px}
  .zc-row__rank{grid-area:rank}.zc-row__logo{grid-area:logo;height:64px}.zc-row__name{grid-area:name}.zc-row__usps{grid-area:usps}.zc-row__bonus{grid-area:bonus;flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap}.zc-row__cta{grid-area:cta}
  .zc-cards{grid-template-columns:1fr}.zc-proscons{grid-template-columns:1fr}
  .zc-foot__grid{grid-template-columns:1fr 1fr}
  .zc-linklist{columns:1}
}
@media (max-width:600px){
  .zc-wrap{padding:0 16px}
  .zc-header__cta{display:none}
  .zc-logo img{height:36px}
  .zc-hero h1{font-size:32px}.zc-hero--review h1{font-size:28px}.zc-lead p{font-size:16px}
  .zc-art h2{font-size:24px;margin-top:32px}.zc-art h3{font-size:20px}.zc-art p,.zc-art ul,.zc-art ol:not(.zc-steps){font-size:16px}
  .zc-row{padding:14px;grid-template-columns:34px 96px 1fr}
  .zc-row__title{font-size:16px}.zc-row__amount{font-size:22px}
  .zc-row__cta .zc-btn{width:100%}
  .zc-faq__item summary{font-size:15px}.zc-faq__a{padding-right:40px}
  .zc-foot__grid{grid-template-columns:1fr}
  .zc-author{flex-direction:column}
  .zc-tbl{font-size:14px}.zc-tbl th,.zc-tbl td{padding:9px 10px}
  .zc-hero__logo{width:160px;height:80px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* single card = full width */
.zc-cards--single{grid-template-columns:1fr}