/* JouwKlas mobiel (okt 2026): alleen telefoons. Alles staat binnen deze media query; de computerversie verandert niet. */
@media (max-width: 767px){
  /* 1. Compacte werkbladkaarten */
  .jk-lib-grid{gap:10px!important}
  .jk-lib-card{display:grid!important;grid-template-columns:92px minmax(0,1fr);align-items:stretch;border-radius:20px!important;overflow:hidden}
  .jk-lib-card .jk-lib-img{width:92px!important;height:100%!important;min-height:120px;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 30%;max-width:none!important;margin:0!important;border-radius:0!important}
  .jk-lib-card .jk-lib-body{padding:12px 12px 12px 14px!important;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
  .jk-lib-card .jk-lib-badge{margin:0!important;font-size:11.5px!important;padding:2px 9px!important}
  .jk-lib-card .jk-lib-body strong{font-size:16px!important;line-height:1.25!important;margin:2px 0 0!important}
  .jk-lib-card .jk-lib-body p:not(.jk-lib-meta){margin:0!important;font-size:13.5px!important;line-height:1.4!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .jk-lib-card .jk-lib-meta{margin:0!important;font-size:12px!important;line-height:1.35!important}
  .jk-lib-card .jk-lib-btn{margin:6px 0 0!important;padding:9px 14px!important;font-size:13.5px!important;line-height:1.2!important;min-height:40px;display:inline-flex!important;align-items:center;width:auto!important}

  /* 2. Compacte footer: links in twee kolommen */
  .jkx-fgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:20px!important;row-gap:26px!important;padding-top:40px!important;padding-bottom:28px!important}
  .jkx-fgrid > div:first-child{grid-column:1 / -1}
  .jkx-fgrid > div:first-child img{max-width:150px!important;height:auto!important}
  .jkx-fgrid > nav:last-child{grid-column:1 / -1}
  .jkx-fgrid > nav:last-child ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
  .jkx-fgrid .jkx-fh{margin-bottom:8px!important}
  .jkx-fgrid li{margin:0!important}
  .jkx-fgrid li a{display:inline-block;padding:7px 0!important;line-height:1.3!important}

  /* 3. Plein alleen op de homepage */
  body:not(.home) .jkx-play{display:none!important}

  /* 4. Minder witruimte */
  .jkx-vak{padding-bottom:40px!important}
  .jkx-groep{padding-bottom:48px!important}
  .jkx-play{padding-bottom:40px!important}
}
@media (max-width: 767px){
  /* 5. Menubalk onderin (wordt alleen op telefoons door het script gemaakt) */
  body.jk-has-tabbar{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
  .jk-tabbar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:9990;height:66px;display:flex;align-items:stretch;justify-content:space-around;background:#fff;border-radius:22px;box-shadow:0 6px 24px rgba(47,52,55,.16);padding:0 4px;font-family:Nunito,sans-serif}
  .jk-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#5D6468!important;text-decoration:none!important;font-size:11px;font-weight:700;line-height:1;border-radius:16px;min-width:0}
  .jk-tabbar a svg{width:23px;height:23px;flex:none}
  .jk-tabbar a[aria-current="page"]{color:#4F6F99!important;font-weight:800}
  .jk-tabbar a[aria-current="page"] svg{stroke-width:2.4}
  .jk-tabbar a:focus-visible{outline:3px solid #4F6F99;outline-offset:-3px}

  /* 6. Homepage: vakken als tegels in twee kolommen */
  .jkx-vgrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .jkx-vgrid .jkx-card{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:8px!important;padding:16px 10px!important;height:auto!important;min-height:0!important}
  .jkx-vgrid .jkx-frame{width:60px!important;height:60px!important;margin:0!important}
  .jkx-vgrid .jkx-frame img,.jkx-vgrid .jkx-frame svg{max-width:100%!important;max-height:100%!important}
  .jkx-vgrid .jkx-card h3{font-size:16px!important;line-height:1.2!important;margin:0!important}
  .jkx-vgrid .jkx-card p,.jkx-vgrid .jkx-more{display:none!important}

  /* Homepage: drie stappen compact */
  .jkx-steps{gap:14px!important}
  .jkx-steps li{display:grid!important;grid-template-columns:48px minmax(0,1fr);column-gap:14px;text-align:left!important;align-items:start}
  .jkx-steps .jkx-num{width:44px!important;height:44px!important;font-size:20px!important;grid-row:1 / span 2;margin:0!important}
  .jkx-steps li h3{margin:2px 0 2px!important;font-size:18px!important}
  .jkx-steps li p{margin:0!important}
  .jkx-envwrap{display:none!important}

  /* 7. Islamitisch onderwijs: Resourcebank direct na de kop */
  .page-id-2142 .elementor-2142{display:flex!important;flex-direction:column}
  .page-id-2142 .elementor-2142 > *{order:4}
  .page-id-2142 .elementor-element-27c1608{order:1}
  .page-id-2142 .elementor-element-709dd12{order:2}
  .page-id-2142 .elementor-element-container_8zyqpyfx6{order:3}
  .page-id-2142 .jkx-phero-art,.page-id-2142 .jkx-phero .jkx-chips{display:none!important}

  /* 8. Generatoren: knoppen blijven in beeld (body mag geen scrollcontainer zijn, anders werkt sticky niet) */
  body:has(.jkw-act){overflow-x:clip!important;overflow-y:visible!important}
  .jkw-act{position:sticky!important;bottom:calc(84px + env(safe-area-inset-bottom));z-index:20;background:#fff;padding:10px!important;margin:0 -10px!important;border-radius:18px;box-shadow:0 -4px 16px rgba(47,52,55,.10);display:flex!important;gap:8px!important}
  .jkw-act > button{flex:1 1 0!important;margin:0!important;min-width:0!important;padding-left:8px!important;padding-right:8px!important}

  /* 9. Lesmateriaal: materiaalkaarten als compacte rijen */
  .jki.jki.jki.jkz .jkz-l{gap:10px!important}
  .jki.jki.jki.jkz .jkz-l .jkz-c{display:grid!important;grid-template-columns:76px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;text-align:left!important;border-radius:18px!important;min-height:0!important;height:auto!important}
  .jki.jki.jki.jkz .jkz-l .jkz-c > img{aspect-ratio:1 / 1!important;grid-row:1 / 3;width:76px!important;height:76px!important;object-fit:cover;margin:0!important}
  .jki.jki.jki.jkz .jkz-l .jkz-c > span{font-size:15.5px!important;padding:10px 14px 1px!important;align-self:end;line-height:1.25!important}
  .jki.jki.jki.jkz .jkz-l .jkz-c > small{font-size:13px!important;padding:1px 14px 10px!important;align-self:start}
}
@media (max-width: 767px){
  /* 10. Blokken: elke sectie wordt een afgerond blok op een rustige achtergrond, net als in het app-ontwerp */
  body{background:#F1ECE3!important}
  .page--content,.elementor[data-elementor-type="wp-page"]{background:transparent!important}

  /* paginakop als eerste blok */
  .jkx-phero,.jkx-subhero{margin:6px 12px 12px!important;border-radius:28px!important;padding:20px 18px 22px!important;overflow:hidden!important;box-shadow:0 1px 2px rgba(47,52,55,.06)}
  .jkx-phero .jkx-wrap,.jkx-subhero .e-con-inner{padding:0!important;max-width:none!important}
  .jkx-phero h1,.jkx-subhero h1{font-size:30px!important;line-height:1.1!important;margin:4px 0 10px!important}
  .jkx-phero .jkx-lead,.jkx-subhero .elementor-widget-text-editor{font-size:15.5px!important;line-height:1.5!important}
  .jkx-phero .jkx-crumbs,.jkx-subhero .jkx-crumbs{font-size:13px!important;margin-bottom:6px!important}
  .jkx-phero .jkx-btnrow{gap:8px!important;margin-top:14px!important}
  .jkx-phero .jkx-phero-art{max-height:190px!important;margin-top:8px!important}

  /* secties als blokken */
  html body .jkx-sec.jkx-sec{margin:0 12px 12px!important;border-radius:28px!important;padding:24px 18px 26px!important;overflow:hidden!important;box-shadow:0 1px 2px rgba(47,52,55,.06);width:auto!important;max-width:none!important}
  .jkx-sec > .e-con-inner{padding:0!important;max-width:none!important}
  .jkx-wave,.jkx-wave2,.jkx-deco,.jkx-sq,.jkx-sec > .elementor-shape,.jkx-sec .elementor-shape{display:none!important}
  /* tekst links, zoals in een app */
  .jkx-sec .elementor-widget-text-editor,.jkx-sec .elementor-widget-heading,.jkx-sec .elementor-heading-title,.jkx-sec .e-heading-base,.jkx-sec .e-paragraph-base,.jkx-sec .jkx-intro,.jkx-sec p.jkx-lead{text-align:left!important}
  .jkx-sec .elementor-widget-button,.jkx-sec .elementor-button-wrapper{text-align:left!important}
  .jkx-sec .e-con.e-child{--align-items:flex-start}

  /* koppen links uitgelijnd en compacter */
  .jkx-sh{text-align:left!important;font-size:24px!important;line-height:1.2!important;margin:0 0 4px!important}
  .jkx-sh .jkx-center,.jkx-sec .jkx-center{text-align:left!important;justify-content:flex-start!important;margin-left:0!important;margin-right:0!important}
  .jkx-kick{font-size:20px!important;margin-bottom:2px!important}
  .jkx-sec .elementor-widget-text-editor{font-size:15.5px!important;line-height:1.55!important}

  /* oproepblok onderaan */
  html body .jkx-cta-box.jkx-cta-box{border-radius:24px!important;padding:22px 18px!important;margin:0!important;text-align:left!important}
  html body .jkx-cta-box.jkx-cta-box *{text-align:left!important}
  .jkx-sec p,.jkx-sec .jkw-intro,.jkx-sec .jkw-intro *{text-align:left!important}

  /* homepage: dezelfde blokken */
  .home section.jk3:not(.jk3--bar){margin:0 12px 12px!important;border-radius:28px!important;overflow:hidden!important;width:auto!important}
  .jkx-vak,.jkx-groep,.jkx-how,.jkx-dbslot,.jkx-play{margin:0 12px 12px!important;border-radius:28px!important;overflow:hidden!important;padding-top:24px!important;padding-bottom:26px!important}
  .jkx-vak{background:#fff!important}
  .jkx-dbslot{padding:0!important}
  .jkx-dbslot .jkdbh{margin:0!important;border-radius:28px!important}
  .jkx-how .jkx-blob{border-radius:28px!important;padding:24px 18px!important;margin:0!important}
  .jkx-freecard{border-radius:28px!important;margin:0 0 12px!important}
  .jkx-free{padding:0 12px!important}

  /* footer sluit aan als laatste blok */
  .jkx-foot{margin:0 12px 12px!important;border-radius:28px!important;overflow:hidden!important;width:auto!important;max-width:none!important}
  .jkx-scallop{display:none!important}
}
@media (max-width: 767px){
  /* 11. App-gevoel: compacte kopbalk op alle pagina's */
  .jk3-head{padding:10px 16px!important;min-height:0!important;height:auto!important;background:transparent!important}
  .jk3-head .jk3-logo img{height:34px!important;width:auto!important}
  .jk3-head .jk3-icons{margin-left:auto!important}
  .jk3--bar{background:#F1ECE3!important}
  .jk3-barwave{display:none!important}

  /* paginakop compacter: geen grote illustratie, korte inleiding, onderwerpen als veegrij */
  .jkx-phero .jkx-phero-art,.jkx-subhero .jkx-subart-w{display:none!important}
  .jkx-phero .jkx-lead{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .jkx-phero .jkx-chips{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;margin:14px -18px 0!important;padding:0 18px 4px!important;scrollbar-width:none}
  .jkx-phero .jkx-chips::-webkit-scrollbar{display:none}
  .jkx-phero .jkx-chips li{flex:none!important}
  .jkx-phero .jkx-btnrow{flex-wrap:wrap!important}
  .jkx-phero .jkx-btnrow .jkx-btn{flex:1 1 auto;justify-content:center;padding-left:14px!important;padding-right:14px!important;font-size:14.5px!important}

  /* 12. App-homepage (alleen op de homepage; het script zet .jk-apphome neer) */
  .home.jk-app .jk3-art,.home.jk-app #vakken,.home.jk-app .jkx-groep,.home.jk-app .jkx-how{display:none!important}
  .home.jk-app section.jk3:not(.jk3--bar){background:transparent!important;margin:0!important;border-radius:0!important}
  .jk-apphome{padding:4px 12px 0;display:flex;flex-direction:column;gap:18px;font-family:Nunito,sans-serif;color:#2F3437}
  .jk-apphome *{box-sizing:border-box}
  .jk-ah-hello{position:relative;background:#4F6F99;border-radius:28px;padding:22px 140px 22px 20px;min-height:168px;overflow:hidden}
  .jk-ah-hello h1{margin:0!important;font:600 25px/1.15 Fredoka,Nunito,sans-serif!important;color:#fff!important;letter-spacing:0}
  .jk-ah-hello p{margin:8px 0 0!important;font-size:15px;line-height:1.45;color:#EEF3F9!important}
  .jk-ah-hello img{position:absolute;right:16px;bottom:-6px;height:176px;width:auto}
  .jk-ah-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
  .jk-ah-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 16px;border-radius:999px;background:#fff;color:#2F3437!important;font-weight:800;font-size:14px;text-decoration:none!important}
  .jk-ah-btn--ghost{background:rgba(255,255,255,.16);color:#fff!important}
  .jk-ah-search{display:flex;align-items:center;gap:10px;height:52px;padding:0 8px 0 16px;background:#fff;border:2px solid #E2DBCF;border-radius:18px}
  .jk-ah-search input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;font:600 15px Nunito,sans-serif;color:#2F3437;padding:0!important;height:auto!important;box-shadow:none!important}
  .jk-ah-search button{width:40px;height:40px;border:0!important;border-radius:12px;background:#4F6F99!important;display:flex;align-items:center;justify-content:center;padding:0!important}
  .jk-ah-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:-6px}
  .jk-ah-row h2{margin:0!important;font:600 20px/1.2 Fredoka,Nunito,sans-serif!important;color:#2F3437!important}
  .jk-ah-row a{font-weight:800;font-size:14px;color:#4F6F99!important;text-decoration:none!important}
  .jk-ah-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .jk-ah-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:14px 6px 12px;border-radius:20px;text-align:center;font-weight:800;font-size:13px;line-height:1.2;color:#2F3437!important;text-decoration:none!important;min-height:108px}
  .jk-ah-tile .jk-ah-ic{width:52px;height:52px;display:flex;align-items:center;justify-content:center}
  .jk-ah-tile .jk-ah-ic svg{width:52px;height:52px}
  .jk-ah-scroll{display:flex;gap:10px;overflow-x:auto;margin:0 -12px;padding:0 12px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .jk-ah-scroll::-webkit-scrollbar{display:none}
  .jk-ah-chip{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:76px;height:76px;border-radius:20px;color:#2F3437!important;text-decoration:none!important;font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase;scroll-snap-align:start}
  .jk-ah-chip b{font:700 28px/1 Fredoka,Nunito,sans-serif;letter-spacing:0}
  .jk-ah-card{flex:none;width:150px;background:#fff;border-radius:20px;padding:8px;color:#2F3437!important;text-decoration:none!important;box-shadow:0 1px 2px rgba(47,52,55,.08);scroll-snap-align:start}
  .jk-ah-card img{display:block;width:134px;height:134px;object-fit:cover;border-radius:14px}
  .jk-ah-card strong{display:block;padding:8px 4px 2px;font-size:14px;line-height:1.25}
  .jk-ah-card small{display:block;padding:0 4px 2px;font-size:12px;color:#5D6468}

  /* aanmeldformulier: velden direct onder elkaar */
  .jkx-freecard form.mailpoet_form{display:flex!important;flex-direction:column!important;gap:10px!important;height:auto!important;min-height:0!important}
  .jkx-freecard .mailpoet_paragraph{flex:none!important;height:auto!important;min-height:0!important;margin:0!important}
  .jkx-freecard .mailpoet_text,.jkx-freecard .mailpoet_submit{width:100%!important;max-width:none!important}
}
@media (max-width: 767px){
  /* 13. Kopbalk: geen hamburgermenu meer (zit nu onder "Meer"), wel zoeken en account */
  .jk3-head .jk3-burger{display:none!important}
  .jk3-head .jk3-acc,.jk3-head .jk3-search{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px}
  .jk3-head .jk3-search{position:relative}
  .jk3-head .jk3-search > summary{list-style:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer}
  .jk3-head .jk3-search > summary::-webkit-details-marker{display:none}
  .jk3-head .jk3-search[open] > form{position:fixed!important;left:12px!important;right:12px!important;top:62px!important;z-index:9995;display:flex!important;gap:8px;background:#fff;border-radius:18px;padding:10px;box-shadow:0 8px 24px rgba(47,52,55,.18);width:auto!important}
  .jk3-head .jk3-search[open] > form input[type=search]{flex:1;min-width:0}

  /* Meer-knop en paneel */
  .jk-tabbar .jk-tab-meer{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none!important;border:0!important;color:#5D6468!important;font:700 11px/1 Nunito,sans-serif!important;padding:0!important;min-width:0;border-radius:16px;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}
  .jk-tabbar .jk-tab-meer svg{width:23px;height:23px}
  .jk-tabbar .jk-tab-meer[aria-expanded="true"]{color:#4F6F99!important}
  html.jk-meer-open{overflow:hidden}
  .jk-meer[hidden]{display:none!important}
  .jk-meer{position:fixed;inset:0;z-index:9989}
  .jk-meer-bg{position:absolute;inset:0;background:rgba(47,52,55,.35)}
  .jk-meer-panel{position:absolute;left:10px;right:10px;bottom:calc(84px + env(safe-area-inset-bottom));max-height:calc(100vh - 140px);overflow-y:auto;background:#fff;border-radius:24px;padding:14px 16px 10px;box-shadow:0 10px 30px rgba(47,52,55,.25);font-family:Nunito,sans-serif}
  .jk-meer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
  .jk-meer-top strong{font:600 20px Fredoka,Nunito,sans-serif;color:#2F3437}
  .jk-meer-x{width:44px;height:44px;border:0!important;border-radius:14px;background:#F1ECE3!important;color:#2F3437!important;display:flex;align-items:center;justify-content:center;padding:0!important}
  .jk-meer-x svg{width:22px;height:22px}
  .jk-meer-search{margin:0 0 8px}
  .jk-meer-search input{width:100%;height:46px;border:2px solid #E2DBCF!important;border-radius:14px!important;padding:0 14px!important;font:600 15px Nunito,sans-serif;background:#fff!important}
  .jk-meer-list{display:flex;flex-direction:column}
  .jk-meer-list a{display:flex;align-items:center;min-height:44px;padding:8px 6px;border-top:1px solid #EFEAE0;color:#2F3437!important;text-decoration:none!important;font-weight:800;font-size:16px}
  .jk-meer-list a.sub{font-weight:600;font-size:15px;color:#4A5155!important;padding-left:18px;border-top:0;min-height:40px}
  .jk-meer-list a[aria-current="page"]{color:#4F6F99!important}

  /* 14. Vakpagina's als app: tegels "Snel naar" en compacte onderdelen */
  .jk-vaktegels{margin:0 12px 12px;padding:18px 16px;background:#fff;border-radius:28px;box-shadow:0 1px 2px rgba(47,52,55,.06);font-family:Nunito,sans-serif}
  .jk-vaktegels h2{margin:0 0 10px!important;font:600 20px/1.2 Fredoka,Nunito,sans-serif!important;color:#2F3437!important;text-align:left!important}
  .jk-vt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .jk-vt{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border-radius:18px;color:#2F3437!important;text-decoration:none!important;font-weight:800;font-size:14px;line-height:1.2}
  .jk-vt-ic{flex:none;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center}
  .jk-vt-ic svg{width:22px;height:22px}
  .jk-vakapp [id^="jk-snel-"]{scroll-margin-top:12px}
  /* lange uitlegteksten en dubbele oproepen weg op de telefoon (Rekenen, Taal, Spelling) */
  .elementor-element-container_5zmjbsnz4,.elementor-element-55fef77,
  .elementor-element-51225a3,.elementor-element-d23a40f,
  .elementor-element-c8a5a76,.elementor-element-fe958de{display:none!important}
  /* onderdelen (Tafels, Breuken, ...) als compacte kaarten */
  .jk-vakapp .jkx-card2{padding:14px 16px!important;gap:8px!important;border-radius:20px!important;min-height:0!important}
  .jk-vakapp .jkx-card2 h3,.jk-vakapp .jkx-card2 h4{font-size:17px!important;line-height:1.25!important;margin:0!important}
  .jk-vakapp .jkx-card2 p{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px!important;line-height:1.45!important;margin:0!important}
  .jk-vakapp .jkx-card2 .elementor-widget-icon,.jk-vakapp .jkx-card2 .e-svg-base,.jk-vakapp .jkx-card2 .elementor-icon{max-width:48px!important;max-height:48px!important}
  .jk-vakapp .jkx-card2 .elementor-icon svg,.jk-vakapp .jkx-card2 .e-svg-base svg{width:28px!important;height:28px!important}
  .jk-vakapp .jkx-card2 a,.jk-vakapp .jkx-card2 .e-button-base{align-self:flex-start!important;min-height:44px}
}
@media (max-width: 767px){
  /* 15. Lesmateriaal als app */
  .jkx-phero .jkx-kidrow{display:none!important}
  .jkz-head p{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  /* filters: rijen om opzij te vegen */
  .jki.jki.jki.jkz .jkz-f{padding:14px!important;gap:10px!important}
  .jki.jki.jki.jkz .jkz-g{gap:6px!important}
  .jki.jki.jki.jkz .jkz-g > b{font-size:13px!important}
  .jki.jki.jki.jkz .jkz-g .jki-row{flex-wrap:nowrap!important;overflow-x:auto!important;margin:0 -14px!important;padding:0 14px 4px!important;scrollbar-width:none}
  .jki.jki.jki.jkz .jkz-g .jki-row::-webkit-scrollbar{display:none}
  .jki.jki.jki.jkz .jkz-g .jki-chip{flex:none!important;white-space:nowrap!important}
  /* materiaalbank: onderwerpen als veegrij */
  .jk-bank .jk-bank-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;margin:0 -18px 12px!important;padding:0 18px 4px!important;scrollbar-width:none}
  .jk-bank .jk-bank-tabs::-webkit-scrollbar{display:none}
  .jk-bank .jk-bank-tab{flex:none!important;width:auto!important;white-space:nowrap!important}
  .jk-bank .jk-bank-groep{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;margin:0 -18px!important;padding:0 18px 4px!important;align-items:center;scrollbar-width:none}
  .jk-bank .jk-bank-groep::-webkit-scrollbar{display:none}
  .jk-bank .jk-bank-groep > *{flex:none!important;white-space:nowrap!important}
  /* werkbladmakers als tegels in twee kolommen */
  .jk-tools-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .jk-tools-grid > a{padding:14px!important;min-height:0!important;height:auto!important;gap:6px!important;border-radius:20px!important}
  .jk-tools-grid > a strong{font-size:15px!important;line-height:1.25!important}
  .jk-tools-grid > a span{font-size:13px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .jk-tools-grid > a b{font-size:13px!important;padding:0!important;margin-top:auto!important;background:none!important;color:#4F6F99!important;box-shadow:none!important}
  /* gratis proefmateriaal: kaarten om door te vegen */
  .elementor-element-1aef100 > .e-con-inner,.elementor-element-1aef100 > div{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:10px!important;margin:0 -18px!important;padding:0 18px 6px!important;scroll-snap-type:x mandatory;scrollbar-width:none}
  .elementor-element-1aef100 > .e-con-inner::-webkit-scrollbar,.elementor-element-1aef100 > div::-webkit-scrollbar{display:none}
  .elementor-element-1aef100 .jkx-card2{flex:none!important;width:270px!important;max-width:80vw!important;scroll-snap-align:start}
  /* dubbele uitleg onderaan weg (de oproep eronder blijft) */
  .elementor-element-30dbd40{display:none!important}

  /* 16. Tools als app */
  body:has(.jkto-nav){overflow-x:clip!important;overflow-y:visible!important}
  .jkto.jkto.jkto .jkto-lead{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px!important}
  .jkto.jkto.jkto .jkto-nav{position:sticky!important;top:0;z-index:30;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;margin:0 -18px 14px!important;padding:10px 18px!important;background:#FAFAF8;justify-content:flex-start!important;scrollbar-width:none}
  .jkto.jkto.jkto .jkto-nav::-webkit-scrollbar{display:none}
  .jkto.jkto.jkto .jkto-nav a{flex:none!important;white-space:nowrap!important}
  .jkto.jkto.jkto h2.jkto-sec{font-size:20px!important;line-height:1.2!important;margin:22px 0 4px!important;text-align:left!important;scroll-margin-top:70px}
  .jkto.jkto.jkto .jkto-grid{gap:10px!important}
  .jkto.jkto.jkto .jkto-grid > a{display:grid!important;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;padding:12px 14px!important;min-height:0!important;height:auto!important;border-radius:18px!important;text-align:left!important}
  .jkto.jkto.jkto .jkto-grid > a > b{grid-row:1 / 3;width:44px!important;height:44px!important;display:flex!important;align-items:center;justify-content:center;font-size:24px!important;line-height:1!important;margin:0!important;border-radius:14px;background:#F1ECE3}
  .jkto.jkto.jkto .jkto-grid > a > h2,.jkto.jkto.jkto .jkto-grid > a > h3{font-size:16px!important;line-height:1.25!important;margin:0!important;align-self:end}
  .jkto.jkto.jkto .jkto-grid > a > p{font-size:13.5px!important;line-height:1.4!important;margin:0!important;align-self:start;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .jkto.jkto.jkto .jkto-grid > a > span{display:none!important}
}
@media (max-width: 767px){
  /* 17. Meescrollen: blokken met een vaste rij mogen niet afknippen met overflow:hidden (dan werkt sticky niet) */
  html body .jkx-sec.jkx-sec:has(.jkto-nav){overflow:clip!important}

  /* Lesmateriaal: smalle filterbalk bovenin tijdens het scrollen (het script maakt .jk-fbar) */
  .jk-fbar{position:fixed;left:0;right:0;top:0;z-index:9980;background:#F1ECE3;box-shadow:0 4px 14px rgba(47,52,55,.12);padding:8px 0 6px;font-family:Nunito,sans-serif;transform:translateY(-110%);transition:transform .2s ease}
  .jk-fbar.is-zichtbaar{transform:none}
  .jk-fbar-rij{display:flex;gap:6px;overflow-x:auto;padding:2px 12px 4px;scrollbar-width:none;align-items:center}
  .jk-fbar-rij::-webkit-scrollbar{display:none}
  .jk-fbar-rij b{flex:none;font-size:12px;font-weight:800;color:#5D6468;margin-right:2px}
  .jk-fbar-rij button{flex:none;white-space:nowrap;height:36px;padding:0 13px!important;border-radius:999px;border:2px solid #E2DBCF!important;background:#fff!important;color:#2F3437!important;font:800 13px Nunito,sans-serif!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}
  .jk-fbar-rij button[aria-pressed="true"]{background:#2F3437!important;border-color:#2F3437!important;color:#fff!important}
  @media (prefers-reduced-motion: reduce){.jk-fbar{transition:none}}

  /* 18. Begrijpend lezen als app */
  .elementor-element-851acbe,.elementor-element-4e3008e{display:none!important}
  nav.jkgr{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;align-items:center;margin:0 -12px!important;padding:0 12px 4px!important;scrollbar-width:none}
  nav.jkgr::-webkit-scrollbar{display:none}
  nav.jkgr > *{flex:none!important;white-space:nowrap!important}
  .jk-ws .jk-ws-intro{display:-webkit-box!important;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .elementor-element-ba49b81 p{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

  /* 19. Wereldoriëntatie als app: vakken als compacte rijen, spelletjes als tegels */
  html body .jkv .jkv-lead{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  html body .jkv .jkv-grid{gap:10px!important}
  html body .jkv .jkv-grid:not(.four) .jkv-card.jkv-card{display:grid!important;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;padding:14px!important;min-height:0!important;height:auto!important;border-radius:20px!important;text-align:left!important}
  html body .jkv .jkv-grid:not(.four) .jkv-card.jkv-card .jkv-ic{grid-row:1 / 3;width:48px!important;height:48px!important;margin:0!important}
  html body .jkv .jkv-grid:not(.four) .jkv-card.jkv-card .jkv-ic svg{width:26px!important;height:26px!important}
  html body .jkv .jkv-grid:not(.four) .jkv-card.jkv-card h3{font-size:17px!important;line-height:1.25!important;margin:0!important;align-self:end}
  html body .jkv .jkv-grid:not(.four) .jkv-card.jkv-card p{font-size:13.5px!important;line-height:1.4!important;margin:0!important;align-self:start;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  html body .jkv .jkv-grid:not(.four) .jkv-card.jkv-card ul,html body .jkv .jkv-grid:not(.four) .jkv-card.jkv-card .jkv-btn{display:none!important}
  html body .jkv .jkv-grid.four{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body .jkv .jkv-grid.four .jkv-card.jkv-card{padding:14px 10px!important;min-height:0!important;gap:6px!important;border-radius:20px!important}
  html body .jkv .jkv-grid.four .jkv-card.jkv-card .jkv-ic{width:44px!important;height:44px!important}
  html body .jkv .jkv-grid.four .jkv-card.jkv-card h3{font-size:15px!important;line-height:1.25!important}
  html body .jkv .jkv-grid.four .jkv-card.jkv-card p{font-size:13px!important;line-height:1.35!important}
  /* einde-oproep: kop was donker op donkere achtergrond */
  html body .jkv .jkv-end h2,html body .jkv .jkv-end .jkv-kicker,html body .jkv .jkv-end [class*="kick"]{color:#fff!important}
}
@media (max-width: 767px){
  /* 20. JouwKlas-plein: vegen per twee kinderen, zodat kinderen en ballonnen heel in beeld komen */
  .jkx-play .jkx-plein-wrap{scroll-snap-type:x mandatory;scroll-padding:0 16px;overscroll-behavior-x:contain;scrollbar-width:none}
  .jkx-play .jkx-plein-wrap::-webkit-scrollbar{display:none}
  .jkx-play .jkx-vig[data-kid="klassenmanagement"],.jkx-play .jkx-vig[data-kid="rekenen"],.jkx-play .jkx-vig[data-kid="islamitisch"]{scroll-snap-align:start}
  /* smalle telefoons (iPhone SE): per kind vegen */
  @media (max-width: 359px){.jkx-play .jkx-vig.jkx-vig{scroll-snap-align:center}}
}
@media (max-width: 767px){
  /* 21. Geen dubbele zijmarges: eigen blokken binnen een paginablok krijgen geen extra 20px aan elke kant */
  .jkx-sec .jk-uitleg,.jkx-sec .jko,.jkx-sec .jkor,.jkx-sec .jki.jkc,.jkx-sec .jkvs{padding-left:0!important;padding-right:0!important}
  .jkx-sec .jk-uitleg > h2,.jkx-sec .jk-uitleg > h3{text-align:left!important}
  .jkx-sec .jk-slot{margin-left:0!important;margin-right:0!important}
  .jkx-sec .jko-hero{padding:20px 18px!important}
  .jkx-sec .jkvs-demo{padding:20px 18px!important}
  .jkx-sec .jkvs article{padding:18px!important}
  .jkx-sec .jki-card{padding:20px 18px!important}

  .jkx-sec .jkc-out{width:auto!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important}

  /* 22. Groepspagina's (rekenen/spelling/begrijpend lezen groep 3-8) als app: kop en onderwerpen als losse blokken (het script maakt .jkg-blok) */
  html body .jkx-sec.jkx-sec.jkg-app{background:transparent!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
  .jkg-app .jkg-wrap > header{background:var(--jkb,#FAFAF8);border-radius:28px;padding:20px 18px 22px;margin:0 0 12px;box-shadow:0 1px 2px rgba(47,52,55,.06);overflow:hidden}
  .jkg-app .jkg-wrap > header nav.jkgr{margin:12px -18px 0!important;padding:0 18px 4px!important}
  .jkg-app .jk-uitleg{padding:0!important;margin:0!important}
  .jkg-blok{background:var(--jkb,#FAFAF8);border-radius:28px;padding:22px 18px 24px;margin:0 0 12px;box-shadow:0 1px 2px rgba(47,52,55,.06)}
  .jkg-blok > h2{text-align:left!important;font-size:22px!important;line-height:1.2!important;margin:0 0 12px!important}
  .jkg-blok > *:last-child{margin-bottom:0!important}

  /* 23. Einde-oproep Wereldoriëntatie, Geschiedenis, Natuur en techniek, Aardrijkskunde: kop wit op de donkere achtergrond */
  html body section.jkv-end.jkv-end h2,html body section.jkv-end.jkv-end h2 *{color:#fff!important}
  html body section.jkv-end.jkv-end .jkx-kick{color:#DCE8F2!important}
}
@media (max-width: 767px){
  /* 10. App-gevoel op alle pagina's */
  html{-webkit-tap-highlight-color:transparent}
  body.jk-has-tabbar{overflow-x:clip!important;overflow-y:visible!important}
  a,button,input[type=submit],summary{touch-action:manipulation}
  /* Bovenbalk blijft staan, met wazige achtergrond */
  body.jk-has-tabbar #masthead{position:sticky!important;top:0!important;z-index:9980!important;background:rgba(241,236,227,.98)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:box-shadow .2s ease}
  body.jk-has-tabbar #masthead .jk3--bar{background:transparent!important}
  html.jk-scrolled body.jk-has-tabbar #masthead{box-shadow:0 1px 0 rgba(47,52,55,.07),0 8px 20px -10px rgba(47,52,55,.18)}
  /* Terugknop en paginatitel in de bovenbalk */
  .jk-back{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;margin:0 6px 0 -4px;border-radius:50%;background:#fff;color:#2F3437;box-shadow:0 2px 8px rgba(47,52,55,.10);text-decoration:none}
  .jk-back svg{width:22px;height:22px}
  .jk-bartitle{position:absolute;top:50%;transform:translateY(-35%);opacity:0;pointer-events:none;font-family:Fredoka,Nunito,sans-serif;font-weight:600;font-size:17px;line-height:1.2;color:#2F3437;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .18s ease,transform .18s ease}
  html.jk-titel .jk-bartitle{opacity:1;transform:translateY(-50%)}
  html.jk-titel #masthead .jk3-logo{opacity:0;pointer-events:none}
  #masthead .jk3-logo{transition:opacity .18s ease}
  /* Homepage: eigen kopbalk blijft ook bovenin staan */
  .home.jk-app section.jk3:not(.jk3--bar) .jk3-head{position:fixed!important;top:0;left:0;right:0;z-index:9980;background:rgba(241,236,227,.98)!important;-webkit-backdrop-filter:none;backdrop-filter:none;transition:box-shadow .2s ease;view-transition-name:jk-top}
  html.jk-scrolled .home.jk-app section.jk3:not(.jk3--bar) .jk3-head{box-shadow:0 1px 0 rgba(47,52,55,.07),0 8px 20px -10px rgba(47,52,55,.18)}
  .home.jk-app section.jk3:not(.jk3--bar){padding-top:64px!important}
  /* Homepage: alleen app-onderdelen; Dagbord-blok vervangen door kaart + tools, aanmelden compact */
  .home.jk-app .elementor-element-6f0cff5{display:none!important}
  .home .jk3-head .jk3-search > summary svg,.home .jk3-head .jk3-acc svg,.home .jk3-head .jk3-cart svg,.home .jk3-head a[aria-label*="inkelmand"] svg{width:24px!important;height:24px!important}
  .jk-ah-db{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 14px;border-radius:22px;background:#F7E3DC;color:#2F3437!important;text-decoration:none!important;margin-bottom:-6px}
  .jk-ah-db-ic{flex:none;width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.75);display:flex;align-items:center;justify-content:center}
  .jk-ah-db-ic svg{width:28px;height:28px}
  .jk-ah-db-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
  .jk-ah-db-t b{font:600 17px/1.2 Fredoka,Nunito,sans-serif}
  .jk-ah-db-t small{font-size:13px;line-height:1.35;color:#4A5155}
  .jk-ah-db i{flex:none;font-style:normal;font-weight:800;font-size:13.5px;padding:9px 14px;border-radius:999px;background:#fff;color:#2F3437}
  .jk-ah-tool{flex:none;width:82px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-weight:800;font-size:12px;line-height:1.2;color:#2F3437!important;text-decoration:none!important;scroll-snap-align:start}
  .jk-ah-tool span{width:62px;height:62px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1}
  .home.jk-app .jkx-freecard{padding:20px 18px!important}
  .home.jk-app .jkx-freecard .e-con-inner,.home.jk-app .jkx-freecard > .e-con{padding:0!important;gap:0!important}
  .home.jk-app .jkx-free .jkx-head{text-align:left!important;margin:0 0 14px!important;max-width:none!important}
  .home.jk-app .jkx-free .jkx-hand{font-size:20px!important}
  .home.jk-app .jkx-free .jkx-head h2{font-size:24px!important;line-height:1.15!important;margin-top:2px!important}
  .home.jk-app .jkx-free .jkx-lead{font-size:15px!important;line-height:1.45!important;margin:6px 0 0!important}
  .home.jk-app .jkx-freecard .mailpoet_text{height:48px!important;min-height:0!important;border-radius:14px!important;padding:0 14px!important;font-size:15px!important}
  .home.jk-app .jkx-freecard .mailpoet_submit{height:50px!important;min-height:0!important;border-radius:999px!important;font-size:15px!important}
  .home.jk-app .jkx-freecard .mailpoet_paragraph{margin:0!important}
  .home.jk-app .jkx-freecard .elementor-widget-shortcode,.home.jk-app .jkx-freecard .mailpoet_form,.home.jk-app .jkx-freecard form{width:100%!important;max-width:none!important;align-self:stretch!important}
  .home.jk-app .jkx-freecard .jkx-note{text-align:left!important;margin:10px 0 0!important;font-size:13px!important}
  .home.jk-app .elementor-element-c18334c{padding:0 12px 12px!important}
  /* Homepage = het Home-scherm uit het app-ontwerp: na de app-blokken (en het aanmeldkaartje) niets meer; plein en footer weg */
  .home.jk-app .elementor-element-ba0e36d{display:none!important}
  .home.jk-app .elementor-element-c18334c{padding-bottom:4px!important}
  /* Kopbalk: ronde witte knoppen zoals in het app-ontwerp (alle pagina's) */
  .jk3-head .jk3-icons{gap:8px!important}
  .jk3-head .jk3-icons > .jk3-search > summary,.jk3-head .jk3-icons > .jk3-acc,.jk3-head .jk3-icons > a[aria-label="Winkelmand"]{width:42px!important;height:42px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 0 #E6E1D6,0 2px 8px rgba(47,52,55,.06)!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .jk3-head .jk3-icons > .jk3-search{width:42px!important;height:42px!important}
  .jk3-head .jk3-icons svg{width:21px!important;height:21px!important}
  /* Scherm "Bladen": werkbladen als rijen, filter Alle/Gratis/Voor leden (het script zet .jk-bladen) */
  .jk-bladen .jk-lib-grid{display:flex!important;flex-direction:column!important;gap:10px!important}
  .jk-bladen .jk-lib-card{grid-template-columns:76px minmax(0,1fr) 18px!important;align-items:center!important;column-gap:12px;padding:8px 12px 8px 8px!important;background:#fff!important;border-radius:20px!important;box-shadow:0 1px 0 #E6E1D6!important;cursor:pointer;border:0!important}
  .jk-bladen .jk-lib-card .jk-lib-img{width:76px!important;height:76px!important;min-height:0!important;border-radius:14px!important;object-position:center 20%!important}
  .jk-bladen .jk-lib-card .jk-lib-body{padding:0!important;gap:3px!important}
  .jk-bladen .jk-lib-card .jk-lib-body > p:not(.jk-lib-meta),.jk-bladen .jk-lib-card .jk-lib-btn,.jk-bladen .jk-lib-card .jk-lib-badge{display:none!important}
  .jk-bladen .jk-lib-card .jk-lib-body strong{font-size:15.5px!important;line-height:1.25!important;margin:0!important}
  .jk-bladen .jk-lib-card .jk-lib-meta{color:#5D6468!important;font-size:0!important}
  .jk-bladen .jk-lib-card .jk-lib-meta::after{content:attr(data-kort);font-size:12.5px}
  .jk-bladen .jk-lib-card::after{content:"";width:8px;height:8px;border-right:2.4px solid #8A9196;border-top:2.4px solid #8A9196;transform:rotate(45deg);justify-self:center}
  .jk-bladen .jk-lib-card.jk-bl-uit{display:none!important}
  .jk-bl-rij{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
  .jk-bl-badge,.jk-bl-groep{font-size:11.5px;font-weight:800;border-radius:999px;padding:2px 9px;line-height:1.5}
  .jk-bl-badge.gratis{background:#DFEBE4;color:#2F5D45}
  .jk-bl-badge.leden{background:#E4ECF5;color:#3F5B80}
  .jk-bl-groep{background:#F1ECE3;color:#5D6468}
  .jk-bl-seg{display:flex;gap:4px;background:#EDE8DE;border-radius:14px;padding:4px;margin:4px 0 10px}
  .jk-bl-seg button{flex:1;height:38px;border:0!important;border-radius:11px!important;background:transparent!important;color:#5D6468!important;font:800 13.5px Nunito,sans-serif!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;padding:0!important;margin:0!important}
  .jk-bl-seg button[aria-pressed="true"]{background:#fff!important;color:#2F3437!important;box-shadow:0 1px 3px rgba(47,52,55,.15)!important}
  .jk-bl-tel{font-size:13px;font-weight:800;color:#5D6468;margin:0 2px 8px}
  .jk-bladen .jk-lib-grid{margin-top:0!important}
  .jk-lib.jk-bladen{gap:0!important;row-gap:0!important}
  .jk-bladen .jk-bl-tel + .jk-lib-grid,.jk-bladen .jk-bl-seg{margin-top:0!important}
  /* Scherm "Blad": detailscherm van een werkblad */
  html.jk-blad-open,html.jk-blad-open body{overflow:hidden!important}
  .jk-blad{position:fixed;inset:0;z-index:10000;background:#FAF8F3;display:flex;flex-direction:column;font-family:Nunito,sans-serif;color:#2F3437;animation:jkblin .28s cubic-bezier(.2,.8,.2,1)}
  @keyframes jkblin{from{transform:translateY(48px);opacity:0}}
  .jk-blad-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px}
  .jk-blad-top span{flex:1;min-width:0;text-align:center;font:600 16px/1.2 Fredoka,Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .jk-blad-top i{width:42px;flex:none}
  .jk-blad-x{flex:none;width:42px;height:42px;border-radius:50%!important;background:#fff!important;border:0!important;box-shadow:0 1px 0 #E6E1D6,0 2px 8px rgba(47,52,55,.06)!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;color:#2F3437!important}
  .jk-blad-scroll{flex:1;overflow-y:auto;padding:6px 16px 20px;-webkit-overflow-scrolling:touch}
  .jk-blad-img{background:#fff;border-radius:24px;padding:10px;box-shadow:0 1px 0 #E6E1D6}
  .jk-blad-img img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 25%;border-radius:16px}
  .jk-blad-tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 8px}
  .jk-blad-tags span{font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:#F1ECE3;color:#5D6468}
  .jk-blad-tags .gratis{background:#DFEBE4;color:#2F5D45}
  .jk-blad-tags .leden{background:#E4ECF5;color:#3F5B80}
  .jk-blad h2{font:600 24px/1.2 Fredoka,Nunito,sans-serif!important;margin:0 0 8px!important;color:#2F3437!important;text-align:left!important}
  .jk-blad p{font-size:15.5px;line-height:1.55;color:#4A5155;margin:0}
  .jk-blad-act{padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -6px 18px rgba(47,52,55,.08);border-radius:24px 24px 0 0}
  .jk-blad-act a{display:flex!important;align-items:center;justify-content:center;width:100%;height:52px;border-radius:999px!important;background:#4F6F99!important;color:#fff!important;font:800 16px Nunito,sans-serif!important;text-decoration:none!important;margin:0!important}
  /* Scherm "Maken": werkbladmakers met de stappen als kaarten en keuzes als pillen */
  .jkw .jkw-intro .jkw-crumbs{display:none!important}
  .jkw .jkw-panel{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
  .jkw .jkw-step{background:#F6F2EA!important;border-radius:20px!important;padding:14px!important;margin:0 0 10px!important;box-shadow:none!important;border:0!important}
  .jkw .jkw-step > b{display:block;font:600 16px/1.25 Fredoka,Nunito,sans-serif!important;margin:0 0 10px!important;color:#2F3437!important}
  .jkw .jkw-chips{display:flex;flex-wrap:wrap;gap:8px!important}
  .jkw .jkw-chips button{height:38px;min-height:0!important;padding:0 14px!important;border-radius:999px!important;border:2px solid #E6E1D6!important;background:#fff!important;color:#2F3437!important;font:800 13.5px Nunito,sans-serif!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;margin:0!important}
  .jkw .jkw-chips button[aria-pressed="true"]{background:#2F3437!important;border-color:#2F3437!important;color:#fff!important}
  .jkw .jkt-ar .jkw-chips{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));direction:rtl}
  .jkw .jkt-ar .jkw-chips button{height:44px;padding:0!important;border-radius:12px!important;font:700 22px/1 "Noto Naskh Arabic","Amiri",serif!important}
  .jkw .jkt-ar .jkw-chips button[aria-pressed="true"]{background:#4F6F99!important;border-color:#4F6F99!important}
  .jkw .jk-gen-limit{border-radius:18px!important;margin:0 0 10px!important}
  /* Scherm "Plein": op Spelletjes staat het plein bovenaan */
  html body .jkx-play.jk-plein-hier{display:block!important;margin:0 12px 12px!important;background:#fff;border-radius:28px!important}
  /* Andere balken schuiven onder de bovenbalk in plaats van eroverheen */
  body.jk-has-tabbar .jk-fbar{top:64px;z-index:9979}
  body.jk-has-tabbar .jkto.jkto.jkto .jkto-nav{top:64px!important}
  body.jk-has-tabbar .jkb-top{bottom:calc(88px + env(safe-area-inset-bottom))!important}
  body.jk-has-tabbar .jkq-bar{bottom:calc(84px + env(safe-area-inset-bottom))!important;left:10px!important;right:10px!important;border-radius:20px!important;box-shadow:0 6px 24px rgba(47,52,55,.16)!important;z-index:9985!important}
  body.jk-has-tabbar .jkq-bar:not(.show){transform:translateY(calc(100% + 130px))!important}
  body.jk-has-tabbar.single-product{padding-bottom:calc(160px + env(safe-area-inset-bottom))!important}
  /* Kruimelpad vervalt: de terugknop doet hetzelfde */
  body.jk-has-tabbar .jkx-crumbs{display:none!important}
  /* Korte, rustige footer */
  .jkx-foot .jkx-fgrid{display:none!important}
  .jkx-foot .jkx-fbar{border-top:0!important;padding:22px 4px 24px!important;align-items:center!important;text-align:center;gap:12px!important;font-size:13px!important}
  .jkx-foot .jkx-fbar > span:last-child{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
  .jkx-foot .jkx-fbar > span:last-child a{margin:0!important;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:#DCE8F5!important;text-decoration:none!important;font-size:12.5px}
  .jk-fmini{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:24px;font-family:Fredoka,Nunito,sans-serif;font-size:15px;color:#fff}
  .jk-fmini a{color:#DCE8F5!important;text-decoration:none!important;font-family:Nunito,sans-serif;font-size:13.5px}
  .jk-geen-reacties{display:none!important}
  /* Contact: blok met bijna onzichtbare tekst (lichte tekst op lichte achtergrond); dezelfde tekst staat bij Contactgegevens */
  .page-id-2664 .elementor-element-e2519a1{display:none!important}
  /* Directe reactie bij aantikken */
  a:active,button:active,summary:active{opacity:.72;transition:opacity 0s}
  .jk-tabbar a:active,.jk-tabbar button:active{opacity:1}
  .jk-tabbar a:active svg,.jk-tabbar button:active svg{transform:scale(.86)}
  .jk-tabbar svg{transition:transform .12s ease}
  /* Zachte overgang tussen pagina's (balken blijven staan) */
  @view-transition{navigation:auto}
  body.jk-has-tabbar #masthead{view-transition-name:jk-top}
  .jk-tabbar{view-transition-name:jk-tab}
  ::view-transition-old(root){animation:jkvt-uit .16s ease-in both}
  ::view-transition-new(root){animation:jkvt-in .26s cubic-bezier(.2,.8,.2,1) both}
  @keyframes jkvt-uit{to{opacity:0}}
  @keyframes jkvt-in{from{opacity:0;transform:translateY(14px)}}
}
/* Alle schermen: Engelse melding "Comments are closed" onder blogartikelen weg (er kan niet gereageerd worden) */
.single-post .blog-comment-area:has(> .inner-title:only-child){display:none!important}
@media (max-width: 767px) and (prefers-reduced-motion: reduce){
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}
@media (max-width: 767px){
  /* 24. Exact het app-ontwerp "JouwKlas app" */
  body,body.jk-has-tabbar{background:#FAF8F3!important}
  body.jk-has-tabbar #masthead{background:rgba(250,248,243,.92)!important}
  .jkx-foot,.jkx-scallop{display:none!important}
  body.jk-has-tabbar{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
  /* menubalk: Home, Bladen, Maken, Plein, Ik */
  .jk-tabbar{left:12px!important;right:12px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;height:72px!important;border-radius:26px!important;box-shadow:0 8px 24px rgba(47,52,55,.12)!important;padding:0 6px!important;justify-content:space-around!important}
  .jk-tabbar a,.jk-tabbar .jk-tab-meer{flex:0 0 auto!important;min-width:56px;gap:3px!important;font:700 11px/1 Nunito,sans-serif!important;color:#5D6468!important}
  .jk-tabbar a svg,.jk-tabbar .jk-tab-meer svg{width:24px!important;height:24px!important;stroke-width:2}
  .jk-tabbar a[aria-current="page"],.jk-tabbar .jk-tab-meer[data-nu],.jk-tabbar .jk-tab-meer[aria-expanded="true"]{color:#4F6F99!important;font-weight:800!important}
  .jk-tabbar a[aria-current="page"] svg,.jk-tabbar .jk-tab-meer[data-nu] svg{stroke-width:2.2}
  .jk-meer-panel{bottom:calc(98px + env(safe-area-inset-bottom))!important;border-radius:26px!important}
  .jk-ik-acc{display:flex;align-items:center;gap:12px;padding:12px;margin:0 0 10px;border-radius:20px;background:#FAF8F3;color:#2F3437!important;text-decoration:none!important}
  .jk-ik-acc > span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
  .jk-ik-acc b{font:600 17px/1.2 Fredoka,Nunito,sans-serif}
  .jk-ik-acc small{font-size:13px;color:#5D6468}
  .jk-ik-av{width:48px;height:48px;border-radius:50%;background:#E4ECF5;display:flex;align-items:center;justify-content:center;flex:none;color:#4F6F99}
  .jk-ik-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
  .jk-ik-snel{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:18px;color:#2F3437!important;text-decoration:none!important;font-weight:800;font-size:11.5px;text-align:center}
  .jk-ik-juri{display:flex;flex-wrap:wrap;gap:6px;padding:12px 0 4px}
  .jk-ik-juri a{font-size:12.5px;font-weight:700;color:#5D6468!important;text-decoration:none!important;padding:6px 10px;border-radius:999px;background:#F1ECE3}
  /* ronde knoppen */
  .jk-rond,.jk3-head .jk3-icons > .jk3-search > summary,.jk-back{width:44px!important;height:44px!important;border-radius:22px!important;border:0!important;background:#fff!important;box-shadow:0 1px 0 #E6E1D6!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;color:#2F3437!important;flex:none}
  .jk3-head .jk3-icons > .jk3-search{width:44px!important;height:44px!important}
  .jk3-head .jk3-icons > .jk3-acc,.jk3-head .jk3-icons > a[aria-label="Winkelmand"]{display:none!important}
  /* kop op de homepage: woordmerk + één ronde knop */
  .home.jk-app section.jk3:not(.jk3--bar) .jk3-head{padding:12px 20px!important}
  .home .jk3-head .jk3-logo img{display:none!important}
  .jk-wm{font:700 26px/1 Fredoka,Nunito,sans-serif;color:#2F3437;letter-spacing:0}
  .jk-wm b{font-weight:700;color:#4F6F99}
  .home.jk-app section.jk3:not(.jk3--bar) .jk3-head{background:rgba(250,248,243,.92)!important}
  .home.jk-app section.jk3:not(.jk3--bar){padding-top:68px!important}
  /* kop op gewone pagina's: terug, titel in het midden, zoeken */
  .jk-scr-sub #masthead .jk3-logo{display:none!important}
  .jk-scr-sub #masthead .jk3-head{padding:10px 20px!important}
  .jk-scr-sub .jk-bartitle{left:64px!important;right:64px!important;max-width:none!important;text-align:center;opacity:1!important;transform:translateY(-50%)!important;font:800 15px/1.2 Nunito,sans-serif!important;color:#34507A!important}
  .jk-back{margin:0!important}
  /* hoofdschermen (Bladen, Maken, Plein): geen balk, een grote titel */
  html.jk-root-pad body #masthead,.jk-scr-root #masthead{display:none!important}
  .jk-weg{display:none!important}
  .jk-scr-kop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 20px 14px;font-family:Nunito,sans-serif;color:#2F3437}
  .jk-scr-kop h1{margin:0!important;font:600 30px/1.1 Fredoka,Nunito,sans-serif!important;color:#2F3437!important;text-align:left!important}
  .jk-scr-kop p{margin:2px 0 0!important;font-size:14px!important;color:#5D6468!important}
  /* Home-scherm */
  .jk-apphome{padding:4px 20px 0!important;gap:22px!important}
  .jk-ah-hello{background:#4F6F99!important;border-radius:28px!important;padding:22px 150px 22px 22px!important;min-height:150px!important}
  .jk-ah-hello h1{font:600 24px/1.15 Fredoka,Nunito,sans-serif!important}
  .jk-ah-hello p{font-size:15px!important;line-height:1.45!important;color:#EEF3F9!important;margin:8px 0 0!important}
  .jk-ah-hello img{right:14px!important;bottom:0!important;height:172px!important}
  .jk-ah-hello .jk-ah-kind{position:absolute;right:12px;bottom:-2px;width:134px;height:auto}
  .jk-ah-btn{margin-top:16px;padding:11px 16px!important;min-height:0!important;font-size:14px!important;gap:6px!important}
  .jk-ah-search{height:52px!important;padding:0 16px!important;border:2px solid #E6E1D6!important;border-radius:18px!important;gap:10px!important;background:#fff!important}
  .jk-ah-sec{display:flex;flex-direction:column;gap:12px}
  .jk-ah-row{margin:0!important}
  .jk-ah-row h2{font:600 20px/1.2 Fredoka,Nunito,sans-serif!important}
  .jk-ah-tiles{gap:10px!important}
  .jk-ah-tile{padding:14px 10px!important;gap:8px!important;min-height:0!important;font-size:13px!important;line-height:1.2!important}
  .jk-ah-tile svg{width:30px;height:30px;flex:none}
  .jk-ah-scroll{margin:0 -20px!important;padding:0 20px 6px!important;gap:12px!important}
  .jk-ah-card{width:150px!important;padding:8px!important;border-radius:20px!important;box-shadow:0 1px 0 #E6E1D6!important}
  .jk-ah-thumb{display:block;width:134px;height:120px;border-radius:14px;overflow:hidden}
  .jk-ah-card img{width:134px!important;height:120px!important;object-fit:cover;object-position:top;border-radius:0!important}
  .jk-ah-card strong{padding:8px 4px 4px!important;font-size:14px!important}
  .jk-ah-card small{font-size:12px!important}
  /* rest van de homepage als app-blokken; de aanmeldkaart "Gratis lesmateriaal" blijft eronder staan */
  .jk-ah-groep{display:flex;gap:10px;overflow-x:auto;margin:0 -20px;padding:2px 20px 4px;scrollbar-width:none}
  .jk-ah-groep::-webkit-scrollbar{display:none}
  .jk-ah-groep a{flex:0 0 72px;height:80px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2F3437!important;text-decoration:none!important}
  .jk-ah-groep small{font-size:12px;font-weight:700;color:#5D6468}
  .jk-ah-groep b{font:600 30px/1 Fredoka,Nunito,sans-serif}
  .jk-ah-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .jk-ah-blok{position:relative;display:flex;flex-direction:column;gap:4px;min-height:148px;padding:16px 14px 52px;border-radius:24px;color:#2F3437!important;text-decoration:none!important}
  .jk-ah-blok b{font:600 17px/1.2 Fredoka,Nunito,sans-serif}
  .jk-ah-blok span{font-size:13px;line-height:1.35;color:#5D6468}
  .jk-ah-blok svg{position:absolute;left:14px;bottom:14px}
  .jk-ah-stap{list-style:none;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:10px;counter-reset:jkst}
  .jk-ah-stap li{counter-increment:jkst;position:relative;margin:0!important;padding:14px 14px 14px 62px;background:#fff;border-radius:20px;box-shadow:0 1px 2px rgba(47,52,55,.05)}
  .jk-ah-stap li::before{content:counter(jkst);position:absolute;left:14px;top:14px;width:34px;height:34px;border-radius:12px;background:#FFF4B8;font:600 18px/34px Fredoka,Nunito,sans-serif;text-align:center}
  .jk-ah-stap b{display:block;font:600 16px/1.25 Fredoka,Nunito,sans-serif}
  .jk-ah-stap span{display:block;margin-top:2px;font-size:14px;line-height:1.4;color:#5D6468}
  .jk-ah-lid{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-radius:24px;background:#4F6F99;color:#fff!important;text-decoration:none!important}
  .jk-ah-lid small{display:block;font-size:13px;font-weight:700;color:#DCE6F2}
  .jk-ah-lid b{display:block;font:600 18px/1.2 Fredoka,Nunito,sans-serif}
  .jk-ah-lid em{flex:0 0 auto;font-style:normal;font-weight:800;font-size:14px;background:#fff;color:#2F3437;padding:10px 16px;border-radius:999px}
  .home.jk-app .elementor-element-c18334c{padding:8px 20px 0!important}
  .jk-ah-morgen{position:relative;padding:20px 104px 20px 20px;border-radius:24px;background:#2F4A6E;color:#fff}
  .jk-ah-morgen b{display:block;font:600 21px/1.2 Fredoka,Nunito,sans-serif;color:#fff}
  .jk-ah-morgen p{margin:6px 0 14px!important;font-size:14px;line-height:1.45;color:#DCE6F2!important}
  .jk-ah-morgen a{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#2F3437!important;font-weight:800;font-size:14px;padding:11px 16px;border-radius:999px;text-decoration:none!important}
  .jk-ah-morgen > span{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:68px;height:68px;border-radius:20px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center}
  /* Bladen-scherm (/lesmateriaal/) */
  .jk-scr-bladen .jkz .jki-hero,.jk-scr-bladen .jkz-head{display:none!important}
  .jk-scr-bladen .jkz{padding:0 20px!important;margin:0!important;background:transparent!important}
  .jk-scr-bladen .jkx-sec:has(.jkz){background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important;overflow:visible!important}
  html body.jk-scr-bladen .jki.jki.jki.jkz .jkz-f{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;gap:16px!important;margin:0!important}
  .jk-scr-bladen #jkz-q{height:50px!important;border:2px solid #E6E1D6!important;border-radius:18px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235D6468' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 16px center no-repeat!important;padding:0 16px 0 46px!important;font:600 15px Nunito,sans-serif!important;color:#2F3437!important;width:calc(100vw - 64px)!important;max-width:calc(100vw - 64px)!important;box-sizing:border-box!important;box-shadow:none!important}
  /* vakkenrij past binnen het scherm en schuift zelf opzij */
  html body.jk-scr-bladen .jki.jki.jki.jkz .jkz-g{max-width:calc(100vw - 52px)!important;min-width:0!important}
  html body.jk-scr-bladen .jki.jki.jki.jkz .jkz-g .jki-row{min-width:0!important;overflow-x:auto!important}
  /* Maken: de oude inleiding van /tools/ staat al in de kop "Maken" */
  html body.jk-scr-maken .jkto.jkto.jkto > .jkto-tag,html body.jk-scr-maken .jkto.jkto.jkto > h1 + .jkto-lead{display:none!important}
  html body.jk-scr-bladen .jki.jki.jki.jkz .jkz-g{display:none!important}
  html body.jk-scr-bladen .jki.jki.jki.jkz .jkz-g:nth-of-type(2),html body.jk-scr-bladen .jki.jki.jki.jkz.jk-filters-open .jkz-g{display:flex!important}
  .jk-scr-bladen .jkz .jkz-g > b{display:none!important}
  .jk-scr-bladen .jkz.jk-filters-open .jkz-g > b{display:block!important}
  html body.jk-scr-bladen .jki.jki.jki.jkz .jkz-g .jki-row{margin:0 -20px!important;padding:0 20px 2px!important;gap:8px!important}
  html body.jk-scr-bladen .jki.jki.jki.jkz .jki-chip{height:38px!important;padding:0 16px!important;border-radius:999px!important;font:800 13.5px Nunito,sans-serif!important;background:#fff!important;color:#2F3437!important;border:2px solid #E6E1D6!important;box-shadow:none!important}
  html body.jk-scr-bladen .jki.jki.jki.jkz .jki-chip[aria-pressed="true"]{background:#2F3437!important;color:#fff!important;border-color:#2F3437!important}
  .jk-scr-bladen .jkz-n{font-size:13px!important;font-weight:700!important;color:#5D6468!important;margin:14px 0 10px!important;text-align:left!important}
  html body.jk-scr-bladen .jki.jki.jki.jkz .jkz-l{gap:10px!important}
  html body.jk-scr-bladen .jki.jki.jki.jkz .jkz-l .jkz-c{display:grid!important;grid-template-columns:72px minmax(0,1fr) 20px!important;grid-template-rows:auto auto!important;column-gap:14px;row-gap:4px;padding:10px!important;background:#fff!important;border-radius:20px!important;box-shadow:0 1px 0 #E6E1D6!important;border:0!important}
  html body.jk-scr-bladen .jki.jki.jki.jkz .jkz-l .jkz-c > img{grid-row:1 / 3;width:72px!important;height:80px!important;border-radius:14px!important;object-fit:cover}
  html body.jk-scr-bladen .jki.jki.jki.jkz .jkz-l .jkz-c > span{padding:0!important;font-size:16px!important;font-weight:800!important;line-height:1.25!important}
  html body.jk-scr-bladen .jki.jki.jki.jkz .jkz-l .jkz-c > small{padding:0!important;font-size:12.5px!important;color:#5D6468!important}
  html body.jk-scr-bladen .jki.jki.jki.jkz .jkz-l .jkz-c::after{content:"";grid-column:3;grid-row:1 / 3;align-self:center;width:8px;height:8px;border-right:2.2px solid #5D6468;border-top:2.2px solid #5D6468;transform:rotate(45deg)}
  .jk-scr-root .jk-fbar{top:0!important}
  /* Resourcebank-rijen precies zoals in het ontwerp */
  html body .jk-bladen .jk-lib-card{display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;padding:10px!important;grid-template-columns:none!important}
  .jk-bl-thumb{flex:none;width:72px;height:80px;border-radius:14px;overflow:hidden;display:flex;background:#F2EDE4}
  .jk-bladen .jk-lib-card .jk-bl-thumb .jk-lib-img{width:72px!important;height:80px!important;border-radius:0!important;object-fit:cover!important;object-position:center 20%!important}
  .jk-bladen .jk-lib-card .jk-lib-body{flex:1;min-width:0;gap:4px!important}
  .jk-bladen .jk-lib-card .jk-lib-body strong{font-size:16px!important}
  .jk-bladen .jk-lib-card::after{display:none!important}
  .jk-bl-chev{flex:none;display:flex}
  .jk-bl-badge{font-size:11.5px!important;padding:3px 9px!important}
  .jk-bl-badge.gratis{background:#DFEBE4!important;color:#2E5B44!important}
  .jk-bl-badge.leden{background:#E4ECF5!important;color:#34507A!important}
  .jk-bl-groep{background:none!important;padding:0!important;font-size:12px!important;font-weight:700!important;color:#5D6468!important}
  .jk-bl-seg{background:#EFEBE2!important}
  /* Blad: detailscherm */
  .jk-blad{background:#FAF8F3!important}
  .jk-blad-scroll{padding:0!important}
  .jk-blad-boven{background:#E4ECF5;padding:calc(18px + env(safe-area-inset-top)) 20px 26px;border-radius:0 0 32px 32px;display:flex;flex-direction:column;gap:14px}
  .jk-blad-top{padding:0!important}
  .jk-blad-top span{font:800 13px/1.2 Nunito,sans-serif!important;color:#34507A!important}
  .jk-blad-x,.jk-blad-save{width:44px!important;height:44px!important;border-radius:22px!important;background:#fff!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;color:#2F3437!important;flex:none}
  .jk-blad-save[aria-pressed="true"] svg{fill:#F2C94C}
  .jk-blad-img{display:flex;justify-content:center;background:none!important;box-shadow:none!important;padding:0!important}
  .jk-blad-img img{width:236px!important;height:334px!important;aspect-ratio:auto!important;object-fit:cover;object-position:top;border-radius:10px!important;box-shadow:0 12px 28px rgba(52,80,122,.22);background:#fff;transform:rotate(-1.5deg)}
  .jk-blad-dots{display:flex;justify-content:center;gap:6px}
  .jk-blad-dots span{width:6px;height:6px;border-radius:3px;background:#A9BBD3}
  .jk-blad-dots span:first-child{width:18px;background:#34507A}
  .jk-blad-info{padding:20px 20px 30px;display:flex;flex-direction:column;gap:14px}
  .jk-blad-tags{margin:0!important}
  .jk-blad-tags span{background:#EFEBE2!important;color:#2F3437!important}
  .jk-blad-tags .gratis{background:#DFEBE4!important;color:#2E5B44!important}
  .jk-blad-tags .leden{background:#E4ECF5!important;color:#34507A!important}
  .jk-blad-info h1{margin:0!important;font:600 26px/1.15 Fredoka,Nunito,sans-serif!important;color:#2F3437!important;text-align:left!important}
  .jk-blad-info p{margin:0;font-size:15px;line-height:1.55;color:#4A5155}
  .jk-blad-act{border-radius:26px 26px 0 0!important;box-shadow:0 -6px 24px rgba(47,52,55,.10)!important;padding:14px 20px calc(26px + env(safe-area-inset-bottom))!important;display:flex;flex-direction:column;gap:10px}
  .jk-blad-rij{display:flex;gap:10px}
  .jk-blad-print{width:54px;height:54px;flex:none;border-radius:18px!important;border:2px solid #E6E1D6!important;background:#fff!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;color:#2F3437!important}
  .jk-blad-act a.jk-blad-hoofd{flex:1;height:54px!important;border-radius:18px!important;background:#4F6F99!important;color:#fff!important;font:800 16px Nunito,sans-serif!important;display:flex!important;align-items:center;justify-content:center;gap:8px;width:auto!important}
/* Gratis blad: e-mailformulier staat in het detailscherm; in de lijstregel verborgen (telefoon) */
@media (max-width:767px){
.jk-lib[data-jkbl] .jk-lib-body > form.jk-free-pdf{display:none!important}
.jk-blad-form form.jk-free-pdf{margin:0!important;width:100%}
.jk-blad-form .jk-free-l{font:800 15px Nunito,sans-serif!important;color:#2F3437!important;margin:0 0 8px!important}
.jk-blad-form .jk-email-row{display:flex!important;flex-direction:column!important;gap:10px!important}
.jk-blad-form .jk-email-row input[type=email]{width:100%!important;height:52px!important;border-radius:18px!important;font-size:16px!important}
.jk-blad-form .jk-email-row button{width:100%!important;height:54px!important;border-radius:18px!important;background:#4F6F99!important;color:#fff!important;font:800 16px Nunito,sans-serif!important}
.jk-blad-form .jk-email-consent a{display:inline!important;width:auto!important;height:auto!important;background:none!important;color:#4F6F99!important;font:inherit!important;border-radius:0!important;text-decoration:underline!important;margin:0 0 0 4px!important}
.jk-blad-form .jk-email-status a.jk-download-now{height:52px!important;border-radius:18px!important;margin-top:10px!important}
/* detailscherm open: rond menuknopje niet over de bewaarknop */
html.jk-blad-open .jk-mn-knop{display:none!important}
/* vaste filterbalk (Lesmateriaal): ruimte rechts zodat het ronde menuknopje niet over de chips valt */
.jk-fbar .jk-fbar-rij{padding-right:58px!important;scroll-padding-right:58px}
}
  .jk-blad-log{text-align:center;font-size:13px;color:#5D6468}
  .jk-blad-log a{font-weight:800;color:#4F6F99!important}
  /* Maken: werkbladmakers zoals in het ontwerp */
  .jkw .jkw-step{background:transparent!important;padding:0!important;margin:0 0 16px!important}
  .jkw .jkw-step > b{font:600 18px/1.25 Fredoka,Nunito,sans-serif!important}
  .jkw .jkt-ar .jkw-chips button{height:44px!important;border-radius:12px!important}
  .jkw .jkw-act > button{height:54px!important;border-radius:18px!important;font:800 16px Nunito,sans-serif!important}
  .jk-scr-maken .jkx-sec:has(.jkto){background:transparent!important;box-shadow:none!important;padding:0 20px!important;margin:0!important}
  .jk-scr-maken .jkto .jkto-lead,.jk-scr-maken .jkto > h1,.jk-scr-maken .jkto .jkto-head{display:none!important}
  .jk-scr-maken .jkto.jkto.jkto .jkto-nav{background:#FAF8F3!important;top:0!important}
  .jk-scr-maken .jkto.jkto.jkto .jkto-grid > a{background:#fff!important;border-radius:20px!important;box-shadow:0 1px 0 #E6E1D6!important;border:0!important;padding:10px 14px 10px 10px!important}
  /* Plein */
  .jk-plein{font-family:Nunito,sans-serif;color:#2F3437}
  .jk-pl-scene{position:relative;height:400px;background:#DCE8F3;border-radius:0 0 36px 36px;overflow:hidden}
  .jk-pl-kop{position:absolute;left:20px;right:20px;top:22px}
  .jk-pl-kop h1{margin:0!important;font:600 30px/1.1 Fredoka,Nunito,sans-serif!important;color:#2F3437!important;text-align:left!important}
  .jk-pl-kop p{margin:2px 0 0!important;font-size:14px!important;color:#4A5155!important}
  .jk-pl-zon{position:absolute;right:28px;top:84px;width:58px;height:58px;border-radius:29px;background:#F6D96B}
  .jk-pl-heuvel{position:absolute;left:-30px;right:-30px;bottom:-40px;height:130px;background:#CFE0C4;border-radius:50% 50% 0 0}
  .jk-pl-kind{position:absolute;bottom:12px;width:24%;max-width:96px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;display:flex!important;flex-direction:column;align-items:center;gap:4px;cursor:pointer}
  .jk-pl-kind img,.jk-pl-kind svg{width:auto;max-width:none;flex:none;overflow:visible;transition:transform .2s}
  .jk-pl-kind[aria-pressed="true"] img,.jk-pl-kind[aria-pressed="true"] svg{transform:translateY(-6px)}
  .jk-pl-kind span{font:800 12.5px Nunito,sans-serif;padding:3px 10px;border-radius:999px;background:#fff;color:#2F3437}
  .jk-pl-kind[aria-pressed="true"] span{background:#2F3437;color:#fff}
  .jk-pl-bubbel{position:absolute;z-index:2;background:#fff;border-radius:18px;padding:12px 14px;font-weight:800;font-size:14px;line-height:1.35;box-shadow:0 6px 18px rgba(47,52,55,.12)}
  .jk-pl-bubbel::after{content:"";position:absolute;bottom:-8px;left:var(--staart,20px);width:16px;height:16px;background:#fff;transform:rotate(45deg)}
  .jk-pl-bubbel[hidden]{display:none}
  .jk-pl-body{padding:20px 20px 8px;display:flex;flex-direction:column;gap:14px}
  .jk-pl-week{background:#FFF4B8;border-radius:22px;padding:16px;display:flex;gap:14px;align-items:center}
  .jk-pl-week > span{width:48px;height:48px;flex:none;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center}
  .jk-pl-week small{display:block;font-size:12px;font-weight:800;color:#6B5A10}
  .jk-pl-week b{display:block;font-weight:800;font-size:15.5px;line-height:1.3;margin-top:2px}
  .jk-pl-body h2{margin:4px 0 0!important;font:600 18px/1.2 Fredoka,Nunito,sans-serif!important;color:#2F3437!important;text-align:left!important}
  .jk-pl-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .jk-pl-tiles a{border-radius:20px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#2F3437!important;font-weight:800;font-size:13px;text-decoration:none!important}
  .jk-scr-plein .jkx-play{display:none!important}
}

/* Tablet en opengevouwen telefoon (tot 1100px, waar het menu verdwijnt): knoppen in de kop rechts, ook op de homepage. Desktop blijft ongewijzigd. */
@media (max-width: 1100px){
  html body.home .jk3-head .jk3-icons{margin-left:auto!important}
}

/* Telefoon: pagina onzichtbaar tot de app-weergave klaar is (klasse jk-bezig, zie jk-mobiel.js) */
@media (max-width: 767px){
  html.jk-bezig body{visibility:hidden!important}
}

/* Mijn account (alle schermen): tabbladen Inloggen / Gratis account, actieve tab duidelijk zichtbaar */
body.woocommerce-account .login-tab{display:inline-flex!important;gap:4px;background:#F2EDE4;border:0!important;border-radius:999px;padding:5px;margin:0 0 16px!important}
body.woocommerce-account .login-tab .nav-link{background:none!important;border:0!important;border-radius:999px!important;box-shadow:none!important;color:#5D6468!important;font:800 15px Nunito,Arial,sans-serif!important;padding:10px 20px!important;margin:0!important}
body.woocommerce-account .login-tab .nav-link.active{background:#fff!important;color:#4F6F99!important;box-shadow:0 2px 8px rgba(47,52,55,.1)!important}

/* Alle schermen (11-10-2026): Nederlandse knopteksten zonder automatische hoofdletters (thema: capitalize, Elementor: uppercase) */
.vs-btn,a.e-button-base,.single_add_to_cart_button,.wc-backward{text-transform:none!important;letter-spacing:normal!important}
.single_add_to_cart_button i,.single_add_to_cart_button svg{margin-right:8px}
/* Abonnementen en cadeaukaart: geen "Past hier ook bij" (toonde alleen een schoolabonnement met verhaspelde prijs) */
body:has(.product.product_cat-abonnementen) .related-products,body:has(.product.product_cat-cadeaukaarten) .related-products{display:none!important}
/* Cadeaukaart: knop "Wis" van de bedragkeuze niet buiten het scherm */
.single-product .variations td{position:relative}
.single-product .reset_variations{position:static!important;display:inline-block;margin-top:6px}
/* Slotblok "Klaar om …" (wereldoriëntatie-pagina's): de donkere achtergrond werd overschreven, waardoor witte tekst onleesbaar was */
html body section.jkv.jkv-end{background:linear-gradient(160deg,#4E7488,#4F7A62)!important}
/* Klassenmanagement > hulpmiddelen: tooltegels passen, knop Volledig scherm niet over de keuzeknoppen */
@media (max-width: 767px){
  .jkdbh{padding:24px 16px!important}
  .jkdbh .tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}
  .jkdbh .tools span{min-width:0;padding:10px 6px!important;font-size:14px!important;gap:4px!important;flex-direction:column!important;justify-content:center!important;text-align:center!important}
  .jkd-stage{padding-top:60px!important}
}
/* Bladen (/lesmateriaal/): onder de lijst niets meer van de oude pagina */
@media (max-width: 767px){ body.jk-scr-bladen .jk-na-lijst ~ *{display:none!important} }
/* Dagritmekaarten: kaarten in een kolom zodat de namen passen, uitleg klopt op de telefoon */
@media (max-width: 767px){
  .jkdt-list{grid-template-columns:minmax(0,1fr)!important}
  .jkdt-item{min-width:0!important}
  .jkdt-none{font-size:0!important}
  .jkdt-none::before{content:"Tik hierboven op kaarten om je dagritme te bouwen.";font-size:14px}
}
/* Alle schermen: geen sterretje over een paginatitel (Dagbord-pagina's) */
.jkx-inner .jkx-sec:has(h1) > .jkx-deco{display:none!important}
/* Alle schermen: vinkje op Koop ongedaan maken zichtbaar (het thema verborg het) */
.jk-confirm-row{display:flex!important;align-items:flex-start;gap:10px;cursor:pointer}
.jk-confirm-row input[type=checkbox]{display:inline-block!important;visibility:visible!important;opacity:1!important;-webkit-appearance:auto!important;appearance:auto!important;position:static!important;width:20px!important;height:20px!important;min-width:20px;margin:2px 0 0!important;accent-color:#4F6F99}
/* Makerpagina's: uitleg ingeklapt onder de maker */
@media (max-width: 767px){
  body.jk-klap .jk-tool-sec ~ *:not(.jk-uitleg-knop){display:none!important}
  .jk-uitleg-knop{display:flex!important;align-items:center;justify-content:space-between;gap:10px;width:calc(100% - 32px)!important;margin:8px 16px 24px!important;padding:16px 20px!important;border:0!important;border-radius:18px!important;background:#fff!important;color:#2F3437!important;font:800 16px Nunito,Arial,sans-serif!important;box-shadow:0 4px 14px rgba(47,52,55,.08)!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}
  .jk-uitleg-knop svg{transition:transform .2s}
  .jk-uitleg-knop[aria-expanded="true"] svg{transform:rotate(180deg)}
}
@media (min-width: 768px){ .jk-uitleg-knop{display:none!important} }
/* Dagbord-tools (timer, stoplicht ...): de tool bovenaan, andere tools als veegbare rij, uitleg ingeklapt */
@media (max-width: 767px){
  body.jk-klap .jk-klapdeel{display:none!important}
  .jkdb-hero>p{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .jkdb-hero .jkst{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px;margin-right:-16px}
  .jkdb-hero .jkst::-webkit-scrollbar{display:none}
  .jkdb-hero .jkst>*{flex:none!important}
  .jkdb-hero+div>div{display:flex!important;flex-direction:column}
  .jkdb-hero+div>div>.jkb-board{order:-1;margin-bottom:12px}
  .jkdb-hero+div>div>.jkb-small{order:3}
}
/* Home als app-scherm (11-10-2026): begroeting met datum, snelknoppen, verder waar je was, makers */
@media (max-width: 767px){
  .jk-ah-hello .jk-ah-datum{display:block;font:700 13px Nunito,sans-serif;color:#DCE6F2;margin:0 0 4px}
  .jk-ah-hello .jk-ah-datum::first-letter{text-transform:uppercase}
  .jk-ah-snel{gap:4px!important}
  .jk-ah-snel .jk-ah-tool{width:74px}
  .jk-ah-snel .jk-ah-tool span{width:58px;height:58px;font-size:26px}
  .jk-ah-recent{gap:10px!important}
  .jk-ah-rec{flex:none;width:168px;min-height:76px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;padding:12px 14px;border-radius:18px;background:#fff;box-shadow:0 1px 0 #E6E1D6;color:#2F3437!important;text-decoration:none!important;scroll-snap-align:start}
  .jk-ah-rec b{font:700 14px/1.25 Nunito,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .jk-ah-rec small{font-size:12px;font-weight:700;color:#4F6F99}
  .jk-ah-maker .jk-ah-thumb{display:flex!important;align-items:center;justify-content:center;height:96px!important}
  .jk-ah-maker .jk-ah-thumb i{font-style:normal;font-size:44px;line-height:1}
  .jk-apphome .jk-ah-scroll{scroll-padding-inline:20px}
  /* rustig binnenkomen en voelbaar tikken, zoals in een app */
  .jk-apphome>*{animation:jkAhIn .45s cubic-bezier(.2,.7,.3,1) both}
  .jk-apphome>*:nth-child(2){animation-delay:.04s}.jk-apphome>*:nth-child(3){animation-delay:.08s}.jk-apphome>*:nth-child(4){animation-delay:.12s}.jk-apphome>*:nth-child(5){animation-delay:.16s}.jk-apphome>*:nth-child(n+6){animation-delay:.2s}
  .jk-apphome a,.jk-tabbar a,.jk-uitleg-knop{-webkit-tap-highlight-color:transparent;transition:transform .12s ease}
  .jk-apphome a:active,.jk-uitleg-knop:active{transform:scale(.96)}
}
@keyframes jkAhIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){ .jk-apphome>*{animation:none!important} }
/* Home versie B "Plein" (11-10-2026): speelplaats met pleinkinderen, stevige vaktegels, zwevende menubalk */
@media (max-width: 767px){
  .home.jk-app section.jk3:not(.jk3--bar) .jk3-head{display:none!important}
  .home.jk-app section.jk3:not(.jk3--bar){padding-top:0!important}
  .home.jk-app,.home.jk-app .elementor{background:#FFF9EF!important}
  .jk-pl{padding:0 0 8px!important;gap:0!important;background:#FFF9EF}
  .jk-pl-hero{position:relative;height:368px;margin:0;background:linear-gradient(#BFE3F5,#E3F3FA 72%);overflow:hidden;border-radius:0 0 36px 36px}
  .jk-pl-zon{position:absolute;right:26px;top:70px;width:56px;height:56px;border-radius:50%;background:#FFD66B;box-shadow:0 0 0 12px rgba(255,214,107,.25);animation:jkZon 6s ease-in-out infinite}
  .jk-pl-wolk,.jk-pl-wolk2{position:absolute;background:#fff;border-radius:40px;opacity:.95}
  .jk-pl-wolk{left:236px;top:38px;width:64px;height:18px;animation:jkWolk 14s ease-in-out infinite}
  .jk-pl-wolk2{left:292px;top:142px;width:46px;height:14px;animation:jkWolk 18s ease-in-out infinite reverse}
  .jk-pl-heuvel{position:absolute;left:-40px;right:-40px;bottom:-62px;height:170px;background:#A8D69A;border-radius:50% 50% 0 0}
  .jk-pl-heuvel2{position:absolute;left:120px;right:-120px;bottom:-84px;height:170px;background:#93CB86;border-radius:50% 50% 0 0}
  .jk-pl-groet{position:absolute;left:22px;right:96px;top:calc(18px + env(safe-area-inset-top))}
  .jk-pl-wm{display:block;height:44px!important;width:auto!important;max-width:100%;margin:0 0 8px -2px}
  .jk-pl-groet small{display:block;font:700 24px/1 Caveat,cursive;color:#3F6E8C}
  .jk-pl-groet h1{margin:4px 0 0!important;font:700 29px/1.08 Fredoka,Nunito,sans-serif!important;color:#23455C!important;letter-spacing:0}
  .jk-pl-praat{position:absolute;left:150px;top:190px;max-width:220px;background:#fff;border-radius:18px;padding:9px 13px;font:800 13px/1.3 Nunito,sans-serif;color:#23455C;box-shadow:0 4px 12px rgba(35,69,92,.12);z-index:2;transition:left .25s ease}
  .jk-pl-praat:after{content:"";position:absolute;left:34px;bottom:-8px;border:8px solid transparent;border-top-color:#fff;border-bottom:0}
  .jk-pl-kids{position:absolute;left:0;right:0;bottom:26px;display:flex;justify-content:center}
  .jk-pl-k{width:88px;height:120px;margin:0 -5px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent;cursor:pointer}
  .jk-pl-k svg{width:100%;height:100%}
  .jk-pl-k.jk-hop svg{animation:jkHop .5s cubic-bezier(.3,1.6,.5,1)}
  .jk-pl-zoek{position:relative;z-index:3;margin:-28px 20px 0;height:54px;border-radius:20px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 18px;box-shadow:0 8px 20px rgba(43,47,51,.1)}
  .jk-pl-zoek input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;padding:0!important;height:auto!important;font:700 15px Nunito,sans-serif;color:#2B2F33}
  .jk-pl-sec{padding:0 20px;margin-top:26px}
  .jk-pl-sec h2{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 12px!important;font:700 21px/1.2 Fredoka,Nunito,sans-serif!important;color:#2B2F33!important}
  .jk-pl-sec h2 a{font:800 14px Nunito,sans-serif;color:#4F6F99!important;text-decoration:none!important}
  .jk-pl-vakken{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}
  .jk-pl-vak{position:relative;height:112px;border-radius:24px;padding:14px 14px;overflow:hidden;box-shadow:0 6px 0 var(--d);text-decoration:none!important}
  .jk-pl-vak b{position:relative;z-index:1;display:block;font:700 19px/1.1 Fredoka,Nunito,sans-serif;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.12);max-width:120px}
  .jk-pl-vak small{position:relative;z-index:1;display:block;margin-top:3px;font:800 12px Nunito,sans-serif;color:rgba(255,255,255,.92)}
  .jk-pl-vak svg{position:absolute;right:-12px;bottom:-16px;width:92px;height:87px}
  .jk-pl-rij{display:flex;gap:12px;overflow-x:auto;margin:0 -20px;padding:4px 20px 10px;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:none}
  .jk-pl-rij::-webkit-scrollbar{display:none}
  .jk-pl-tool{flex:none;width:72px;text-align:center;font:800 12px Nunito,sans-serif;color:#2B2F33!important;text-decoration:none!important;scroll-snap-align:start}
  .jk-pl-tool span{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 6px;border-radius:50%;background:#fff;font-size:29px;line-height:1;box-shadow:0 4px 0 #EFE4D2}
  .jk-pl-groep a{flex:none;width:64px;height:72px;border-radius:20px;background:#fff;box-shadow:0 4px 0 #EFE4D2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2B2F33!important;text-decoration:none!important;scroll-snap-align:start}
  .jk-pl-groep small{font:800 11px Nunito,sans-serif;color:#8B9196}.jk-pl-groep b{font:700 26px/1 Fredoka,Nunito,sans-serif}
  .jk-pl-maker{flex:none;width:136px;background:#fff;border-radius:22px;padding:8px 8px 12px;box-shadow:0 4px 0 #EFE4D2;color:#2B2F33!important;text-decoration:none!important;scroll-snap-align:start}
  .jk-pl-maker span{display:grid;place-items:center;height:92px;border-radius:16px;font-size:42px;line-height:1;overflow:hidden}
  .jk-pl-maker b{display:block;padding:8px 4px 2px;font:800 14px/1.2 Nunito,sans-serif}.jk-pl-maker small{display:block;padding:0 4px;font:700 12px Nunito,sans-serif;color:#8B9196}
  .jk-pl-nieuw span{background:#FFF1C2;height:110px}.jk-pl-nieuw img{width:100%!important;height:110px!important;object-fit:cover;object-position:top}
  .jk-pl-verder{display:flex;flex-direction:column;gap:10px}
  .jk-pl-vc{display:flex;align-items:center;gap:14px;background:#fff;border-radius:20px;padding:12px;box-shadow:0 4px 0 #EFE4D2;color:#2B2F33!important;text-decoration:none!important}
  .jk-pl-th{width:50px;height:50px;border-radius:16px;background:#FFF1C2;display:grid;place-items:center;font-size:24px;flex:none}
  .jk-pl-vt{flex:1;min-width:0}.jk-pl-vt b{display:block;font:800 15px/1.25 Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jk-pl-vt small{font:700 12px Nunito,sans-serif;color:#8B9196}
  .jk-pl-play{width:40px;height:40px;border-radius:50%;background:#E07A5F;display:grid;place-items:center;flex:none;box-shadow:0 3px 0 #C26247}
  .jk-pl-lid{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 20px 0;padding:16px 16px 16px 18px;border-radius:24px;background:#4F6F99;box-shadow:0 6px 0 #3F5B80;color:#fff!important;text-decoration:none!important}
  .jk-pl-lid small{display:block;font:800 12px Nunito,sans-serif;color:#DCE6F2}.jk-pl-lid b{font:700 17px/1.2 Fredoka,Nunito,sans-serif}
  .jk-pl-lid em{font-style:normal;flex:none;padding:10px 16px;border-radius:999px;background:#fff;color:#2F3437;font:800 14px Nunito,sans-serif}
  .jk-pl a:active,.jk-pl-k:active{transform:scale(.96)}
  /* menubalk: actieve knop als zacht pilletje */
  .jk-tabbar a[aria-current="page"],.jk-tabbar .jk-tab-meer[data-nu]{background:#E4ECF5!important;border-radius:18px!important;padding:8px 12px!important}
}
@keyframes jkHop{0%,100%{transform:translateY(0)}40%{transform:translateY(-16px)}}
@keyframes jkZon{50%{transform:scale(1.06)}}
@keyframes jkWolk{50%{transform:translateX(-14px)}}
@media (prefers-reduced-motion: reduce){ .jk-pl-zon,.jk-pl-wolk,.jk-pl-wolk2,.jk-pl-k svg{animation:none!important} }
/* Home B, ronde 2 (11-10-2026): korte makers-rij, Membership-kaart en nieuwsbrief in de stijl van de bovenkant */
@media (max-width: 767px){
  .jk-pl-mk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .jk-pl-mk a{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font:800 12px/1.2 Nunito,sans-serif;color:#2B2F33!important;text-decoration:none!important}
  .jk-pl-mk span{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:22px;font-size:30px;line-height:1;box-shadow:0 4px 0 #EFE4D2}
  .jk-pl-lid{position:relative!important;display:block!important;margin:28px 20px 0!important;padding:18px 120px 18px 18px!important;min-height:136px;border-radius:26px!important;background:#FFE7A8!important;box-shadow:0 6px 0 #EBC56A!important;color:#2B2F33!important;overflow:hidden}
  .jk-pl-lid b{display:block;font:700 22px/1.1 Fredoka,Nunito,sans-serif!important;color:#2B2F33}
  .jk-pl-lid small{display:block;margin-top:4px;font:700 13px/1.35 Nunito,sans-serif!important;color:#5D5440!important}
  .jk-pl-lid em{display:inline-block!important;margin-top:12px;padding:10px 16px!important;border-radius:999px!important;background:#E07A5F!important;color:#fff!important;font:800 14px Nunito,sans-serif!important;box-shadow:0 3px 0 #C26247}
  .jk-pl-lid svg{position:absolute;right:-6px;bottom:-12px;width:126px;height:120px}
  /* nieuwsbrief onderaan de homepage */
  .home.jk-app .jkx-free{padding:0 20px!important;margin-top:26px!important;background:transparent!important}
  .home.jk-app .jkx-freecard{position:relative;background:linear-gradient(#CDEAF6,#E8F5FB)!important;border:0!important;border-radius:28px!important;box-shadow:0 6px 0 #B5D9EA!important;padding:22px 18px 20px!important;overflow:hidden}
  .home.jk-app .jkx-free .jkx-hand{font:700 22px/1 Caveat,cursive!important;color:#3F6E8C!important}
  .home.jk-app .jkx-free .jkx-head h2{font:700 23px/1.12 Fredoka,Nunito,sans-serif!important;color:#23455C!important}
  .home.jk-app .jkx-free .jkx-lead{color:#3F5566!important;font-size:14px!important}
  .home.jk-app .jkx-freecard .mailpoet_text{background:#fff!important;border:0!important;border-radius:16px!important;box-shadow:0 3px 0 #C9E1EC!important}
  .home.jk-app .jkx-freecard .mailpoet_submit{background:#E07A5F!important;border:0!important;border-radius:18px!important;box-shadow:0 4px 0 #C26247!important;font:800 16px Nunito,sans-serif!important;color:#fff!important}
  .home.jk-app .jkx-freecard .jkx-note{color:#5D6B75!important}
}
/* Onderdelen (vakpagina's) als app-scherm in stijl B */
@media (max-width: 767px){
  body.jk-vk .jk3--bar{display:none!important}
  body.jk-vk,body.jk-vk .elementor{background:#FFF9EF!important}
  body.jk-vk [data-elementor-type="wp-page"] > *:not(.jk-vk-scherm){display:none!important}
  .jk-vk-scherm{padding:0 0 12px;font-family:Nunito,sans-serif;color:#2B2F33}
  .jk-vk-scherm>*{animation:jkAhIn .45s cubic-bezier(.2,.7,.3,1) both}
  .jk-vk-hero{position:relative;height:300px;background:linear-gradient(var(--vk),var(--vkl) 92%);overflow:hidden;border-radius:0 0 36px 36px}
  .jk-vk-hero .jk-pl-heuvel{background:#A8D69A}.jk-vk-hero .jk-pl-heuvel2{background:#93CB86}
  .jk-vk-hero .jk-pl-zon{top:60px;right:120px;width:44px;height:44px;opacity:.9}
  .jk-vk-terug{position:absolute;left:16px;top:calc(14px + env(safe-area-inset-top));width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 3px 0 rgba(0,0,0,.08);z-index:3}
  .jk-vk-titel{position:absolute;left:22px;right:140px;top:calc(72px + env(safe-area-inset-top));z-index:2}
  .jk-vk-titel small{display:block;font:700 22px/1.05 Caveat,cursive;color:rgba(255,255,255,.95)}
  .jk-vk-titel h1{margin:4px 0 0!important;font:700 34px/1.02 Fredoka,Nunito,sans-serif!important;color:#fff!important;text-shadow:0 2px 0 rgba(0,0,0,.08)}
  .jk-vk-titel h1.jk-vk-lang{font-size:28px!important}
  .jk-vk-praat{position:absolute;left:22px;bottom:44px;max-width:190px;background:#fff;border-radius:18px;padding:9px 13px;font:800 13px/1.3 Nunito,sans-serif;color:#23455C;box-shadow:0 4px 12px rgba(35,69,92,.12);z-index:2}
  .jk-vk-praat:after{content:"";position:absolute;right:-8px;top:50%;margin-top:-8px;border:8px solid transparent;border-left-color:#fff;border-right:0}
  .jk-vk-kind{position:absolute;right:14px;bottom:8px;width:132px;height:178px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;z-index:2;-webkit-tap-highlight-color:transparent}
  .jk-vk-kind svg{width:100%;height:100%}.jk-vk-kind.jk-hop svg{animation:jkHop .5s cubic-bezier(.3,1.6,.5,1)}
  .jk-vk-kaarten{display:flex;flex-direction:column;gap:12px;margin-top:-6px}
  .jk-vk-kaart{display:flex!important;align-items:center;gap:14px;width:100%;text-align:left;background:#fff!important;border:0!important;border-radius:22px!important;padding:12px!important;box-shadow:0 4px 0 #EFE4D2!important;color:#2B2F33!important;font-family:Nunito,sans-serif!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}
  .jk-vk-kaart .jk-pl-th{width:54px;height:54px;font-size:26px}
  .jk-vk-kaart .jk-pl-vt b{white-space:normal}
  .jk-vk-kaart .jk-pl-play{transition:transform .2s}.jk-vk-kaart[aria-expanded="true"] .jk-pl-play{transform:rotate(90deg)}
  .jk-vk-kaarten>.e-con{display:block!important;padding:4px 0 8px!important;margin:0!important;background:transparent!important;border:0!important}
  .jk-vk-kaarten>.e-con:not(.jk-vk-open){display:none!important}
  .jk-vk-kaarten>.e-con .jkx-deco,.jk-vk-kaarten>.e-con .jkx-kick,.jk-vk-kaarten>.e-con .jkx-sq{display:none!important}
  .jk-vk-kaarten>.e-con>.e-con-inner,.jk-vk-kaarten>.e-con .e-con{padding-left:0!important;padding-right:0!important}
  .jk-vk-ond{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
  .jk-vk-ond a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:96px;padding:12px 12px 14px;border-radius:20px;background:#fff;box-shadow:0 4px 0 #EFE4D2;color:#2B2F33!important;text-decoration:none!important}
  .jk-vk-ond span{flex:none;width:40px;height:40px;border-radius:14px;background:var(--vkl);display:grid;place-items:center;font-size:20px;line-height:1}
  .jk-vk-ond b{min-width:0;max-width:100%;font:800 14px/1.2 Nunito,sans-serif}
  .jk-vk-scherm a:active,.jk-vk-kaart:active{transform:scale(.97)}
}
/* Alle andere pagina's (telefoon): app-kop in stijl B en stevige kaarten */
@media (max-width: 767px){
  body.jk-sub .jk3--bar{display:none!important}
  body.jk-sub,body.jk-sub .elementor{background:#FFF9EF!important}
  body.jk-sub .jk-weg-kop{display:none!important}
  .jk-sub-kop{position:relative;height:178px;background:linear-gradient(var(--vk),var(--vkl) 95%);border-radius:0 0 32px 32px;overflow:hidden;margin:0 0 6px;animation:jkAhIn .4s cubic-bezier(.2,.7,.3,1) both}
  .jk-sub-kop .jk-pl-heuvel{bottom:-120px;background:#A8D69A}.jk-sub-kop .jk-pl-heuvel2{bottom:-136px;background:#93CB86}
  .jk-sub-t{position:absolute;left:22px;right:118px;top:calc(66px + env(safe-area-inset-top));z-index:2}
  .jk-sub-t small{display:block;font:700 20px/1 Caveat,cursive;color:rgba(255,255,255,.95)}
  .jk-sub-t h1{margin:4px 0 0!important;font:700 25px/1.08 Fredoka,Nunito,sans-serif!important;color:#fff!important;text-shadow:0 2px 0 rgba(0,0,0,.08);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .jk-sub-kind{position:absolute;right:4px;bottom:-6px;width:116px;height:110px;z-index:1}
  /* secties zonder banden en golven; kaarten stevig zoals op de homepage */
  body.jk-sub .jkx-sec{background:transparent!important;padding-top:28px!important;padding-bottom:28px!important}
  body.jk-sub .jkx-wave2,body.jk-sub .jkx-deco{display:none!important}
  body.jk-sub .jkx-card2,body.jk-sub .jk-card,body.jk-sub .jk-pcard,body.jk-sub .jkx-panel,body.jk-sub .jk-lib-card,body.jk-sub details{border:0!important;border-radius:22px!important;box-shadow:0 4px 0 #EFE4D2!important;background-color:#fff}
  body.jk-sub .jkx-phero,body.jk-sub .jkx-subhero{background:transparent!important;padding-top:8px!important;min-height:0!important}
  body.jk-sub .jkx-phero-art{display:none!important}
  body.jk-sub .jkw-intro>span:first-child{display:none!important}
  body.jk-sub .jkx-btn,body.jk-sub .elementor-button,body.jk-sub .e-button{border-radius:18px!important;box-shadow:0 4px 0 rgba(0,0,0,.16)!important}
}
/* Bladen, Maken en Plein (telefoon) in de stijl van de homepage, versie B */
@media (max-width: 767px){
  body.jk-scr-root,body.jk-scr-root .elementor{background:#FFF9EF!important}
  .jk-scr-kop.jk-b-kop{position:relative;display:block!important;height:206px;padding:0!important;margin:0 0 6px;background:linear-gradient(#BFE3F5,#E3F3FA 80%);border-radius:0 0 34px 34px;overflow:hidden}
  .jk-b-kop .jk-pl-zon{right:132px;top:34px;width:40px;height:40px}
  .jk-b-kop .jk-pl-wolk{left:auto;right:20px;top:24px}
  .jk-b-kop .jk-pl-heuvel{bottom:-118px}.jk-b-kop .jk-pl-heuvel2{bottom:-132px}
  .jk-b-t{position:absolute;left:22px;right:130px;top:calc(40px + env(safe-area-inset-top));z-index:2}
  .jk-b-t small{display:block;font:700 22px/1 Caveat,cursive;color:#3F6E8C}
  .jk-b-kop h1{margin:2px 0 0!important;font:700 34px/1.05 Fredoka,Nunito,sans-serif!important;color:#23455C!important}
  .jk-b-kop p{margin:4px 0 0!important;font:700 13.5px/1.35 Nunito,sans-serif!important;color:#3F5566!important}
  .jk-b-kind{position:absolute;right:6px;bottom:-8px;width:124px;height:118px;z-index:1}
  .jk-b-kop .jk-filterknop{position:absolute!important;left:22px;bottom:24px;z-index:3;background:#fff!important;box-shadow:0 3px 0 rgba(0,0,0,.08)!important}
  /* Bladen: zoeken zwevend over de rand, stevige rijen */
  .jk-scr-bladen .jkz .jkz-f{margin-top:-30px!important;position:relative;z-index:3;border:0!important;border-radius:22px!important;box-shadow:0 8px 20px rgba(43,47,51,.1)!important}
  .jk-scr-bladen .jki.jki.jki.jkz .jkz-l .jkz-c{border:0!important;border-radius:22px!important;box-shadow:0 4px 0 #EFE4D2!important;background:#fff!important}
  /* Maken: makers als raster met grote icoontjes */
  .jk-scr-maken .jkto{padding:0 20px!important}
  .jk-scr-maken .jkto.jkto.jkto .jkto-nav{margin:6px 0 4px!important}
  .jk-scr-maken .jkto.jkto.jkto .jkto-nav a{border:0!important;background:#fff!important;border-radius:999px!important;box-shadow:0 3px 0 #EFE4D2!important;font-weight:800!important}
  .jk-scr-maken .jkto.jkto.jkto .jkto-sec{font:700 21px/1.2 Fredoka,Nunito,sans-serif!important;color:#2B2F33!important;margin:24px 0 12px!important}
  .jk-scr-maken .jkto.jkto.jkto .jkto-sec+.jkto-lead{display:none!important}
  .jk-scr-maken .jkto.jkto.jkto .jkto-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important}
  .jk-scr-maken .jkto.jkto.jkto .jkto-grid>a{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;min-height:112px;padding:14px 12px!important;border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 4px 0 #EFE4D2!important}
  .jk-scr-maken .jkto.jkto.jkto .jkto-grid>a>b{width:48px!important;height:48px!important;border-radius:16px!important;display:grid!important;place-items:center!important;font-size:26px!important;margin:0!important}
  .jk-scr-maken .jkto.jkto.jkto .jkto-grid>a>h2,.jk-scr-maken .jkto.jkto.jkto .jkto-grid>a>h3{font:800 14.5px/1.2 Nunito,sans-serif!important;margin:0!important;color:#2B2F33!important;text-align:left!important;align-self:stretch!important;justify-self:start!important}
  .jk-scr-maken .jkto.jkto.jkto .jkto-grid>a>p,.jk-scr-maken .jkto.jkto.jkto .jkto-grid>a>span{display:none!important}
  /* Plein: speelplaats rond, introtekst weg, spelletjes in twee kolommen */
  .jk-scr-plein .jk-pl-scene{border-radius:0 0 34px 34px!important;background:linear-gradient(#BFE3F5,#E3F3FA 80%)!important}
  .jk-scr-plein .jk-pl-kop h1{font:700 34px/1.05 Fredoka,Nunito,sans-serif!important;color:#23455C!important}
  .jk-scr-plein .elementor-element-3855a1e,body.jk-scr-plein .jkgm.jkgm.jkgm .jkgm-hero{display:none!important}
  .jk-scr-plein .jk-pl-week{border-radius:22px!important;box-shadow:0 4px 0 #EBC56A!important}
  .jk-scr-plein .jk-pl-tiles a{border-radius:22px!important;box-shadow:0 4px 0 rgba(0,0,0,.08)!important}
  body.jk-scr-plein .jkgm.jkgm.jkgm .jkgm-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important}
  body.jk-scr-plein .jkgm.jkgm.jkgm .jkgm-card{min-height:0!important;padding:14px 12px!important;border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 4px 0 #EFE4D2!important;text-align:left!important}
  body.jk-scr-plein .jkgm.jkgm.jkgm .jkgm-card small{display:none!important}
  body.jk-scr-plein .jkgm.jkgm.jkgm .jkgm-card strong{font:800 14.5px/1.2 Nunito,sans-serif!important}
  body.jk-scr-plein .jkgm.jkgm.jkgm .jkgm-cats button,body.jk-scr-plein .jkgm.jkgm.jkgm .jkgm-groep button{box-shadow:0 3px 0 #EFE4D2!important}
}
/* koppen van Bladen, Maken en Plein tot aan de schermrand, net als op de homepage */
@media (max-width: 767px){
  .jk-scr-root .jk-b-kop,.jk-scr-plein .jk-pl-scene{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;border-radius:0 0 34px 34px!important}
  .jk-scr-bladen .jk-b-kop{margin-top:-32px!important}
  .jk-scr-maken .jk-b-kop{margin-top:-12px!important}
  .jk-scr-plein .jk-pl-scene{margin-top:-8px!important}
  .jk-scr-maken .e-con:has(> .e-con-inner .jk-b-kop),.jk-scr-maken .e-con:has(.jk-b-kop){overflow:visible!important;border-radius:0!important}
}
/* Productpagina's en Mijn account (telefoon) in stijl B */
@media (max-width: 767px){
  body.jk-woo .jk-sub-kop{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:18px}
  body.single-product.jk-woo .jk-sub-kop{margin-top:-32px}
  body.woocommerce-cart.jk-woo td.product-thumbnail{display:none!important}
  body.woocommerce-account.jk-woo .jk-sub-kop{margin-top:-44px}
  /* product */
  body.jk-woo .vs-product-single-thumb{border-radius:28px!important;box-shadow:0 6px 0 #E6DCCB!important}
  body.jk-woo .jkq-steps li,body.jk-woo .jkq-about{border:0!important;border-radius:22px!important;box-shadow:0 4px 0 #EFE4D2!important}
  body.jk-woo .jkq-bar{border-radius:22px!important;box-shadow:0 6px 0 #E6DCCB,0 10px 24px rgba(43,47,51,.12)!important}
  body.jk-woo .single_add_to_cart_button,body.jk-woo .jkq-bar a,body.jk-woo .jkq-bar button{border-radius:18px!important;box-shadow:0 4px 0 #3F5B80!important}
  /* Mijn account */
  body.jk-woo .login-tab{box-shadow:0 3px 0 #E6DCCB}
  body.jk-woo .woocommerce-form-login,body.jk-woo .woocommerce-form-register,body.jk-woo .jk-acc-kaart,body.jk-woo .jk-acc-tegel,body.jk-woo .woocommerce-MyAccount-content form,body.jk-woo .woocommerce-orders-table,body.jk-woo nav.woocommerce-MyAccount-navigation{border:0!important;border-radius:22px!important;box-shadow:0 4px 0 #EFE4D2!important;background:#fff}
  body.jk-woo .woocommerce input.input-text,body.jk-woo .woocommerce input[type=email],body.jk-woo .woocommerce input[type=password],body.jk-woo .woocommerce input[type=text]{border-radius:16px!important;border:2px solid #EFE4D2!important;box-shadow:none!important}
  body.jk-woo .woocommerce button.button,body.jk-woo .woocommerce .button,body.jk-woo .jk-acc-knop{border-radius:18px!important;box-shadow:0 4px 0 #3F5B80!important}
}
/* Lange pagina's (telefoon): uitklapblokken, veegkaarten en compacte rasters */
@media (max-width: 767px){
  .jk-klap-d{background:#fff;border-radius:22px;box-shadow:0 4px 0 #EFE4D2;margin:0 0 12px;overflow:hidden}
  .jk-klap-d>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;font:800 16px/1.3 Nunito,sans-serif;color:#2B2F33;-webkit-tap-highlight-color:transparent}
  .jk-klap-d>summary::-webkit-details-marker{display:none}
  .jk-klap-d>summary i{flex:none;width:30px;height:30px;border-radius:50%;background:#E4ECF5;position:relative;transition:transform .2s}
  .jk-klap-d>summary i:before,.jk-klap-d>summary i:after{content:"";position:absolute;left:9px;right:9px;top:14px;height:2.5px;border-radius:2px;background:#4F6F99}
  .jk-klap-d>summary i:after{transform:rotate(90deg);transition:transform .2s}
  .jk-klap-d[open]>summary i:after{transform:rotate(0)}
  .jk-klap-d>*:not(summary){padding:0 18px 16px}
  /* Voor scholen */
  .jk-lang-voor-scholen .jki-hero{display:none!important}
  .jk-lang-voor-scholen .jkvs-grid{display:block!important;margin-bottom:24px!important}
  .jk-lang-voor-scholen .jkvs-grid>article.jk-klap-kaart{background:transparent!important;border:0!important;padding:0!important}
  .jk-lang-voor-scholen .jkvs-grid>article .jk-klap-d>*:not(summary){padding:0 18px 16px!important}
  .jk-lang-voor-scholen .jkvs-pk{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .jk-lang-voor-scholen .jkvs-p{padding:14px!important;border:0!important;border-radius:22px!important;box-shadow:0 4px 0 #EFE4D2!important}
  .jk-lang-voor-scholen .jkvs-p strong{font-size:22px!important}
  .jk-lang-voor-scholen .jkvs-p small{display:block}
  .jk-lang-voor-scholen .jk-leerlijn{padding-top:4px!important}
  .jk-lang-voor-scholen .jki.jki.jki .jkc-calc{padding:18px 16px!important;gap:16px!important}
  .jk-lang-voor-scholen .jki.jki.jki .jkc-out{padding:16px 14px!important}
  .jk-lang-voor-scholen .jki.jki.jki .jkc-out p{font-size:14px!important;flex-wrap:wrap}
  .jk-lang-voor-scholen .jki.jki.jki .jkc-out p b{font-size:18px!important}
  .jk-lang-voor-scholen .jki.jki.jki .jkc-sv{font-size:21px!important}
  .jk-lang-voor-scholen .jkvs-p b{font-size:17px!important}.jk-lang-voor-scholen .jkvs-p span{font-size:12.5px!important}
  .jk-lang-voor-scholen .jkvs-p i{font-size:13px!important}
  .jk-lang-voor-scholen .jki.jki.jki .jki-card,.jk-lang-voor-scholen .jkvs-demo{border:0!important;border-radius:22px!important;box-shadow:0 4px 0 #EFE4D2!important}
  /* Membership */
  .jk-lang-abonnementen .jkx-phero{display:none!important}
  .jk-lang-abonnementen .jkm-grid.jk-veeg{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:84%!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-padding-inline:20px;margin:0 -20px!important;padding:26px 20px 14px!important;scrollbar-width:none}
  .jk-lang-abonnementen .jkm-grid.jk-veeg::-webkit-scrollbar{display:none}
  .jk-lang-abonnementen .jkm-grid.jk-veeg>.jkm-card{scroll-snap-align:start;margin:0!important;box-shadow:0 5px 0 #EFE4D2!important}
  .jk-lang-abonnementen .jkmv-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
  .jk-lang-abonnementen .jkmv-item{padding:14px!important;border:0!important;border-radius:22px!important;box-shadow:0 4px 0 #EFE4D2!important}
  .jk-lang-abonnementen .jkmv-item p{font-size:13px!important;line-height:1.4!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .jk-lang-abonnementen .jkmv-item h3,.jk-lang-abonnementen .jkmv-item h4{font-size:15px!important}
  .jk-lang-abonnementen .jkm-school{border-radius:26px!important}
  /* FAQ */
  .jk-faq .elementor-element-716251a{display:none!important}
  .jk-faq .elementor-accordion{border:0!important}
  .jk-faq .elementor-accordion .elementor-accordion-item{border:0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 4px 0 #EFE4D2!important;margin:0 0 10px!important;overflow:hidden}
  .jk-faq .elementor-accordion .elementor-tab-title{border:0!important;padding:14px 16px!important;font:800 15px/1.35 Nunito,sans-serif!important}
  .jk-faq .elementor-accordion .elementor-tab-content{border:0!important;padding:0 16px 16px!important;font-size:14.5px!important;line-height:1.55!important}
  .jk-faq h2.jkx-sh,.jk-faq .elementor-widget-heading h2{font-size:23px!important;line-height:1.15!important}
}
/* Uitklapsecties op lange inhoudspagina's en juridische pagina's (telefoon) */
@media (max-width: 767px){
  body.jk-sub .jk-klap-sec{padding-top:6px!important;padding-bottom:6px!important}
  body.jk-sub .jk-klap-sec .jk-klap-d{margin:0!important}
  body.jk-sub .jk-klap-sec .jkx-guide{display:none!important}
  body.jk-lang .jk-klap-d>.jk-klap-inh,body.jk-lang .jk-klap-d>div{padding-top:2px}
  body.jk-lang-algemene-voorwaarden .jk-klap-d,body.jk-lang-privacy .jk-klap-d,body.jk-lang-cookieverklaring .jk-klap-d,body.jk-lang-licentievoorwaarden .jk-klap-d{font-size:14.5px;line-height:1.6}
}
@media (max-width: 767px){
  body.jk-sub .jk-klap-sec{gap:0!important}
  body.jk-sub .jk-klap-sec>.e-con-inner,body.jk-sub .jk-klap-sec .jk-klap-inh{width:100%!important}
  body.jk-sub .jk-klap-sec .jk-klap-d{width:100%;align-self:stretch}
  .jk-lang-voor-ouders .jko-tool>.jk-klap-d,.jk-lang-voor-ouders .jk-klap-d:has(>.jko-tool){margin:0 0 12px!important}
  .jk-lang-voor-ouders .jk-klap-d>.jko-tool{box-shadow:none!important;border:0!important;background:transparent!important}
  .jk-lang-voor-ouders .jko-tools{gap:0!important}
  body.single-post .jk-klap-d{font-size:16px;line-height:1.65}
}
@media (max-width: 767px){
  .jk-klap-d>summary::before,.jk-klap-d>summary::after{content:none!important;display:none!important}
}
/* Vakschermen aangevuld: spelletjes, meer makers en een slotplein (telefoon) */
@media (max-width: 767px){
  body.jk-has-tabbar section.space-top>.container{max-width:none!important}
  .jk-vk-spel a,.jk-vk-mk a{flex:none;width:128px;min-height:118px;padding:12px;border-radius:22px;background:#fff;box-shadow:0 4px 0 #EFE4D2;display:flex;flex-direction:column;align-items:flex-start;gap:6px;color:#2B2F33!important;text-decoration:none!important;scroll-snap-align:start;position:relative}
  .jk-vk-spel span,.jk-vk-mk span{width:44px;height:44px;border-radius:15px;background:var(--vkl,#FFF1C2);display:grid;place-items:center;font-size:24px}
  .jk-vk-spel b,.jk-vk-mk b{font:800 14px/1.2 Nunito,sans-serif;hyphens:manual}
  .jk-vk-spel em{position:absolute;top:10px;right:10px;font:800 10.5px Nunito,sans-serif;font-style:normal;color:#2F7A58;background:#DFEBE4;border-radius:999px;padding:3px 7px}
  .jk-vk-mk a{width:104px;min-height:96px}
  .jk-vk-mk span{background:#E4ECF5}
  .jk-vk-eind{position:relative;margin-top:62px;padding:24px 18px 20px;border-radius:26px;background:linear-gradient(#E3F3FA,#CDEBC0);text-align:center;box-shadow:0 4px 0 #BFDDB0}
  .jk-vk-eind-k{position:absolute;left:0;right:0;top:-58px;display:flex;justify-content:center;gap:4px;pointer-events:none}
  .jk-vk-eind-k svg{width:76px;height:72px}
  .jk-vk-eind>b{display:block;font:700 21px/1.2 Fredoka,Nunito,sans-serif;color:#23455C}
  .jk-vk-eind>small{display:block;margin:4px 0 14px;font:700 13.5px/1.35 Nunito,sans-serif;color:#3F5566}
  .jk-vk-eind>span{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
  .jk-vk-eind>span a{padding:11px 18px;border-radius:999px;background:var(--vkd,#4F6F99);color:#fff!important;font:800 14px Nunito,sans-serif;text-decoration:none!important;box-shadow:0 3px 0 rgba(0,0,0,.12)}
  .jk-vk-eind>span a.jk-vk-eind-2{background:#fff;color:#23455C!important}
}
/* Groepspagina's als app-scherm (telefoon) */
@media (max-width: 767px){
  .jk-gr .jk-gr-chips{margin-top:16px}
  /* Leesbaarheid (WCAG AA): per vakkleur een knopkleur (--vkb) en tekstkleur (--vkt). Lichte vakkleuren krijgen donkere tekst;
   paars en petrol houden witte tekst op hun donkere tint. */
[style*="--vk"]{--vkb:var(--vk);--vkt:#2F3437}
[style*="8A79C0" i],[style*="4E8FA0" i]{--vkb:var(--vkd);--vkt:#fff}
.jk-pl-groep a.jk-nu{background:var(--vkb,var(--vk))!important;box-shadow:0 4px 0 var(--vkd)!important;color:var(--vkt,#fff)!important}
  .jk-pl-groep a.jk-nu small{color:rgba(255,255,255,.85)}
  .jk-gr-intro{margin:0!important;padding:14px 16px;border-radius:20px;background:var(--vkl);font:700 15px/1.45 Nunito,sans-serif;color:#2B2F33}
  .jk-gr-mat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
  .jk-gr-mat a{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:22px;background:#fff;box-shadow:0 4px 0 #EFE4D2;color:#2B2F33!important;text-decoration:none!important;min-width:0}
  .jk-gr-mat span{width:44px;height:44px;border-radius:15px;background:var(--vkl);display:grid;place-items:center;font-size:24px}
  .jk-gr-mat b{font:800 14.5px/1.2 Nunito,sans-serif;overflow-wrap:anywhere}
  .jk-gr-mat small{font:600 12.5px/1.35 Nunito,sans-serif;color:#6B7378}
  .jk-gr-boek{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px;border-radius:22px;background:#FFE7A3;box-shadow:0 4px 0 #EBC56A;color:#2B2F33!important;text-decoration:none!important}
  .jk-gr-boek>span{flex:none;width:48px;height:48px;border-radius:16px;background:#fff;display:grid;place-items:center;font-size:26px}
  .jk-gr-boek>div{flex:1;min-width:0}
  .jk-gr-boek b{display:block;font:800 15px/1.2 Nunito,sans-serif}
  .jk-gr-boek small{display:block;margin-top:3px;font:600 12.5px/1.35 Nunito,sans-serif;color:#5B5340}
  .jk-gr-boek>i{flex:none;width:36px;height:36px;border-radius:50%;background:#E07A5F;display:grid;place-items:center;box-shadow:0 3px 0 #C26247}
  .jk-gr-leer{list-style:none;margin:0!important;padding:8px 16px!important;border-radius:22px;background:#fff;box-shadow:0 4px 0 #EFE4D2}
  .jk-gr-leer li{position:relative;padding:9px 0 9px 32px;font:700 14.5px/1.4 Nunito,sans-serif;color:#2B2F33;border-bottom:1px dashed #EFE4D2;margin:0!important}
  .jk-gr-leer li:last-child{border-bottom:0}
  .jk-gr-leer li:before{content:"✓";position:absolute;left:0;top:9px;width:22px;height:22px;border-radius:50%;background:var(--vkl);color:var(--vkd);font:900 13px/22px Nunito,sans-serif;text-align:center}
  .jk-gr-tip{flex:none;width:250px;padding:14px;border-radius:22px;background:#fff;box-shadow:0 4px 0 #EFE4D2;scroll-snap-align:start}
  .jk-gr-tip span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--vkl);font-size:20px}
  .jk-gr-tip b{display:block;margin:8px 0 4px;font:800 15px/1.25 Nunito,sans-serif;color:#2B2F33}
  .jk-gr-tip p{margin:0!important;font:600 13.5px/1.45 Nunito,sans-serif;color:#4A5157}
  .jk-gr .jk-klap-d>div{font:600 14px/1.5 Nunito,sans-serif;color:#4A5157}
  .jk-gr .jk-klap-d>div p{margin:0!important}
}
/* Onderwerppagina's als app-scherm (telefoon) */
@media (max-width: 767px){
  .jk-on .jk-on-cta{margin-top:-6px}
  .jk-on a.jk-vk-kaart{text-decoration:none!important}
  .jk-on .jk-on-tool{padding:0 12px}
  .jk-on .jk-on-tool>*{max-width:100%}
  .jk-on .jk-on-mk .jkmk-g{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;margin:0!important;max-width:none!important}
  .jk-on .jkmk-c{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;padding:12px!important;min-height:0!important;border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 4px 0 #EFE4D2!important;text-align:left!important;color:#2B2F33!important;text-decoration:none!important;min-width:0}
  .jk-on .jkmk-c>b{width:44px!important;height:44px!important;border-radius:15px!important;background:var(--vkl)!important;display:grid!important;place-items:center!important;font-size:24px!important;margin:0!important}
  .jk-on .jkmk-c>strong{font:800 14.5px/1.2 Nunito,sans-serif!important;overflow-wrap:anywhere}
  .jk-on .jkmk-c>span{font:600 12.5px/1.35 Nunito,sans-serif!important;color:#6B7378!important}
  .jk-on .jkmk-c>i{font:800 10.5px Nunito,sans-serif!important;font-style:normal!important;color:var(--vkd)!important;background:var(--vkl)!important;border-radius:999px!important;padding:3px 8px!important;position:static!important}
  .jk-on .jkis-g{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important}
  .jk-on .jkis-g>a{border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 4px 0 #EFE4D2!important;min-width:0}
  .jk-on-lijn>div{flex:none;width:170px;padding:14px;border-radius:22px;background:#fff;box-shadow:0 4px 0 #EFE4D2;scroll-snap-align:start}
  .jk-on-lijn b{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--vkb,var(--vk));color:var(--vkt,#fff);font:800 12.5px Nunito,sans-serif}
  .jk-on-lijn span{display:block;margin-top:8px;font:700 14px/1.4 Nunito,sans-serif;color:#2B2F33}
  .jk-on-idee em{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--vkl);color:var(--vkd);font:800 12px Nunito,sans-serif;font-style:normal}
  .jk-on .jk-on-gratis .jkx-cta-box{margin:0!important;padding:18px 16px!important;border:0!important;border-radius:24px!important;background:#E3F3FA!important;box-shadow:0 4px 0 #BFDDEB!important;max-width:none!important}
  .jk-on .jk-on-gratis h2{font:700 21px/1.2 Fredoka,Nunito,sans-serif!important;text-align:left!important}
  .jk-on .jk-on-gratis .jk-ws-body{background:#fff!important;border-radius:18px!important;border:0!important}
  .jk-on .jk-lib{margin:0!important;padding:0!important;max-width:none!important}
  .jk-on .jk-on-meer{padding:0 18px 16px}
  .jk-on .jk-on-meer .e-con,.jk-on .jk-on-meer .e-con-inner{padding:0!important;margin:0!important;width:100%!important;max-width:none!important}
  .jk-on .jk-on-meer .e-con>.e-con{padding:16px 18px!important;margin:0 0 12px!important;width:100%!important;box-sizing:border-box}
  .jk-on .jk-on-meer .e-con>.e-con .elementor-heading-title,.jk-on .jk-on-meer .e-con>.e-con p{text-align:center!important}.jk-on .jk-on-meer .e-con>.e-con{min-height:0!important;height:auto!important}
  .jk-on .jk-on-meer .jkx-card2{margin-bottom:10px!important}
  .jk-on .jk-on-meer .jkx-guide{display:none!important}
}
@media (max-width: 767px){
  .jk-on .jk-on-gratis .jk-ws-body,.jk-on .jk-on-gratis .jk-ws-intro{max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important;display:block!important}
}
/* Uitvouwmenu (telefoon) */
@media (max-width: 767px){
  .jk-mn-aan,.jk-mn-aan body{overflow:hidden!important}
  .jk-mn-knop{position:fixed;right:16px;top:calc(14px + env(safe-area-inset-top));z-index:10002;width:44px;height:44px;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.94)!important;box-shadow:0 3px 0 rgba(0,0,0,.08)!important;display:grid;place-content:center;gap:4px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s}
  .admin-bar .jk-mn-knop{top:calc(60px + env(safe-area-inset-top))}
  .jk-mn-knop:active{transform:scale(.92)}
  .jk-mn-knop i{display:block;width:18px;height:2.6px;border-radius:2px;background:#23455C;transition:transform .35s cubic-bezier(.6,.05,.3,1.3),opacity .2s}
  .jk-mn-knop[aria-expanded="true"] i:nth-child(1){transform:translateY(6.6px) rotate(45deg)}
  .jk-mn-knop[aria-expanded="true"] i:nth-child(2){opacity:0;transform:scaleX(.2)}
  .jk-mn-knop[aria-expanded="true"] i:nth-child(3){transform:translateY(-6.6px) rotate(-45deg)}
  .jk-mn{position:fixed;inset:0;z-index:10001;clip-path:circle(0 at var(--x,90%) var(--y,36px));transition:clip-path .5s cubic-bezier(.65,0,.35,1);background:linear-gradient(#BFE3F5,#E3F3FA 55%,#FFF9EF);font-family:Nunito,sans-serif;color:#23455C}
  .jk-mn.jk-mn-open{clip-path:circle(150vmax at var(--x,90%) var(--y,36px))}
  .jk-mn-lucht{position:absolute;inset:0;pointer-events:none;overflow:hidden}
  .jk-mn-zon{position:absolute;right:84px;top:30px;width:50px;height:50px;border-radius:50%;background:#FFD66B;box-shadow:0 0 0 12px rgba(255,214,107,.25);transform:scale(0);transition:transform .6s .25s cubic-bezier(.3,1.5,.5,1)}
  .jk-mn-wolk{position:absolute;left:-90px;top:96px;width:74px;height:20px;border-radius:20px;background:#fff;opacity:.9;transition:transform 1.2s .2s ease-out}
  .jk-mn-wolk:before{content:"";position:absolute;left:14px;top:-12px;width:32px;height:28px;border-radius:50%;background:#fff}
  .jk-mn-wolk2{top:200px;left:auto;right:-90px;transform:scale(.8)}
  .jk-mn-open .jk-mn-zon{transform:scale(1)}
  .jk-mn-open .jk-mn-wolk{transform:translateX(150px)}
  .jk-mn-open .jk-mn-wolk2{transform:translateX(-130px) scale(.8)}
  .jk-mn-in{position:relative;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(22px + env(safe-area-inset-top)) 20px calc(110px + env(safe-area-inset-bottom))}
  .jk-mn-in>*,.jk-mn-hoofd a,.jk-mn-vak a{opacity:0;transform:translateY(18px);transition:opacity .35s,transform .45s cubic-bezier(.3,1.4,.5,1);transition-delay:calc(.12s + var(--i,0) * 35ms)}
  .jk-mn-hoofd,.jk-mn-vak{opacity:1!important;transform:none!important}
  .jk-mn-open .jk-mn-in>*,.jk-mn-open .jk-mn-hoofd a,.jk-mn-open .jk-mn-vak a{opacity:1;transform:none}
  .jk-mn:not(.jk-mn-open) .jk-mn-in>*,.jk-mn:not(.jk-mn-open) .jk-mn-hoofd a,.jk-mn:not(.jk-mn-open) .jk-mn-vak a{transition-delay:0s}
  .jk-mn-top{margin:0 64px 18px 2px}
  .jk-mn-top small{display:block;font:700 22px/1 Caveat,cursive;color:#3F6E8C}
  .jk-mn-top b{display:block;font:700 34px/1.05 Fredoka,Nunito,sans-serif;color:#23455C}
  .jk-mn-hoofd{display:flex;flex-direction:column;gap:10px}
  .jk-mn-hoofd a{display:flex;align-items:center;gap:14px;padding:10px 16px 10px 10px;border-radius:22px;background:#fff;box-shadow:0 4px 0 #D8E8F0;font:800 18px/1.2 Nunito,sans-serif;color:#23455C!important;text-decoration:none!important}
  .jk-mn-hoofd a span{width:44px;height:44px;border-radius:15px;background:#E3F3FA;display:grid;place-items:center;font-size:23px}
  .jk-mn-hoofd a svg{margin-left:auto;color:#9DB3C2}
  .jk-mn-hoofd a.jk-nu{background:#23455C;color:#fff!important;box-shadow:0 4px 0 #15303F}
  .jk-mn-hoofd a.jk-nu span{background:rgba(255,255,255,.16)}
  .jk-mn-hoofd a.jk-nu svg{color:#fff}
  .jk-mn-kop{margin:26px 2px 12px!important;font:700 21px/1.2 Fredoka,Nunito,sans-serif!important;color:#23455C!important}
  .jk-mn-vak{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
  .jk-mn-vak a{position:relative;height:92px;border-radius:22px;background:var(--c);box-shadow:0 4px 0 rgba(0,0,0,.14);overflow:hidden;color:#fff!important;text-decoration:none!important;padding:12px 14px}
  .jk-mn-vak a:last-child{grid-column:1/-1}
  .jk-mn-vak a[aria-current]{outline:3px solid #23455C;outline-offset:2px}
  .jk-mn-vak b{position:relative;z-index:1;display:block;max-width:70%;font:700 17px/1.1 Fredoka,Nunito,sans-serif;text-shadow:0 1px 0 rgba(0,0,0,.12);overflow-wrap:anywhere}
  .jk-mn-vak svg{position:absolute;right:-6px;bottom:-12px;width:78px;height:74px;transition:transform .5s calc(.3s + var(--i,0) * 35ms) cubic-bezier(.3,1.6,.5,1);transform:translateY(40px)}
  .jk-mn-open .jk-mn-vak svg{transform:none}
  .jk-mn-meer{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
  .jk-mn-meer a{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.8);box-shadow:0 3px 0 #EFE4D2;font:800 14px Nunito,sans-serif;color:#23455C!important;text-decoration:none!important}
  .jk-mn-heuvel{position:relative;height:90px;margin:24px -20px 0;overflow:hidden;pointer-events:none}
  .jk-mn-heuvel i{position:absolute;left:-40px;right:-40px;bottom:-70px;height:150px;background:#A8D69A;border-radius:50% 50% 0 0}
  .jk-mn-heuvel i+i{left:40%;right:-80px;bottom:-90px;background:#8FC77F}
  .jk-mn-aan .jk-tabbar{z-index:10003}
  @media (prefers-reduced-motion: reduce){
    .jk-mn,.jk-mn *,.jk-mn-knop i{transition-duration:.01s!important;transition-delay:0s!important}
  }
}
/* Makerpagina's als app-scherm (telefoon) */
@media (max-width: 767px){
  .jk-mk-scr{padding-bottom:96px!important}
  .jk-mk-scr .jkw-intro{display:none!important}
  .jk-mk-segw{position:sticky;top:8px;z-index:20;margin-top:18px}
  .jk-mk-seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:999px;background:#fff;box-shadow:0 4px 14px rgba(35,69,92,.12)}
  .jk-mk-seg button{position:relative;z-index:1;height:42px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:999px!important;font:800 15px Nunito,sans-serif!important;color:#5D6468!important;text-transform:none!important;letter-spacing:0!important;transition:color .25s}
  .jk-mk-seg button[aria-selected="true"]{color:var(--vkt,#fff)!important}
  .jk-mk-seg i{position:absolute;left:5px;top:5px;bottom:5px;width:calc(50% - 5px);border-radius:999px;background:var(--vkb,var(--vk));box-shadow:0 3px 0 var(--vkd);transition:transform .35s cubic-bezier(.3,1.3,.5,1)}
  .jk-mk-seg[data-t="vb"] i{transform:translateX(100%)}
  body.jk-mk-pagina .jk-mk-scr .jk-mk-werk{margin-top:14px}
  body.jk-mk-pagina .jk-mk-scr .jk-mk-werk .jkw,.jk-mk-werk .jkw-lay{display:block!important;margin:0!important;padding:0!important;max-width:none!important;width:100%!important;background:none!important;box-shadow:none!important;border:0!important}
  body.jk-mk-pagina .jk-mk-scr .jk-mk-werk[data-t="in"] .jkw-prev{display:none!important}
  body.jk-mk-pagina .jk-mk-scr .jk-mk-werk[data-t="vb"] .jkw-panel{display:none!important}
  body.jk-mk-pagina .jk-mk-scr .jk-mk-werk .jkw-panel{padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;display:flex!important;flex-direction:column;gap:12px}
  body.jk-mk-pagina .jk-mk-scr .jk-mk-werk .jk-gen-limit{margin:0!important;border:0!important;border-radius:20px!important;background:var(--vkl)!important;padding:12px 14px!important}
  body.jk-mk-pagina .jk-mk-scr .jk-mk-werk .jkw-step,.jk-mk-werk .jkw-fld,.jk-mk-werk .jkw-tog{margin:0!important;padding:14px!important;border-radius:22px!important;background:#fff!important;box-shadow:0 4px 0 #EFE4D2!important;border:0!important}
  body.jk-mk-pagina .jk-mk-scr .jk-mk-werk .jkw-step>b{display:block;margin:0 0 10px!important;font:800 15px/1.3 Nunito,sans-serif!important;color:#2B2F33!important}
  body.jk-mk-pagina .jk-mk-scr .jk-mk-werk .jkw-chips button[aria-pressed="true"],.jk-mk-werk .jkw-chips button.on,.jk-mk-werk .jkw-chips button.is-on{background:var(--vkb,var(--vk))!important;border-color:var(--vkb,var(--vk))!important;color:var(--vkt,#fff)!important}
  body.jk-mk-pagina .jk-mk-scr .jk-mk-werk .jkw-prev{margin:0!important;padding:12px!important;border-radius:24px!important;background:#fff!important;box-shadow:0 4px 0 #EFE4D2!important;border:0!important}
  body.jk-mk-pagina .jk-mk-scr .jk-mk-werk .jkw-prev canvas{width:100%!important;height:auto!important;border-radius:12px}
  .jk-mk-balk{position:fixed;left:12px;right:12px;bottom:calc(98px + env(safe-area-inset-bottom));z-index:9991;padding:8px;border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(47,52,55,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .jk-mk-balk .jkw-act{display:grid!important;grid-template-columns:1fr 1.2fr;gap:8px!important;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important;position:static!important}
  .jk-mk-balk .jkw-act button{height:48px!important;margin:0!important;border-radius:18px!important;font:800 15px Nunito,sans-serif!important;padding:0 10px!important;white-space:nowrap}
  .jk-mk-balk .jkw-b1{background:var(--vkb,var(--vk))!important;border-color:var(--vkb,var(--vk))!important;box-shadow:0 3px 0 var(--vkd)!important;color:var(--vkt,#fff)!important}
  .jk-mn-aan .jk-mk-balk{display:none}
}
@media (max-width: 767px){
  .jk-mk-balk .jkw-msg{margin:0 4px 6px!important;font:700 12.5px/1.3 Nunito,sans-serif!important;color:#3F5566!important;text-align:center}
  .jk-mk-balk .jkw-msg:empty{display:none!important}
}
/* Dagbord en digibordtools als app-scherm (telefoon) */
@media (max-width: 767px){
  .jk-db-tools{margin-top:16px}
  .jk-db-tools a{flex:none;width:76px;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none!important;scroll-snap-align:start}
  .jk-db-tools a span{width:60px;height:60px;border-radius:50%;background:#fff;box-shadow:0 4px 0 #EFE4D2;display:grid;place-items:center;font-size:28px;transition:transform .2s}
  .jk-db-tools a:active span{transform:scale(.92)}
  .jk-db-tools a b{font:800 12px/1.15 Nunito,sans-serif;color:#2B2F33;text-align:center}
  .jk-db-tools a[aria-current] span{background:var(--vk);box-shadow:0 4px 0 var(--vkd)}
  .jk-db-tools a[aria-current] b{color:var(--vkd)}
  body.jk-db-pagina .jk-db-bord #jk-dagbord,body.jk-db-pagina .jk-db-bord #jkdb{margin:0!important;padding:0!important;max-width:none!important;width:100%!important;background:none!important;border:0!important;box-shadow:none!important}
  body.jk-db-pagina .jk-db-bord #jkdb{display:flex!important;flex-direction:column;gap:12px}
  body.jk-db-pagina .jk-db-bord #jk-dagbord:empty{min-height:420px}
  body.jk-db-pagina .jk-db-bord .jkb-board{order:1;margin:0!important;border-radius:24px!important;overflow:hidden;box-shadow:0 4px 0 #EFE4D2!important}
  body.jk-db-pagina .jk-db-bord .jkb-top{order:2;margin:0!important;padding:14px!important;border-radius:22px!important;background:#fff!important;box-shadow:0 4px 0 #EFE4D2!important;display:flex!important;flex-direction:column;gap:12px}
  body.jk-db-pagina .jk-db-bord .jkb-top .jkb-grp:empty{display:none!important}
  body.jk-db-pagina .jk-db-bord .jkb-top .jkb-grp{flex-wrap:wrap;gap:8px;align-items:center;margin:0!important}
  body.jk-db-pagina .jk-db-bord .jkb-top .jkb-b{border-radius:16px!important}
  body.jk-db-pagina .jk-db-bord .jkb-top .jkb-b.pri{background:var(--vkb,var(--vk))!important;border-color:var(--vkb,var(--vk))!important;color:var(--vkt,#fff)!important;box-shadow:0 3px 0 var(--vkd)!important}
  body.jk-db-pagina .jk-db-bord .jkb-foot{order:3;margin:0!important;padding:0 6px!important;font:600 12.5px/1.4 Nunito,sans-serif!important;color:#6B7378!important}
  body.jk-db-pagina .jk-db-bord .jkb-small{order:4;margin:0!important;padding:12px 14px!important;border-radius:18px!important;background:var(--vkl)!important;font:700 13px/1.4 Nunito,sans-serif!important}
}
/* Spelletjes als app (telefoon) */
@media (max-width: 767px){
  body.jk-spelapp .jkgm.jkgm.jkgm .jkgm-cats:not(.jkgm-groep){position:sticky;top:calc(62px + env(safe-area-inset-top));z-index:30;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto;scrollbar-width:none;margin:0 -20px 14px!important;padding:8px 20px!important;background:linear-gradient(#FFF9EF 70%,rgba(255,249,239,0))}
  body.jk-spelapp .jkgm.jkgm.jkgm .jkgm-cats:not(.jkgm-groep)::-webkit-scrollbar{display:none}
  body.jk-spelapp .jkgm.jkgm.jkgm .jkgm-cats:not(.jkgm-groep) button{flex:none!important;white-space:nowrap;height:40px!important;padding:0 16px!important;margin:0!important;border-radius:999px!important}
  body.jk-spelapp .jkgm.jkgm.jkgm .jkgm-groep{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto;scrollbar-width:none;align-items:center;margin:0 -20px 6px!important;padding:6px 20px!important}
  body.jk-spelapp .jkgm.jkgm.jkgm .jkgm-groep::-webkit-scrollbar{display:none}
  body.jk-spelapp .jkgm.jkgm.jkgm .jkgm-groep span{flex:none;font:800 13px Nunito,sans-serif!important;white-space:nowrap}
  body.jk-spelapp .jkgm.jkgm.jkgm .jkgm-groep button{flex:none!important;min-width:44px;height:44px!important;margin:0!important;border-radius:999px!important;white-space:nowrap}
  body.jk-spelapp .jkgm.jkgm.jkgm .jkgm-card[data-k]{background:var(--sl,#fff)!important;box-shadow:0 4px 0 color-mix(in srgb,var(--sc,#EFE4D2) 45%,#fff)!important;display:flex!important;flex-direction:column;align-items:flex-start;gap:6px}
  body.jk-spelapp .jkgm.jkgm.jkgm .jkgm-card[data-k] b{width:48px;height:48px;border-radius:16px;background:#fff;display:grid!important;place-items:center;font-size:26px!important;margin:0!important;box-shadow:0 2px 0 rgba(0,0,0,.05)}
  body.jk-spelapp .jkgm.jkgm.jkgm .jkgm-card[data-k] i{margin-top:auto!important;background:#fff!important;color:var(--sc,#5D6468)!important;border:0!important;font-style:normal!important}
  /* spel als volledig scherm */
  .jk-spel-open,.jk-spel-open body{overflow:hidden!important}
  .jk-spel-open .jkgm .jkgm-stage:not([hidden]){position:fixed!important;inset:0!important;z-index:10005!important;margin:0!important;max-width:none!important;width:auto!important;border-radius:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;background:#FFF9EF!important;padding:calc(12px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))!important;animation:jkSpelIn .38s cubic-bezier(.2,.9,.3,1)}
  .jk-spel-open .jkgm .jkgm-stage .jkgm-top{position:sticky;top:calc(-12px - env(safe-area-inset-top));z-index:2;margin:-12px -16px 12px!important;padding:calc(12px + env(safe-area-inset-top)) 16px 12px!important;background:#FFF9EF;box-shadow:0 6px 12px -10px rgba(35,69,92,.3)}
  .jk-spel-open .jk-mn-knop,.jk-spel-open .jk-tabbar{display:none!important}
  @keyframes jkSpelIn{from{transform:translateY(100%);border-radius:28px 28px 0 0}to{transform:none;border-radius:0}}
  @media (prefers-reduced-motion: reduce){.jk-spel-open .jkgm .jkgm-stage:not([hidden]){animation:none}}
}
/* Winkelmand en Mijn account als app (telefoon) */
@media (max-width: 767px){
  body.jk-mand-isleeg .empty_cart{display:none!important}
  .jk-mand-leeg{position:relative;margin:70px 20px 24px;padding:26px 18px 20px;border-radius:26px;background:linear-gradient(#E3F3FA,#CDEBC0);box-shadow:0 4px 0 #BFDDB0;text-align:center;font-family:Nunito,sans-serif}
  .jk-mand-leeg svg{position:absolute;left:50%;top:-62px;width:92px;height:88px;transform:translateX(-50%)}
  .jk-mand-leeg b{display:block;font:700 22px/1.2 Fredoka,Nunito,sans-serif;color:#23455C}
  .jk-mand-leeg small{display:block;margin:6px 0 16px;font:700 14px/1.4 Nunito,sans-serif;color:#3F5566}
  .jk-mand-leeg span{display:flex;flex-direction:column;gap:10px}
  .jk-mand-leeg a{padding:13px 18px;border-radius:999px;background:#23455C;color:#fff!important;font:800 15px Nunito,sans-serif;text-decoration:none!important;box-shadow:0 3px 0 #15303F}
  .jk-mand-leeg a.jk-mand-2{background:#fff;color:#23455C!important;box-shadow:0 3px 0 #D8E8F0}
  body.jk-mand-vol .woocommerce-cart-form{display:none!important}
  body.jk-mand-vol .woocommerce-cart .woocommerce>p:first-child,body.jk-mand-vol .woocommerce .woocommerce-info{border-radius:18px!important}
  .jk-mand-lijst{display:flex;flex-direction:column;gap:12px;margin:0 0 20px;font-family:Nunito,sans-serif}
  .jk-mand-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:22px;background:#fff;box-shadow:0 4px 0 #EFE4D2}
  .jk-mand-ic{flex:none;width:52px;height:52px;border-radius:17px;background:#FFF1C2;display:grid;place-items:center;font-size:27px}
  .jk-mand-t{flex:1;min-width:0}
  .jk-mand-t a,.jk-mand-t b{display:block;font:800 15px/1.25 Nunito,sans-serif;color:#2B2F33!important;text-decoration:none!important}
  .jk-mand-t small{display:block;margin-top:3px;font:700 12.5px Nunito,sans-serif;color:#6B7378}
  .jk-mand-stap{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:3px;border-radius:999px;background:#F3EEE4}
  .jk-mand-stap button{width:30px;height:30px;padding:0!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#23455C!important;font:800 17px/1 Nunito,sans-serif!important;box-shadow:0 2px 0 #E4DCCB!important}
  .jk-mand-stap output{min-width:22px;text-align:center;font:800 14px Nunito,sans-serif}
  .jk-mand-r{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
  .jk-mand-r b{font:800 15px Nunito,sans-serif;color:#23455C;white-space:nowrap}
  .jk-mand-weg{width:36px;height:36px;border-radius:50%;background:#F7E3DC;display:grid;place-items:center;font-size:16px;text-decoration:none!important}
  body.jk-mand-vol .cart_totals{padding:16px!important;border-radius:22px!important;background:#fff!important;box-shadow:0 4px 0 #EFE4D2!important}
  body.jk-mand-vol .cart-collaterals .summary-title,body.jk-mand-vol h2.summary-title{font:700 20px/1.2 Fredoka,Nunito,sans-serif!important;margin:0 0 10px!important;padding:0!important}
  body.jk-mand-vol table.cart_totals,body.jk-mand-vol table.cart_totals th,body.jk-mand-vol table.cart_totals td{border:0!important;background:none!important;padding:8px 0!important;font:700 14.5px/1.4 Nunito,sans-serif!important}
  body.jk-mand-vol table.cart_totals .order-total th,body.jk-mand-vol table.cart_totals .order-total td{border-top:1px dashed #EFE4D2!important;padding-top:12px!important}
  body.jk-mand-vol table.cart_totals .order-total .amount{font:800 19px Nunito,sans-serif!important;color:#23455C!important}
  body.jk-mand-vol .wc-proceed-to-checkout>a.checkout-button{display:none!important}
  .jk-mand-bon{margin:14px 0 0!important}
  .jk-mand-bon form{padding:0 18px 16px!important;display:flex;flex-direction:column;gap:10px}
  .jk-mand-bon label{display:none}
  .jk-mand-bon input{border-radius:16px!important}
  .jk-mand-bon button{border-radius:16px!important}
  body.jk-mand-vol .jk-sub-kop~*:last-child,body.jk-mand-vol .woocommerce{padding-bottom:100px}
  .jk-mand-balk{position:fixed;left:12px;right:12px;bottom:calc(98px + env(safe-area-inset-bottom));z-index:9991;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 18px;border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(47,52,55,.16);font-family:Nunito,sans-serif}
  .jk-mand-balk div{flex:1;min-width:0}
  .jk-mand-balk small{display:block;font:700 12px Nunito,sans-serif;color:#6B7378}
  .jk-mand-balk b{display:block;font:800 19px/1.1 Nunito,sans-serif;color:#23455C}
  .jk-mand-balk a{flex:none;padding:14px 22px;border-radius:18px;background:#5FA88A;color:#fff!important;font:800 16px Nunito,sans-serif;text-decoration:none!important;box-shadow:0 3px 0 #478A6E}
  .jk-mn-aan .jk-mand-balk{display:none}
  /* inloggen: tabs als schakelaar */
  body.woocommerce-account .login-register-wrapper .tab-btn{margin-bottom:16px!important}
  body.woocommerce-account .login-register-wrapper ul.login-tab.jk-acc-seg{position:relative;display:grid!important;grid-template-columns:1fr 1fr;width:100%!important;margin:0!important;padding:5px!important;border:0!important;border-radius:999px!important;background:#fff!important;box-shadow:0 4px 14px rgba(35,69,92,.12)!important}
  body.woocommerce-account .login-register-wrapper ul.login-tab.jk-acc-seg li{margin:0!important;position:relative;z-index:1}
  body.woocommerce-account .login-register-wrapper ul.login-tab.jk-acc-seg .nav-link{width:100%;height:44px;padding:0!important;margin:0!important;display:flex!important;align-items:center;justify-content:center;border:0!important;outline:0;border-radius:999px!important;background:transparent!important;box-shadow:none!important;font:800 15px Nunito,sans-serif!important;color:#5D6468!important;transition:color .25s}
  body.woocommerce-account .login-register-wrapper ul.login-tab.jk-acc-seg .nav-link.active{color:#fff!important;background:transparent!important}
  body.woocommerce-account .login-register-wrapper ul.login-tab.jk-acc-seg>i{display:block!important;position:absolute;left:5px;top:5px;bottom:5px;width:calc(50% - 5px);border-radius:999px;background:#6E93C9;box-shadow:0 3px 0 #5576A8;transition:transform .35s cubic-bezier(.3,1.3,.5,1);z-index:0}
  body.woocommerce-account .login-register-wrapper ul.login-tab.jk-acc-seg[data-i="1"]>i{transform:translateX(100%)}
  body.woocommerce-account .login-register-wrapper .tab-content,body.woocommerce-account .login-register-wrapper .tab-pane{background:transparent!important;padding:0!important}
  body.woocommerce-account .login-register-wrapper form .button,body.woocommerce-account .login-register-wrapper form button[type=submit]{width:100%!important}
}
/* Afrekenen als app (telefoon) */
@media (max-width: 767px){
  body.jk-co .jk-tabbar{display:none!important}
  body.jk-co .woocommerce-form-login-toggle .woocommerce-info,body.jk-co .woocommerce-form-coupon-toggle .woocommerce-info{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 8px!important;padding:10px 14px!important;border:0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 3px 0 #EFE4D2!important;font:700 13.5px/1.35 Nunito,sans-serif!important;color:#3F5566!important}
  body.jk-co .woocommerce-form-login-toggle .woocommerce-info:before,body.jk-co .woocommerce-form-coupon-toggle .woocommerce-info:before{display:none!important}
  body.jk-co .woocommerce-form-login-toggle .woocommerce-info a,body.jk-co .woocommerce-form-coupon-toggle .woocommerce-info a{font-weight:800!important;color:#4F6F99!important}
  body.jk-co .jkc-side .jkc-guide{margin-bottom:8px!important}
  .jk-co-sum{margin:0 0 16px!important;border-radius:22px;background:#fff;box-shadow:0 4px 0 #EFE4D2;overflow:hidden}
  .jk-co-sum>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer}
  .jk-co-sum>summary::-webkit-details-marker{display:none}
  .jk-co-ic{flex:none;width:44px;height:44px;border-radius:15px;background:#DFEBE4;display:grid;place-items:center;font-size:22px}
  .jk-co-t{flex:1;min-width:0}
  .jk-co-t b{display:block;font:800 15px/1.2 Nunito,sans-serif;color:#2B2F33}
  .jk-co-t small{display:block;font:700 12.5px/1.3 Nunito,sans-serif;color:#6B7378;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .jk-co-tot{font:800 17px Nunito,sans-serif;color:#23455C;white-space:nowrap}
  .jk-co-sum>summary i{flex:none;width:28px;height:28px;border-radius:50%;background:#E4ECF5;position:relative}
  .jk-co-sum>summary i:before{content:"";position:absolute;left:9px;top:8px;width:8px;height:8px;border-right:2.5px solid #4F6F99;border-bottom:2.5px solid #4F6F99;transform:rotate(45deg);transition:transform .2s}
  .jk-co-sum[open]>summary i:before{transform:translateY(4px) rotate(225deg)}
  body.jk-co .jk-co-sum .jkc-sum{margin:0!important;padding:0 14px 14px!important;border:0!important;box-shadow:none!important;background:none!important}
  body.jk-co .jk-co-sum .jkc-sum>h2{display:none!important}
  body.jk-co .jk-co-sum table.shop_table,body.jk-co .jk-co-sum table.shop_table tbody,body.jk-co .jk-co-sum table.shop_table tfoot{display:block!important;width:100%!important;border:0!important;margin:0!important}
  body.jk-co .jk-co-sum table.shop_table thead,body.jk-co .jk-co-sum .cart_item td.product-name,body.jk-co .jk-co-sum .cart_item td.product-price,body.jk-co .jk-co-sum .cart_item td.product-quantity{display:none!important}
  body.jk-co .jk-co-sum table.shop_table tr{display:flex!important;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:10px 0!important;border:0!important;border-top:1px dashed #EFE4D2!important;background:none!important}
  body.jk-co .jk-co-sum table.shop_table th,body.jk-co .jk-co-sum table.shop_table td{display:block!important;width:auto!important;padding:0!important;border:0!important;background:none!important;text-align:left!important;font:700 14px/1.4 Nunito,sans-serif!important;color:#2B2F33!important}
  body.jk-co .jk-co-sum table.shop_table td::before{display:none!important}
  body.jk-co .jk-co-sum table.shop_table tr>td:last-child{text-align:right!important;margin-left:auto}
  body.jk-co .jk-co-sum table.shop_table .order-total .amount{font:800 18px Nunito,sans-serif!important;color:#23455C!important}
  body.jk-co .jk-co-sum table.shop_table small,body.jk-co .jk-co-sum .includes_tax{font-size:12px!important;color:#6B7378!important}
  body.jk-co .jk-co-sum .recurring-totals,body.jk-co .jk-co-sum [class*=recurring]{max-width:100%!important;width:100%!important;box-sizing:border-box}
  body.jk-co .woocommerce{padding-bottom:96px}
  .jk-co-balk{position:fixed;left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:9991;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 18px;border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(47,52,55,.18);font-family:Nunito,sans-serif;transition:transform .3s,opacity .3s}
  .jk-co-balk.jk-weg,.jk-co-balk.jk-typ{transform:translateY(140%);opacity:0;pointer-events:none}
  .jk-co-balk div{flex:1;min-width:0}
  .jk-co-balk small{display:block;font:700 12px Nunito,sans-serif;color:#6B7378}
  .jk-co-balk b{display:block;font:800 19px/1.1 Nunito,sans-serif;color:#23455C}
  .jk-co-balk button{flex:none;height:50px;padding:0 20px!important;border:0!important;border-radius:18px!important;background:#5FA88A!important;color:#fff!important;font:800 16px Nunito,sans-serif!important;box-shadow:0 3px 0 #478A6E!important;text-transform:none!important;letter-spacing:0!important}
  .jk-mn-aan .jk-co-balk{display:none}
}
/* Productpagina's als app (telefoon) */
@media (max-width: 767px){
  html body.jk-pr.single-product .product .product-content.product-details-content{margin-top:14px!important;padding:18px 16px!important;border-radius:24px!important;background:#fff!important;box-shadow:0 4px 0 #EFE4D2!important}
  body.jk-pr .product-content .product-rating,body.jk-pr .product-content .product-author,body.jk-pr .product-content .product-instock{display:none!important}
  body.jk-pr .product-content .woocommerce-product-details__short-description{font:600 15px/1.5 Nunito,sans-serif!important;color:#3F5566!important}
  body.jk-pr .product-content form.cart{margin-top:14px!important}
  body.jk-pr .product-content form.cart .actions{flex:1 1 100%!important;width:100%!important}
  body.jk-pr .product-content .vs-btn,body.jk-pr .product-content .single_add_to_cart_button{display:flex!important;align-items:center;gap:8px;width:100%!important;justify-content:center;border-radius:18px!important;height:54px;font:800 16px Nunito,sans-serif!important}
  body.jk-pr table.variations.jk-pr-tabel,body.jk-pr table.variations.jk-pr-tabel tbody,body.jk-pr table.variations.jk-pr-tabel tr,body.jk-pr table.variations.jk-pr-tabel th,body.jk-pr table.variations.jk-pr-tabel td{display:block!important;width:100%!important;border:0!important;padding:0!important;background:none!important}
  body.jk-pr table.variations.jk-pr-tabel th label{display:block;margin:0 0 8px!important;font:800 15px Nunito,sans-serif!important;color:#2B2F33!important}
  body.jk-pr table.variations.jk-pr-tabel select,body.jk-pr table.variations.jk-pr-tabel .nice-select,body.jk-pr table.variations.jk-pr-tabel .reset_variations{display:none!important}
  .jk-pr-keuze{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .jk-pr-keuze button{height:52px;padding:0!important;border:2px solid #EFE4D2!important;border-radius:16px!important;background:#fff!important;color:#23455C!important;font:800 16px Nunito,sans-serif!important;box-shadow:0 3px 0 #EFE4D2!important;text-transform:none!important;letter-spacing:0!important;transition:transform .15s}
  .jk-pr-keuze button:active{transform:scale(.95)}
  .jk-pr-keuze button[aria-checked="true"]{background:#E07A5F!important;border-color:#E07A5F!important;color:#fff!important;box-shadow:0 3px 0 #C26247!important}
  body.jk-pr #pwgc-purchase-container input,body.jk-pr #pwgc-purchase-container textarea{width:100%!important;border-radius:16px!important}
  /* beschrijving: lijstjes met vinkjes */
  body.jk-pr .jkq-about ul{list-style:none!important;margin:8px 0 14px!important;padding:6px 14px!important;border-radius:20px;background:#FFF9EF}
  body.jk-pr .jkq-about ul li{position:relative;padding:8px 0 8px 32px!important;margin:0!important;border-bottom:1px dashed #EFE4D2;font:700 14.5px/1.45 Nunito,sans-serif!important;color:#2B2F33!important}
  body.jk-pr .jkq-about ul li:last-child{border-bottom:0}
  body.jk-pr .jkq-about ul li:before{content:"✓";position:absolute;left:0;top:8px;width:22px;height:22px;border-radius:50%;background:#DFEBE4;color:#478A6E;font:900 13px/22px Nunito,sans-serif;text-align:center}
  /* kooptbalk boven de tabbalk */
  body.jk-pr .jkq-bar{left:12px!important;right:12px!important;bottom:calc(98px + env(safe-area-inset-bottom))!important;border-radius:24px!important;padding:8px 8px 8px 18px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 8px 24px rgba(47,52,55,.16)!important;gap:12px}
  body.jk-pr .jkq-bar .screen-reader-text{display:none!important}
  body.jk-pr .jkq-bar b{font:800 14.5px/1.2 Nunito,sans-serif!important}
  body.jk-pr .jkq-bar small{font:700 12.5px Nunito,sans-serif!important}
  body.jk-pr .jkq-bar a{flex:none;padding:14px 18px!important;border-radius:18px!important;background:#5FA88A!important;color:#fff!important;font:800 15px Nunito,sans-serif!important;box-shadow:0 3px 0 #478A6E!important}
  .jk-mn-aan .jkq-bar{display:none!important}
  /* 18-10-2026: drie mobiele puntjes.
     a. Menuknop (≡) en de vaste productbalk schuiven weg zolang je omlaag scrolt, zodat ze geen tekst of kaarten bedekken.
        De knop komt terug zodra je omhoog scrolt of bovenaan bent; de productbalk ook na ~1 seconde stilstand (klasse jk-scrol-stil).
        Beide klassen zet jk-mobiel.js op <html>. */
  .jk-mn-knop{transition:transform .25s,opacity .2s}
  html.jk-scrol-omlaag .jk-mn-knop:not([aria-expanded="true"]){transform:translateX(90px);opacity:0;pointer-events:none}
  html.jk-scrol-omlaag:not(.jk-scrol-stil) body.jk-has-tabbar .jkq-bar{transform:translateY(calc(100% + 130px))!important}
  /* b. Voor scholen: de vier pakketten onder elkaar als rij (naam en aantal links, prijs rechts, keuzelink eronder),
        zodat "Kies Duo/Bouw →" niet meer over twee regels breekt. */
  .jk-lang-voor-scholen .jkvs-pk.jkvs-pk{grid-template-columns:1fr!important;gap:10px!important}
  .jk-lang-voor-scholen .jkvs-p.jkvs-p{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"naam prijs" "wie prijs" "kies kies"!important;column-gap:12px!important;row-gap:2px!important;align-items:center!important;padding:14px 16px!important}
  .jk-lang-voor-scholen .jkvs-p.jkvs-p b{grid-area:naam}
  .jk-lang-voor-scholen .jkvs-p.jkvs-p span{grid-area:wie}
  .jk-lang-voor-scholen .jkvs-p.jkvs-p strong{grid-area:prijs;margin:0!important;text-align:right;font-size:21px!important}
  .jk-lang-voor-scholen .jkvs-p.jkvs-p small{font-size:11.5px!important}
  .jk-lang-voor-scholen .jkvs-p.jkvs-p i{grid-area:kies;white-space:nowrap;margin-top:8px!important}
}
