/* ==========================================================================
   Nootje — "verfijn" (november 2026)
   Visuele verbeterronde bovenop "strak". Alle regels hangen onder html.nj-verfijn,
   gezet door plugins/nootje-functies/includes/nootje-verfijn.php.
   Configurators en De Koffienoot worden niet aangeraakt.
   ========================================================================== */

/* ---------- 1. Header ---------- */
html.nj-verfijn header .cartbtn .count.nj-leeg{display:none!important}
/* (zoekveld in de bovenste regel bewust niet gedaan: menu past dan niet meer) */

/* ---------- 2. Productkaarten: overal links uitgelijnd ---------- */
html.nj-verfijn body.woocommerce .njs .grid .card{text-align:left!important;align-items:stretch!important}
html.nj-verfijn body.woocommerce .njs .grid .card .cat,
html.nj-verfijn body.woocommerce .njs .grid .card h3{text-align:left!important}
html.nj-verfijn body.woocommerce .njs .grid .card .qv-pills{justify-content:flex-start!important;text-align:left!important}
html.nj-verfijn body.woocommerce .njs .grid .card .cardfoot.cf-stepper .prijs{justify-self:start!important;text-align:left!important;font-size:1.15rem!important}
@media(max-width:600px){
  html.nj-verfijn body.woocommerce .njs .grid .card .cardfoot.cf-stepper .nj-qty.kaart{justify-self:start!important}
}
@media(max-width:700px){
  html.nj-verfijn body.woocommerce .njs .grid .card .qv-pills:not(.open) .qv-pil.aan{background:#FFFFFF!important;color:#1A2947!important;border:1.5px solid #1A2947!important}
}

/* ---------- 3. Productfoto's groter (vooral mobiel en foldables) ---------- */
html.nj-verfijn body.woocommerce .njs .grid .card .ph,
html.nj-verfijn body.woocommerce .njs .grid .card .nj-fotovlak{padding:2%!important}
html.nj-verfijn body.nh .grid .card .ph{padding:3%!important}
html.nj-verfijn body.single-product section.related ul.products li.product .nj-ph{padding:3%!important}
@media(max-width:600px){
  html.nj-verfijn body.woocommerce .njs .wrap{padding-left:14px!important;padding-right:14px!important}
  html.nj-verfijn body.woocommerce .njs .grid{gap:28px 12px!important}
  html.nj-verfijn body.woocommerce .njs .grid .card .ph,
  html.nj-verfijn body.woocommerce .njs .grid .card .nj-fotovlak{padding:0!important;margin-bottom:10px!important}
  html.nj-verfijn body.nh .wrap{padding-left:16px!important;padding-right:16px!important}
  html.nj-verfijn body.nh .grid .card .ph{padding:0!important}
}
@media(min-width:820px) and (max-width:1023px){
  html.nj-verfijn body.woocommerce .njs .grid{gap:32px 16px!important}
}

/* ---------- 4. Webshop: knoppen 'samenstellen' niet als actieve filter ---------- */
html.nj-verfijn body.woocommerce .njs .chips .chip.chip-bouw{background:transparent!important;color:#8F5A1E!important;border:1.5px solid #BC7C36!important}
html.nj-verfijn body.woocommerce .njs .chips .chip.chip-bouw:hover,
html.nj-verfijn body.woocommerce .njs .chips .chip.chip-bouw:focus-visible{background:#8F5A1E!important;color:#FFFFFF!important;border-color:#8F5A1E!important}
html.nj-verfijn body.woocommerce .njs .chips .chip.chip-bouw svg{color:inherit!important;stroke:currentColor}
@media(max-width:600px){
  html.nj-verfijn body.woocommerce.archive .njs .nj-kruimel{display:none!important}
  html.nj-verfijn body.woocommerce.archive .njs .sechead{margin:8px 0 14px!important}
  html.nj-verfijn body.woocommerce.archive .njs .sechead .eyebrow{display:none!important}
  html.nj-verfijn body.woocommerce.archive .njs .sechead h1{font-size:30px!important;margin:0!important}
  html.nj-verfijn body.woocommerce.archive .njs{padding-top:16px!important}
  html.nj-verfijn body.woocommerce.archive .njs .nj-filterbalk{margin:10px 0 4px!important;padding:8px 0!important}
}

/* ---------- 5. Eén kaartkleur: zand in plaats van wit ---------- */
html.nj-verfijn body.single-product .njdesc,
html.nj-verfijn body.single-product .njpi,
html.nj-verfijn body.single-product .njspec,
html.nj-verfijn body.single-product .nj-extrainfo{background:#EFE8DC!important;border:0!important;box-shadow:none!important}
html.nj-verfijn body.single-product .njspec-t td,
html.nj-verfijn body.single-product .njspec-t th{border-color:#E2D5C3!important}
html.nj-verfijn body.single-product .njpi .bar{background:#E2D5C3!important}
html.nj-verfijn body.single-product .njpi .badges span{background:#F7F3EC!important}
html.nj-verfijn #gids-sectie .nut-card{background:#EFE8DC!important;border:0!important;box-shadow:none!important}
html.nj-verfijn #gids-sectie .nut-photo{background:#EFE8DC!important}
html.nj-verfijn #gids-sectie .no1{background:#F7F3EC!important}

/* ---------- 6. Homepage ---------- */
html.nj-verfijn body.nh .sechead h2 em,
html.nj-verfijn body.nh .sechead h2 em.c{font-style:normal!important;color:inherit!important;font-weight:inherit!important;font-family:inherit!important}
html.nj-verfijn body.nh .sechead h2 em.nj-accent{font-style:italic!important;color:#BC7C36!important}

html.nj-verfijn body.nh .taster .taste span{height:auto!important}
html.nj-verfijn body.nh .taster .taste span img{width:92px!important;height:92px!important}
html.nj-verfijn body.nh .taster .taste b{margin-top:10px;display:block}
@media(max-width:700px){
  html.nj-verfijn body.nh .taster{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px 8px!important}
  html.nj-verfijn body.nh .taster .taste span{width:auto!important}
  html.nj-verfijn body.nh .taster .taste span img{width:76px!important;height:76px!important}
  html.nj-verfijn body.nh .taster .taste b{font-size:13px!important;line-height:1.25}
}

html.nj-verfijn body.nh #story .boekje{box-shadow:none!important;border:1px solid #E2D5C3!important;background:#EFE8DC!important}
html.nj-verfijn body.nh #story .bj-titel{color:#1A2947!important;font-weight:500!important}
html.nj-verfijn body.nh #story .bj-links::before{content:"Over Nootje";display:block;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#8F5A1E;margin-bottom:14px}
html.nj-verfijn body.nh #story .bj-banner{background:#F7F3EC!important;border-top:1px solid #E2D5C3!important}

@media(max-width:760px){
  html.nj-verfijn body.nh .hero .blob{display:none!important}
  html.nj-verfijn body.nh .hero{padding-bottom:28px!important}
  html.nj-verfijn body.nh .hero .wrap{gap:0!important}
  html.nj-verfijn body.nh #gids-sectie .gids-grid,
  html.nj-verfijn body.nh .revgrid{display:flex!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px!important;margin:0 -16px!important;padding:2px 16px 14px!important;scrollbar-width:none}
  html.nj-verfijn body.nh #gids-sectie .gids-grid::-webkit-scrollbar,
  html.nj-verfijn body.nh .revgrid::-webkit-scrollbar{display:none}
  html.nj-verfijn body.nh #gids-sectie .gids-grid > .nut-card{flex:0 0 78%!important;scroll-snap-align:start;scroll-margin-left:16px}
  html.nj-verfijn body.nh .revgrid > .rev{flex:0 0 82%!important;scroll-snap-align:start;scroll-margin-left:16px}
}
html.nj-verfijn .nj-swipehint{display:none;justify-content:center;gap:6px;margin:4px 0 0}
html.nj-verfijn .nj-swipehint i{width:6px;height:6px;border-radius:50%;background:#E2D5C3;display:block}
html.nj-verfijn .nj-swipehint i.aan{background:#8F5A1E}
@media(max-width:760px){html.nj-verfijn .nj-swipehint{display:flex}}

/* ---------- 7. Productpagina ---------- */
html.nj-verfijn body.single-product .njdesc h2,
html.nj-verfijn body.single-product .njspec h2,
html.nj-verfijn body.single-product .nj-extrainfo h2{font-size:22px!important;line-height:1.25!important;margin:0 0 12px!important}
html.nj-verfijn body.single-product .njdesc h3{font-size:17px!important;line-height:1.3!important;margin:22px 0 6px!important}
html.nj-verfijn body.single-product .nj-extrainfo{border-radius:14px;padding:24px;margin-top:20px;box-sizing:border-box}
html.nj-verfijn body.single-product .nj-extrainfo table{width:100%}
html.nj-verfijn body.single-product .pusps{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px!important}
html.nj-verfijn body.single-product .pusps > span{margin:0!important;white-space:normal!important;line-height:1.35}
html.nj-verfijn .nj-gscore{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:6px 0 4px;color:#5A4B3F;font-size:15px}
html.nj-verfijn .nj-gscore b{color:#1A2947}
html.nj-verfijn .nj-gscore .st{color:#8F5A1E;letter-spacing:1px}
html.nj-verfijn .nj-gscore a{color:#8F5A1E;font-weight:700}
html.nj-verfijn body.single-product #nj-top{bottom:104px!important}
@media(max-width:760px){
  html.nj-verfijn #nj-top{display:none!important}
}
@media(max-width:600px){
  html.nj-verfijn #nj-plak .t,
  html.nj-verfijn #nj-plak img{display:none!important}
  html.nj-verfijn #nj-plak .wrap{justify-content:space-between!important;gap:12px}
  html.nj-verfijn #nj-plak .pr{font-size:18px!important}
  html.nj-verfijn #nj-plak #nj-plak-knop{flex:0 1 auto;padding:0 22px!important}
}
@media(max-width:700px){
  html.nj-verfijn body.single-product .njs .nj-kruimel{font-size:12px!important;margin-bottom:6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html.nj-verfijn body.single-product .pimg{max-height:230px!important;aspect-ratio:auto!important;padding:0!important;margin:0 0 6px!important;display:flex!important;justify-content:center;align-items:center}
  html.nj-verfijn body.single-product .pimg img{max-height:220px!important;width:auto!important;max-width:100%!important;object-fit:contain}
  html.nj-verfijn body.single-product .pgrid{gap:10px!important}
  html.nj-verfijn body.single-product .pgrid h1{font-size:26px!important;margin:4px 0 8px!important}
  html.nj-verfijn body.single-product .pintro{margin-bottom:10px!important}
  html.nj-verfijn body.single-product .pprice .njbedrag{font-size:28px!important}
  html.nj-verfijn body.single-product .pusps{font-size:13px}
}

/* ---------- 8. Footer: overal dezelfde, met het echte logo ---------- */
html.nj-verfijn footer.site .logo img.nj-voetlogo{height:84px;width:84px;object-fit:contain;display:block;background:#F7F3EC;border-radius:50%;padding:6px;box-sizing:border-box}
html.nj-verfijn footer.site .logo.nj-heeftlogo{font-size:0!important;line-height:0}
html.nj-verfijn footer.nj-voet2{padding:64px 0 40px;background:var(--navy2,#111D33);color:rgba(247,243,236,.8);margin-top:70px}
html.nj-verfijn footer.nj-voet2 .foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px}
html.nj-verfijn footer.nj-voet2 .foot h3{font-size:.73rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(247,243,236,.7)!important;margin:0 0 16px;font-weight:700;font-family:var(--sans,system-ui,sans-serif)}
html.nj-verfijn footer.nj-voet2 .foot a{display:block;color:rgba(247,243,236,.78);font-size:.86rem;margin-bottom:9px;text-decoration:none}
html.nj-verfijn footer.nj-voet2 .foot a:hover{color:#E0BE7A}
html.nj-verfijn footer.nj-voet2 .foot p{color:rgba(247,243,236,.62);font-size:.85rem;max-width:24rem}
html.nj-verfijn footer.nj-voet2 .foot a.logo{margin-bottom:16px}
html.nj-verfijn footer.nj-voet2 .njsocf{display:flex;gap:10px;align-items:center;margin-top:14px}
html.nj-verfijn footer.nj-voet2 .foot .njsocf a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0;padding:0;line-height:0;border:1px solid rgba(247,243,236,.32);border-radius:50%;color:#F7F3EC}
html.nj-verfijn footer.nj-voet2 .foot .njsocf a:hover{background:#C89B5A;border-color:#C89B5A;color:#1A2947}
html.nj-verfijn footer.nj-voet2 .payrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}
html.nj-verfijn footer.nj-voet2 .copy{border-top:1px solid rgba(247,243,236,.12);padding-top:24px;color:rgba(247,243,236,.66);font-size:.78rem}
html.nj-verfijn footer.nj-voet2 .copy a{color:inherit}
@media(max-width:900px){
  html.nj-verfijn footer.nj-voet2 .foot{grid-template-columns:1fr 1fr;gap:32px 20px}
}
/* aanvullingen */
html.nj-verfijn footer.nj-voet2 .foot h3{font-family:var(--sans,system-ui,-apple-system,'Segoe UI',sans-serif)!important}
html.nj-verfijn body.single-product .nj-extrainfo th{text-align:left!important;width:38%;padding-right:12px;vertical-align:top}
html.nj-verfijn body.single-product .nj-extrainfo td{vertical-align:top}
@media(min-width:901px){html.nj-verfijn body.single-product .njblok aside.njspec{position:sticky;top:24px;align-self:start}}
html.nj-verfijn footer.nj-voet2 .foot h3{text-transform:uppercase!important;letter-spacing:.2em!important;font-size:.72rem!important}
@media(max-width:600px){html.nj-verfijn body.single-product .njs .nj-kruimel{display:none!important}html.nj-verfijn body.single-product .njs{padding-top:12px!important}}

/* ---------- 9. Webshopkaart op de telefoon: compact bestellen (11-11-2026) ----------
   Rij 1: gewicht links, prijs rechts. Rij 2: aantal + ronde mandjesknop. */
@media(max-width:600px){
  html.nj-verfijn body.woocommerce .njs .grid .card{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 1fr auto auto;column-gap:8px;row-gap:10px;align-items:center}
  html.nj-verfijn body.woocommerce .njs .grid .card > .ph,
  html.nj-verfijn body.woocommerce .njs .grid .card > .cat,
  html.nj-verfijn body.woocommerce .njs .grid .card > h3{grid-column:1/-1}
  html.nj-verfijn body.woocommerce .njs .grid .card > h3{align-self:start;margin-bottom:0!important}
  html.nj-verfijn body.woocommerce .njs .grid .card > .cat{margin:0!important}
  html.nj-verfijn body.woocommerce .njs .grid .card > .qv-pills{grid-column:1;grid-row:4;margin:0!important;min-width:0}
  html.nj-verfijn body.woocommerce .njs .grid .card .cardfoot.cf-stepper,
  html.nj-verfijn body.woocommerce .njs .grid .card .cardfoot.cf-stepper .cf-rij{display:contents!important}
  html.nj-verfijn body.woocommerce .njs .grid .card .cardfoot.cf-stepper .prijs{grid-column:2;grid-row:4;justify-self:end!important;text-align:right!important;font-size:16px!important;margin:0!important;white-space:nowrap}
  html.nj-verfijn body.woocommerce .njs .grid .card:not(:has(.qv-pills)):not(:has(> .nj-gw)) .cardfoot.cf-stepper .prijs{grid-column:1/-1;justify-self:start!important;text-align:left!important}
  html.nj-verfijn body.woocommerce .njs .grid .card .cardfoot.cf-stepper .nj-qty.kaart{grid-column:1;grid-row:5;justify-self:stretch!important;margin:0!important;height:40px;min-width:0;display:flex!important;align-items:center;justify-content:space-between}
  html.nj-verfijn body.woocommerce .njs .grid .card .cardfoot.cf-stepper .nj-qty.kaart button{width:32px;min-width:32px;height:38px;padding:0!important}
  html.nj-verfijn body.woocommerce .njs .grid .card .cardfoot.cf-stepper .nj-qty.kaart input.qty{width:100%!important;min-width:0;text-align:center}
  html.nj-verfijn body.woocommerce .njs .grid .card .cardfoot.cf-stepper .add{grid-column:2;grid-row:5;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:50%!important;background:#1A2947!important;border:0!important;color:#FFFFFF!important;font-size:0!important;line-height:0!important;position:relative;justify-self:end}
  html.nj-verfijn body.woocommerce .njs .grid .card .cardfoot.cf-stepper .add::before{content:"";position:absolute;inset:0;margin:auto;width:22px;height:22px;background:currentColor;-webkit-mask:var(--nj-mandje) center/contain no-repeat;mask:var(--nj-mandje) center/contain no-repeat}
  html.nj-verfijn body.woocommerce .njs .grid .card .cardfoot.cf-stepper .add.nj-ok{background:#2F6B3A!important}
  html.nj-verfijn body.woocommerce .njs .grid .card .cardfoot.cf-stepper .add.nj-ok::before{-webkit-mask-image:var(--nj-vinkje);mask-image:var(--nj-vinkje)}
  html.nj-verfijn body.woocommerce .njs .grid .card .cardfoot.cf-stepper .add.nj-bezig{opacity:.6}
}
html.nj-verfijn{--nj-mandje:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8h13l1 12h-15l1-12z'/%3E%3Cpath d='M9 8V6.5a3 3 0 016 0V8'/%3E%3Cpath d='M12 11.5v5M9.5 14h5'/%3E%3C/svg%3E");--nj-vinkje:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}@media(max-width:380px){html.nj-verfijn body.woocommerce .njs .grid .card .qv-pills:not(.open) .qv-pil.aan{padding:0 9px!important;font-size:12.5px!important;height:32px!important;min-height:32px!important}html.nj-verfijn body.woocommerce .njs .grid .card .cardfoot.cf-stepper .prijs{font-size:15px!important}html.nj-verfijn body.woocommerce .njs .grid .card{column-gap:6px}}
@media(max-width:600px){html.nj-verfijn body.woocommerce .njs .grid .card > .nj-gw{grid-column:1;grid-row:4;margin:0!important;font-size:14px!important;color:#7A6150!important;white-space:nowrap;align-self:center}html.nj-verfijn body.woocommerce .njs .grid .card > .cardfoot:not(.cf-stepper){grid-column:1/-1;grid-row:4 / span 2}}
@media(max-width:600px){html.nj-verfijn body.woocommerce .njs .grid .card > .cardfoot:not(.cf-stepper){display:flex!important;flex-direction:column;align-items:stretch!important;gap:10px;text-align:left!important}html.nj-verfijn body.woocommerce .njs .grid .card > .cardfoot:not(.cf-stepper) .prijs{text-align:left!important;font-size:16px!important}html.nj-verfijn body.woocommerce .njs .grid .card > .cardfoot:not(.cf-stepper) .add{width:100%!important;min-height:44px;display:flex!important;align-items:center;justify-content:center;border-radius:999px!important;background:transparent!important;color:#1A2947!important;border:1.5px solid #1A2947!important;font-size:14px!important}}

/* ---------- 10. Mandpaneel op de telefoon (alleen met html.nj-mp) ---------- */
html.nj-verfijn .nj-mp-prijs,html.nj-verfijn .nj-mp-plus{display:none}
@media(max-width:600px){
  html.nj-mp body.woocommerce .njs .grid .card[data-nj-mp] > .qv-pills,
  html.nj-mp body.woocommerce .njs .grid .card[data-nj-mp] > .nj-gw,
  html.nj-mp body.woocommerce .njs .grid .card[data-nj-mp] > .cardfoot{display:none!important}
  html.nj-mp body.woocommerce .njs .grid .card[data-nj-mp]{grid-template-rows:auto auto 1fr auto!important}
  html.nj-mp body.woocommerce .njs .grid .card .nj-mp-prijs{display:block;grid-column:1;grid-row:4;align-self:center;color:#1A2947;line-height:1.25;min-width:0}
  html.nj-mp .nj-mp-prijs b{font-size:17px;font-weight:700;white-space:nowrap}
  html.nj-mp .nj-mp-prijs .v{font-size:13px;color:#7A6150;font-weight:500}
  html.nj-mp .nj-mp-prijs .g{display:block;font-size:13px;color:#7A6150;margin-top:1px}
  html.nj-mp body.woocommerce .njs .grid .card .nj-mp-plus{display:inline-flex;grid-column:2;grid-row:4;align-self:center;justify-self:end;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1.5px solid #1A2947;background:#FFFFFF;color:#1A2947;padding:0;cursor:pointer;transition:background .15s,color .15s,transform .1s;-webkit-tap-highlight-color:transparent}
  html.nj-mp .nj-mp-plus:active{transform:scale(.94)}
  html.nj-mp .nj-mp-plus.bezig{opacity:.55}
  html.nj-mp .nj-mp-plus.ok{background:#2F6B3A;border-color:#2F6B3A;color:#FFFFFF}
  html.nj-mp .nj-mp-plus.ok svg{display:none}
  html.nj-mp .nj-mp-plus.ok::after{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:var(--nj-vinkje) center/contain no-repeat;mask:var(--nj-vinkje) center/contain no-repeat}
  html.nj-mp .nj-mp-plus:focus-visible{outline:3px solid #1A2947;outline-offset:2px}
}
html.nj-mp .nj-mp-laag{position:fixed;inset:0;background:rgba(17,29,51,.45);z-index:99990;opacity:0;transition:opacity .2s ease}
html.nj-mp .nj-mp-laag.in{opacity:1}
html.nj-mp .nj-mp-paneel{position:fixed;left:0;right:0;bottom:0;z-index:99991;background:#F7F3EC;border-radius:22px 22px 0 0;box-shadow:0 -12px 40px rgba(17,29,51,.18);padding:8px 18px calc(18px + env(safe-area-inset-bottom));max-height:88vh;overflow-y:auto;transform:translateY(100%);transition:transform .22s ease;font-family:var(--sans,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif);color:#1A2947}
html.nj-mp .nj-mp-paneel.in{transform:translateY(0)}
html.nj-mp.nj-mp-open,html.nj-mp.nj-mp-open body{overflow:hidden}
html.nj-mp .nj-mp-greep{width:40px;height:4px;border-radius:2px;background:#E2D5C3;margin:4px auto 12px}
html.nj-mp .nj-mp-kop{display:flex;align-items:center;gap:14px;margin-bottom:16px}
html.nj-mp .nj-mp-foto{flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:#EFE8DC;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}
html.nj-mp .nj-mp-foto img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
html.nj-mp .nj-mp-tekst{flex:1;min-width:0}
html.nj-mp .nj-mp-cat{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8F5A1E;margin-bottom:3px}
html.nj-mp .nj-mp-paneel h2{font-family:var(--serif,'Lora',serif)!important;font-weight:500!important;font-size:20px!important;line-height:1.25!important;margin:0!important;color:#1A2947!important}
html.nj-mp .nj-mp-sluit{flex:0 0 44px;width:44px;height:44px;border-radius:50%;border:0;background:#EFE8DC;color:#1A2947;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;align-self:flex-start}
html.nj-mp .nj-mp-opties{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
html.nj-mp .nj-mp-optie{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 14px;border-radius:14px;border:1.5px solid #E2D5C3;background:#FFFFFF;color:#1A2947;text-align:left;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
html.nj-mp .nj-mp-optie.aan{border-color:#1A2947;box-shadow:0 0 0 1px #1A2947 inset}
html.nj-mp .nj-mp-optie .r{flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:1.5px solid #B9A88F;box-sizing:border-box}
html.nj-mp .nj-mp-optie.aan .r{border:6px solid #1A2947}
html.nj-mp .nj-mp-optie .l{flex:1;min-width:0}
html.nj-mp .nj-mp-optie .l b{display:block;font-size:16px;font-weight:700}
html.nj-mp .nj-mp-optie .l small{display:block;font-size:13px;color:#7A6150;margin-top:2px}
html.nj-mp .nj-mp-optie .p{text-align:right}
html.nj-mp .nj-mp-optie .p b{display:block;font-size:17px;font-weight:700;white-space:nowrap}
html.nj-mp .nj-mp-optie .p em{display:block;font-style:normal;font-size:11.5px;font-weight:700;color:#2F6B3A;margin-bottom:2px;white-space:nowrap}
html.nj-mp .nj-mp-optie:focus-visible,html.nj-mp .nj-mp-sluit:focus-visible,html.nj-mp .nj-mp-bestel:focus-visible,html.nj-mp .nj-mp-qty button:focus-visible{outline:3px solid #1A2947;outline-offset:2px}
html.nj-mp .nj-mp-voet{display:flex;align-items:center;gap:12px}
html.nj-mp .nj-mp-qty{display:flex;align-items:center;height:52px;border:1px solid #E2D5C3;background:#FFFFFF;border-radius:999px;padding:0 4px;flex:0 0 auto}
html.nj-mp .nj-mp-qty button{width:44px;height:44px;border:0;background:transparent;color:#1A2947;font-size:20px;line-height:1;cursor:pointer;padding:0}
html.nj-mp .nj-mp-qty button:disabled{color:#B9A88F;cursor:default}
html.nj-mp .nj-mp-qty .n{min-width:24px;text-align:center;font-weight:700;font-size:16px}
html.nj-mp .nj-mp-bestel{flex:1;height:52px;border-radius:999px;border:0;background:#1A2947;color:#FFFFFF;font:inherit;font-size:15.5px;font-weight:700;cursor:pointer;white-space:nowrap;padding:0 14px}
html.nj-mp .nj-mp-bestel:active{background:#111D33}
@media(min-width:601px){html.nj-mp .nj-mp-laag,html.nj-mp .nj-mp-paneel{display:none!important}}
@media(prefers-reduced-motion:reduce){html.nj-mp .nj-mp-paneel,html.nj-mp .nj-mp-laag{transition:none}}@media(max-width:600px){html.nj-mp body.woocommerce .njs .grid .card a.nj-mp-plus{text-decoration:none}html.nj-mp .nj-mp-prijs .g{white-space:normal}}

/* ---------- 11. Telefoon: zwevend mandje + pijl naar boven (11-11-2026) ---------- */
html.nj-verfijn .nj-zwevend{display:none}
@media(max-width:760px){
  html.nj-verfijn #nj-top{display:flex!important;align-items:center;justify-content:center;position:fixed!important;right:18px!important;left:auto!important;bottom:calc(88px + env(safe-area-inset-bottom))!important;width:44px!important;height:44px!important;border-radius:50%!important;z-index:9990!important;opacity:0!important;pointer-events:none!important;transform:translateY(8px);transition:opacity .2s,transform .2s!important}
  html.nj-verfijn #nj-top.nj-zicht{opacity:1!important;pointer-events:auto!important;transform:none}
  html.nj-verfijn .nj-zwevend{display:flex;position:fixed;right:14px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:9991;width:56px;height:56px;border-radius:50%;background:#1A2947;color:#FFFFFF;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(17,29,51,.28);text-decoration:none;opacity:0;pointer-events:none;transform:translateY(10px) scale(.92);transition:opacity .2s,transform .2s}
  html.nj-verfijn .nj-zwevend.nj-zicht{opacity:1;pointer-events:auto;transform:none}
  html.nj-verfijn .nj-zwevend svg{width:24px;height:24px}
  html.nj-verfijn .nj-zwevend .n{position:absolute;top:-3px;right:-3px;min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;border-radius:11px;background:#E0BE7A;color:#1A2947;font-size:12.5px;font-weight:800;line-height:22px;text-align:center;border:2px solid #F7F3EC}
  html.nj-verfijn .nj-zwevend .n.leeg{display:none}
  html.nj-verfijn .nj-zwevend.tik{animation:njTik .5s ease}
  html.nj-verfijn .nj-zwevend:focus-visible{outline:3px solid #1A2947;outline-offset:3px}
  /* productpagina: boven de vaste bestelbalk */
  html.nj-verfijn body.single-product .nj-zwevend{bottom:calc(92px + env(safe-area-inset-bottom))}
  html.nj-verfijn body.single-product #nj-top{bottom:calc(160px + env(safe-area-inset-bottom))!important}
  html.nj-verfijn.nj-mp-open .nj-zwevend,html.nj-verfijn.nj-mp-open #nj-top{opacity:0!important;pointer-events:none!important}
  html.nj-verfijn body.woocommerce-cart .nj-zwevend,html.nj-verfijn body.woocommerce-checkout .nj-zwevend{display:none!important}
}
@keyframes njTik{0%{transform:scale(1)}40%{transform:scale(1.15)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){html.nj-verfijn .nj-zwevend,html.nj-verfijn #nj-top{transition:none!important}html.nj-verfijn .nj-zwevend.tik{animation:none}}
/* 11b. mandje vierkant, vast aan de onderrand van het scherm; pijl erboven (11-11-2026) */
@media(max-width:760px){
  html.nj-verfijn .nj-zwevend{right:14px;bottom:0;width:60px;height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;border-radius:14px 14px 0 0;box-shadow:0 -4px 18px rgba(17,29,51,.22);transform:translateY(100%)}
  html.nj-verfijn .nj-zwevend.nj-zicht{transform:none}
  html.nj-verfijn .nj-zwevend .n{top:6px;right:6px;border-color:#1A2947}
  html.nj-verfijn #nj-top{right:22px!important;bottom:calc(70px + env(safe-area-inset-bottom))!important}
  html.nj-verfijn body.single-product .nj-zwevend{bottom:calc(72px + env(safe-area-inset-bottom));height:58px;padding-bottom:0;border-radius:14px;box-shadow:0 8px 22px rgba(17,29,51,.25)}
  html.nj-verfijn body.single-product #nj-top{bottom:calc(142px + env(safe-area-inset-bottom))!important}
}

/* 11c. subtieler: kleiner, tegen de rechterrand, lichte kleuren (11-11-2026) */
@media(max-width:760px){
  html.nj-verfijn .nj-zwevend{right:0;width:48px;height:calc(46px + env(safe-area-inset-bottom));border-radius:12px 0 0 0;background:#FFFFFF;color:#1A2947;border:1px solid #E2D5C3;border-right:0;border-bottom:0;box-shadow:0 -2px 10px rgba(17,29,51,.10)}
  html.nj-verfijn .nj-zwevend svg{width:21px;height:21px}
  html.nj-verfijn .nj-zwevend .n{top:4px;right:4px;min-width:17px;height:17px;line-height:17px;padding:0 4px;font-size:10.5px;border:0;border-radius:9px;background:#1A2947;color:#FFFFFF}
  html.nj-verfijn #nj-top{right:6px!important;width:36px!important;height:36px!important;bottom:calc(56px + env(safe-area-inset-bottom))!important;background:#FFFFFF!important;color:#1A2947!important;border:1px solid #E2D5C3!important;box-shadow:0 2px 8px rgba(17,29,51,.10)!important;font-size:15px!important}
  html.nj-verfijn body.single-product .nj-zwevend{bottom:calc(72px + env(safe-area-inset-bottom));height:46px;border-radius:12px 0 0 12px;border-bottom:1px solid #E2D5C3}
  html.nj-verfijn body.single-product #nj-top{bottom:calc(128px + env(safe-area-inset-bottom))!important}
}

/* 11d. smalle tab in de rechterkantlijn: inhoud krijgt rechts een vrije strook (11-11-2026) */
@media(max-width:600px){
  html.nj-verfijn body.woocommerce .njs .wrap,html.nj-verfijn body.nh main .wrap{padding-left:14px!important;padding-right:36px!important}
  html.nj-verfijn body.nh header .wrap,html.nj-verfijn body.nh footer .wrap{padding-right:16px!important}
  html.nj-verfijn body.nh #gids-sectie .gids-grid,html.nj-verfijn body.nh .revgrid{margin:0 -36px 0 -14px!important;padding:2px 36px 14px 14px!important}
  html.nj-verfijn .nj-zwevend{width:30px!important;height:calc(48px + env(safe-area-inset-bottom))!important;border-radius:10px 0 0 0!important}
  html.nj-verfijn .nj-zwevend svg{width:18px!important;height:18px!important}
  html.nj-verfijn .nj-zwevend .n{top:2px!important;right:2px!important;min-width:15px!important;height:15px!important;line-height:15px!important;font-size:9.5px!important;padding:0 3px!important}
  html.nj-verfijn .nj-zwevend svg{margin-top:8px}
  html.nj-verfijn #nj-top{right:0!important;width:30px!important;height:40px!important;border-radius:10px 0 0 10px!important;border-right:0!important;bottom:calc(56px + env(safe-area-inset-bottom))!important;font-size:14px!important}
  html.nj-verfijn body.single-product .nj-zwevend{height:48px!important;border-radius:10px 0 0 10px!important}
  html.nj-verfijn body.single-product #nj-top{bottom:calc(128px + env(safe-area-inset-bottom))!important}
}

/* 10b. 'vanaf'-kaarten zonder gewichtenlijst; die staan in het paneel/op de productpagina */
html.nj-mp .nj-mp-prijs:has(.v) .g{display:none!important}

/* 12. Zij-mandje op de telefoon compacter, meer overzicht (11-11-2026) */
@media(max-width:700px){
  html.nj-verfijn #nj-mandje .njm-kop{padding:12px 16px 10px!important}
  html.nj-verfijn #nj-mandje .njm-kop h2{font-size:1.15rem!important}
  html.nj-verfijn #nj-mandje .njm-aantal{font-size:.8rem!important;margin-right:8px!important}
  html.nj-verfijn #nj-mandje .njm-sluit{width:32px!important;height:32px!important;font-size:1.25rem!important}
  html.nj-verfijn #nj-mandje .njm-top{padding:8px 16px 4px!important}
  html.nj-verfijn #nj-mandje .njm-top-rij{font-size:.85rem!important}
  html.nj-verfijn #nj-mandje .njm-top-rij b{font-size:.95rem!important}
  html.nj-verfijn #nj-mandje .njm-top-gratis,html.nj-verfijn #nj-mandje .njm-gratis{font-size:.76rem!important;margin:4px 0 6px!important}
  html.nj-verfijn #nj-mandje .njm-bar{height:4px!important;margin-bottom:8px!important}
  html.nj-verfijn #nj-mandje a.njm-top-btn{margin:0 0 8px!important}
  html.nj-verfijn #nj-mandje .njm-legen-rij{padding:2px 16px 0!important;min-height:26px!important}
  html.nj-verfijn #nj-mandje .njm-legen{font-size:.76rem!important;padding:4px 2px!important}
  html.nj-verfijn #nj-mandje .njm-lijst{padding:2px 14px!important}
  html.nj-verfijn #nj-mandje .njm-item{grid-template-columns:46px minmax(0,1fr) 22px!important;gap:10px!important;padding:9px 0!important}
  html.nj-verfijn #nj-mandje .njm-thumb{width:46px!important;height:46px!important;border-radius:8px!important}
  html.nj-verfijn #nj-mandje .njm-naam{font-size:.84rem!important;line-height:1.25!important}
  html.nj-verfijn #nj-mandje .njm-vari,html.nj-verfijn #nj-mandje .njm-data,html.nj-verfijn #nj-mandje .njm-inhoud{font-size:.72rem!important;margin-top:1px!important}
  html.nj-verfijn #nj-mandje .njm-regel{margin-top:5px!important;font-size:.84rem!important}
  html.nj-verfijn #nj-mandje .njm-x{width:22px!important;height:22px!important;font-size:1rem!important}
  html.nj-verfijn #nj-mandje .nj-qty{height:28px!important}
  html.nj-verfijn #nj-mandje .nj-qty button{width:26px!important;height:28px!important;font-size:1rem!important}
  html.nj-verfijn #nj-mandje .nj-qty input{width:26px!important;height:28px!important;font-size:.82rem!important}
  html.nj-verfijn #nj-mandje .njm-edit{font-size:.74rem!important;margin-top:4px!important}
  html.nj-verfijn #nj-mandje .njm-voet{padding:8px 16px calc(12px + env(safe-area-inset-bottom,0px))!important}
  html.nj-verfijn #nj-mandje .njm-tot{font-size:.84rem!important;padding:2px 0!important}
  html.nj-verfijn #nj-mandje .njm-btn{padding:10px 16px!important;font-size:.88rem!important;margin-top:6px!important}
  html.nj-verfijn #nj-mandje .njm-couponform input[type=text],html.nj-verfijn #nj-mandje .njm-couponform button[type=submit]{height:36px!important;font-size:.8rem!important}
  html.nj-verfijn #nj-mandje .njm-verder{margin-top:6px!important;font-size:.8rem!important}
}

/* 12b. Zij-mandje telefoon: totaal + afrekenen onderaan, onder kortingscode (11-11-2026) */
@media(max-width:700px){
  html.nj-verfijn #nj-mandje .njm-kop{order:0}
  html.nj-verfijn #nj-mandje .njm-legen-rij{order:1}
  html.nj-verfijn #nj-mandje .njm-lijst{order:2}
  html.nj-verfijn #nj-mandje .njm-voet{order:3;padding-bottom:6px!important}
  html.nj-verfijn #nj-mandje .njm-top{order:4;border-bottom:0!important;border-top:1px solid #E2D5C3!important;background:#F7F3EC;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px))!important}
  html.nj-verfijn #nj-mandje a.njm-top-btn{margin:2px 0 0!important}
}

/* 12c. kortingscode inklapbaar */
html.nj-verfijn #nj-mandje .njm-couponform.nj-dicht{display:none!important}
html.nj-verfijn #nj-mandje .nj-kortingknop{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:6px 0;margin:0 0 4px;font:inherit;font-size:.85rem;font-weight:700;color:#8F5A1E;cursor:pointer;min-height:32px}
html.nj-verfijn #nj-mandje .nj-kortingknop span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1.5px solid #BC7C36;font-size:14px;line-height:1}
html.nj-verfijn #nj-mandje .nj-kortingknop:focus-visible{outline:3px solid #1A2947;outline-offset:2px}

/* 12d. productnamen in het zij-mandje in de koppenletter, zoals op de kaarten (11-11-2026) */
html.nj-verfijn #nj-mandje .njm-naam{font-family:var(--serif,'Lora',Georgia,serif)!important;font-weight:500!important;font-size:.95rem!important;line-height:1.25!important;color:#1A2947!important}
@media(max-width:700px){html.nj-verfijn #nj-mandje .njm-naam{font-size:.9rem!important}}

/* 13. banner eigen mix op de categorie Noten mixen */
html.nj-verfijn .nj-mixbanner{display:flex;align-items:center;gap:18px;background:#EFE8DC;border-radius:16px;padding:16px 20px;margin:8px 0 22px;text-decoration:none;color:#1A2947;transition:background .2s}
html.nj-verfijn .nj-mixbanner:hover{background:#E9DFCF}
html.nj-verfijn .nj-mixbanner:focus-visible{outline:3px solid #1A2947;outline-offset:3px}
html.nj-verfijn .nj-mixbanner .vis{flex:0 0 64px;width:64px;height:78px;border-radius:10px 10px 14px 14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 14px rgba(26,41,71,.15);border:3px solid #C9A877}
html.nj-verfijn .nj-mixbanner .vis i{flex:1;background-size:cover;background-position:center}
html.nj-verfijn .nj-mixbanner .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
html.nj-verfijn .nj-mixbanner small{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8F5A1E}
html.nj-verfijn .nj-mixbanner b{font-family:var(--serif,'Lora',serif);font-weight:500;font-size:20px;line-height:1.2}
html.nj-verfijn .nj-mixbanner .t>span{font-size:14px;color:#5A4B3F;line-height:1.4}
html.nj-verfijn .nj-mixbanner .pijl{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#1A2947;color:#FFFFFF;display:flex;align-items:center;justify-content:center}
@media(max-width:600px){html.nj-verfijn .nj-mixbanner{gap:12px;padding:12px 14px;margin:4px 0 16px}html.nj-verfijn .nj-mixbanner .vis{flex-basis:48px;width:48px;height:60px}html.nj-verfijn .nj-mixbanner b{font-size:17px}html.nj-verfijn .nj-mixbanner .t>span{font-size:12.5px}html.nj-verfijn .nj-mixbanner .pijl{flex-basis:36px;width:36px;height:36px}}

/* 14. mix-bouwer paneel (telefoon) */
html.nj-verfijn .nj-mixlade{position:fixed;inset:0;z-index:99996;background:#F7F3EC;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
html.nj-verfijn .nj-mixlade.in{transform:none}
html.nj-verfijn .nj-mixlade[hidden]{display:none}
html.nj-verfijn .nj-mixlade .kop{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px 18px;border-bottom:1px solid #E2D5C3;background:#F7F3EC}
html.nj-verfijn .nj-mixlade h2{font-family:var(--serif,'Lora',serif)!important;font-weight:500!important;font-size:19px!important;margin:0!important;color:#1A2947!important}
html.nj-verfijn .nj-mixlade .sluit{width:44px;height:44px;border-radius:50%;border:0;background:#EFE8DC;color:#1A2947;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
html.nj-verfijn .nj-mixlade .sluit:focus-visible{outline:3px solid #1A2947;outline-offset:2px}
html.nj-verfijn .nj-mixlade .romp{flex:1;position:relative;min-height:0}
html.nj-verfijn .nj-mixlade iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#F7F3EC}
html.nj-verfijn .nj-mixlade .laden{position:absolute;top:40%;left:0;right:0;text-align:center;color:#7A6150;font-size:14px;margin:0;z-index:1}
html.nj-verfijn.nj-mixlade-open,html.nj-verfijn.nj-mixlade-open body{overflow:hidden}
html.nj-verfijn.nj-mixlade-open .nj-zwevend,html.nj-verfijn.nj-mixlade-open #nj-top{opacity:0!important;pointer-events:none!important}
@media(prefers-reduced-motion:reduce){html.nj-verfijn .nj-mixlade{transition:none}}