/* site_4: касса Betory. Префикс kas-. Стиль официала betory.com (плоские панели #181C33, бордер #272C45, кнопка #5A23B4), шрифты Titillium Web + Public Sans. */
@font-face{font-family:"Titillium Web";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/titillium-web-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Titillium Web";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/titillium-web-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Titillium Web";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/titillium-web-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Titillium Web";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/titillium-web-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/public-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/public-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/public-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/public-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Палитра и метрики официала betory.com: плоские панели, бордер 1px, радиус 8 (кнопки 4), без свечений */
:root{
  --kas-bg:#0C1028;--kas-bg2:#12162F;--kas-paneel:#181C33;--kas-paneel2:#20243F;--kas-lijn:#272C45;--kas-lijn2:#323852;--kas-diep:#090C20;
  --kas-paars:#5A23B4;--kas-paars-l:#6B2FD1;--kas-geel:#FFE65F;--kas-goud:#FFCD4B;--kas-groen:#3DDC97;--kas-rood:#F0525F;
  --kas-tekst:#fff;--kas-zacht:#C9CEDB;--kas-mute:#9EA5B7;
  --kas-kop:"Titillium Web",Arial Narrow,Arial,sans-serif;--kas-txt:"Public Sans",Arial,sans-serif;
  --kas-r:4px;--kas-r2:8px;--kas-kop-h:64px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--kas-bg);color:var(--kas-zacht);font:400 17px/1.65 var(--kas-txt);overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--kas-geel);text-underline-offset:3px}
