/* ═══ Nootje nieuw — basisstijl voor prototype-templates (kop/voet/shop/product) ═══ */
:root{--bg:#F7F3EC;--tint:#EDE6D8;--line:#E2D5C3;--navy:#1A2947;--navy2:#111D33;--ink:#251508;--inkdim:#5d4a38;--muted:#7A6150;--car:#C0813A;--car2:#A86C2C;--gold:#E0BE7A;--green:#5f7a4a;--serif:'Lora',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
#wpadminbar{display:none}html{margin-top:0!important;scroll-behavior:smooth}
body.nj{background:var(--bg)!important;color:var(--ink);font-family:var(--sans);line-height:1.65;margin:0;overflow-x:hidden}
body.nj h1,body.nj h2,body.nj h3,body.nj h4{font-family:var(--serif);color:var(--navy);margin:0}
body.nj a{color:inherit;text-decoration:none}body.nj img{max-width:100%}body.nj button{font-family:var(--sans);cursor:pointer}
.nj .wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.nj em.c{font-style:italic;color:var(--car);font-weight:400}
.nj .ribbon{background:var(--navy);font-size:.78rem;letter-spacing:.06em;color:#F7F3EC;text-align:center;padding:8px 16px}
.nj header.njk{position:sticky;top:0;z-index:50;background:rgba(247,243,236,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nj .nav{display:flex;align-items:center;gap:26px;padding:15px 0}
.nj .logo{font-family:var(--serif);font-size:1.8rem;font-weight:700;color:var(--navy);display:flex;align-items:baseline;gap:10px}
.nj .logo em{font-style:italic;color:var(--car)}
.nj .logo small{font-family:var(--sans);font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-weight:700}
.nj .links{display:flex;gap:22px;margin-left:auto;font-size:.87rem;font-weight:700}
.nj .links a{color:var(--inkdim);padding:4px 0;border-bottom:2px solid transparent;transition:all .2s}
.nj .links a:hover{color:var(--navy);border-color:var(--car)}
.nj .cartbtn{background:var(--navy);color:#F7F3EC!important;border:none;border-radius:24px;padding:9px 18px;font-size:.85rem;font-weight:700;display:inline-flex;gap:9px;align-items:center}
.nj .cartbtn:hover{background:transparent}
.nj .count{background:var(--car);color:#fff;font-weight:700;font-size:.72rem;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}
.nj .hamb{display:block;background:none;border:1px solid var(--line);border-radius:10px;color:var(--navy);font-size:1.2rem;padding:6px 12px}
.nj .mnav{position:fixed;inset:0;background:rgba(247,243,236,.98);z-index:140;display:none;flex-direction:column;gap:6px;padding:70px 34px;font-family:var(--serif)}
.nj .mnav.open{display:flex}
.nj .mnav a{font-size:1.5rem;font-weight:600;color:var(--navy);padding:10px 0;border-bottom:1px solid var(--line)}
.nj .mnav .x{position:absolute;top:16px;right:20px;background:none;border:none;font-size:1.5rem;color:var(--navy)}
.nj .eyebrow{font-size:.73rem;letter-spacing:.3em;text-transform:uppercase;color:var(--car2);margin-bottom:14px;display:flex;align-items:center;gap:14px;font-weight:700}
.nj .eyebrow:before{content:"";width:36px;height:1px;background:var(--car)}
.nj section.njs{padding:52px 0 76px}
.nj .sechead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:20px;flex-wrap:wrap}
.nj .sechead h1{font-size:clamp(2rem,3.6vw,3rem);font-weight:600}
.nj .btn{display:inline-flex;align-items:center;gap:10px;border-radius:30px;padding:13px 26px;font-size:.9rem;font-weight:700;border:1px solid transparent}
.nj .btn-navy{background:var(--navy);color:#F7F3EC!important}.nj .btn-navy:hover{background:var(--navy2)}
.nj .btn-ghost{border-color:var(--navy);color:var(--navy)}

/* zoek + chips */
.nj .shoptools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:22px}
.nj .zoek{border:1px solid var(--line);border-radius:24px;padding:10px 18px;font-family:var(--sans);font-size:.88rem;background:#fff;color:var(--ink);width:260px}
.nj .chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}
.nj .chip{background:#fff;border:1px solid var(--line);color:var(--inkdim);border-radius:22px;padding:8px 18px;font-size:.82rem;font-weight:700;transition:all .2s}
.nj .chip:hover{border-color:var(--car)}
.nj .chip.on{background:var(--navy);border-color:var(--navy);color:#F7F3EC}

/* productgrid — 1-op-1 prototypekaarten */
.nj .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:22px}
.nj .card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;position:relative;box-shadow:0 4px 14px rgba(26,41,71,.05);transition:transform .25s,box-shadow .25s,border-color .25s}
.nj .card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -20px rgba(26,41,71,.18);border-color:rgba(192,129,58,.5)}
.nj .card .ph{height:158px;display:flex;align-items:center;justify-content:center;margin:4px 0 14px}
.nj .card .ph img{max-height:150px;max-width:88%;width:auto;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}
.nj .card:hover .ph img{transform:scale(1.06)}
.nj .card .cat{font-size:.67rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-weight:700}
.nj .card h3{font-size:1.24rem;font-weight:600;line-height:1.3;margin-bottom:14px}
.nj .card h3 a{color:var(--navy)}
.nj .cardfoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.nj .prijs,.nj .prijs .amount,.nj .prijs bdi{font-family:var(--serif);font-size:1.15rem;font-weight:700;color:var(--navy)}
.nj .prijs .from{font-family:var(--sans);font-size:.72rem;font-weight:700;color:var(--muted)}
.nj .add{background:var(--navy);border:none;color:#F7F3EC!important;font-weight:700;border-radius:24px;padding:10px 20px;font-size:.82rem;display:inline-flex;gap:7px;align-items:center;transition:background .2s}
.nj .add:hover{background:var(--navy2)}

/* paginering */
.nj .pagen{display:flex;gap:8px;justify-content:center;margin-top:40px}
.nj .pagen a,.nj .pagen span{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 16px;font-weight:700;color:var(--inkdim);font-size:.85rem}
.nj .pagen .current{background:var(--navy);border-color:var(--navy);color:#F7F3EC}

/* meldingen */
.nj .woocommerce-message,.nj .woocommerce-info,.nj .woocommerce-error{background:#fff;border:1px solid var(--line);border-top:3px solid var(--green);border-radius:12px;padding:14px 18px;margin:0 0 22px;color:var(--ink);list-style:none}
.nj .woocommerce-error{border-top-color:#b3541e}
.nj .woocommerce-message a,.nj .woocommerce-info a{color:var(--car2);font-weight:700}
.nj .woocommerce-message .button{float:right;background:var(--navy);color:#F7F3EC;border-radius:20px;padding:7px 16px;font-size:.8rem;font-weight:700}

/* single product */
.nj .pgrid{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:start;margin-bottom:44px}
.nj .pimg{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;display:flex;align-items:center;justify-content:center;min-height:380px}
.nj .pimg img{max-height:420px;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.nj .pintro{font-size:.95rem;color:var(--inkdim);margin:14px 0 22px;max-width:34rem}
.nj .pprice,.nj .pprice .amount,.nj .pprice bdi{font-family:var(--serif);font-size:1.9rem;font-weight:700;color:var(--navy)}
.nj form.cart{margin-top:18px}
.nj table.variations{background:transparent;border:none;border-collapse:collapse;margin-bottom:8px}
.nj table.variations th,.nj table.variations td{border:none;padding:6px 10px 6px 0;background:none}
.nj table.variations label{font-weight:700;color:var(--navy);font-size:.85rem}
.nj select{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;color:var(--ink);font-family:var(--sans);font-size:.9rem}
.nj .quantity .qty{border:1px solid var(--line);border-radius:12px;padding:10px;width:70px;text-align:center;font-family:var(--sans)}
.nj .single_add_to_cart_button{background:var(--navy)!important;color:#F7F3EC!important;border:none!important;border-radius:26px!important;padding:14px 32px!important;font-weight:700!important;font-size:.95rem!important;margin-left:10px;cursor:pointer}
.nj .single_add_to_cart_button:hover{background:var(--navy2)!important}
.nj .woocommerce-variation-price .price{font-family:var(--serif);font-size:1.5rem;font-weight:700;color:var(--navy)}
.nj .reset_variations{color:var(--car2);font-size:.8rem;font-weight:700}
.nj .pusps{display:flex;flex-wrap:wrap;gap:16px;font-size:.78rem;color:var(--muted);font-weight:700;margin-top:22px;border-top:1px dashed var(--line);padding-top:16px}
.nj .terug{font-size:.82rem;font-weight:700;color:var(--car2);display:inline-block;margin-bottom:18px}
/* infoblok-module breed maken binnen template */
.nj .njpi{max-width:none;margin-top:8px}
/* gerelateerd */
.nj .related h2,.nj .gerelateerd h2{font-size:1.7rem;margin:40px 0 20px}
@media(max-width:900px){.nj .links{display:none}.nj .hamb{display:block;margin-left:auto}.nj .pgrid{grid-template-columns:1fr}.nj .pimg{min-height:260px}}

/* ── verfijning productpagina ── */
.nj h1,.nj h2,.nj h3,.nj h4{text-transform:none!important;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.nj .pprice,.nj .prijs,.nj .price,.nj .amount,.nj bdi,.nj .woocommerce-variation-price .price{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.nj .pgrid h1{font-size:clamp(1.7rem,2.8vw,2.3rem)!important;letter-spacing:0}
.nj form.cart{display:block}
.nj table.variations{width:100%;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px 14px;margin:6px 0 12px}
.nj table.variations th,.nj table.variations td{padding:10px 6px;vertical-align:middle}
.nj table.variations th{font-weight:700;color:var(--navy);font-size:.85rem;width:90px;text-align:left}
.nj .woo-selected-variation-item-name{margin-left:8px;color:var(--car2);font-weight:700}
.nj .variable-items-wrapper .variable-item,.nj .variable-item.button-variable-item{border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important;padding:7px 14px!important;font-family:var(--sans)!important;font-weight:700!important;color:var(--inkdim)!important;background:#fff!important}
.nj .variable-item.selected,.nj .variable-item.selected:hover{border-color:var(--navy)!important;background:rgba(26,41,71,.07)!important;color:var(--navy)!important}
.nj .reset_variations{margin-left:10px;font-size:.78rem}
.nj .single_variation_wrap{margin:14px 0 0}
.nj .woocommerce-variation-price{margin-bottom:12px}
.nj .woocommerce-variation-add-to-cart{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.nj .single_add_to_cart_button{margin-left:0!important}
.nj .quantity .qty{height:48px}
/* express-checkout (Apple/Google Pay) rustiger én smaller */
.nj #wcpay-express-checkout-element,.nj #wcpay-payment-request-wrapper,.nj .wcpay-payment-request-wrapper,.nj #wcpay-express-checkout-wrapper,.nj .wc_payment_methods+div{max-width:420px}
.nj #wcpay-express-checkout-element{margin-top:14px}
.nj #wcpay-express-checkout-button-separator{display:none!important}
/* gerelateerde producten in prototypekaarten */
.nj .related>h2,.nj .up-sells>h2,.nj section.related h2{font-size:1.8rem;margin:48px 0 20px;font-weight:600}
.nj ul.products{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:20px}
.nj ul.products::before,.nj ul.products::after{display:none}
.nj ul.products li.product{width:auto!important;float:none!important;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 4px 14px rgba(26,41,71,.05);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;text-align:left;margin:0!important}
.nj ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 24px 50px -20px rgba(26,41,71,.18)}
.nj ul.products li.product img{max-height:140px;width:auto;max-width:88%;margin:6px auto 12px;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}
.nj ul.products li.product:hover img{transform:scale(1.05)}
.nj ul.products li.product .woocommerce-loop-product__title{font-family:var(--serif);color:var(--navy);font-size:1.1rem;font-weight:600;padding:0}
.nj ul.products li.product .price{margin:8px 0 12px}
.nj ul.products li.product .button{background:var(--navy)!important;color:#F7F3EC!important;border-radius:22px!important;padding:9px 18px!important;font-size:.8rem!important;font-weight:700!important;margin-top:auto;align-self:flex-start;border:none!important}
.nj ul.products li.product .onsale{top:12px;right:12px;left:auto}
/* ── nette uitlijning meldingen ── */
.nj .woocommerce-message,.nj .woocommerce-info{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 18px!important}
.nj .woocommerce-message .button,.nj .woocommerce-info .button{float:none!important;order:2;margin:0!important;background:var(--navy)!important;color:#F7F3EC!important;border-radius:22px!important;padding:10px 20px!important;font-size:.82rem!important;font-weight:700!important;white-space:nowrap;border:none!important}
.nj .woocommerce-message .button:hover{background:var(--navy2)!important}
/* ── mandje & afrekenen in nieuwe schil ── */
.nj .njwoo .cart_totals,.nj .njwoo .woocommerce-cart-form,.nj .njwoo .coupon-box,.nj .njwoo #order_review,.nj .njwoo .woocommerce-billing-fields__field-wrapper{background:transparent}
.nj .njwoo h2{font-size:1.4rem;margin:18px 0 12px}
.nj .njwoo .button,.nj .njwoo button{background:var(--navy)!important;color:#F7F3EC!important;border-radius:24px!important;border:none!important;font-weight:700!important;padding:12px 24px!important}
.nj .njwoo .button:hover{background:var(--navy2)!important}
.nj .njwoo input.input-text,.nj .njwoo input[type=text],.nj .njwoo input[type=email],.nj .njwoo input[type=tel]{background:#fff!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:11px 14px!important}
.nj .njwoo .woocommerce-cart-form img{max-width:64px;mix-blend-mode:multiply}
.nj .njwoo td.product-name{font-weight:700;color:var(--navy)}
.nj .njwoo .cart_totals table,.nj .njwoo table.shop_table{border-radius:14px}
.nj .njwoo #payment{background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important}
.nj .njwoo #payment .payment_box{background:var(--tint)!important;border-radius:10px}
.nj .njwoo .wc_payment_method label{font-weight:700;color:var(--navy)}
/* ── logo op telefoon ── */
.nj .lgimg{display:block;height:46px;width:46px;border-radius:50%}
@media(max-width:640px){.nj .lgimg{display:block}.nj .lgtxt{display:none}}

/* ── mobiele header: niets meer afgesneden ── */
html,body.nj{overflow-x:hidden!important;max-width:100vw}
@media(max-width:640px){
.nj .nav{gap:10px;padding:10px 0}
.nj .cartbtn{padding:8px 12px;font-size:0;gap:6px}
.nj .cartbtn>span:first-child{font-size:1.05rem}
.nj .cartbtn .count{font-size:.72rem}
.nj .hamb{padding:6px 10px}
}

/* ── gerelateerde producten: gecentreerd en compact ── */
.nj ul.products li.product{text-align:center;align-items:center;padding:16px 14px}
.nj ul.products li.product img{max-height:105px;margin:4px auto 10px}
.nj ul.products li.product .woocommerce-loop-product__title{font-size:1rem;text-align:center;line-height:1.25}
.nj ul.products li.product .price{display:block;text-align:center;margin:6px 0 10px}
.nj ul.products li.product .button{align-self:center;margin-top:auto}
.nj .related ul.products,.nj .up-sells ul.products{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}

/* ── samenstellings-details (mix/cadeautas) compact in mandje ── */
.nj .njwoo dl.variation{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:.76rem;background:#FBF8F2;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:8px 0 0;max-height:180px;overflow:auto}
.nj .njwoo dl.variation dt{font-weight:700;color:var(--navy);margin:0}
.nj .njwoo dl.variation dd{margin:0;color:var(--inkdim)}
.nj .njwoo dl.variation dd p{margin:0;display:inline}

/* ── mandje & checkout op telefoon ── */
@media(max-width:700px){
.nj .njwoo table.shop_table,.nj .njwoo table.shop_table tbody,.nj .njwoo table.shop_table tr,.nj .njwoo table.shop_table td{display:block;width:100%!important;box-sizing:border-box}
.nj .njwoo table.shop_table thead{display:none}
.nj .njwoo table.shop_table tr{border-bottom:1px solid var(--line);padding:8px 0;position:relative}
.nj .njwoo table.shop_table td{border:none!important;padding:6px 14px!important;background:none!important;text-align:left!important}
.nj .njwoo td.product-thumbnail{width:auto!important}
.nj .njwoo td.product-thumbnail img{max-width:60px}
.nj .njwoo td.product-remove{position:absolute;top:6px;right:6px;width:auto!important;padding:0!important}
.nj .njwoo td.product-name{font-size:.95rem;padding-right:40px!important}
.nj .njwoo .coupon{display:flex;flex-direction:column;gap:8px;float:none!important;width:100%}
.nj .njwoo .coupon input{width:100%!important;box-sizing:border-box}
.nj .njwoo .button,.nj .njwoo button[name=update_cart],.nj .njwoo .checkout-button{width:100%!important;text-align:center;justify-content:center;box-sizing:border-box}
.nj .njwoo .cart_totals{width:100%!important;float:none!important}
.nj .njwoo .cart_totals h2{font-size:1.2rem}
.nj .njwoo #payment .payment_box{font-size:.85rem}
.nj .njwoo .woocommerce-billing-fields input,.nj .njwoo .woocommerce-billing-fields select{width:100%!important;box-sizing:border-box}
.nj .pgrid h1{font-size:1.5rem!important}
.nj .pimg{min-height:220px;padding:20px}
.nj .pimg img{max-height:260px}
}
/* ── mandje mobiel v2: breedte + één lettertype + labels ── */
.nj .njwoo, .nj .njwoo form, .nj .njwoo table{max-width:100%!important;width:100%!important;box-sizing:border-box}
.nj .njwoo td, .nj .njwoo th, .nj .njwoo a, .nj .njwoo p, .nj .njwoo li, .nj .njwoo label, .nj .njwoo span, .nj .njwoo input, .nj .njwoo select, .nj .njwoo button, .nj .njwoo dt, .nj .njwoo dd{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif!important}
.nj .njwoo .amount, .nj .njwoo bdi, .nj .njwoo .woocommerce-Price-amount{font-family:'Lora',serif!important;font-weight:700;color:var(--navy)!important;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.nj .njwoo td.product-name, .nj .njwoo td.product-name a{color:var(--navy)!important;font-weight:700}
.nj .njwoo td{word-break:break-word;overflow-wrap:anywhere}
@media(max-width:700px){
.nj .njwoo{overflow-x:hidden}
.nj .njwoo table.shop_table{border-radius:14px;overflow:hidden}
.nj .njwoo table.shop_table tr{background:#fff;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;padding:10px 4px;display:block}
.nj .njwoo td[data-title]::before{content:attr(data-title) ": ";font-weight:700;color:var(--muted);font-size:.78rem}
.nj .njwoo td.product-thumbnail{display:inline-block;width:auto!important;vertical-align:top}
.nj .njwoo td.product-name{display:inline-block;width:calc(100% - 96px)!important;vertical-align:top}
.nj .njwoo .quantity .qty{width:64px;height:40px;padding:6px}
.nj .njwoo dl.variation{max-height:140px;font-size:.72rem}
}
/* ── fix: thema forceert vaste breedtes in het mandje ── */
.nj .njwoo .quantity{width:auto!important;min-width:0!important;max-width:100%!important;float:none!important;display:inline-flex;align-items:center;margin:0!important}
.nj .njwoo .quantity .qty{width:64px!important;min-width:0!important}
.nj .njwoo table.shop_table,.nj .njwoo table.shop_table *{min-width:0!important}
.nj .njwoo td,.nj .njwoo th{max-width:100%!important}
.nj .njwoo input,.nj .njwoo select,.nj .njwoo button{max-width:100%!important}
/* kapotte quickview-popup van ShopLentor onderdrukken op nieuwe templates */
.nj .woolentor-quickview-modal,.nj .woolentor-quickview-overlay,.nj .woolentor-quickview-modal-wrapper{display:none!important}
/* nette productomschrijving i.p.v. tabs */
.nj .njdesc{max-width:760px;margin:34px auto 10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 28px}
.nj .njdesc h3{font-size:1.25rem;margin:0 0 10px;color:var(--navy)}
.nj .njdesc p{font-size:.9rem;color:var(--inkdim);margin:0 0 12px}
@media(max-width:700px){.nj .njdesc{padding:18px}}
/* ── mobiele zoekbalk + categorie-navigatie ── */
.nj .mzoek,.nh .mzoek{display:none}
@media(max-width:640px){
.nj .mzoek,.nh .mzoek{display:block;background:rgba(247,243,236,.97);border-bottom:1px solid var(--line);padding:10px 18px;position:sticky;top:0;z-index:49}
.nj .mzoek form,.nh .mzoek form{display:flex;gap:8px}
.nj .mzoek input[type=search],.nh .mzoek input[type=search]{flex:1;border:1px solid var(--line);border-radius:22px;padding:11px 18px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:16px;background:#fff;color:var(--ink);min-width:0}
.nj .mzoek button,.nh .mzoek button{border:none;background:var(--navy);color:#fff;border-radius:50%;width:44px;height:44px;font-size:1rem;flex-shrink:0;cursor:pointer}
.nj .chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}
.nj .chips::-webkit-scrollbar{display:none}
.nj .chip{white-space:nowrap;flex:0 0 auto}
}
.nj .mnav-cats,.nh .mnav-cats{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
.nj .mnav-cats a,.nh .mnav-cats a{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif!important;font-size:.95rem!important;font-weight:700;color:var(--inkdim)!important;padding:8px 0!important;border-bottom:1px dashed var(--line)!important}
/* ── zoekveld in de headerrij (mobiel) ── */
.nj .mzoek2,.nh .mzoek2{display:none}
@media(max-width:640px){
.nj .mzoek2,.nh .mzoek2{display:flex;flex:1;min-width:0;margin:0}
.nj .mzoek2 input[type=search],.nh .mzoek2 input[type=search]{width:100%;min-width:0;border:1px solid var(--line);border-radius:20px;padding:9px 14px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:16px;background:#fff;color:var(--ink)}
.nj .nav,.nh .nav{gap:8px}
.nj .lgimg,.nh .lgimg{height:40px;width:40px;flex-shrink:0}
.nj .links,.nh .links{display:none}
}
/* alleen het logo in de header, klikbaar naar home */
.nj .lgtxt,.lgtxt{display:none!important}
.nj .logo,.logo{gap:0}

/* Cadeautas-banner op categorie geschenk */
.njs .gbann{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(115deg,#1A2947,#24365C);border-radius:18px;padding:24px 28px;margin:4px 0 24px;flex-wrap:wrap}
.njs .gbann h3{margin:0 0 6px;font-family:'Lora',serif;font-size:1.7rem;font-weight:600;color:#FBF7EF}
.njs .gbann p{margin:0;color:rgba(251,247,239,.78);font-size:.95rem;max-width:560px}
.njs .gbann .gknop{flex:0 0 auto;padding:13px 26px;border-radius:999px;background:#C89B5A;color:#1A2947;font-weight:700;text-decoration:none;font-size:.95rem}
.njs .gbann .gknop:hover{background:#D9B27A}
/* Standaard tekstpagina's */
.njpage .njprose{max-width:880px;background:#fff;border-radius:18px;padding:36px 40px;box-shadow:0 10px 30px rgba(26,41,71,.06);color:#3A2C1C;line-height:1.75;font-size:.98rem}
.njpage .njprose h1,.njpage .njprose h2,.njpage .njprose h3,.njpage .njprose h4{font-family:'Lora',serif;color:#1A2947;line-height:1.2;margin:1.4em 0 .5em}
.njpage .njprose h2{font-size:1.7rem}.njpage .njprose h3{font-size:1.35rem}
.njpage .njprose a{color:#A9741F;font-weight:600}
.njpage .njprose ul,.njpage .njprose ol{padding-left:22px;margin:.6em 0 1em}
.njpage .njprose li{margin:.3em 0}
.njpage .njprose table{border-collapse:collapse;width:100%;margin:1em 0}
.njpage .njprose td,.njpage .njprose th{border:1px solid #EAE0CC;padding:9px 12px;text-align:left}
.njpage .njprose th{background:#F7F1E4;color:#1A2947}
@media(max-width:700px){.njpage .njprose{padding:24px 18px}}
/* Mijn account */
.njwoo .woocommerce-MyAccount-navigation{float:none;width:auto;margin-bottom:22px}
.njwoo .woocommerce-MyAccount-navigation ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}
.njwoo .woocommerce-MyAccount-navigation li{margin:0}
.njwoo .woocommerce-MyAccount-navigation li a{display:block;padding:9px 18px;border-radius:999px;background:#fff;color:#1A2947;font-weight:600;font-size:.9rem;text-decoration:none;border:1.5px solid #E4D9C3}
.njwoo .woocommerce-MyAccount-navigation li a:hover{border-color:#C89B5A;color:#A9741F}
.njwoo .woocommerce-MyAccount-navigation li.is-active a{background:#1A2947;color:#FBF7EF;border-color:#1A2947}
.njwoo .woocommerce-MyAccount-content{float:none;width:auto;background:#fff;border-radius:16px;padding:26px 28px;box-shadow:0 8px 24px rgba(26,41,71,.06);line-height:1.7}
.njwoo .woocommerce-MyAccount-content a{color:#A9741F;font-weight:600}
@media(max-width:640px){.njwoo .woocommerce-MyAccount-content{padding:20px 16px}}
/* bouwer-chips in webshop */
.njs .chip-bouw{background:#1A2947;color:#FBF7EF!important;border-color:#1A2947}
.njs .chip-bouw:hover{background:#24365C;border-color:#24365C;color:#fff!important}

/* accountknop header */
.nj .acctbtn,.nh .acctbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;border:1.5px solid #E4D9C3;text-decoration:none;font-size:1.05rem;flex:0 0 auto}
.nj .acctbtn:hover,.nh .acctbtn:hover{border-color:#C89B5A}
@media(max-width:900px){.nj .acctbtn,.nh .acctbtn{display:none}}


/* === Typografie 2.0: groter en luchtiger === */
html{font-size:17px}
.nj p,.nh p{line-height:1.65}
.nj h1,.nj h2,.nj h3,.nh h1,.nh h2,.nh h3{letter-spacing:-.01em}
/* prijzen in winkelwagen/afrekenen in het nieuwe tekstlettertype */
.nj .shop_table .woocommerce-Price-amount,
.nj .cart_totals .woocommerce-Price-amount,
.nj .woocommerce-checkout-review-order .woocommerce-Price-amount,
.nj .shop_table td,.nj .shop_table th,
.nj .cart_totals table th,.nj .cart_totals table td{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif!important}
/* winkelwagen: waardebon + update netjes op een rij (desktop) */
.nj .shop_table td.actions{padding-top:18px}
@media(min-width:701px){
.nj .shop_table td.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.nj .shop_table td.actions .coupon{display:flex;align-items:center;gap:10px;flex:0 1 auto;margin:0}
.nj .shop_table td.actions .coupon input.input-text{width:220px!important;max-width:220px;margin:0}
.nj .shop_table td.actions .coupon button{width:auto!important;white-space:nowrap;padding:12px 22px!important}
.nj .shop_table td.actions > button[name=update_cart]{width:auto!important;margin-left:auto;padding:12px 22px!important}
}
@media(max-width:700px){
.nj .shop_table td.actions .coupon{display:flex;flex-direction:column;gap:10px}
.nj .shop_table td.actions .coupon input.input-text{width:100%!important}
.nj .shop_table td.actions > button[name=update_cart]{margin-top:10px;width:100%}
}
/* correctie: td.actions moet tabelcel blijven (colspan), inhoud inline verdelen */
@media(min-width:701px){
.nj .shop_table td.actions{display:table-cell!important}
.nj .shop_table td.actions .coupon{display:inline-flex!important;align-items:center;gap:10px;margin:0;vertical-align:middle}
.nj .shop_table td.actions > button[name=update_cart]{float:right;width:auto!important;padding:12px 22px!important}
}
/* mijn account — bestellingenlijst: knoppen naast elkaar met ruimte */
.njwoo .woocommerce-orders-table__cell-order-actions{white-space:normal;min-width:240px}
.njwoo .woocommerce-orders-table__cell-order-actions .button,
.njwoo table.my_account_orders .button{display:inline-block!important;position:static!important;float:none!important;width:auto!important;margin:4px 8px 4px 0!important;padding:9px 18px!important;font-size:.85rem!important}
.njwoo table.woocommerce-orders-table td,.njwoo table.woocommerce-orders-table th{padding:12px 10px;vertical-align:middle}
/* mandje-knop: zacht crème i.p.v. navy */
.nj .cartbtn,.nh .cartbtn{background:#EFE4CF!important;color:#1A2947!important;box-shadow:none!important;border:0!important}
.nj .cartbtn:hover,.nh .cartbtn:hover{background:transparent!important}
.nj .cartbtn .count,.nh .cartbtn .count{background:#C89B5A!important;color:#1A2947!important}
/* zoekknop: navy cirkel visueel weg (inset-schaduw in headerkleur) */
.nj .dzoek button,.nh .dzoek button{box-shadow:inset 0 0 0 999px #FBF7EF!important;border-radius:0!important;width:auto!important;height:auto!important;padding:0 6px!important;font-size:1.1rem!important}

/* gratis-verzending balk */
.nj .nj-gvb{background:#fff;border-radius:16px;padding:18px 22px;margin:0 0 20px;box-shadow:0 8px 24px rgba(26,41,71,.06)}
.nj .nj-gvb-tekst{font-size:.95rem;color:#3A2C1C;margin-bottom:10px}
.nj .nj-gvb-tekst b .woocommerce-Price-amount{color:#A9741F}
.nj .nj-gvb-balk{height:10px;background:#F0E8D8;border-radius:999px;overflow:hidden}
.nj .nj-gvb-balk span{display:block;height:100%;background:linear-gradient(90deg,#C89B5A,#A9741F);border-radius:999px;transition:width .4s}
/* vaak samen gekocht */
.nj .nj-samen{margin-top:34px}
.nj .nj-samen h3{font-family:'Lora',Georgia,serif;color:#1A2947;font-size:1.5rem;margin:0 0 16px}
.nj .nj-samen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.nj .nj-samen-kaart{background:#fff;border-radius:16px;padding:16px;text-align:center;text-decoration:none;box-shadow:0 8px 24px rgba(26,41,71,.06);transition:transform .2s}
.nj .nj-samen-kaart:hover{transform:translateY(-3px)}
.nj .nj-samen-kaart img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;margin-bottom:8px}
.nj .nj-samen-kaart b{display:block;color:#1A2947;font-size:.9rem;line-height:1.3;margin-bottom:4px}
.nj .nj-samen-kaart span{color:#A9741F;font-weight:700;font-size:.88rem}
@media(max-width:700px){.nj .nj-samen-grid{grid-template-columns:1fr 1fr}}
/* snelkoop-pills op productkaarten */
.njs .qv-pills{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 12px}
.njs .qv-pil{border:1.5px solid #E4D9C3;background:#fff;border-radius:999px;padding:7px 16px;font-family:inherit;font-size:.85rem;font-weight:700;color:#1A2947;cursor:pointer;transition:all .15s}
.njs .qv-pil.aan{background:#1A2947;border-color:#1A2947;color:#fff}
.njs .qv-pil:hover:not(.aan){border-color:#C89B5A}
/* === afrekenen & accountformulieren: visuele verfijning === */
/* wachtwoordveld: oog-knop i.p.v. lege navy pil */
.nj .password-input{position:relative;display:block}
.nj button.show-password-input,.nj .show-password-input{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent!important;border:0!important;box-shadow:none!important;width:auto!important;height:auto!important;padding:4px!important;margin:0!important;cursor:pointer;line-height:1}
.nj .show-password-input::after{content:'\1F441';font-size:1.05rem;opacity:.5}
.nj .show-password-input.display-password::after,.nj .show-password-input[aria-pressed="true"]::after{opacity:1}
/* waardebon/login-banner: geen groene rand, huisstijl-kaart */
.nj .woocommerce-form-coupon-toggle .woocommerce-info,.nj .woocommerce-form-login-toggle .woocommerce-info{border-top:3px solid #C89B5A!important;background:#fff;border-radius:14px;box-shadow:0 6px 18px rgba(26,41,71,.05)}
/* express-knoppen (Apple/Google Pay): gecentreerd blok met nette maat */
.nj #wcpay-express-checkout-element{max-width:440px;margin:10px auto 6px;display:flex;flex-direction:column;gap:10px}
.nj #wcpay-express-checkout-element > *{border-radius:999px;overflow:hidden}
.nj #wcpay-express-checkout-button-separator{text-align:center;color:#8A7A64;font-size:.85rem;margin:8px 0 16px;display:block!important}
/* betaalmethodes: kaartjes zonder bullets */
.nj ul.wc_payment_methods{list-style:none!important;padding:0!important;margin:0 0 6px!important;display:flex;flex-direction:column;gap:10px}
.nj ul.wc_payment_methods li{list-style:none!important;background:#fff;border:1.5px solid #E4D9C3;border-radius:14px;padding:14px 16px;margin:0!important;transition:border-color .15s}
.nj ul.wc_payment_methods li:has(input:checked){border-color:#1A2947;box-shadow:0 4px 14px rgba(26,41,71,.08)}
.nj ul.wc_payment_methods li label{font-weight:700;color:#1A2947;cursor:pointer}
.nj ul.wc_payment_methods input[type=radio]{accent-color:#1A2947;margin-right:8px}
.nj ul.wc_payment_methods .payment_box{background:#F7F1E4!important;border:0!important;border-radius:10px;margin:12px 0 0!important;padding:14px 16px!important;font-size:.9rem;color:#5A4A33}
.nj ul.wc_payment_methods .payment_box::before{display:none!important}
/* privacy & voorwaarden */
.nj .woocommerce-privacy-policy-text p{max-width:none;font-size:.85rem;color:#8A7A64;line-height:1.6;margin:16px 0 6px}
.nj .woocommerce-terms-and-conditions-wrapper{margin:12px 0 18px}
.nj .woocommerce-terms-and-conditions-wrapper .form-row{margin:0}
.nj .woocommerce-terms-and-conditions-wrapper input[type=checkbox]{accent-color:#1A2947;width:17px;height:17px;margin-right:8px;vertical-align:-3px}
/* plaats bestelling: royaal */
.nj #place_order{width:100%;max-width:440px;padding:16px 30px!important;font-size:1rem!important}
/* sluitkruisjes exact gecentreerd */
.mclose,.njx,.mnav .x,.nj .mclose,.nh .mclose,.nh .njx,.nj .mnav .x,.nh .mnav .x{display:flex!important;align-items:center;justify-content:center;padding:0!important;line-height:1!important;text-align:center}
/* express-knoppen alleen in het mandje */
body.single-product #wcpay-express-checkout-element,body.single-product #wcpay-express-checkout-button-separator,body.woocommerce-checkout #wcpay-express-checkout-element,body.woocommerce-checkout #wcpay-express-checkout-button-separator{display:none!important}

/* variatietabel: label netjes uitgelijnd met de eerste rij knoppen */
.nj form.variations_form table.variations th.label,.nj form.variations_form table.variations td.label{vertical-align:top!important;padding:13px 18px 0 0!important;width:100px;white-space:nowrap}
.nj form.variations_form table.variations th.label label,.nj form.variations_form table.variations td.label label{font-weight:700;color:#1A2947;margin:0}
.nj form.variations_form table.variations td.value{vertical-align:top!important;padding:4px 0!important}
.nj form.variations_form .reset_variations{display:inline-block;margin:10px 0 0 2px;font-size:.85rem}
/* logo groter en prominenter */
.nj .lgimg,.nh .lgimg{height:72px!important;width:72px!important;border-radius:50%;flex-shrink:0}
.nj header.njk .wrap.nav,.nh header.site .wrap.nav{align-items:center}
@media(max-width:640px){.nj .lgimg,.nh .lgimg{height:52px!important;width:52px!important}}
/* wachtwoordveld inline naast label, oog in het veld (zoals gebruikersnaam-rij) */
.nj .password-input{display:inline-block!important;width:auto;vertical-align:middle}
.nj .password-input input{width:auto;min-width:240px}
/* account-dropdown met uitloggen */
.nj .acctwrap,.nh .acctwrap{position:relative;flex:0 0 auto}
.nj .acctmenu,.nh .acctmenu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(26,41,71,.16);padding:6px;min-width:170px;display:none;z-index:1200}
.nj .acctwrap:hover .acctmenu,.nh .acctwrap:hover .acctmenu,.nj .acctwrap:focus-within .acctmenu,.nh .acctwrap:focus-within .acctmenu{display:block}
.nj .acctmenu a,.nh .acctmenu a{display:block;padding:10px 14px;border-radius:9px;color:#1A2947;font-weight:600;font-size:.9rem;text-decoration:none;white-space:nowrap}
.nj .acctmenu a:hover,.nh .acctmenu a:hover{background:#F7F1E4;color:#A9741F}
/* mobiel menu: eigen scroll, dekkend, boven alles; pagina erachter vast */
.nj .mnav,.nh .mnav{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:9996!important;background:#F7F3EC!important;padding-bottom:90px!important}
body:has(.mnav.open){overflow:hidden}
body:has(.mnav.open) #nj-top{display:none!important}
/* header-iconen: strakke lijniconen */
.hicon{width:25px;height:25px;display:block;color:#3A2C1C}
.nj .acctbtn,.nh .acctbtn{background:transparent!important;border:0!important;width:auto!important;height:auto!important;padding:6px!important;display:inline-flex!important;border-radius:0!important}
.nj .cartbtn,.nh .cartbtn{background:transparent!important;border:0!important;box-shadow:none!important;padding:6px!important;position:relative;border-radius:0!important}
.nj .cartbtn .count,.nh .cartbtn .count{position:absolute;top:-7px;right:-9px;background:#C89B5A!important;color:#1A2947!important;font-size:.6rem;font-weight:800;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0!important;line-height:1;border:2px solid #FBF7EF;box-sizing:content-box}
.nj .hamb,.nh .hamb{background:none!important;border:0!important;padding:6px!important}
.nj .dzoek button .hicon,.nh .dzoek button .hicon{width:21px;height:21px}
.nj .acctbtn:hover .hicon,.nh .acctbtn:hover .hicon,.nj .cartbtn:hover .hicon,.nh .cartbtn:hover .hicon{color:#A9741F}
@media(max-width:900px){.nj .acctbtn,.nh .acctbtn{display:inline-flex!important}}
/* mobiel: tel-badge binnen het scherm houden */
@media(max-width:700px){.nj .cartbtn,.nh .cartbtn{margin-right:9px}.nj .cartbtn .count,.nh .cartbtn .count{top:-5px;right:-5px;min-width:14px;height:14px;font-size:.55rem;border-width:2px}}

/* account-login: velden strak uitgelijnd in onzichtbaar raster */
body.nootje-nieuw .woocommerce-form-login .form-row-wide,body.nootje-nieuw .woocommerce-form-register .form-row-wide{display:grid;grid-template-columns:265px minmax(0,360px);align-items:center;column-gap:14px;max-width:660px}
body.nootje-nieuw .woocommerce-form-login .form-row-wide label,body.nootje-nieuw .woocommerce-form-register .form-row-wide label{margin:0}
body.nootje-nieuw .woocommerce-form-login .form-row-wide input,body.nootje-nieuw .woocommerce-form-register .form-row-wide input{width:100%;box-sizing:border-box}
body.nootje-nieuw .woocommerce-form-login .password-input{width:100%;display:inline-flex}
@media(max-width:700px){body.nootje-nieuw .woocommerce-form-login .form-row-wide,body.nootje-nieuw .woocommerce-form-register .form-row-wide{grid-template-columns:1fr;row-gap:6px}}
/* zakelijk-login verwijzing naast Login-kop */
.nj-b2b-log{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border:1px solid #E2D5C3;border-left:4px solid #C89B5A;border-radius:14px;padding:14px 18px;max-width:660px;margin:0 0 26px;width:100%;flex:0 0 100%;grid-column:1/-1;align-self:start;column-span:all;box-sizing:border-box;height:auto}
.nj-b2b-log span{color:#251508;font-size:.95rem}
.nj-b2b-log a{color:#A9741F;font-weight:700;white-space:nowrap;text-decoration:none}
.nj-b2b-log a:hover{text-decoration:underline}
@media(max-width:700px){.nj-b2b-log{flex-direction:column;align-items:flex-start;gap:6px}}

body.woocommerce-account .woocommerce{flex-wrap:wrap}

/* Onthouden + Inloggen rechts uitlijnen op einde wachtwoordbalk */
body.nootje-nieuw .woocommerce-form-login .form-row:has(button[name=login]){display:flex!important;justify-content:flex-end;align-items:center;gap:18px;max-width:660px;margin-top:2px}
@media(max-width:700px){body.nootje-nieuw .woocommerce-form-login .form-row:has(button[name=login]){justify-content:flex-start}}

/* iOS: geen autozoom bij focus op invoervelden (vereist >=16px) */
@media(max-width:900px){body.nootje-nieuw input[type=text],body.nootje-nieuw input[type=email],body.nootje-nieuw input[type=password],body.nootje-nieuw input[type=tel],body.nootje-nieuw input[type=number],body.nootje-nieuw input[type=search],body.nootje-nieuw textarea,body.nootje-nieuw select{font-size:16px!important}}

/* desktop: menu als zijpaneel rechts i.p.v. fullscreen */
@media(min-width:901px){
.mnav,.nh .mnav,.nj .mnav{left:auto!important;right:0;top:0;bottom:0;width:440px;max-width:92vw;box-shadow:-18px 0 44px rgba(26,41,71,.18);border-left:1px solid #E2D5C3;padding:64px 34px 40px!important}
.mnav a{font-size:1.15rem}
.mnav .mnav-cats{grid-template-columns:1fr 1fr}
.mnav.open ~ #nj-scherm{display:block}
}