a:hover{color:#fff}
:focus-visible{outline:2px solid var(--kas-geel);outline-offset:2px}
h1,h2,h3{font-family:var(--kas-kop);font-weight:700;line-height:1.15;margin:0 0 .5em;color:#fff}
p{margin:0 0 1em}
.kas-ico{width:20px;height:20px;flex:none;vertical-align:middle}
.kas-ico--sm{width:16px;height:16px}
.kas-ico--xs{width:12px;height:12px}
.kas-wrap{box-sizing:content-box;max-width:1200px;margin:0 auto;padding:0 16px}
.kas-skip{position:absolute;left:-999px;top:8px;z-index:99;background:var(--kas-geel);color:var(--kas-bg);padding:8px 14px;border-radius:var(--kas-r)}
.kas-skip:focus{left:8px}

/* Кнопки: сплошная фиолетовая, второстепенная тёмная */
.kas-knop{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:0;border-radius:var(--kas-r);background:var(--kas-paars);color:#fff;font:600 16px/1 var(--kas-txt);text-decoration:none;white-space:nowrap;transition:background .15s}
.kas-knop:hover{background:var(--kas-paars-l);color:#fff}
.kas-knop--rand{background:var(--kas-paneel2);color:#fff}
.kas-knop--rand:hover{background:var(--kas-lijn2);color:#fff}
.kas-cta{display:flex;flex-direction:column;gap:8px}
.kas-cta .kas-knop{width:100%;min-height:48px}
.kas-cta__noot{margin:0;font-size:12px;line-height:1.4;color:var(--kas-mute);text-align:center}

/* Шапка: только знак «B» + «Betory» */
.kas-kop{position:sticky;top:0;z-index:40;background:var(--kas-paneel);border-bottom:1px solid var(--kas-lijn)}
.kas-kop__rij{display:flex;align-items:center;gap:20px;height:var(--kas-kop-h)}
.kas-merk{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;flex:none}
.kas-merk__munt{display:block;flex:none;width:34px;height:34px}
.kas-merk__tekst{display:flex}
.kas-merk__naam{font:700 24px/1 var(--kas-kop);font-style:italic;text-transform:uppercase;letter-spacing:.02em;color:#fff;margin:0}
.kas-menu{margin-left:auto}
.kas-menu__lijst{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.kas-menu__link,.kas-menu__meer-knop{display:flex;align-items:center;gap:4px;height:40px;padding:0 11px;border:0;background:none;color:var(--kas-zacht);font:600 15px/1 var(--kas-txt);text-decoration:none;cursor:pointer;border-radius:var(--kas-r);white-space:nowrap}
.kas-menu__meer-knop .kas-ico{color:var(--kas-mute)}
.kas-menu__link:hover,.kas-menu__meer-knop:hover{color:#fff;background:var(--kas-paneel2)}
.kas-menu__link[aria-current="page"]{color:#fff;background:var(--kas-paneel2)}
.kas-menu__meer{position:relative}
.kas-menu__meer-knop[aria-expanded="true"] .kas-ico{transform:rotate(180deg)}
.kas-menu__sub{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:230px;list-style:none;margin:0;padding:6px;background:var(--kas-paneel);border:1px solid var(--kas-lijn);border-radius:var(--kas-r2)}
.kas-menu__sub.is-open{display:block}
.kas-menu__sub .kas-menu__link{height:38px}
.kas-kop__cta{flex:none;min-height:40px}
.kas-burger{display:none;width:44px;height:44px;border:0;border-radius:var(--kas-r);background:var(--kas-paneel2);color:#fff;cursor:pointer;place-items:center;flex:none}

/* Полоса быстрых сумм = навигация, как ряд категорий в лобби официала */
.kas-snelbalk{background:var(--kas-bg)}
.kas-snelbalk__rij{display:flex;align-items:center;gap:14px;padding-top:12px;padding-bottom:12px}
.kas-snelbalk__label{flex:none;font:600 13px/1 var(--kas-txt);color:var(--kas-mute)}
.kas-snelbalk__lijst{display:flex;gap:6px;list-style:none;margin:0;padding:0;min-width:0;flex:1;overflow-x:auto;scrollbar-width:none}
.kas-snelbalk__lijst::-webkit-scrollbar{display:none}
.kas-snelbalk__lijst li{flex:1 0 auto}
.kas-bedrag{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 12px;border-radius:var(--kas-r);background:var(--kas-paneel);text-decoration:none;white-space:nowrap}
.kas-bedrag b{font:700 15px/1 var(--kas-kop);color:#fff}
.kas-bedrag span{font-size:13px;line-height:1;color:var(--kas-mute)}
.kas-bedrag:hover{background:var(--kas-paneel2)}
.kas-bedrag.is-actief{background:var(--kas-paneel2);box-shadow:inset 0 0 0 1px var(--kas-geel)}
.kas-bedrag.is-actief b{color:var(--kas-geel)}

/* Крошки */
.kas-kruimels ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:4px 0 12px;font-size:14px;color:var(--kas-mute)}
.kas-kruimels li+li::before{content:"/";margin-right:6px;opacity:.6}
.kas-kruimels a{color:var(--kas-zacht);text-decoration:none}
.kas-kruimels a:hover{color:var(--kas-geel)}

/* Первый экран = промо-баннер официала: плоская панель, текст слева, арт справа/снизу */
.kas-held{padding:0 0 4px}
.kas-held>.kas-wrap{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:20px;position:relative}
.kas-held>.kas-wrap::before{content:"";grid-column:1;grid-row:1/-1;background:var(--kas-paneel);border-radius:var(--kas-r2);z-index:0}
.kas-held>.kas-wrap>*{grid-column:1;position:relative;z-index:1;margin-left:36px;margin-right:36px}
.kas-held>.kas-wrap>*{grid-row:4}
.kas-held>.kas-wrap>.kas-held__label{grid-row:1}
.kas-held>.kas-wrap>h1{grid-row:2}
.kas-held>.kas-wrap>.kas-held__lead{grid-row:3}
.kas-held__label{margin-top:28px;margin-bottom:10px;font-size:14px;color:var(--kas-mute)}
.kas-held__label .kas-ico{display:none}
.kas-held h1{font-size:clamp(30px,3.1vw,44px);line-height:1.08;margin-bottom:14px;max-width:24ch}
.kas-held__lead{font-size:18px;line-height:1.6;color:var(--kas-zacht);margin-bottom:30px;max-width:62ch}
.kas-held>.kas-wrap>p:last-child{margin-bottom:30px}
.kas-held>.kas-wrap>.kas-held__lead:last-child{margin-bottom:32px}
/* CTA в баннере и в тексте: кнопка по ширине текста, как «Activate» на баннерах официала */
.kas-held .kas-cta,.kas-tekst .kas-cta{align-items:flex-start;margin-bottom:30px}
.kas-held .kas-cta .kas-knop,.kas-tekst .kas-cta .kas-knop{width:auto;min-width:260px}
.kas-held .kas-cta__noot,.kas-tekst .kas-cta__noot{text-align:left}
/* Арт официала справа в баннере money-страниц без кассы (фон панели совпадает с фоном арта) */
.kas-held>.kas-wrap::after{content:"";grid-column:1;grid-row:1/-1;justify-self:end;width:44%;z-index:0;border-radius:0 var(--kas-r2) var(--kas-r2) 0;background:var(--kas-art,none) var(--kas-art-x,50%) bottom/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%);pointer-events:none}
@media (min-width:1024px){.kas-held>.kas-wrap>h1,.kas-held>.kas-wrap>.kas-held__lead{max-width:min(56%,62ch)}.kas-held>.kas-wrap:has(.kas-kassa)>h1,.kas-held>.kas-wrap:has(.kas-kassa)>.kas-held__lead{max-width:62ch}}
/* Главная и /storten: баннер + касса справа */
.kas-held>.kas-wrap:has(.kas-kassa){grid-template-columns:minmax(0,1fr) 400px}
.kas-geel{color:var(--kas-geel)}
.kas-held h1{text-transform:uppercase;letter-spacing:.005em;overflow-wrap:break-word;hyphens:auto}
/* Баннер рядом с кассой: H1 → лид → кнопка → дата; арт крупно справа-снизу, обрезан нижним краем */
.kas-held>.kas-wrap:has(.kas-kassa){grid-template-rows:auto auto auto auto 1fr}
.kas-held>.kas-wrap:has(.kas-kassa)>h1{grid-row:1;margin-top:40px;font-size:clamp(30px,2.8vw,40px);max-width:none}
.kas-held>.kas-wrap:has(.kas-kassa)>.kas-held__lead{grid-row:2;max-width:40%;font-size:17px;margin-bottom:24px}
.kas-held__actie{grid-row:3!important;max-width:40%}
.kas-held__actie .kas-cta{margin-bottom:14px}
.kas-held__actie .kas-cta .kas-knop{min-width:0;width:100%}
.kas-held>.kas-wrap:has(.kas-kassa)>.kas-held__label{grid-row:4;margin:0 36px 32px;font-size:13px}
/* Арт: от H1 до низа баннера, справа, обрезан нижним краем; сдвиг по своей ширине, чтобы предмет встал вправо */
.kas-held__art{grid-row:2/-1!important;justify-self:end;align-self:stretch;position:relative;z-index:0!important;width:60%;min-height:420px;margin:0!important;overflow:hidden;border-radius:0 0 var(--kas-r2) 0;pointer-events:none}
.kas-held__art .kas-beeld{position:absolute;right:0;bottom:-28px;width:auto;max-width:none;height:calc(100% + 28px);border-radius:0;background:none;transform:translateX(37%);-webkit-mask-image:linear-gradient(90deg,transparent 39%,#000 46%),linear-gradient(180deg,transparent 0,#000 10%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 39%,#000 46%),linear-gradient(180deg,transparent 0,#000 10%);mask-composite:intersect}
.kas-held__art--koffer .kas-beeld{transform:translateX(25%);-webkit-mask-image:linear-gradient(90deg,transparent 24%,#000 32%),linear-gradient(180deg,transparent 0,#000 10%);mask-image:linear-gradient(90deg,transparent 24%,#000 32%),linear-gradient(180deg,transparent 0,#000 10%)}

/* Касса 1:1 с модалкой Deposit/Withdrawal официала */
.kas-kassa{grid-column:2!important;grid-row:1/-1!important;margin:0!important;padding:20px 20px 16px;background:var(--kas-paneel);border:1px solid var(--kas-lijn);border-radius:var(--kas-r2);color:#fff;font-family:var(--kas-kop)}
.kas-kassa__titel{margin:0 0 10px;font:700 22px/1.1 var(--kas-kop);color:#fff}
.kas-kassa__tabs{display:flex;gap:16px;margin-bottom:14px}
.kas-tab{padding:2px 0 5px;font:600 18px/1.2 var(--kas-kop);color:var(--kas-mute);text-decoration:none;border-bottom:2px solid transparent}
.kas-tab:hover{color:#fff}
.kas-tab.is-actief{color:var(--kas-goud);border-bottom-color:var(--kas-goud)}
.kas-kassa__seg{display:flex;gap:4px;margin:0 0 14px;padding:4px;border-radius:var(--kas-r);background:var(--kas-paneel2)}
.kas-kassa__seg span{flex:0 0 calc(50% - 2px);display:flex;align-items:center;justify-content:center;height:32px;border-radius:var(--kas-r);font:600 14px/1 var(--kas-kop);color:var(--kas-zacht)}
.kas-kassa__seg .is-actief{background:var(--kas-lijn2);color:#fff}
.kas-kassa__rij{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}
.kas-kassa__kop{margin:0;font:700 15px/1.2 var(--kas-kop);color:#fff}
.kas-kassa__min{font:600 13px/1.2 var(--kas-kop);color:var(--kas-zacht)}
.kas-kassa__min b{color:var(--kas-geel);border-bottom:1px dashed var(--kas-geel)}
.kas-veld{display:flex;align-items:center;justify-content:space-between;height:42px;margin:0 0 10px;padding:0 0 0 12px;border-radius:var(--kas-r);background:var(--kas-bg);font:600 15px/1 var(--kas-kop);color:#fff}
.kas-veld__val{align-self:stretch;display:flex;align-items:center;gap:8px;margin:8px 0;padding:0 12px;border-left:1px solid var(--kas-lijn2);font-size:14px}
.kas-bedragen{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;list-style:none;margin:0 0 12px;padding:0}
.kas-bedragen li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:34px;border:1px solid var(--kas-lijn);border-radius:var(--kas-r);background:var(--kas-bg);font:600 14px/1 var(--kas-kop);color:#fff}
.kas-bedragen li.is-actief{border-color:var(--kas-geel)}
.kas-bedragen--limiet{grid-template-columns:repeat(3,1fr)}
.kas-bedragen--limiet li{height:44px}
.kas-bedragen small{font:400 11px/1 var(--kas-txt);color:var(--kas-mute)}
.kas-kassa__paneel{margin-bottom:12px;padding:12px;border-radius:var(--kas-r);background:var(--kas-paneel2)}
.kas-kassa__paneel .kas-kassa__kop{margin-bottom:10px}
.kas-methoden{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;list-style:none;margin:0;padding:0}
.kas-methode{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:38px;padding:4px;border:1px solid transparent;border-radius:var(--kas-r);background:var(--kas-bg);text-align:center}
.kas-methode span{font:700 12px/1.1 var(--kas-kop);color:#fff}
.kas-methode.is-actief{border-color:#8A6BE0;background:#2E2366}
.kas-methode small{display:flex;align-items:center;gap:3px;white-space:nowrap;font:400 10px/1 var(--kas-txt);color:var(--kas-mute)}
.kas-methoden--slot{grid-template-columns:repeat(2,minmax(0,1fr))}
.kas-methoden--slot .kas-methode{min-width:0;min-height:44px}
.kas-methoden--slot .kas-methode span{color:var(--kas-zacht)}
.kas-kassa__hint{margin:8px 0 0;font:400 12px/1.4 var(--kas-txt);color:var(--kas-mute)}
.kas-kassa__hint--rood{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;color:var(--kas-rood)}
.kas-kassa__hint--rood .kas-ico{margin-top:1px}
.kas-som{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;margin:0 0 12px}
.kas-som div{display:flex;flex-wrap:wrap;gap:4px;font:400 13px/1.35 var(--kas-kop);color:var(--kas-zacht)}
.kas-som div:nth-child(even){justify-content:flex-end;text-align:right}
.kas-som .kas-som__breed{grid-column:1/-1;justify-content:flex-start!important}
.kas-som dt::after{content:":"}
.kas-som dd{margin:0;font-weight:700;color:#fff}
.kas-som div:first-child dd{color:var(--kas-groen)}
.kas-kassa .kas-cta{align-items:stretch;margin-bottom:0}
.kas-kassa .kas-cta .kas-knop{width:100%}
.kas-kassa .kas-cta__noot{text-align:center}
.kas-kassa__bron{margin-top:10px;font:400 11px/1.4 var(--kas-txt);color:var(--kas-mute)}

/* Тело страницы */
.kas-tekst>section,.kas-staart>section{margin:56px 0}
.kas-tekst h2,.kas-staart h2{font-size:clamp(22px,2.2vw,28px);text-transform:uppercase;letter-spacing:.01em;padding-left:14px;border-left:4px solid var(--kas-paars)}
.kas-tekst h3{font-size:20px}
.kas-tekst p,.kas-tekst li{color:var(--kas-zacht)}
.kas-plek{padding:14px 16px;border:1px dashed var(--kas-lijn2);border-radius:var(--kas-r2);color:var(--kas-mute)!important;font-style:italic}

/* TOC (свёрнут) */
.kas-toc{margin:24px 0 0;background:var(--kas-paneel);border:1px solid var(--kas-lijn);border-radius:var(--kas-r2)}
.kas-toc summary{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font:700 17px/1.2 var(--kas-kop);color:#fff;cursor:pointer;list-style:none}
.kas-toc summary::-webkit-details-marker{display:none}
.kas-toc__pijl{transition:transform .2s;color:var(--kas-mute)}
.kas-toc[open] .kas-toc__pijl{transform:rotate(180deg)}
.kas-toc ol{columns:2;column-gap:40px;margin:0;padding:4px 18px 18px 40px}
.kas-toc li{margin:0 0 6px;break-inside:avoid}
.kas-toc a{color:var(--kas-zacht);text-decoration:none}
.kas-toc a:hover{color:var(--kas-geel)}

/* Таблица: шапка #20243F, тонкие линии */
.kas-tabel{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 16px;background:var(--kas-paneel);border:1px solid var(--kas-lijn);border-radius:var(--kas-r2);overflow:hidden;font-size:16px}
.kas-tabel caption{caption-side:bottom;text-align:left;padding:8px 2px 0;font-size:13px;color:var(--kas-mute)}
.kas-tabel th,.kas-tabel td{padding:12px 16px;border-bottom:1px solid var(--kas-lijn);text-align:left;vertical-align:top}
.kas-tabel tbody tr:last-child>*{border-bottom:0}
.kas-tabel thead th{background:var(--kas-paneel2);font:700 14px/1.2 var(--kas-kop);text-transform:uppercase;letter-spacing:.03em;color:#fff}
.kas-tabel th[scope="row"]{width:24%;font-weight:600;color:#fff}
.kas-tabel td{color:var(--kas-zacht)}
.kas-tabel td:last-child{width:20%;font-size:14px;color:var(--kas-mute)}
.kas-cijfer{font:700 17px/1 var(--kas-kop);color:#fff}

/* Картинки */
.kas-beeld{display:block;width:100%;height:auto;border-radius:var(--kas-r2);background:var(--kas-paneel)}
.kas-tekst>section>.kas-beeld{margin:6px 0 18px}

/* Шаги: плоские карточки, номер обычной цифрой */
.kas-stappen{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;list-style:none;margin:0 0 18px;padding:0}
.kas-stappen:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}
.kas-stap{padding:16px;border-radius:var(--kas-r2);background:var(--kas-paneel);border:1px solid var(--kas-lijn)}
.kas-stap__nr{display:block;margin-bottom:8px;font:700 14px/1 var(--kas-kop);color:var(--kas-geel)}
.kas-stap h3{font-size:18px;margin-bottom:4px}
.kas-stap p{margin:0;font-size:15px;line-height:1.5;color:var(--kas-mute)!important}

/* Инфобокс */
.kas-melding{display:flex;gap:12px;margin:0 0 18px;padding:16px 18px;border-radius:var(--kas-r2);border:1px solid var(--kas-lijn);background:var(--kas-paneel)}
.kas-melding>.kas-ico{margin-top:2px;color:var(--kas-mute)}
.kas-melding--let-op>.kas-ico{color:var(--kas-goud)}
.kas-melding--ok>.kas-ico{color:var(--kas-groen)}
.kas-melding__titel{margin:0 0 4px;font:700 18px/1.25 var(--kas-kop);color:#fff!important}
.kas-melding p:last-child{margin-bottom:0}

/* Список-проверка: строки без иконок */
.kas-check{list-style:none;margin:0 0 18px;padding:0;border:1px solid var(--kas-lijn);border-radius:var(--kas-r2);background:var(--kas-paneel);overflow:hidden}
.kas-check li{position:relative;padding:11px 16px 11px 34px;border-bottom:1px solid var(--kas-lijn)}
.kas-check li:last-child{border-bottom:0}
.kas-check li::before{content:"";position:absolute;left:16px;top:21px;width:6px;height:6px;border-radius:1px;background:var(--kas-paars-l)}
.kas-check .kas-ico{display:none}

/* Плитки разделов: как карточки промо официала */
.kas-tegels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;margin:0;padding:0}
.kas-tegel a{display:flex;flex-direction:column;height:100%;padding:18px;border:1px solid var(--kas-lijn);border-radius:var(--kas-r2);background:var(--kas-paneel);color:#fff;text-decoration:none;transition:border-color .15s}
.kas-tegel a:hover{border-color:var(--kas-lijn2);background:var(--kas-paneel2);color:#fff}
.kas-tegel--beeld a{padding:0;overflow:hidden}
.kas-tegel--beeld .kas-beeld{border-radius:0;aspect-ratio:16/9}
.kas-tegel--beeld .kas-tegel__titel{padding:14px 18px 0}
.kas-tegel--beeld .kas-tegel__tekst{padding:0 18px 16px}
.kas-tegel>a>.kas-ico{display:none}
.kas-tegel__titel{font:700 20px/1.2 var(--kas-kop);text-transform:uppercase}
.kas-tegel__tekst{margin-top:4px;font-size:15px;line-height:1.45;color:var(--kas-mute)}

/* RG-блок */
.kas-rg{padding:22px 24px;border:1px solid var(--kas-lijn);border-radius:var(--kas-r2);background:var(--kas-paneel)}
.kas-rg__kop{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.kas-staart .kas-rg h2,.kas-staart .kas-auteur h2{border:0;padding:0;margin:0}
.kas-rg__18{display:inline-grid;place-items:center;width:42px;height:42px;flex:none;border-radius:var(--kas-r);background:var(--kas-rood);font:700 16px/1 var(--kas-kop);color:#fff}
.kas-voet .kas-rg__18{width:28px;height:28px;font-size:12px;margin-right:8px}
.kas-rg__lijst{margin:0 0 12px;padding-left:20px;color:var(--kas-zacht)}
.kas-rg__lijst li{margin-bottom:8px}
.kas-rg__link{font-weight:600}

/* Источники */
.kas-bronnen__lijst{margin:0;padding-left:24px}
.kas-bronnen__lijst li{padding:10px 0;border-bottom:1px solid var(--kas-lijn);color:var(--kas-mute)}
.kas-bronnen__lijst span{display:block;font-size:14px;color:var(--kas-mute)}

/* Отзывы */
.kas-ervaringen__leeg{display:flex;gap:12px;align-items:center;padding:16px 18px;border:1px solid var(--kas-lijn);border-radius:var(--kas-r2);background:var(--kas-paneel);color:var(--kas-mute)}
.kas-ervaringen__lijst{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.kas-ervaring{padding:16px 18px;border-radius:var(--kas-r2);background:var(--kas-paneel);border:1px solid var(--kas-lijn)}
.kas-ervaring__meta{margin:0;font-size:13px;color:var(--kas-mute)}

/* FAQ */
.kas-faq__item{margin-bottom:6px;border-radius:var(--kas-r2);background:var(--kas-paneel);border:1px solid var(--kas-lijn)}
.kas-faq__item summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;font:700 18px/1.3 var(--kas-kop);color:#fff;cursor:pointer;list-style:none}
.kas-faq__item summary::-webkit-details-marker{display:none}
.kas-faq__plus{color:var(--kas-mute);transition:transform .2s}
.kas-faq__item[open] .kas-faq__plus{transform:rotate(45deg)}
.kas-faq__antwoord{padding:0 18px 14px;color:var(--kas-zacht)}
.kas-faq__antwoord p:last-child{margin-bottom:0}

/* Автор */
.kas-auteur{display:flex;gap:22px;align-items:center;padding:22px;border-radius:var(--kas-r2);background:var(--kas-paneel);border:1px solid var(--kas-lijn)}
.kas-auteur__foto{width:128px;height:128px;flex:none;border-radius:50%;object-fit:cover}
.kas-auteur__label{margin:0 0 4px;font-size:13px;color:var(--kas-mute)}
.kas-auteur h2 a{color:#fff;text-decoration:none}
.kas-auteur h2 a:hover{color:var(--kas-geel)}
.kas-auteur__rol{margin:2px 0 8px!important;color:var(--kas-geel)!important;font-size:15px}
.kas-auteur__tekst p{color:var(--kas-zacht);margin-bottom:0}

/* Футер */
.kas-voet{margin-top:72px;background:var(--kas-paneel);border-top:1px solid var(--kas-lijn);font-size:15px;color:var(--kas-mute)}
.kas-voet__rij{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-top:44px;padding-bottom:28px}
.kas-merk--voet{margin:0 0 12px}
.kas-voet__noot{font-size:13px;color:var(--kas-zacht)}
.kas-voet__kop{margin:0 0 10px;font:700 15px/1 var(--kas-kop);text-transform:uppercase;color:#fff}
.kas-voet ul{list-style:none;margin:0;padding:0}
.kas-voet li{margin-bottom:6px}
.kas-voet a{color:var(--kas-zacht);text-decoration:none}
.kas-voet a:hover,.kas-voet a[aria-current="page"]{color:var(--kas-geel)}
.kas-voet__hulp p{margin-bottom:8px}
.kas-voet__hulp .kas-rg__18{vertical-align:middle}
.kas-voet__onder{padding-top:16px;padding-bottom:20px;border-top:1px solid var(--kas-lijn);font-size:13px}
.kas-voet__onder p{margin:0}

/* Липкая CTA (мобайл) */
.kas-plakbalk{display:none}

/* Адаптив */
@media (max-width:1079px){
  .kas-burger{display:grid}
  .kas-kop__cta{margin-left:auto}
  .kas-menu{display:none;position:fixed;left:0;right:0;top:var(--kas-kop-h);bottom:0;margin:0;padding:12px 16px 100px;background:var(--kas-bg);overflow-y:auto;border-top:1px solid var(--kas-lijn)}
  .kas-menu.is-open{display:block}
  .kas-menu__lijst{flex-direction:column;align-items:stretch;gap:0}
  .kas-menu__link{height:48px;font-size:17px;border-bottom:1px solid var(--kas-lijn);border-radius:0}
  .kas-menu__link[aria-current="page"]{box-shadow:inset 3px 0 0 var(--kas-paars-l);padding-left:14px}
  .kas-menu__meer-knop{display:none}
  .kas-menu__sub{display:block;position:static;min-width:0;padding:0;background:none;border:0}
  .kas-menu__sub .kas-menu__link{height:48px;color:var(--kas-mute)}
  .kas-stappen,.kas-stappen:has(>li:nth-child(4):last-child){grid-template-columns:repeat(3,1fr)}
  .kas-voet__rij{grid-template-columns:1fr 1fr}
}
@media (max-width:1023px){
  body{padding-bottom:84px}
  .kas-held>.kas-wrap:has(.kas-kassa){grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto}
  .kas-held>.kas-wrap:has(.kas-kassa){grid-template-rows:auto auto auto auto auto}
  .kas-held>.kas-wrap:has(.kas-kassa)::before{grid-row:1/5}
  .kas-held__art{display:none}
  .kas-held>.kas-wrap:has(.kas-kassa)>.kas-held__lead,.kas-held__actie{max-width:62ch}
  .kas-held>.kas-wrap:has(.kas-kassa)>h1{max-width:none}
  .kas-kassa{grid-column:1!important;grid-row:5!important;margin-top:12px!important;width:100%;max-width:480px;justify-self:center}
  .kas-plakbalk{display:block;position:fixed;left:0;right:0;bottom:0;z-index:45;padding:10px 16px calc(8px + env(safe-area-inset-bottom));background:var(--kas-paneel);border-top:1px solid var(--kas-lijn)}
  .kas-plakbalk__knop{width:100%;min-height:46px}
  .kas-plakbalk__noot{margin:5px 0 0;font-size:11px;line-height:1.2;text-align:center;color:var(--kas-mute)}
}
@media (max-width:767px){
  body{font-size:16px}
  .kas-kop__cta{display:none}
  .kas-burger{margin-left:auto}
  .kas-snelbalk__label{display:none}
  .kas-snelbalk__lijst li{flex:0 0 auto}
  .kas-held>.kas-wrap>*{margin-left:18px;margin-right:18px}
  .kas-held__label{margin-top:20px}
  .kas-held h1{font-size:26px}
  .kas-held__lead{font-size:16px;margin-bottom:22px}
  .kas-held__art{display:none}
  .kas-held>.kas-wrap:has(.kas-kassa)>h1{margin-top:22px;font-size:26px;max-width:none}
  .kas-held>.kas-wrap:has(.kas-kassa)>.kas-held__lead{max-width:none;font-size:16px}
  .kas-held>.kas-wrap:has(.kas-kassa)>.kas-held__label{margin:0 18px 22px}
  .kas-held>.kas-wrap::after{display:none}
  .kas-held .kas-cta .kas-knop,.kas-tekst .kas-cta .kas-knop{width:100%}
  .kas-held .kas-cta,.kas-tekst .kas-cta{align-items:stretch}
  .kas-kassa{padding:16px 14px 14px}
  .kas-methoden{grid-template-columns:repeat(3,1fr)}
  .kas-tekst>section,.kas-staart>section{margin:40px 0}
  .kas-toc ol{columns:1}
  .kas-tabel,.kas-tabel tbody,.kas-tabel tr,.kas-tabel th,.kas-tabel td{display:block;width:auto!important}
  .kas-tabel thead{display:none}
  .kas-tabel caption{display:block;padding:10px 14px;border-bottom:1px solid var(--kas-lijn)}
  .kas-tabel tr{padding:12px 14px;border-bottom:1px solid var(--kas-lijn)}
  .kas-tabel th,.kas-tabel td{padding:0;border:0}
  .kas-tabel th[scope="row"]{margin-bottom:2px;color:#fff}
  .kas-tabel td:last-child{margin-top:4px;font-size:13px}
  .kas-tabel tbody tr:last-child{border-bottom:0}
  .kas-stappen,.kas-stappen:has(>li:nth-child(4):last-child){grid-template-columns:1fr 1fr}
  .kas-tegels{grid-template-columns:1fr}
  .kas-ervaringen__lijst{grid-template-columns:1fr}
  .kas-auteur{flex-direction:column;align-items:flex-start;padding:18px}
  .kas-auteur__foto{width:96px;height:96px}
  .kas-rg{padding:18px 16px}
  .kas-voet__rij{grid-template-columns:1fr;gap:22px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===== Яркий hero: арт игры на каждой money-странице (ПК справа, мобайл полосой над заголовком) ===== */
@media (min-width:1024px){
  .kas-held>.kas-wrap:has(.kas-held__art--spel){min-height:400px}
  .kas-held>.kas-wrap:has(.kas-held__art--spel)>h1,.kas-held>.kas-wrap:has(.kas-held__art--spel)>.kas-held__lead{max-width:min(48%,62ch)}
  .kas-held__art--spel{grid-row:1/-1!important;width:50%;min-height:0;border-radius:0 var(--kas-r2) var(--kas-r2) 0}
  .kas-held__art--spel .kas-beeld{top:0;right:0;bottom:auto;left:0;width:100%;height:calc(100% + 28px);object-fit:cover;object-position:50% 30%;transform:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 36%);mask-image:linear-gradient(90deg,transparent 0,#000 36%)}
}
@media (max-width:1023px){
  .kas-held>.kas-wrap{--kas-art-h:240px}
  .kas-held__art,.kas-held__art--spel{display:block;position:absolute!important;grid-row:1/-1!important;grid-column:1!important;justify-self:auto;align-self:auto;top:0;left:0;right:0;width:auto;height:var(--kas-art-h);min-height:0;border-radius:var(--kas-r2) var(--kas-r2) 0 0}
  .kas-held__art .kas-beeld,.kas-held__art--koffer .kas-beeld{top:0;right:0;bottom:auto;left:0;width:100%;height:calc(100% + 28px);object-fit:cover;object-position:50% 30%;transform:none;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 92%);mask-image:linear-gradient(180deg,#000 50%,transparent 92%)}
  .kas-held__art--kist .kas-beeld{object-position:78% 50%}
  .kas-held>.kas-wrap:has(.kas-held__art--spel)>.kas-held__label{margin-top:calc(var(--kas-art-h) - 30px)}
  .kas-held>.kas-wrap:has(.kas-kassa)>h1{margin-top:calc(var(--kas-art-h) - 34px)}
}
@media (max-width:767px){.kas-held>.kas-wrap{--kas-art-h:180px}}

/* ===== Динамика: короткие уверенные движения, только transform/opacity ===== */
:root{--kas-e:cubic-bezier(.2,.7,.2,1);interpolate-size:allow-keywords}
@keyframes kas-op{from{opacity:0;transform:translateY(10px)}}
@keyframes kas-art-in{from{translate:48px 0;scale:1.06}}
@keyframes kas-glans{0%{transform:translateX(0) skewX(-18deg)}12%,100%{transform:translateX(400%) skewX(-18deg)}}
@keyframes kas-tik{40%{transform:scale(1.07)}}
@keyframes kas-veld{from{box-shadow:inset 0 0 0 1px var(--kas-geel)}}
@keyframes kas-zacht-in{from{opacity:0}}

/* Арт въезжает (без opacity: LCP-картинка видна сразу) */
.kas-held__art .kas-beeld{animation:kas-art-in .6s var(--kas-e) both}

/* Касса: строки собираются при загрузке, ползунок под вкладками, суммы и методы выбираются тапом */
.kas-kassa>*{animation:kas-op .4s var(--kas-e) both}
.kas-kassa>:nth-child(2){animation-delay:40ms}.kas-kassa>:nth-child(3){animation-delay:80ms}.kas-kassa>:nth-child(4){animation-delay:120ms}
.kas-kassa>:nth-child(5){animation-delay:160ms}.kas-kassa>:nth-child(6){animation-delay:200ms}.kas-kassa>:nth-child(7){animation-delay:240ms}
.kas-kassa>:nth-child(n+8){animation-delay:280ms}
.kas-kassa__tabs{position:relative}
.kas-tab{transition:color .15s}
.kas-kassa__ind{position:absolute;left:0;bottom:0;height:2px;background:var(--kas-goud);transition:transform .3s var(--kas-e),width .3s var(--kas-e);pointer-events:none;animation:kas-zacht-in .45s var(--kas-e) .3s both}
.kas-kassa__tabs.is-klaar .kas-tab.is-actief{border-bottom-color:transparent}
.kas-js .kas-bedragen li,.kas-js .kas-methoden:not(.kas-methoden--slot) .kas-methode{cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;transition:border-color .15s,background-color .15s,color .15s,transform .15s var(--kas-e)}
.kas-js .kas-bedragen li:active,.kas-js .kas-methoden:not(.kas-methoden--slot) .kas-methode:active{transform:scale(.97)}
.kas-bedragen li.is-actief{color:var(--kas-geel)}
.kas-bedragen li.is-tik,.kas-methode.is-tik{animation:kas-tik .3s var(--kas-e)}
.kas-veld.is-tik{animation:kas-veld .5s var(--kas-e)}
.kas-tel{display:inline-block;font-variant-numeric:tabular-nums}

/* Появление при прокрутке (классы ставит только JS) */
.kas-anim{transition:opacity .45s var(--kas-e) var(--d,0ms),transform .45s var(--kas-e) var(--d,0ms)}
.kas-uit{opacity:0;transform:translateY(16px)}

/* Кнопки и карточки: press на тапе, подъём на ПК, блик на главной CTA раз в 7 с */
.kas-knop{transition:background .15s,transform .15s var(--kas-e)}
.kas-bedrag,.kas-tegel a{transition:background-color .15s,border-color .15s,transform .15s var(--kas-e)}
.kas-knop:active,.kas-bedrag:active,.kas-tegel a:active{transform:scale(.97)}
@media (hover:hover){.kas-knop:hover,.kas-bedrag:hover,.kas-tegel a:hover{transform:translateY(-2px)}}
.kas-knop--glans{position:relative;overflow:hidden;isolation:isolate}
.kas-knop--glans::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.26),transparent);transform:translateX(0) skewX(-18deg);animation:kas-glans 7s var(--kas-e) 1.2s infinite;pointer-events:none}

/* «Snel naar»: суммы появляются по очереди; на мобиле лента со snap и полоской прокрутки */
.kas-snelbalk__lijst li{animation:kas-op .35s var(--kas-e) both}
.kas-snelbalk__lijst li:nth-child(2){animation-delay:40ms}.kas-snelbalk__lijst li:nth-child(3){animation-delay:80ms}.kas-snelbalk__lijst li:nth-child(4){animation-delay:120ms}
.kas-snelbalk__lijst li:nth-child(5){animation-delay:160ms}.kas-snelbalk__lijst li:nth-child(n+6){animation-delay:200ms}
.kas-snelbalk__balk{display:none}
@media (max-width:767px){
  .kas-snelbalk__rij{position:relative}
  .kas-snelbalk__lijst{scroll-snap-type:x mandatory;scroll-padding-inline:16px;margin:0 -16px;padding:0 16px;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
  .kas-snelbalk__lijst.is-eind{-webkit-mask-image:none;mask-image:none}
  .kas-snelbalk__lijst li{scroll-snap-align:start}
  .kas-snelbalk__balk{display:block;position:absolute;left:16px;right:16px;bottom:4px;height:2px;border-radius:2px;background:var(--kas-lijn);overflow:hidden}
  .kas-snelbalk__balk[hidden]{display:none}
  .kas-snelbalk__balk span{display:block;height:100%;border-radius:2px;background:var(--kas-mute)}
}

/* Липкая CTA: выезжает снизу, прячется при видимой CTA первого экрана и у подвала */
.kas-plakbalk{transition:transform .3s var(--kas-e)}
.kas-plakbalk.is-weg{transform:translateY(110%)}

/* Бургер: меню выезжает, пункты стаггером, иконка морфится в крестик */
.kas-burger__ico path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;transform-box:view-box;transform-origin:12px 12px;transition:transform .22s var(--kas-e),opacity .15s,stroke-dasharray .22s var(--kas-e)}
.kas-burger__ico path:nth-child(3){stroke-dasharray:10 30}
.kas-burger[aria-expanded="true"] .kas-burger__ico path:nth-child(1){transform:rotate(45deg) translateY(5px)}
.kas-burger[aria-expanded="true"] .kas-burger__ico path:nth-child(2){opacity:0}
.kas-burger[aria-expanded="true"] .kas-burger__ico path:nth-child(3){transform:rotate(-45deg) translateY(-5px);stroke-dasharray:16 30}
@media (max-width:1079px){
  .kas-menu{display:block;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .22s var(--kas-e),transform .22s var(--kas-e),visibility 0s .22s}
  .kas-menu.is-open{visibility:visible;opacity:1;transform:none;transition-delay:0s}
  .kas-menu .kas-menu__lijst li{opacity:0;transform:translateX(-10px);transition:opacity .25s var(--kas-e),transform .25s var(--kas-e)}
  .kas-menu.is-open .kas-menu__lijst li{opacity:1;transform:none;transition-delay:calc(var(--i,0) * 30ms + 60ms)}
}

/* TOC и FAQ: плавное раскрытие (где браузер умеет ::details-content) */
.kas-toc::details-content,.kas-faq__item::details-content{block-size:0;overflow:clip;transition:block-size .3s var(--kas-e),content-visibility .3s allow-discrete}
.kas-toc[open]::details-content,.kas-faq__item[open]::details-content{block-size:auto}
.kas-toc__pijl,.kas-faq__plus{transition:transform .3s var(--kas-e)}

/* Прогресс чтения под шапкой */
.kas-voortgang{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#8A6BE0;transform:scaleX(0);transform-origin:0 50%;pointer-events:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important}
  .kas-uit{opacity:1;transform:none}
}
