/* DKS-KLEURENKAART 17-10-2026 - automatisch afgeleid uit een audit van alle paginatypes + handmatige regels onderaan.
   Kaart: olijf #2E3A24, bosgroen #3E6B31, kurkuma #E3A72F, paprika #A63E26, paprika licht #F6E1D8, creme #FBF7EF, wit #FFF, linnen #F3EADB, zand #E6DCC8, inkt #1F2A1A.
   TERUGZETTEN: regel met dks-kleuren.css in snippets/dks-header-extras.rain verwijderen. */
html body #contact-form a.btn.btn1.submit,
html body #contact-form a.btn.btn2,
html body #dks-kruidenwijzer button.dks-kw-launcher,
html body #dks-kruidenwijzer button.dks-kw-overlay,
html body #dks-recept a.dks-recept-btn,
html body #form-newsletter button.btn.btn1,
html body #giftcard-check-form button#giftcard-check-btn.giftcard-check-action,
html body #giftcard-modal-footer button#giftcard-modal-close-footer,
html body #giftcard-modal-wrapper button#giftcard-modal-close.close,
html body #gui-form button.btn.btn1,
html body #gui-form-discount a.btn.btn2,
html body #sendcloud-spp a#spsb.gui-button-small.gui-button-action,
html body #withdrawal-modal-form-section button#withdrawal-submit-btn.withdrawal-btn-submit,
html body #withdrawal-modal-form-section button.withdrawal-btn-cancel,
html body #withdrawal-modal-form-section button.withdrawal-modal-close,
html body #withdrawal-modal-success button.withdrawal-btn-submit.withdrawal-btn-got-it,
html body .cart-info a.dks-continue-shopping.btn.btn2,
html body .cart-menu-side a.btn.btn1,
html body .dks-cart-cta a.btn.btn1.dks-cart-cta-btn,
html body .dks-cart-sticky a.btn.btn1,
html body .dks-cartpage a.btn.btn1,
html body .dks-cartpage a.btn.btn3,
html body .dks-cartpage a.hide-msg.btn.btn3,
html body .dks-cartpage button#ckc-manage,
html body .dks-cc a.btn.btn1,
html body .dks-cc a.btn.btn3,
html body .dks-cc a.hide-msg.btn.btn3,
html body .dks-cc button#ckc-manage,
html body .dks-cc-type button,
html body .dks-hero-wrap span.banner-btn.btn.btn3,
html body .dks-kw-form button.dks-kw-primary,
html body .dks-kw-inspiration button.dks-kw-surprise,
html body .dks-kw-lunchbox a.dks-kw-lunchbox-btn,
html body .dks-kw-result-toolbar button.dks-kw-new-search,
html body .dks-kw-search button.dks-kw-search-button,
html body .dks-kw-tabs button#dks-kw-find-tab.dks-kw-tab,
html body .dks-kw-tabs button#dks-kw-share-tab.dks-kw-tab,
html body .dks-lg-row button,
html body .dks-mh-page a.btn.btn1,
html body .dks-mh-page a.hide-msg.btn.btn3,
html body .dks-mh-page button#ckc-manage,
html body .dks-mw button,
html body .dks-vs button.dks-vs-btn,
html body .dksxp-popup a#dksxp-cta.dksxp-cta,
html body .dksxp-popup a#dksxp2-cta.dksxp-cta,
html body .dropdown-menu a,
html body .dropdown-menu a.btn.btn3,
html body .filter a.btn.btn1,
html body .gui-active a,
html body .gui-block-subcontent a.dks-knop2,
html body .gui-buttons a.gui-button-small.gui-button-block,
html body .gui-confirm-buttons a#regular-buy-button.gui-button-large.gui-button-action,
html body .gui-confirm-buttons a.dks-terms-action,
html body .gui-field a#gui-form-discount_code-apply.gui-button-small,
html body .gui-field a#gui-form-gift_card_code-apply.gui-button-small,
html body .gui-popover-title a,
html body .gui-position-bottom a#gui-block-method-continue.gui-button-small.gui-button-block.gui-button-action,
html body .header a.btn.btn3,
html body .header button.btn,
html body .header button.dks-allcats-btn,
html body .page-container a.btn.btn1,
html body .page-container a.btn.btn3,
html body .page-container a.goSmoothly.btn.btn3,
html body .page-container span.mob-filters.btn.btn1,
html body a.btn.btn1,
html body a.btn.btn3,
html body a.hide-msg.btn.btn3,
html body button#ckc-manage,
html body button.show_pass{font-weight:500!important}
html body #contact-form a.btn.btn2,
html body #dks-kw-drawer header.dks-kw-header,
html body #dks-rel-cart div.swiper-scrollbar,
html body #giftcard-check-form button#giftcard-check-btn.giftcard-check-action,
html body #gui-block-review div#gui-popover-terms-and-conditions.gui-popover.gui-popover-fixed,
html body #gui-form-discount a.btn.btn2,
html body #withdrawal-lookup-modal-wrapper div.withdrawal-modal-background,
html body .dks-cartpage a.btn.btn3,
html body .dks-cartpage a.hide-msg.btn.btn3,
html body .dks-cc a.btn.btn3,
html body .dks-cc a.hide-msg.btn.btn3,
html body .dks-mh-page a.hide-msg.btn.btn3,
html body .dks-mh-page div.dks-cat-overlay,
html body .dropdown-menu a.btn.btn3,
html body .dropdown-menu div.title,
html body .gui-active span.count,
html body .gui-popover-title a,
html body .header a.btn.btn3,
html body .page-container a.btn.btn3,
html body .page-container a.goSmoothly.btn.btn3,
html body a.btn.btn3,
html body a.hide-msg.btn.btn3,
html body div.dks-cat-overlay,
html body div.swiper-scrollbar-drag{background-color:#2E3A24!important}
html body #description div.short-desc,
html body #dks-kw-find-panel div.dks-kw-inspiration,
html body #dks-kw-find-panel div.dks-kw-no-match,
html body #dks-kw-share-panel div.dks-kw-success,
html body #dks-kw-share-panel div.dks-kw-test-note,
html body #gui-block-billing-address div.dks-gast,
html body .collection-title div.toggle-content.at-top.cat-description,
html body .dks-gift div.bar,
html body .dks-io-wrap div.dks-io-tile.dks-io-tip,
html body .dks-io-wrap div.short-desc,
html body .dropdown-menu a,
html body .dropdown-menu div.cart-info,
html body .gui-confirm-buttons a.dks-terms-action,
html body .home-block div.dks-mw,
html body .product-add div.dks-o2-tip{background-color:#F3EADB!important}
html body #categories div.banner,
html body #categories div.banner-text.center.vcenter,
html body #contactform div.form-wrap,
html body #dks-kw-drawer div.dks-kw-tabs,
html body #giftcard-modal-wrapper div#giftcard-modal-footer.giftcard-modal-footer,
html body #gui-form-login input.gui-hide,
html body #gui-giftcard-settings div.giftcard-full-width.giftcard-mt-10.giftcard-mb-4,
html body #gui-shipping-address div.dks-cc-land,
html body #service span.text,
html body #withdrawal-modal-form-section div.withdrawal-modal-footer,
html body #withdrawal-modal-success div.withdrawal-modal-footer,
html body .cart-info div.dks-gv.dks-gv-mini,
html body .cart-menu-side div.dks-gv,
html body .dks-cc-type button,
html body .dks-lg div.dks-lg-box,
html body .dks-o2-it div.dks-o2-ic,
html body .dks-rp-cols aside.dks-rp-ing,
html body .dks-rp-meta span,
html body .dks-vs-list li,
html body .gui-block-subcontent div.dks-cc-land,
html body .gui-clearfix div,
html body .gui-col3-equal div.gui-col3-equal-col3,
html body .page-container div.dks-cart-cta,
html body .page-container div.flex1.block,
html body .page-container div.o-t.flex1,
html body .product-add div.dks-puur,
html body button.show_pass,
html body div.home-block.block_4{background-color:#FFFFFF!important}
html body #dks-kw-drawer div.dks-kw-tabs,
html body #dks-kw-find-panel div.dks-kw-inspiration,
html body #dks-kw-find-panel div.dks-kw-no-match,
html body #dks-kw-find-panel div.dks-kw-result-toolbar,
html body #dks-kw-share-panel div.dks-kw-success,
html body #dks-kw-share-panel div.dks-kw-test-note,
html body #dks-rp section.dks-rp-koop,
html body #dks-rp section.dks-rp-kr,
html body #giftcard-check-form input#check-giftcard,
html body #giftcard-custom-amount input#giftcard-custom-amount-input.gui-align-self-center.giftcard-full-width.giftcard-mt-2,
html body #giftcard-email input#giftcard-email-input.giftcard-full-width.giftcard-mt-1,
html body #giftcard-personal-message textarea#giftcard-personal-message-textarea.giftcard-full-width.giftcard-mt-1,
html body #giftcard-recipient-name input#giftcard-recipient-name-input.giftcard-full-width.giftcard-mt-1,
html body #giftcard-sender-name input#giftcard-sender-name-input.giftcard-full-width.giftcard-mt-1,
html body #gui-giftcard-settings label,
html body .cart-info div.dks-gv.dks-gv-mini,
html body .cart-menu-side div.dks-gv,
html body .dks-best span.dks-best-tag,
html body .dks-best span.var_stock.color-green.dks-saving-label,
html body .dks-cartpage div.dks-cart-sticky,
html body .dks-cat-drawer-list a,
html body .dks-cc div.dks-ac,
html body .dks-gv-head div.dks-gv-ico,
html body .dks-io-grid div.dks-io-tile.dks-io-card,
html body .dks-io-grid div.dks-io-tile.dks-io-card.dks-io-wide,
html body .dks-io-wrap div.dks-io-tile.dks-io-card.dks-io-faq,
html body .dks-io-wrap div.dks-io-tile.dks-io-card.dks-io-navul,
html body .dks-kw-field input.dks-kw-input,
html body .dks-kw-field select.dks-kw-select,
html body .dks-kw-field textarea.dks-kw-textarea,
html body .dks-kw-result-toolbar button.dks-kw-new-search,
html body .dks-kw-search input.dks-kw-input,
html body .dks-kw-tabs button#dks-kw-share-tab.dks-kw-tab,
html body .dks-lg div.dks-lg-box,
html body .dks-rk-grid a.dks-rk-card.dksz,
html body .dks-rp-cols aside.dks-rp-ing,
html body .dks-rpk-list div.dks-rpk,
html body .dks-sel span.var_stock.color-green.dks-saving-label,
html body .dks-vs button.dks-vs-btn,
html body .dks-vs ul.dks-vs-list,
html body .gui-block-subcontent div.dks-cc-ship,
html body .gui-cart-sum div.gui-item.gui-big,
html body .gui-col3-equal div.gui-col3-equal-col3,
html body .item a.delete-item.dks-cart-trash,
html body .item div#dks-recept.dks-recept,
html body .item div.dropdown-menu,
html body .page-container div.dks-cart-cta,
html body .product-add div.dks-o2-tip,
html body .product-add div.dks-o2-why,
html body .product-add span.var_stock.color-green.dks-saving-label{border-color:#E6DCC8!important}
html body .cart-info a.view-cart.btn.btn3,
html body .dks-cc-ship b,
html body .dks-cc-small a,
html body .dks-cc-small a.dks-kc-toggle,
html body .dks-gast a.dks-gast-login,
html body .dks-gv-big b,
html body .dks-gv-txt div.dks-gv-sm,
html body .dks-hero-wrap span.subtitle,
html body .dks-lg span.dks-lg-t,
html body .dks-pep-uitleg a.dks-mh-link,
html body .dks-puur b,
html body .dks-puur span.dks-puur-i,
html body .dks-recept-all summary,
html body .dks-rk-card span.dks-rk-link,
html body .dks-rp-crumb a,
html body .dks-rp-ing a,
html body .dks-rp-koop h2,
html body .dks-rp-kr a,
html body .dks-rp-meta span,
html body .dks-rp-steps a,
html body .dks-rpk-txt a.dks-rpk-name,
html body .dks-rpk-txt span.dks-rpk-price,
html body .gui-checkout-payment-provider a.dks-cc-paymore.dks-cc-toggle{color:#3E6B31!important}
html body #form-newsletter button.btn.btn1,
html body .dks-best span.dks-best-tag,
html body .dks-cc-ship div.dks-cc-track,
html body .dks-f-kaart span.ico,
html body .dks-gift span.k,
html body .dks-gv span.dks-vzs-balk.dks-gv-balk,
html body .dks-vzstrook span.dks-vzs-balk,
html body .dropdown-menu a{background-color:#F6E1D8!important}
html body #contact-form a.btn.btn1.submit,
html body #dks-kruidenwijzer button.dks-kw-launcher,
html body #dks-recept a.dks-recept-btn,
html body #gui-form button.btn.btn1,
html body #gui-giftcard-settings input#giftcard-add-to-cart.gui-button-large.giftcard-mt-6.gui-big,
html body #gui-giftcard-settings label,
html body #header div.dks-vzstrook,
html body #sendcloud-spp a#spsb.gui-button-small.gui-button-action,
html body .cart-info a.dks-continue-shopping.btn.btn2,
html body .cart-menu-side a.btn.btn1,
html body .dks-cart-cta a.btn.btn1.dks-cart-cta-btn,
html body .dks-cart-sticky a.btn.btn1,
html body .dks-cartpage a.btn.btn1,
html body .dks-cartpage div.widget.textpage.welcome,
html body .dks-cc a.btn.btn1,
html body .dks-cc div.widget.textpage.welcome,
html body .dks-gast span.dks-gast-ic,
html body .dks-hero-wrap span.banner-btn.btn.btn3,
html body .dks-kw-form button.dks-kw-primary,
html body .dks-kw-inspiration button.dks-kw-surprise,
html body .dks-kw-search button.dks-kw-search-button,
html body .dks-kw-tabs button#dks-kw-find-tab.dks-kw-tab,
html body .dks-lg-row button,
html body .dks-mh-page a.btn.btn1,
html body .dks-mh-page div.widget.textpage.welcome,
html body .dks-mw button,
html body .dks-spec-grid div.dks-spec-why,
html body .dksxp-popup div.dksxp-blad,
html body .filter a.btn.btn1,
html body .filters div.mob-filter-sub,
html body .gui-block-subcontent a.dks-knop2,
html body .gui-buttons a.gui-button-small.gui-button-block,
html body .gui-confirm-buttons a#regular-buy-button.gui-button-large.gui-button-action,
html body .gui-position-bottom a#gui-block-method-continue.gui-button-small.gui-button-block.gui-button-action,
html body .page-container a.btn.btn1,
html body .page-container span.mob-filters.btn.btn1,
html body a.btn.btn1,
html body div.widget.textpage.welcome{background-color:#3E6B31!important}
html body #contact-form a.btn.btn1.submit,
html body #dks-rel-cart a.swiper-next.btn-round.swiper-button-disabled,
html body #dks-rel-cart a.swiper-prev.btn-round.swiper-button-disabled,
html body #gui-form button.btn.btn1,
html body #gui-giftcard-settings label,
html body .cart-info a.dks-continue-shopping.btn.btn2,
html body .cart-info a.view-cart.btn.btn3,
html body .cart-menu-side a.btn.btn1,
html body .dks-cart-cta a.btn.btn1.dks-cart-cta-btn,
html body .dks-cart-sticky a.btn.btn1,
html body .dks-cartpage a.btn.btn1,
html body .dks-cc a.btn.btn1,
html body .dks-cc-type button,
html body .dks-kw-tabs button#dks-kw-find-tab.dks-kw-tab,
html body .dks-mh-page a.btn.btn1,
html body .filter a.btn.btn1,
html body .gui-buttons a.gui-button-small.gui-button-block,
html body .gui-input input#gui-form-customer-email.gui-validate,
html body .page-container a.btn.btn1,
html body .page-container span.mob-filters.btn.btn1,
html body .product-add div.dks-puur,
html body a.btn.btn1{border-color:#3E6B31!important}
html body #form-newsletter button.btn.btn1,
html body #gui-giftcard-settings label,
html body .dks-cat-drawer-list span,
html body .dks-cats h2,
html body .dks-gift b,
html body .dks-gift span.k,
html body .dks-hero-wrap span.maintitle,
html body .dks-premium-recommendations__intro h2#dks-premium-recommendations-title.dks-premium-recommendations__title,
html body .dks-premium-recommendations__intro p.dks-premium-recommendations__intro-text,
html body .dks-premium-recommendations__product-content h3.dks-premium-recommendations__product-title,
html body .dks-premium-recommendations__product-content p.dks-premium-recommendations__product-text,
html body .dks-premium-recommendations__product-footer span.dks-premium-recommendations__small-arrow,
html body .dks-puur div,
html body .dks-reviews-kop h2,
html body .dks-spec-hero span.dks-spec-badge,
html body .dks-spec-kop h2,
html body .dks-spec-kop strong,
html body .dks-top-products h2,
html body .dks-top-products p.subtitle,
html body .dks-why-heading h2,
html body .item a,
html body .item-price span.dks-vanaf,
html body .item-price-container span.item-price{color:#1F2A1A!important}
html body .dks-io-wrap div.dks-io-tile.dks-io-tip,
html body span.swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:#E3A72F!important}
html body #contact-form em,
html body .dks-cartpage span.nav-label,
html body .dks-cc span.nav-label,
html body .dks-hero-ts b,
html body .dks-kw-lunchbox-fruit-label strong,
html body .dks-kw-lunchbox-text p.dks-kw-lunchbox-kicker,
html body .dks-mh-page span.nav-label,
html body .gui-field em,
html body .item span.nav-label,
html body .page-container strong,
html body .product-add span.subtitle,
html body span.nav-label{color:#A63E26!important}
html body #dks-rp section.dks-rp-koop,
html body .home-block section.dks-cats,
html body .page-container div#content-below.content.toggle-content,
html body .page-container div.main-content.with-sidebar,
html body .page-container div.toggle-content.at-top.cat-description{background-color:#FBF7EF!important}
html body #product_configure_form span.color-green,
html body .collection-title a,
html body .dks-ro-img a,
html body .dks-spec-hero-txt span.pr,
html body .gui-table p.gui-delivery-time-checkout,
html body .page-container strong{color:#A63E26!important}
html body .dks-kw-lunchbox a.dks-kw-lunchbox-btn,
html body .dks-kw-lunchbox-text p.dks-kw-lunchbox-kicker{background-color:#A63E26!important}
html body #dks-kw-find-panel div.dks-kw-lunchbox,
html body .dks-kw-lunchbox div.dks-kw-lunchbox-fruit,
html body .product-add div.errors{border-color:#A63E26!important}
html body .dks-cat-drawer-brand span.dks-cat-drawer-icon,
html body .dks-premium-recommendations__intro div.dks-premium-recommendations__line{background-color:#E3A72F!important}

/* ===== handmatige regels ===== */
:root{--dks-olijf:#2E3A24;--dks-groen:#3E6B31;--dks-groen-d:#33592A;--dks-kurk:#E3A72F;--dks-kurk-d:#CF9420;--dks-kurk-t:#2A210F;--dks-pap:#A63E26;--dks-pap-l:#F6E1D8;--dks-creme:#FBF7EF;--dks-linnen:#F3EADB;--dks-zand:#E6DCC8;--dks-inkt:#1F2A1A;--dks-tekst:#4A463C}
html body,html body .main-container,html body .page-container,html body .home-block,html body section.dks-top-products,html body section.dks-spec,html body section.dks-why-wrap,html body section.dks-reviews,html body section.dks-cats,html body #related{background-color:var(--dks-creme)!important}
html body header#header,html body footer.dks-footer,html body header.dks-kw-header,html body .dks-cat-drawer-header,html body .dropdown-menu > .title,html body a.dks-spec-hero{background-color:var(--dks-olijf)!important}
html body .dks-spec-hero-txt{background:linear-gradient(to top,var(--dks-olijf) 55%,rgba(0,0,0,0))!important}
html body .dks-notice-bar{background-color:var(--dks-kurk)!important}
html body .dks-notice-bar,html body .dks-notice-bar *{color:var(--dks-kurk-t)!important}
html body span.ccnt{background-color:var(--dks-kurk)!important;color:var(--dks-kurk-t)!important}
/* hoofdknop: kurkuma, halfvet */
html body button.quickview-btn,html body button.pp_is_add_btn,html body .dks-vsg-foot button.all,html body .rij span.kn{background-color:var(--dks-kurk)!important;border-color:var(--dks-kurk)!important;color:var(--dks-kurk-t)!important;font-weight:500!important;letter-spacing:0!important;border-radius:8px!important;box-shadow:none!important}
html body button.quickview-btn *,html body button.pp_is_add_btn *,html body .dks-vsg-foot button.all *,html body .rij span.kn *{color:var(--dks-kurk-t)!important;fill:var(--dks-kurk-t)!important;font-weight:500!important}
html body button.quickview-btn:hover,html body button.pp_is_add_btn:hover,html body .dks-vsg-foot button.all:hover,html body .rij span.kn:hover{background-color:var(--dks-kurk-d)!important;border-color:var(--dks-kurk-d)!important}
/* tweede knop: bosgroen */
html body a.dks-tp-cta,html body a.dks-spec-alle,html body .dks-hero-wrap a.btn,html body a.btn.btn1,html body button.btn1:not(.pp_is_add_btn){background-color:var(--dks-groen)!important;border-color:var(--dks-groen)!important;color:#fff!important;font-weight:500!important;border-radius:8px!important}
html body a.dks-tp-cta:hover,html body a.dks-spec-alle:hover,html body .dks-hero-wrap a.btn:hover,html body a.btn.btn1:hover{background-color:var(--dks-groen-d)!important}
/* derde knop: omlijnd */
html body a.quickview-viewbtn,html body button.quickview-viewbtn{background-color:#fff!important;border:1px solid var(--dks-groen)!important;color:var(--dks-groen)!important;font-weight:500!important;border-radius:8px!important}
html body a.quickview-viewbtn:hover,html body button.quickview-viewbtn:hover{background-color:var(--dks-linnen)!important}
/* producttegels: volledig wit met zandrand */
html body .item.is_grid{background-color:#fff!important;border:1px solid var(--dks-zand)!important;border-radius:12px!important;overflow:hidden;box-shadow:none!important}
html body .item.is_grid .item-image-container,html body .item.is_grid .item-meta-container,html body .item.is_grid .quickview-box,html body .item.is_grid .item-image-container img{background-color:#fff!important;border-color:transparent!important}
/* filters: witte kaart */
html body .filters-aside{background-color:#fff!important;border:1px solid var(--dks-zand)!important;border-radius:12px!important;padding:18px 20px!important;box-sizing:border-box}
html body .filters-aside .filter + .filter,html body .filters-aside hr{border-color:var(--dks-zand)!important}
/* infoblokken: linnen */
html body .collection .cat-description:not(:empty),html body .cat-description,html body .collection-title .toggle-content{background-color:var(--dks-linnen)!important;border-color:var(--dks-zand)!important}
/* labels: paprika */
html body .dks-tp-eyebrow,html body .dks-cats-eyebrow,html body .dks-spec-pil{background-color:var(--dks-pap-l)!important;color:var(--dks-pap)!important}
/* menu */
html body #menu .dropdown-menu ul li a:hover,html body #menu .dropdown-menu ul li a:focus{background-color:var(--dks-linnen)!important;color:var(--dks-groen)!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a[href$="/zonder-zout/"],html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a[href$="/zonder-knoflook/"]{background:var(--dks-linnen)!important;color:var(--dks-inkt)!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a[href$="/van-mild-tot-heet/"]{background:var(--dks-pap-l)!important;color:var(--dks-pap)!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li.dks-nav-all > a{background:var(--dks-groen)!important;color:#fff!important;font-weight:500!important}
html body #menu .dropdown-menu .dks-nav-heading,html body #menu .dks-nav-dropdown > .dks-nav-heading{background:var(--dks-linnen)!important;color:var(--dks-groen)!important;border-color:var(--dks-zand)!important}
/* favorieten: 6 = 2 rijen van 3 */
@media (max-width:1200px) and (min-width:901px){html body .dks-tp-bestsellers .dks-top-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* knoppen in de tegels: gelijke, rustige maat */
html body .item.is_grid .dks-qs-rij button.quickview-btn,html body .item.is_grid .dks-qs-rij .quickview-viewbtn{min-height:40px!important;font-size:14px!important;line-height:1.2!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px}
html body .item.is_grid .dks-qs-rij{gap:8px!important}

/* kaartensysteem: wit, zandrand, afgerond, geen zware schaduw */
html body a.dks-cat-tegel,html body .dks-why-card,html body a.dks-spec-card{background-color:#fff!important;border:1px solid var(--dks-zand)!important;border-radius:12px!important;box-shadow:none!important}
html body a.dks-cat-tegel:hover,html body a.dks-spec-card:hover,html body .item.is_grid:hover{border-color:#CDBB96!important;box-shadow:0 6px 18px rgba(46,58,36,.07)!important}
html body a.dks-cat-tegel i,html body a.dks-cat-tegel [class*="arrow"],html body a.dks-cat-tegel .chev{color:var(--dks-groen)!important}
/* navigatiebalk en zoekveld */
html body #header nav#menu{background-color:var(--dks-creme)!important;border-bottom:1px solid var(--dks-zand)!important}
html body header#header input.search-query{background-color:rgba(251,247,239,.14)!important;color:#fff!important}

/* productpagina */
html body .dks-tile{border:1px solid var(--dks-zand)!important;background-color:#fff!important}
html body .dks-tile.dks-tile-on,html body .dks-tile.dks-tile-sel{border-color:var(--dks-groen)!important}
html body .dks-tile.dks-tile-sel{background-color:var(--dks-linnen)!important}
html body .dks-vsg-it button{background-color:#fff!important;border:1px solid var(--dks-groen)!important;color:var(--dks-groen)!important;font-weight:500!important}
html body .dks-vsg-it button.on{background-color:var(--dks-groen)!important;color:#fff!important}
html body .product-add .spo-table .a_var{background-color:#fff!important;border:1px solid var(--dks-zand)!important}
html body .product-add .spo-table .a_var.dks-sel{background-color:var(--dks-linnen)!important;border-color:var(--dks-groen)!important}
html body i.icon-check-circle{color:var(--dks-groen)!important}
html body .carousel-wrap #carouselThumb .swiper-slide.dks-tile{border-color:var(--dks-zand)!important}
html body .carousel-wrap #carouselThumb .swiper-slide.dks-tile.dks-tile-on,html body .carousel-wrap #carouselThumb .swiper-slide.dks-tile.dks-tile-sel{border-color:var(--dks-groen)!important}

/* recepten */
html body button.dks-rpk-btn{background-color:var(--dks-kurk)!important;border-color:var(--dks-kurk)!important;color:var(--dks-kurk-t)!important;font-weight:500!important}
html body button.dks-rpk-btn *{color:var(--dks-kurk-t)!important;stroke:var(--dks-kurk-t)}
html body button.dks-rpk-btn:hover{background-color:var(--dks-kurk-d)!important}
html body .toolbox-pagination .pages{background-color:transparent!important}
html body .dks-premium-recommendations__eyebrow{color:var(--dks-pap)!important}

/* winkelmand: geen pepertjes op de kleine foto's */
html body .dks-cartpage .dks-pep,html body .cart .dks-pep,html body .dropdown-menu .dks-pep{display:none!important}

/* mobiel: winkelmandje-icoon in de tegels ook kurkuma */
html body .item.is_grid .pb.btn-round i.icon-cart-modern,html body .item.is_grid .pb.btn-round{background-color:var(--dks-kurk)!important;color:var(--dks-kurk-t)!important;border-color:var(--dks-kurk)!important}
/* DKS-HEADER-ANTRACIET 17-10-2026 (Wim): headerbalk warm antraciet i.p.v. olijf - terugzetten: dit blok verwijderen */
html body header#header#header{background-color:#1F3B2C!important}
/* DKS-KAR-ICOON 17-10-2026: wit lijn-winkelkarretje op In winkelmandje - terugzetten: dit blok verwijderen */
html body button.quickview-btn svg{display:none!important}
html body button.quickview-btn::before{content:'';display:inline-block;width:21px;height:21px;margin-right:8px;vertical-align:-5px;flex:0 0 21px;background:#fff;-webkit-mask:var(--dks-kar) center/contain no-repeat;mask:var(--dks-kar) center/contain no-repeat}
:root{--dks-kar: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%3Ccircle cx='8' cy='21' r='1.3'/%3E%3Ccircle cx='19' cy='21' r='1.3'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E")}/* DKS-HEADER-RANDEN 17-10-2026 (Wim): geen zwarte randen rond zoekveld en Alle categorieen */
html body header#header .dks-allcats-btn,html body header#header input.search-query,html body header#header form .btn{border:0!important;box-shadow:none!important}
/* ===== DKS-HUISSTIJL-V3 17-10-2026 (Wim): bosgroene header+footer, 1 achtergrondkleur, afgeronde knoppen, rustige homepage - terugzetten: dit blok verwijderen ===== */
/* header + footer bosgroen */
html body header#header#header{background-color:#1F3B2C!important}
html body header#header .dks-allcats-btn{background:rgba(255,255,255,.10)!important;border:0!important;border-radius:999px!important;color:#fff!important}
html body header#header input.search-query{background:rgba(255,255,255,.12)!important;border:0!important;border-radius:999px 0 0 999px!important;color:#fff!important}
html body header#header input.search-query::placeholder{color:rgba(255,255,255,.65)!important}
html body header#header form .btn{background:#E3A72F!important;border:0!important;border-radius:0 999px 999px 0!important}
html body header#header form .btn *{color:#2A210F!important}
html body footer.dks-footer,html body footer.dks-footer#footer{background-color:#1F3B2C!important}
html body footer.dks-footer input[type=email],html body footer.dks-footer input[type=text]{border-radius:999px 0 0 999px!important;background:rgba(255,255,255,.10)!important;border:0!important;color:#fff!important}
html body footer.dks-footer#footer button.btn.btn1,html body footer.dks-footer button.btn.btn1{background:#E3A72F!important;color:#2A210F!important;border:0!important;border-radius:0 999px 999px 0!important;font-weight:500!important}
/* bovenste balken rustiger */
html body .dks-notice-bar{height:34px!important;min-height:34px!important;font-size:13px!important}
html body .dks-notice-bar *{font-size:13px!important}
/* een achtergrondkleur: creme; wit enkel voor kaarten */
html body section.dks-top-products,html body section.dks-cats,html body section.dks-spec,html body section.dks-reviews,html body section.dks-why-wrap,html body .home-block{background:#FBF7EF!important;box-shadow:none!important}
html body section.dks-cats{border-top:1px solid #E6DCC8}
/* knoppen: afgerond overal */
html body .btn,html body a.btn,html body button.btn,html body button.quickview-btn,html body button.pp_is_add_btn,html body a.dks-tp-cta,html body a.dks-spec-alle,html body .dks-vsg-foot button,html body button.dks-rpk-btn,html body .dks-spec-hero .bt,html body .dks-spec-hero [class*=bestel],html body .quickview-box select,html body .qv-select,html body .dks-qs-rij select{border-radius:999px!important}
html body button.quickview-btn{min-height:42px!important;font-size:14.5px!important;font-weight:500!important;box-shadow:0 2px 6px rgba(227,167,47,.30)!important;transition:transform .15s,box-shadow .15s,background .15s}
html body button.quickview-btn:hover{background:#CF9420!important;transform:translateY(-1px);box-shadow:0 6px 14px rgba(207,148,32,.30)!important}
html body button.quickview-btn::before{width:18px!important;height:18px!important;flex-basis:18px!important;margin-right:7px!important;vertical-align:-4px!important}
html body .item button.quickview-viewbtn.quickview-viewbtn{border:0!important;background:transparent!important;color:#3E6B31!important;font-weight:500!important;font-size:14px!important;min-height:auto!important;padding:6px 4px!important;white-space:nowrap!important;box-shadow:none!important}
html body .item button.quickview-viewbtn.quickview-viewbtn::after{content:" \2192"}
html body .item button.quickview-viewbtn.quickview-viewbtn:hover{color:#2E3A24!important;text-decoration:underline!important}
/* tegels compacter */
html body .item.is_grid .item-image-container{aspect-ratio:4/3!important;height:auto!important;overflow:hidden}
html body .item.is_grid .item-image-container .m-img{height:100%!important;display:flex!important;align-items:center;justify-content:center}
html body .item.is_grid .item-image-container .m-img img{height:100%!important;width:100%!important;object-fit:contain!important;padding:16px!important;box-sizing:border-box!important}
html body .item.is_grid .item-meta-container{padding-top:12px!important;padding-bottom:6px!important}
html body .item.is_grid .quickview-box{margin-top:auto!important;padding-top:6px!important}
/* categorie-tegels: tekst bovenaan uitgelijnd */
html body a.dks-cat-tegel{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;border-radius:14px!important}
/* specialiteiten: 1 donkere kaart, rest licht */
html body section.dks-spec .dks-spec-grid .dks-spec-why{background:#F3EADB!important;color:#1F2A1A!important;border:1px solid #E6DCC8!important}
html body section.dks-spec .dks-spec-grid .dks-spec-why *{color:#1F2A1A!important}
html body section.dks-spec .dks-spec-grid .dks-spec-why p,html body section.dks-spec .dks-spec-grid .dks-spec-why span{color:#4A463C!important}
html body section.dks-spec .dks-spec-grid .dks-spec-why [class*=eyebrow],html body section.dks-spec .dks-spec-grid .dks-spec-why small{color:#A63E26!important}
html body .dks-spec-card .plus{background:#E3A72F!important;color:#2A210F!important}
html body .dks-spec-card .plus:hover{background:#CF9420!important}
/* titels links zoals de rest */
html body .dks-reviews-kop{justify-content:flex-start!important;text-align:left!important}
html body .dks-why-heading,html body .dks-why-heading *{text-align:left!important}
/* waarom kiezen: sobere lijn-iconen */
html body .dks-why-icon img{display:none!important}
html body .dks-why-icon{width:56px!important;height:56px!important;border-radius:50%!important;background:#F3EADB!important;display:flex!important;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}
html body .dks-why-icon::before{content:'';width:26px;height:26px;background:#3E6B31;-webkit-mask:var(--dks-ic) center/contain no-repeat;mask:var(--dks-ic) center/contain no-repeat}
html body .dks-why-card:nth-child(1) .dks-why-icon{--dks-ic: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='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'/%3E%3C/svg%3E")}
html body .dks-why-card:nth-child(2) .dks-why-icon{--dks-ic: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='M17 21a1 1 0 0 0 1-1v-5.35c0-.457.316-.844.727-1.041a4 4 0 0 0-2.134-7.589 5 5 0 0 0-9.186 0 4 4 0 0 0-2.134 7.588c.411.198.727.585.727 1.041V20a1 1 0 0 0 1 1Z'/%3E%3Cpath d='M6 17h12'/%3E%3C/svg%3E")}
html body .dks-why-card:nth-child(3) .dks-why-icon{--dks-ic: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='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z'/%3E%3Cpath d='M12 22V12'/%3E%3Cpath d='m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7'/%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3C/svg%3E")}
html body .dks-why-card:nth-child(4) .dks-why-icon{--dks-ic: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='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
/* DKS-QS-RIJ-FIX 17-10-2026: knop altijd volle breedte, Meer info eronder, niets buiten de tegel */
html body .item.is_grid .quickview-box,html body .item.is_grid .quickview-box > *{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html body .item.is_grid .dks-qs-rij{flex-direction:column!important;align-items:stretch!important;gap:4px!important;width:100%!important}
html body .item.is_grid .dks-qs-rij button.quickview-btn{order:1!important;width:100%!important;flex:0 0 auto!important;justify-content:center!important}
html body .item.is_grid .dks-qs-rij button.quickview-viewbtn.quickview-viewbtn{order:2!important;width:100%!important;flex:0 0 auto!important;justify-content:center!important}
html body .item.is_grid .dks-vs,html body .item.is_grid .dks-vs-btn{width:100%!important;max-width:100%!important;min-width:0!important}
/* DKS-HEADER-LICHTER 17-10-2026: zoekbalk en Alle categorieen lichter en slanker */
html body header#header .dks-allcats-btn{background:transparent!important;border:1px solid rgba(255,255,255,.28)!important;height:40px!important;min-height:40px!important;padding:0 16px!important;font-size:14px!important;font-weight:400!important;box-shadow:none!important}
html body header#header .dks-allcats-btn:hover{background:rgba(255,255,255,.08)!important}
html body header#header input.search-query{height:40px!important;min-height:40px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.22)!important;border-right:0!important;font-size:14px!important;padding-left:18px!important}
html body header#header input.search-query:focus{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.45)!important}
html body header#header form .btn{height:40px!important;min-height:40px!important;width:48px!important;min-width:48px!important;padding:0!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.22)!important;border-left:0!important;box-shadow:none!important}
html body header#header form .btn *{color:#E3A72F!important;font-size:16px!important}
html body header#header form .btn:hover{background:rgba(255,255,255,.14)!important}
@media (min-width:1025px){html body header#header .dks-allcats-btn{display:none!important}}
/* DKS-DROPDOWN-V2 17-10-2026 (Wim): menu en uitklapmenu's in de nieuwe huisstijl */
html body #menu > .container > ul.menu > li.item > a{color:#1F2A1A!important}
html body #menu > .container > ul.menu > li.item:hover > a,html body #menu > .container > ul.menu > li.item.active > a{color:#1F3B2C!important;box-shadow:inset 0 -2px 0 #E3A72F,0 1px 0 #E3A72F!important;position:relative;z-index:2}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu.dks-nav-dropdown{background:#fff!important;border:1px solid #E6DCC8!important;border-radius:16px!important;box-shadow:0 18px 40px rgba(31,42,26,.14)!important;padding:10px!important;margin-top:6px!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu > .dks-nav-heading{background:transparent!important;color:#A63E26!important;border-bottom:1px solid #E6DCC8!important;font-family:Poppins,sans-serif!important;font-size:11.5px!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:600!important;padding:8px 12px 12px!important;margin:0 0 6px!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a{border-radius:10px!important;padding:6px 12px!important;color:#1F2A1A!important;font-weight:400!important;transition:background .15s,color .15s;text-decoration:none!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a:hover{background:#F3EADB!important;color:#1F3B2C!important;text-decoration:none!important;padding-left:12px!important;transform:none!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a:hover span{text-decoration:none!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu .dks-mi{width:30px!important;height:30px!important;min-width:30px!important;border-radius:50%!important;background:#F3EADB!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:15px!important;margin-right:10px!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a:hover .dks-mi{background:#fff!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu .dks-nav-all{border-top:1px solid #E6DCC8!important;margin-top:6px!important;padding-top:10px!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu .dks-nav-all a{background:#1F3B2C!important;color:#fff!important;border-radius:999px!important;font-weight:500!important;font-size:14px!important;min-height:42px!important;justify-content:center!important;box-shadow:none!important;border:0!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu .dks-nav-all a:hover{background:#3E6B31!important}
html body .menu--overlay{background:rgba(31,42,26,.18)!important}
/* DKS-DROPDOWN-V3 17-10-2026 (Wim): strak, rustig uitklapmenu zonder icoontjes */
html body #menu > .container > ul.menu > li.sub > .dropdown-menu.dks-nav-dropdown{border-radius:0 0 14px 14px!important;border:1px solid #E6DCC8!important;border-top:2px solid #E3A72F!important;margin-top:0!important;padding:14px 10px 12px!important;min-width:260px!important;box-shadow:0 16px 32px rgba(31,42,26,.12)!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu > .dks-nav-heading{display:none!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu .dks-mi{display:none!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a{padding:8px 14px!important;font-size:15px!important;font-weight:400!important;color:#1F2A1A!important;border-radius:8px!important;background:transparent!important;border:0!important;box-shadow:none!important;position:relative}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a:hover{background:#F3EADB!important;color:#1F3B2C!important;padding-left:14px!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a::after{display:none!important;content:none!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a img,html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a .dks-ic,html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a > span:last-child:not(:first-child) img{display:none!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a[href$='/zonder-zout/'],html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a[href$='/zonder-knoflook/'],html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a[href$='/van-mild-tot-heet/']{background:transparent!important;font-weight:400!important;color:#A63E26!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a[href$='/zonder-zout/']{border-top:1px solid #E6DCC8!important;border-radius:0!important;margin-top:6px!important;padding-top:12px!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a[href$='/zonder-zout/'] *,html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a[href$='/zonder-knoflook/'] *,html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a[href$='/van-mild-tot-heet/'] *{font-weight:400!important;color:#A63E26!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a[href$='/zonder-zout/']:hover,html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a[href$='/zonder-knoflook/']:hover,html body #menu > .container > ul.menu > li.sub > .dropdown-menu > ul > li > a[href$='/van-mild-tot-heet/']:hover{background:#F6E1D8!important;border-radius:8px!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu .dks-nav-all{border-top:1px solid #E6DCC8!important;margin-top:6px!important;padding:10px 4px 0!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu .dks-nav-all a{background:transparent!important;color:#3E6B31!important;border:0!important;min-height:auto!important;padding:6px 10px!important;font-weight:600!important;font-size:14.5px!important;justify-content:flex-start!important;box-shadow:none!important}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu .dks-nav-all a::after{content:' \2192'}
html body #menu > .container > ul.menu > li.sub > .dropdown-menu .dks-nav-all a:hover{color:#1F3B2C!important;text-decoration:underline!important;background:transparent!important}
html body #menu > .container > ul.menu > li.dks-nav-sub > .dropdown-menu:not(.dks-nav-dropdown){display:none!important}
/* DKS-NAV-ALL-GEEL 17-10-2026 (Wim, voorstel B): onderaan uitklapmenu een gele knop met licht afgeronde hoeken */
html body #menu#menu > .container > ul.menu > li.sub > .dropdown-menu.dks-nav-dropdown{padding-bottom:12px!important}
html body #menu#menu > .container > ul.menu > li.sub > .dropdown-menu.dks-nav-dropdown .dks-nav-all{border-top:1px solid #E6DCC8!important;margin:10px 0 0!important;padding:12px 0 0!important;width:100%!important;max-width:none!important}
html body #menu#menu > .container > ul.menu > li.sub > .dropdown-menu.dks-nav-dropdown .dks-nav-all a{display:flex!important;align-items:center!important;justify-content:center!important;background:#E3A72F!important;color:#2A210F!important;border-radius:8px!important;border:0!important;box-shadow:0 2px 0 #CF9420!important;height:44px!important;min-height:44px!important;width:100%!important;font-weight:600!important;font-size:14.5px!important;padding:0 16px!important;text-decoration:none!important;margin:0!important}
html body #menu#menu > .container > ul.menu > li.sub > .dropdown-menu.dks-nav-dropdown .dks-nav-all a::after{content:'\00a0\00a0\2192'!important;display:inline!important}
html body #menu#menu > .container > ul.menu > li.sub > .dropdown-menu.dks-nav-dropdown .dks-nav-all a:hover{background:#CF9420!important;color:#2A210F!important;text-decoration:none!important}
/* DKS-NAV-ICOONTJES 17-10-2026 (Wim): icoontjes terug bij Zonder zout, Zonder knoflook en Van mild tot heet */
html body #menu#menu > .container > ul.menu > li.sub > .dropdown-menu.dks-nav-dropdown > ul > li > a[href$='/zonder-zout/'],html body #menu#menu > .container > ul.menu > li.sub > .dropdown-menu.dks-nav-dropdown > ul > li > a[href$='/zonder-knoflook/'],html body #menu#menu > .container > ul.menu > li.sub > .dropdown-menu.dks-nav-dropdown > ul > li > a[href$='/van-mild-tot-heet/']{display:block!important}
html body #menu#menu > .container > ul.menu > li.sub > .dropdown-menu.dks-nav-dropdown > ul > li > a[href$='/zonder-zout/']::after,html body #menu#menu > .container > ul.menu > li.sub > .dropdown-menu.dks-nav-dropdown > ul > li > a[href$='/zonder-knoflook/']::after,html body #menu#menu > .container > ul.menu > li.sub > .dropdown-menu.dks-nav-dropdown > ul > li > a[href$='/van-mild-tot-heet/']::after{display:inline-block!important;float:right!important;font-size:17px!important;line-height:1.3!important;margin-left:12px!important}
html body #menu#menu > .container > ul.menu > li.sub > .dropdown-menu.dks-nav-dropdown > ul > li > a[href$='/zonder-zout/']::after{content:'\1F9C2'!important}
html body #menu#menu > .container > ul.menu > li.sub > .dropdown-menu.dks-nav-dropdown > ul > li > a[href$='/zonder-knoflook/']::after{content:'\1F9C4'!important}
html body #menu#menu > .container > ul.menu > li.sub > .dropdown-menu.dks-nav-dropdown > ul > li > a[href$='/van-mild-tot-heet/']::after{content:'\1F336\FE0F'!important}
/* DKS-HERO-GEEL 17-10-2026 (Wim): groen in de slider vervangen door kurkumageel */
html body #headlines#headlines .dks-hero-wrap .subtitle{color:#B9801A!important}
html body #headlines#headlines .dks-hero-wrap .banner-btn,html body #headlines#headlines .dks-hero-wrap .banner-btn.btn{background:#E3A72F!important;color:#2A210F!important;border-color:#E3A72F!important;font-weight:500!important;box-shadow:0 2px 0 #CF9420!important}
html body #headlines#headlines .dks-hero-wrap .banner-btn:hover,html body #headlines#headlines .dks-hero-wrap a:hover .banner-btn{background:#CF9420!important;color:#2A210F!important}
/* DKS-KNOPPEN-8PX 17-10-2026 (Wim): alle knoppen en keuzevelden licht afgerond (8px), geen pillen meer; zoekveld blijft rond */
html body .btn,html body a.btn,html body button.btn,html body .banner-btn,html body #headlines .banner-btn,html body button.quickview-btn,html body button.pp_is_add_btn,html body a.dks-tp-cta,html body a.dks-spec-alle,html body .dks-vsg-foot button,html body button.dks-rpk-btn,html body .dks-spec-hero .bt,html body .dks-spec-hero [class*=bestel],html body .quickview-box select,html body .qv-select,html body .dks-qs-rij select,html body .dks-vs-btn,html body header#header .dks-allcats-btn{border-radius:8px!important}
html body #headlines#headlines .dks-hero-wrap .banner-btn{border-radius:999px!important} /* slider-knop bewust rond (Wim) */
html body footer.dks-footer input[type=email],html body footer.dks-footer input[type=text]{border-radius:8px 0 0 8px!important}
html body footer.dks-footer#footer button.btn.btn1,html body footer.dks-footer button.btn.btn1{border-radius:0 8px 8px 0!important}
/* DKS-MENULIJN 17-10-2026: grijze onderlijn van de menubalk als achtergrond, zodat de gele streep er bovenop ligt (geen wit lijntje meer) */
html body nav#menu#menu,html body #header nav#menu#menu{border-bottom:0!important;background:linear-gradient(to top,#E6DCC8 0,#E6DCC8 1px,#FBF7EF 1px)!important}
/* DKS-ZOEK-KAART 17-10-2026 (Wim): zoekresultaten onder de zoekbalk in de nieuwe huisstijl */
html body header#header .autocomplete{background:#FBF7EF!important;border-top:1px solid #E6DCC8!important;box-shadow:0 18px 40px rgba(31,42,26,.14)!important;padding-bottom:22px!important}
html body header#header .autocomplete .item.is_grid{background:#fff!important;border:1px solid #E6DCC8!important;border-radius:12px!important;overflow:hidden!important;transition:box-shadow .15s,transform .15s}
html body header#header .autocomplete .item.is_grid:hover{box-shadow:0 8px 20px rgba(31,42,26,.10)!important;transform:translateY(-2px)}
html body header#header .autocomplete .item.is_grid .item-image-container,html body header#header .autocomplete .item.is_grid .item-meta-container,html body header#header .autocomplete .item.is_grid a.dksz,html body header#header .autocomplete .item.is_grid .item-image-container a{background:#fff!important}
html body header#header .autocomplete .item.is_grid .item-name,html body header#header .autocomplete .item.is_grid .item-name a{background:transparent!important;color:#1F2A1A!important;font-weight:500!important;font-size:14.5px!important;text-decoration:none!important}
html body header#header .autocomplete .item.is_grid a.btn.btn3{background:transparent!important;color:#3E6B31!important;border:1px solid #3E6B31!important;border-radius:8px!important;font-weight:500!important;font-size:14px!important;box-shadow:none!important;min-height:40px!important}
html body header#header .autocomplete .item.is_grid a.btn.btn3:hover{background:#3E6B31!important;color:#fff!important}
html body header#header .autocomplete .more a.banner-btn.livesearch{display:inline-block!important;background:#E3A72F!important;color:#2A210F!important;border:0!important;border-radius:8px!important;padding:11px 22px!important;font-weight:500!important;text-decoration:none!important;box-shadow:0 2px 0 #CF9420!important}
html body header#header .autocomplete .more a.banner-btn.livesearch:hover{background:#CF9420!important}
html body header#header .autocomplete .item.is_grid .item-image-container{aspect-ratio:auto!important;height:auto!important;padding:14px 14px 0!important}
html body header#header .autocomplete .item.is_grid .item-image-container img{max-height:170px!important;width:auto!important;height:auto!important;margin:0 auto!important;display:block!important;padding:0!important;object-fit:contain!important}
html body header#header .autocomplete .item.is_grid .item-image-container .m-img,html body header#header .autocomplete .item.is_grid .item-image-container a{height:auto!important;display:block!important}
/* DKS-CATEGORIE-HARMONIE 17-10-2026 (Wim): categoriepagina's - enkel filterkader wit, alle hoeken 12px (kaarten) / 8px (knoppen, velden), quickshop-hover */
@media (min-width:1025px){html body aside.mobile-menu-side{background:transparent!important;box-shadow:none!important}}
html body .filters_active{background:#fff!important;border:1px solid #E6DCC8!important;border-radius:12px!important;margin-bottom:16px!important}
html body .filters-aside{border-radius:12px!important}
html body .toggle-content,html body .content.toggle-content,html body .cat-description,html body .at-bottom.cat-description{border-radius:12px!important;border:1px solid #E6DCC8!important}
html body .page-container select:not(.qv-select){border-radius:8px!important;border:1px solid #E6DCC8!important;background-color:#fff!important}
html body .item.is_grid{border-radius:12px!important;overflow:hidden}
html body .item.is_grid .item-image-container{background:#fff!important;border-radius:12px 12px 0 0!important}
html body .item.is_grid .item-meta-container,html body .item.is_grid .quickview-box{border-radius:0 0 12px 12px!important}
html body ul.pagination{background:transparent!important}
html body ul.pagination li a,html body ul.pagination li span{border-radius:8px!important}
html body a.dks-mh-card{border-radius:12px!important;overflow:hidden}
html body .dks-404-chip{border-radius:8px!important}
html body .page-container .banner{border-radius:12px!important;overflow:hidden}
/* quickshop: hover op varianten, lijst met dezelfde hoeken */
html body .dks-vs-list{border-radius:12px!important;border:1px solid #E6DCC8!important}
html body .dks-vs-list li{cursor:pointer;transition:background .12s}
html body .dks-vs-list li:hover{background:#F3EADB!important}
html body .dks-vs-list li.on{background:#F3EADB!important}
/* Meer info: even breed als In winkelmandje, als rustige knop met rand */
html body .item button.quickview-viewbtn.quickview-viewbtn{width:100%!important;min-height:40px!important;border:1px solid #3E6B31!important;border-radius:8px!important;background:#fff!important;color:#3E6B31!important;justify-content:center!important;padding:0 14px!important;margin-top:8px!important}
html body .item button.quickview-viewbtn.quickview-viewbtn::after{content:none!important}
html body .item button.quickview-viewbtn.quickview-viewbtn:hover{background:#3E6B31!important;color:#fff!important;text-decoration:none!important}
html body .item.is_grid .dks-qs-rij{gap:0!important}
/* DKS-TEKSTKADER 17-10-2026 (Wim): tekstkaders op categoriepagina's zelfde hoeken als producttegels + mespuntje donkerder */
html body .page-container .toggle-content:not(#dks0):not(#dks1),html body .page-container .cat-description:not(#dks0):not(#dks1){border-radius:12px!important;border:1px solid #E6DCC8!important;background-color:#F3EADB!important}
/* DKS-KNOPPEN-SLANK 17-10-2026 (Wim): slankere knoppen op de producttegels, overal 8px tussenruimte */
html body .item.is_grid .quickview-box{gap:8px!important;padding-top:6px!important}
html body .item.is_grid .quickview-box .dks-vs{margin:0!important}
html body .item.is_grid .dks-vs-btn{min-height:38px!important;height:38px!important;padding-top:0!important;padding-bottom:0!important}
html body .item.is_grid .dks-vs-btn .dks-vs-th{height:26px!important;width:auto!important}
html body .item.is_grid .dks-qs-rij{gap:8px!important;margin:0!important}
html body .item.is_grid button.quickview-btn.quickview-btn{min-height:38px!important;height:38px!important;font-size:13px!important;font-weight:500!important;box-shadow:none!important;letter-spacing:0!important}
html body .item.is_grid button.quickview-btn.quickview-btn::before{width:17px!important;height:17px!important;flex-basis:17px!important}
html body .item.is_grid button.quickview-viewbtn.quickview-viewbtn{min-height:38px!important;height:38px!important;margin:0!important;font-size:14px!important;font-weight:400!important;border-color:rgba(62,107,49,.55)!important}
html body .item.is_grid button.quickview-btn.quickview-btn{background:#FBF1DA!important;color:#2A210F!important;border:1px solid #E3A72F!important}
html body .item.is_grid button.quickview-btn.quickview-btn::before{background:#2A210F!important}
html body .item.is_grid button.quickview-btn.quickview-btn:hover{background:#E3A72F!important}
html body .item button.quickview-viewbtn.quickview-viewbtn{background:#EDF2E6!important;border:1px solid #3E6B31!important;color:#2E3A24!important}
html body .item button.quickview-viewbtn.quickview-viewbtn:hover{background:#3E6B31!important;border-color:#3E6B31!important;color:#fff!important}
/* DKS-VS-LIJNTJES 17-10-2026 (Wim): fijn lijntje tussen de varianten in de quickshop */
html body .dks-vs-list li{position:relative}
html body .dks-vs-list li + li::before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:#E6DCC8;pointer-events:none}
html body .dks-vs-list li:hover::before,html body .dks-vs-list li.on::before,html body .dks-vs-list li:hover + li::before,html body .dks-vs-list li.on + li::before{display:none}
html body .item.is_grid:not(#dks0){overflow:visible!important}
html body .item.is_grid .dks-vs.open{position:relative;z-index:30}
html body .item.is_grid:has(.dks-vs.open){position:relative;z-index:500!important}
/* DKS-VS-GAP 17-10-2026 (Wim): kleine ruimte tussen varianten zodat de achtergronden niet tegen elkaar kleven */
html body .dks-vs-list li + li{margin-top:4px!important}
html body .dks-vs-list li + li::before{top:-2px!important}
/* DKS-VS-ON 17-10-2026 (Wim): gekozen variant geen achtergrond (anders lijkt het alsof er al gekozen is); enkel vet + groen vinkje */
html body .dks-vs-list li.on:not(:hover){background:transparent!important}
html body .dks-vs-list li.on .nm::after{content:"  \2713";color:#3E6B31;font-weight:600;white-space:pre}
html body .dks-vs-list li.on:not(:hover)::before,html body .dks-vs-list li.on:not(:hover) + li:not(:hover)::before{display:block!important}
html body .dks-vs-list li:hover .nm,html body .dks-vs-list li:hover .pr{font-weight:600!important;color:#1F2A1A!important}
/* DKS-VS-NEUTRAAL 17-10-2026 (Wim): geen vinkje en geen vet bij de standaardvariant - de klant kiest zelf */
html body .dks-vs-list li.on .nm::after{content:none!important}
html body .dks-vs-list li.on:not(:hover) .nm,html body .dks-vs-list li.on:not(:hover) .pr{font-weight:400!important}
/* DKS-FAV-COMPACT 17-10-2026 (Wim): variantenmenu op smalle tegels (favorieten) compact, zonder afbreken */
html body .item.is_grid .quickview-box{container-type:inline-size}
@container (max-width:300px){
 .dks-vs-btn .dks-vs-tx{font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .dks-vs-btn .dks-vs-th{height:22px!important}
 .dks-vs-list{width:300px!important;max-width:calc(100vw - 24px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}
 .dks-vs-list li{gap:10px!important;padding:8px 10px!important}
 .dks-vs-list li .nm{white-space:nowrap!important;font-size:13.5px!important}
 .dks-vs-list li .pr{white-space:nowrap!important;font-size:13.5px!important}
 .dks-vs-list li img{width:34px!important;height:34px!important;object-fit:contain}
}
/* DKS-FAV-KNOPTEKST 17-10-2026 (Wim): kleinere tekst in de knoppen op smalle tegels */
@container (max-width:300px){html body .item.is_grid button.quickview-btn.quickview-btn.quickview-btn{font-size:12px!important;gap:6px!important;padding:0 10px!important}html body .item.is_grid button.quickview-btn.quickview-btn.quickview-btn::before{width:15px!important;height:15px!important;flex-basis:15px!important;margin-right:6px!important}html body .item button.quickview-viewbtn.quickview-viewbtn.quickview-viewbtn{font-size:13px!important}}
/* DKS-FAV-GEEN-PEPERS 17-10-2026 (Wim): geen pepertjes op de favorieten-tegels */
html body section.dks-top-products .dks-pep{display:none!important}
/* DKS-FAV-KNOP-KLEIN 17-10-2026 (Wim): favorieten op de homepagina altijd kleine knoptekst */
html body section.dks-top-products .item.is_grid button.quickview-btn.quickview-btn.quickview-btn{font-size:11.5px!important}
html body section.dks-top-products .item.is_grid button.quickview-btn.quickview-btn.quickview-btn::before{width:15px!important;height:15px!important;flex-basis:15px!important;margin-right:6px!important}
/* DKS-CAT-TEGEL-LIJN 17-10-2026 (Wim): dikker kurkumageel lijntje links op de categorietegels homepagina */
html body a.dks-cat-tegel.dks-cat-tegel{border-left:4px solid #E3A72F!important;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
html body a.dks-cat-tegel.dks-cat-tegel:hover{background:#FBF1DA!important;box-shadow:0 8px 20px rgba(31,42,26,.08)!important;transform:translateY(-2px)}
/* DKS-SCHEIDING-BLAD 17-10-2026 (Wim): i.p.v. een grijze lijn tussen de blokken een sierlijke scheiding: twee fijne kurkumagele lijntjes met een groen blaadje in het midden */
html body section.dks-cats{border-top:0!important;border-bottom:0!important;position:relative}
html body section.dks-top-products:not(#dks0){background:#FBF7EF!important;box-shadow:none!important}
/* KLEURENKAART-CHECK 17-10-2026: kleuren gelijkgetrokken met de kaart (zand #E6DCC8, linnen #F3EADB, bosgroen #1F3B2C, olijf #2E3A24, groen #3E6B31, kurkuma #E3A72F + lichte tinten kurkuma #FBF1DA en groen #EDF2E6) */
/* DKS-TUSSENLIJN 17-10-2026 (Wim): fijn kurkumageel lijntje tussen de blokken op de homepagina, enkel over de breedte van de tegels */
html body section.dks-cats:not(#dks0) > :first-child,html body section.dks-spec:not(#dks0) > :first-child,html body section.dks-reviews:not(#dks0) > :first-child,html body section.dks-why-wrap:not(#dks0) > :first-child{position:relative}
html body section.dks-cats:not(#dks0) > :first-child::before,html body section.dks-spec:not(#dks0) > :first-child::before,html body section.dks-reviews:not(#dks0) > :first-child::before,html body section.dks-why-wrap:not(#dks0) > :first-child::before{content:"";position:absolute;left:20px;right:20px;top:-25px;height:3px;background:linear-gradient(90deg,rgba(227,167,47,0) 0,#E3A72F 50%,rgba(227,167,47,0) 100%);clip-path:polygon(0 50%,50% 0,100% 50%,50% 100%);pointer-events:none}
/* DKS-TUSSENRUIMTE 17-10-2026 (Wim): evenveel ruimte boven als onder het lijntje tussen de blokken */
html body section.dks-top-products:not(#dks0),html body section.dks-cats:not(#dks0),html body section.dks-spec:not(#dks0),html body section.dks-reviews:not(#dks0),html body section.dks-why-wrap:not(#dks0){padding-top:96px!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
html body section.dks-top-products:not(#dks0) > :last-child,html body section.dks-cats:not(#dks0) > :last-child,html body section.dks-spec:not(#dks0) > :last-child,html body section.dks-reviews:not(#dks0) > :last-child,html body section.dks-why-wrap:not(#dks0) > :last-child{margin-bottom:0!important;padding-bottom:0!important}
html body section.dks-top-products:not(#dks0) > :last-child > :last-child,html body section.dks-cats:not(#dks0) > :last-child > :last-child,html body section.dks-spec:not(#dks0) > :last-child > :last-child,html body section.dks-reviews:not(#dks0) > :last-child > :last-child,html body section.dks-why-wrap:not(#dks0) > :last-child > :last-child{margin-bottom:0!important}
html body section.dks-cats:not(#dks0) > :first-child::before,html body section.dks-spec:not(#dks0) > :first-child::before,html body section.dks-reviews:not(#dks0) > :first-child::before,html body section.dks-why-wrap:not(#dks0) > :first-child::before{top:-49px!important}
html body section.dks-why-wrap:not(#dks0){padding-bottom:56px!important}
html body section.dks-reviews:not(#dks0){padding-bottom:10px!important}
html body section.dks-top-products:not(#dks0){padding-top:56px!important}
@media (max-width:767px){html body section.dks-cats:not(#dks0),html body section.dks-spec:not(#dks0),html body section.dks-reviews:not(#dks0),html body section.dks-why-wrap:not(#dks0){padding-top:64px!important}html body section.dks-cats:not(#dks0) > :first-child::before,html body section.dks-spec:not(#dks0) > :first-child::before,html body section.dks-reviews:not(#dks0) > :first-child::before,html body section.dks-why-wrap:not(#dks0) > :first-child::before{top:-33px!important}}
html body section.dks-reviews:not(#dks0) .dks-reviews-kop{padding-top:0!important;margin-top:0!important}
/* DKS-SECTIE-KNOPPEN 17-10-2026 (Wim): "Bekijk alle bestsellers" en "Alle specialiteiten" in dezelfde zachte stijl als de tegelknoppen; specialiteiten-knop even breed als de tegel eronder */
html body a.dks-tp-cta:not(#dks0),html body a.dks-spec-alle:not(#dks0){display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:46px!important;padding:0 18px 0 20px!important;background:#EDF2E6!important;color:#2E3A24!important;border:1px solid #3E6B31!important;border-radius:8px!important;font-size:14.5px!important;font-weight:500!important;box-shadow:none!important;text-decoration:none!important;transition:background .15s,color .15s}
html body a.dks-tp-cta:not(#dks0) span,html body a.dks-spec-alle:not(#dks0) span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#3E6B31;color:#fff!important;font-size:15px;line-height:1;transition:transform .2s}
html body a.dks-tp-cta:not(#dks0):hover,html body a.dks-spec-alle:not(#dks0):hover{background:#3E6B31!important;color:#fff!important}
html body a.dks-tp-cta:not(#dks0):hover span,html body a.dks-spec-alle:not(#dks0):hover span{background:#fff;color:#3E6B31!important;transform:translateX(3px)}
html body a.dks-tp-cta:not(#dks0){min-width:260px}
@media (min-width:1025px){html body a.dks-spec-alle:not(#dks0){width:calc((100% - 48px) / 4.25)!important;flex:0 0 auto!important;box-sizing:border-box}}
html body a.dks-tp-cta:not(#dks0){display:flex!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;width:var(--dks-tegel-b,300px)!important;min-width:0!important}
html body a.dks-tp-cta:not(#dks0){margin-left:0!important;margin-right:auto!important;white-space:nowrap!important}
html body a.dks-tp-cta:not(#dks0) span,html body a.dks-spec-alle:not(#dks0) span{flex:0 0 28px!important}
/* DKS-MINICART-HUISSTIJL 17-10-2026 (Wim): mini-winkelmandje in de kleuren van de kleurenkaart */
html body .dks-minicart-menu:not(#dks0){border:1px solid #E6DCC8!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 18px 40px rgba(31,42,26,.18)!important}
html body .dks-minicart-menu:not(#dks0) > .title,html body .dks-minicart-menu:not(#dks0) .title{background:#1F3B2C!important;border-radius:0!important}
html body .dks-minicart-menu:not(#dks0) .close-cart{border-color:rgba(255,255,255,.35)!important}
html body .dks-minicart-menu:not(#dks0) .item-name a,html body .dks-minicart-menu:not(#dks0) a .item-name,html body .dks-minicart-menu:not(#dks0) .widget_content a:not(.btn):not(.delete-item){background:transparent!important}
html body .dks-minicart-menu:not(#dks0) .item-image-container{border-radius:8px!important;background:#fff!important}
html body .dks-minicart-menu:not(#dks0) a.delete-item.dks-cart-trash{border:1px solid #E6DCC8!important;border-radius:8px!important;background:#fff!important;color:#2E3A24!important}
html body .dks-minicart-menu:not(#dks0) a.delete-item.dks-cart-trash:hover{background:#F6E1D8!important;border-color:#A63E26!important;color:#A63E26!important}
html body .dks-minicart-menu:not(#dks0) .cart-info{background:#F3EADB!important;border-top:1px solid #E6DCC8!important}
html body .dks-minicart-menu:not(#dks0) .dks-gv{border:1px solid #E6DCC8!important;border-radius:12px!important;background:#fff!important}
html body .dks-minicart-menu:not(#dks0) .dks-gv-ico{border-color:#E6DCC8!important;color:#3E6B31!important}
html body .dks-minicart-menu:not(#dks0) a.btn{border-radius:8px!important;min-height:44px!important;height:44px!important;font-size:14.5px!important;font-weight:500!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body .dks-minicart-menu:not(#dks0) a.view-cart.btn{background:#EDF2E6!important;border:1px solid #3E6B31!important;color:#2E3A24!important}
html body .dks-minicart-menu:not(#dks0) a.view-cart.btn:hover{background:#3E6B31!important;color:#fff!important}
html body .dks-minicart-menu:not(#dks0) a.dks-continue-shopping.btn{background:#FBF1DA!important;border:1px solid #E3A72F!important;color:#2A210F!important}
html body .dks-minicart-menu:not(#dks0) a.dks-continue-shopping.btn:hover{background:#E3A72F!important;color:#2A210F!important}
html body .dks-minicart-menu:not(#dks0) a.btn.btn1{background:transparent!important;border:0!important;color:#3E6B31!important;height:auto!important;min-height:0!important;text-decoration:underline!important;font-size:14px!important}
/* DKS-MINICART-FIJN 17-10-2026 (Wim): knoppen dichter bij elkaar, oorspronkelijke ronde hoeken, geen lichte rand rond de groene kop */
html body .dks-minicart-menu:not(#dks0){border:0!important;border-radius:22px!important}
html body .dks-minicart-menu:not(#dks0) a.dks-continue-shopping.btn{margin:6px 0 0!important}
html body .dks-minicart-menu:not(#dks0) a.view-cart.btn{margin:8px 0 0!important}
/* DKS-MINICART-LOGICA 17-10-2026 (Wim): geel = kopen (Afrekenen · bedrag), groen = Verder winkelen, link = Bekijk winkelmand */
html body .dks-minicart-menu:not(#dks0) .total a.btn.btn1{order:10;margin:6px 0 0!important;background:#FBF1DA!important;border:1px solid #E3A72F!important;color:#2A210F!important;text-decoration:none!important;height:44px!important;min-height:44px!important;font-size:14.5px!important;font-weight:500!important}
html body .dks-minicart-menu:not(#dks0) .total a.btn.btn1:hover{background:#E3A72F!important}
html body .dks-minicart-menu:not(#dks0) .total a.dks-continue-shopping.btn{order:11;margin:8px 0 0!important;background:#EDF2E6!important;border:1px solid #3E6B31!important;color:#2E3A24!important}
html body .dks-minicart-menu:not(#dks0) .total a.dks-continue-shopping.btn:hover{background:#3E6B31!important;color:#fff!important}
html body .dks-minicart-menu:not(#dks0) .total a.view-cart.btn{order:12;margin:10px 0 0!important;background:transparent!important;border:0!important;color:#3E6B31!important;text-decoration:underline!important;height:auto!important;min-height:0!important;font-size:14px!important;font-weight:400!important}
html body .dks-minicart-menu:not(#dks0) .total a.view-cart.btn:hover{color:#2E3A24!important;background:transparent!important}
/* DKS-VZS-WIT 17-10-2026 (Wim): achtergrond van de verzendbalken wit i.p.v. roze */
html body span.dks-vzs-balk:not(#dks0):not(#dks1){background:#fff!important;box-shadow:inset 0 0 0 1px #E6DCC8!important}
/* DKS-AANTAL-WIT 17-10-2026 (Wim): aantal-vak op de productpagina volledig wit */
html body .adding .quantity-input .input-wrap.is_pp{background:#fff!important;border-radius:8px!important;overflow:hidden}
html body .adding .quantity-input .input-wrap.is_pp a.quantity-btn,html body .adding .quantity-input .input-wrap.is_pp input{background:#fff!important}
html body .adding .quantity-input .input-wrap.is_pp input{-moz-appearance:textfield!important}
html body .adding .quantity-input .input-wrap.is_pp input::-webkit-outer-spin-button,html body .adding .quantity-input .input-wrap.is_pp input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}
/* DKS-WINKELMAND-WIT 17-10-2026 (Wim): winkelmandpagina hoofdvlak wit + mooiere knop 'Ga verder met winkelen' */
html body.dks-cartpage .page-container.cartpage .main-content.with-sidebar:not(#dks0){background:#fff!important}
html body.dks-cartpage .go-back a.btn.go-back:not(#dks0){display:inline-flex!important;align-items:center;gap:8px;height:44px;padding:0 22px!important;border:1px solid #3E6B31!important;border-radius:8px!important;background:#EDF2E6!important;color:#3E6B31!important;font-size:14.5px!important;font-weight:500!important;text-decoration:none!important;transition:background .15s,color .15s}
html body.dks-cartpage .go-back a.btn.go-back:not(#dks0):hover{background:#3E6B31!important;color:#fff!important}
html body.dks-cartpage .go-back a.btn.go-back i{font-size:12px!important;margin:0!important;color:inherit!important}
/* DKS-CADEAU-GEEL 17-10-2026 (Wim): label 'Cadeautje' kurkumageel i.p.v. roze */
html body .dks-gift span.k:not(#dks0){background:#E3A72F!important;color:#2A210F!important}
/* DKS-CART-ZIJKOLOM 17-10-2026 (Wim): rechterkolom winkelmandpagina niet meer over de footer (hoogte volgt inhoud) */
@media (min-width:992px){html body .page-container.cartpage .cart-menu-side:not(#dks0){flex:0 0 auto!important;height:auto!important}}
/* DKS-MOBIEL-FIX-1 17-10-2026 (Wim): controle op mobiel - pepertjes niet in winkelmand-rijen, roze weg, knoppen in huisstijl, zoekveld, winkelmand-kolom */
/* pepertjes horen niet in mini-winkelmandje en winkelmand (verschoven de productnaam) */
html body .dks-minicart-menu .item > .dks-pep-wrap,html body.dks-cartpage #gui-form-cart .dks-pep-wrap,html body.dks-cartpage .cart-items .dks-pep-wrap{display:none!important}
/* mini-winkelmandje: geen zwarte lijn, foto cadeautje wit */
html body .dks-minicart-menu .cart-info .total:not(#dks0){border-top:0!important}
html body .dks-gift a.dksz:not(#dks0){background:transparent!important}
html body .dks-gift a.dksz:not(#dks0) img,html body .dks-gift img{mix-blend-mode:multiply!important;background:transparent!important}
/* roze vervangen door licht kurkuma */
html body span.dks-tp-eyebrow:not(#dks0),html body span.dks-cats-eyebrow:not(#dks0){background:#FBF1DA!important;color:#8A5A12!important}
html body .dks-f-kaart span.ico:not(#dks0){background:#FBF1DA!important;color:#1F3B2C!important}
/* kortingslabel in paprika i.p.v. fel rood */
html body .item-image-container .label span.discount:not(#dks0){background:#A63E26!important;border-radius:6px!important}
/* knop 'Bekijk het recept' leesbaar */
html body a.dks-recept-btn:not(#dks0),html body a.dks-recept-btn:not(#dks0) *{color:#fff!important}
/* mobiel: winkelmandknop op tegels in huisstijl (zacht geel, 8px) */
@media (max-width:767px){
html body .item.is_grid .action-btns a.pb.btn-round:not(#dks0){width:44px!important;height:44px!important;min-width:44px!important;border-radius:8px!important;background:#FBF1DA!important;border:1px solid #E3A72F!important;color:#2A210F!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}
html body .item.is_grid .action-btns a.pb.btn-round:not(#dks0) i{color:#2A210F!important;font-size:18px!important;background:transparent!important;box-shadow:none!important}
html body .item.is_grid .action-btns a.pb.btn-round:not(#dks0)::before{display:none!important}
html body .item.is_grid .action-btns{align-items:flex-end!important}
/* zoekveld: ruimte rechts en kruisje in het veld */
html body header#header .search.visible-mobile form{padding-right:12px!important;box-sizing:border-box!important}
html body header#header .search.visible-mobile .clearable-input{position:relative!important}
html body header#header .search.visible-mobile .clear-search:not(#dks0){position:absolute!important;top:50%!important;right:6px!important;transform:translateY(-50%)!important;width:30px!important;height:30px!important;background:rgba(255,255,255,.15)!important;color:#fff!important;border:0!important;border-radius:50%!important}
html body header#header .search.visible-mobile .clear-search:not(#dks0) i{background:transparent!important;color:#fff!important;font-size:12px!important;box-shadow:none!important;border:0!important}
}
/* mini-winkelmandje mobiel: productrij volledig zichtbaar */
@media (max-width:767px){html body .dks-minicart-menu .widget_content{min-height:112px!important;flex-shrink:0!important}}
/* favorieten mobiel: vanaf-prijs links, knop rechts */
@media (max-width:767px){html body section.dks-top-products .item-btn:not(#dks0){justify-content:space-between!important}
html body section.dks-top-products .item-price-container.dks-tp-prijs:not(#dks0){display:flex!important;align-items:flex-end;justify-content:flex-start!important;flex:1 1 auto}
html body section.dks-top-products .dks-tp-vanaf{font-size:13px;color:#4A463C;font-family:Poppins,sans-serif}
html body section.dks-top-products .dks-tp-vanaf b{font-size:16px;color:#1F2A1A;font-weight:600}}
/* winkelmandpagina mobiel: overzicht met zijmarges */
@media (max-width:991px){
html body .page-container.cartpage .cart-menu-side:not(#dks0){width:auto!important;margin-left:20px!important;margin-right:20px!important}
}
/* DKS-ZOEK-MOBIEL v2 17-10-2026 (Wim): zoekveld op gsm zonder kader, rand of afgeronde hoeken - vlak in de bosgroene balk */
@media (max-width:991px){
html body header#header .search.visible-mobile{padding-right:0!important}
html body header#header .search.visible-mobile input.search-query:not(#dks0):not(#dks1){border:0!important;box-shadow:none!important;outline:0!important;border-radius:0!important;background:transparent!important;padding-left:16px!important;width:100%!important;box-sizing:border-box!important}
}
/* DKS-MENU-PIJLTJES 17-10-2026 (Wim): gsm-menu - pijltje rechts bij elke categorie (zoals Kruidenmixen) + zoekveld gsm een mespuntje lichter */
html body .sideMenu > a.nav-item{position:relative}
html body .sideMenu > a.nav-item:not(.has-children)::after{content:'\e92f';font-family:'deviant-font'!important;font-size:14px;line-height:1;color:#1B1B1B;position:absolute;right:0;top:50%;transform:translateY(-50%);width:50px;padding-right:15px;box-sizing:border-box;text-align:center;font-style:normal;font-weight:normal}
html body .sideMenu > a.nav-item.ext::after{color:#7a7a6e}
@media (max-width:991px){html body header#header .search.visible-mobile:not(#dks0){background:rgba(255,255,255,.07)!important}html body header#header .search.visible-mobile input.search-query:not(#dks0):not(#dks1):not(#dks2):not(#dks3){background:transparent!important}}
/* DKS-DESC-GEEN-ZIJLIJNEN 17-10-2026 (Wim): productomschrijving op gsm zonder lijntjes links en rechts */
@media (max-width:767px){html body #description .desc-wrap:not(#dks0){border-left:0!important;border-right:0!important;border-radius:0!important}html body #description .desc-wrap ul{padding-left:20px!important}}
/* DKS-NIEUWSBRIEF-GSM 17-10-2026 (Wim): nieuwsbrief op gsm = twee aparte velden met afgeronde hoeken (8px) */
@media (max-width:767px){html body footer.dks-footer#footer input[type=email]:not(#dks0),html body footer.dks-footer#footer input.form-control:not(#dks0){border-radius:8px!important}html body footer.dks-footer#footer form button.btn.btn1:not(#dks0){border-radius:8px!important}}
/* DKS-FOOTER-ACCENT 17-10-2026 (Wim): nieuwsbriefvlak in de footer donkerder (afgescheiden) + contact-rondjes kurkumageel */
html body footer.dks-footer .footer-newsletter:not(#dks0){background:#162B20!important;border-top:0!important;padding:30px 0!important}
html body .dks-f-kaart span.ico:not(#dks0):not(#dks1){background:#E3A72F!important;color:#2A210F!important}
html body .dks-f-kaart span.ico:not(#dks0):not(#dks1) svg{stroke:#2A210F!important;color:#2A210F!important}
/* DKS-FOTO-CENTREREN 17-10-2026 (Wim): ronde productfoto verticaal gecentreerd tussen bovenkant tegel en het lijntje eronder */
html body .item.is_grid .item-image-container .m-img img:not(#dks0){padding:25px 16px 7px!important}
/* DKS-SUGGESTIES-GRIJS 17-10-2026 (Wim): tegels 'Misschien ook lekker' (winkelmand) volledig lichtgrijs zoals onder de foto, niet meer vaag; op gsm geen losse derde tegel */
html body #dks-rel-cart .swiper-slide:not(#dks0),html body #dks-rel-cart .swiper-slide .item-meta-container:not(#dks0){background:#F7F6F2!important}
html body #dks-rel-cart .swiper-slide:not(#dks0){opacity:1!important}
html body.dks-cv2 .dks-cv2-onder .swiper-slide:nth-child(3):last-child{display:none!important}
/* DKS-CART-V2-MARGE 17-10-2026 (Wim): winkelmandkader kleeft niet meer tegen de header */
html body.dks-cv2 .page-container.cartpage .main-content .dks-cart-box:not(#dks0){margin-top:18px!important}
/* DKS-COOKIEBANNER 17-10-2026 (Wim): compacte banner rechtsonder, kortere tekstregels, knoppen in huisstijl (Weigeren even makkelijk als Accepteren) */
html body #ckc-banner:not(#dks0){left:auto!important;right:20px!important;bottom:20px!important;max-width:420px!important;width:calc(100% - 40px)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;padding:20px 22px 18px!important;background:#fff!important;color:#1F2A1A!important;border:1px solid #E6DCC8!important;border-radius:14px!important;box-shadow:0 14px 36px rgba(31,42,26,.18)!important;box-sizing:border-box!important;font-family:Poppins,sans-serif!important;z-index:999999!important;position:fixed!important}
html body #ckc-banner .textcol{max-width:none!important}
html body #ckc-banner .title{font-family:'DM Serif Display',Georgia,serif!important;font-weight:400!important;font-size:21px!important;line-height:1.2!important;margin:0 0 6px!important;color:#1F2A1A!important}
html body #ckc-banner .txt,html body #ckc-banner .txt-last{font-size:13.5px!important;line-height:1.5!important;color:#4A463C!important}
html body #ckc-banner .ckc-link{color:#3E6B31!important;text-decoration:underline!important}
html body #ckc-banner .actions:not(#dks0){display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;min-width:0!important;width:100%!important}
html body #ckc-banner .ckc-btn:not(#dks0){height:42px!important;border-radius:8px!important;border:1px solid #3E6B31!important;background:#EDF2E6!important;color:#3E6B31!important;font:500 14px Poppins,sans-serif!important;cursor:pointer;padding:0 12px!important;box-shadow:none!important}
html body #ckc-banner .ckc-btn.primary:not(#dks0){background:#E3A72F!important;border-color:#E3A72F!important;color:#2A210F!important;order:2;grid-column:auto!important}
html body #ckc-banner .ckc-btn:not(.primary):nth-child(2){order:1}
html body #ckc-banner .ckc-btn:not(.primary):nth-child(1):not(#dks0){order:3;grid-column:1 / -1;height:auto!important;border:0!important;background:transparent!important;color:#6B675C!important;text-decoration:underline;font-size:13px!important;padding:4px 0 0!important}
@media (max-width:600px){html body #ckc-banner:not(#dks0){right:12px!important;left:12px!important;bottom:12px!important;width:auto!important;max-width:none!important;padding:16px 16px 14px!important}html body #ckc-banner .actions:not(#dks0){grid-template-columns:1fr 1fr!important}}

/* DKS-CART-V2-SUGGESTIES-BREED 17-10-2026 (Wim): tegels 'Misschien ook lekker' op gsm even breed als de kaders erboven */
html body.dks-cv2 .dks-cv2-onder:not(#dks0){padding-left:0!important;padding-right:0!important}
html body.dks-cv2 .dks-cv2-onder #dks-rel-cart:not(#dks0),html body.dks-cv2 .dks-cv2-onder #dks-rel-cart .swiper-container:not(#dks0),html body.dks-cv2 .dks-cv2-onder #dks-rel-cart .header:not(#dks0){padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
/* DKS-CART-HOEKEN 17-10-2026 (Wim): alle kaders op de winkelmandpagina dezelfde hoeken (12px) en dezelfde zandrand */
html body .page-container.cartpage .dks-cart-box:not(#dks0),html body .page-container.cartpage .dks-cart-cta:not(#dks0),html body .page-container.cartpage aside.cart-menu-side:not(#dks0){border-radius:12px!important;border:1px solid #E6DCC8!important}
/* DKS-HOEKEN-12 17-10-2026 (Wim): overal dezelfde hoeken - kaders/kaarten 12px, velden en knoppen 8px (homepage, productpagina, afrekenpagina) */
html body .dks-spec-why:not(#dks0),html body .dks-spec-card:not(#dks0),html body .dks-rk-c:not(#dks0),html body a.dks-cat-tegel:not(#dks0),
html body .dks-io-tile:not(#dks0),html body .dks-o2-why:not(#dks0),html body #dks-recept:not(#dks1),html body .dks-kw-no-match:not(#dks0),html body .product-content .short-desc:not(#dks0),
html body .dks-vsg:not(#dks0),html body .dks-kw-inspiration:not(#dks0),html body .dks-puur:not(#dks0),html body .dks-o2-tip:not(#dks0),html body .dks-kw-lunchbox:not(#dks0),
html body .swiper-slide.small:not(#dks0),
html body .dks-gast:not(#dks0),html body .gui-block-option:not(#dks0),html body .gui-block-option label.gui-clearfix:not(#dks0),html body .dks-cc-ship:not(#dks0),html body .gui-col3-equal-col3:not(#dks0){border-radius:12px!important}
html.dks-checkout body input[type=text]:not(.search-query):not(#dks0),html.dks-checkout body input[type=email]:not(#dks0),html.dks-checkout body input[type=tel]:not(#dks0),html.dks-checkout body input[type=password]:not(#dks0),html.dks-checkout body select:not(#dks0),html.dks-checkout body textarea:not(#dks0),html body .dks-cc-land:not(#dks0),
html.dks-checkout body .gui-button-large:not(#dks0),html.dks-checkout body a.gui-button-large:not(#dks0){border-radius:8px!important}
/* DKS-CART-V2-2TEGELS 17-10-2026 (Wim): op gsm maximaal 2 suggesties bij 'Misschien ook lekker' */
html body.dks-cv2 .dks-cv2-onder .swiper-slide:nth-child(n+3){display:none!important}
/* DKS-RELATED-GRIJS 17-10-2026 (Wim): tegels 'Misschien wil je deze ook hebben?' op de productpagina volledig lichtgrijs */
html body #related .item.is_grid:not(#dks0),html body #related .item.is_grid .item-meta-container:not(#dks0),html body #related .item.is_grid .quickview-box:not(#dks0){background:#F7F6F2!important}
/* DKS-PP-SERVICE-WEG 17-10-2026 (Wim): blok 'Heb je vragen? + score' op productpagina ook op gsm weg (staat al in de footer en bovenaan) */
@media (max-width:991px){html body #block1 .col2:not(#dks0),html body #block1 #service:not(#dks0){display:none!important}}
/* DKS-KW-KICKER 17-10-2026 (Wim): label 'Brooddoos weekmenu voor de kids' in lichte paprikakleur (leesbaar op paprika) */
html body .dks-kw-lunchbox-kicker:not(#dks0){color:#F8DCD0!important}
/* DKS-LEGE-CATTEKST 18-10-2026 (Wim): leeg tekstvak onderaan categoriepagina's (gsm) verbergen */
html body .cat-description:empty,html body .cat-description:not(:has(*)){display:none!important}
/* DKS-GSM-REVIEW-2 18-10-2026 (Wim): mobiele review - sticky balken boven tegels, tussenkoppen, blog, prijsuitlijning, suggesties winkelmand */
html body .item.is_grid:not(#dks0){z-index:auto!important}
html body .adding.make-sticky:not(#dks0){z-index:60!important}
html body .sub-sub-wrap.is-sticky:not(#dks0){z-index:60!important}
html body .desc-wrap h3:not(#dks0),html body .cat-description h3:not(#dks0),html body .article-text h3:not(#dks0),html body .textpage h3:not(#dks0){font-family:Poppins,sans-serif!important;font-weight:600!important;font-size:17px!important;line-height:1.35!important;letter-spacing:0!important;color:#1F2A1A!important;margin:22px 0 6px!important}
html body .item.is_grid .item-meta-container .item-btn:not(#dks0){margin-top:auto!important}
html body .dks-cv2-onder .swiper-container:not(#dks0),html body #dks-rel-cart .swiper-container:not(#dks0){opacity:1!important}
html body .dks-premium-recommendations__product:not(#dks0)::before{height:1px!important;background:#E6DCC8!important}
html body .dks-premium-recommendations__product:first-child:not(#dks0)::before{display:none!important}
@media (max-width:767px){
html body .page-container.blog .articles:not(#dks0){margin:0!important}
html body .page-container.blog .featured-article:not(#dks0){background:transparent!important;padding-bottom:16px!important}
html body .page-container.blog .article-inner:not(#dks0){margin:0 0 16px!important;width:100%!important;background:#fff!important;border:1px solid #E6DCC8!important;border-radius:12px!important;overflow:hidden!important;padding:0!important}
html body .page-container.blog .blog-grid-image:not(#dks0){height:200px!important;min-height:200px!important;flex:none!important;background-size:cover!important;background-position:center!important}
html body .page-container.blog .article-inner .meta:not(#dks0){padding:18px 18px 20px!important}
html body .page-container.blog-article .article-image:not(#dks0),html body .page-container.blog-article .article-image img:not(#dks0){height:190px!important}
html body .page-container.blog-article .related:not(#dks0){background:#FBF7EF!important;padding:36px 0!important}
html body .page-container.blog-article .related .wrap:not(#dks0){margin:0!important}
html body .page-container.blog-article .related .blog-article:not(#dks0){background:#fff!important;border:1px solid #E6DCC8!important;border-radius:12px!important;overflow:hidden!important;margin-bottom:16px!important;flex:0 0 100%!important}
html body .page-container.blog-article .related .blog-article .meta:not(#dks0){padding:16px 18px 20px!important}
html body .page-container.blog-article .related .blog-article figure:not(#dks0){height:200px!important;min-height:200px!important;background-size:cover!important;background-position:center!important}
html body .dks-rk-grid:not(#dks0){display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
html body .dks-rk-grid > *:not(#dks0){margin:0!important;min-width:0!important}
html body footer .footer-title:not(#dks0),html body footer .title:not(#dks0){margin-bottom:8px!important}
}

/* DKS-KLEUREN-HUISSTIJL 18-10-2026 (Wim): resterende blauwgrijze/limoen kleuren naar de huisstijl, kruidenwijzer-header bosgroen */
html body #dks-kruidenwijzer .dks-kw-header:not(#dks0),html body #dks-kruidenwijzer.is-open.is-result-mode .dks-kw-header:not(#dks0),html body #dks-kruidenwijzer.is-result-mode .dks-kw-header:not(#dks0){background:#1F3B2C!important;border-color:#1F3B2C!important}
html body .text-wrap span.maintitle:not(#dks0),html body .dks-cat-tegel span.tt:not(#dks0),html body .dks-why-title:not(#dks0),html body .item-price-container .item-price:not(#dks0),html body #dks-mh .dks-mh-jump a:not(#dks0),html body #dks-mh .dks-mh-card:not(#dks0),html body .dks-gift .k:not(#dks0),html body .dks-why-text strong:not(#dks0){color:#1F2A1A!important}
html body .dks-hero-ts:not(#dks0),html body .dks-hero-ts span:not(#dks0),html body .dks-hero-om:not(#dks0),html body .dks-cats-sub:not(#dks0),html body .dks-cat-tegel .om:not(#dks0),html body .dks-reviews-cijfer:not(#dks0),html body .dks-spec-card .om:not(#dks0),html body .dks-why-heading p:not(#dks0),html body .dks-why-text:not(#dks0){color:#4A463C!important}
html body .dks-spec-hero-txt .om:not(#dks0),html body .prijs small.pr-small:not(#dks0){color:rgba(255,255,255,.78)!important}
html body .dks-premium-recommendations__price:not(#dks0){color:#3E6B31!important}
html body .dks-premium-recommendations__box:not(#dks0){border-color:#E6DCC8!important}
html body .article-text a:not(#dks0),html body .desc-wrap a:not(.btn):not(#dks0),html body .cat-description a:not(.btn):not(#dks0),html body a.goSmoothly:not(#dks0){color:#3E6B31!important}
/* DKS-KLEUREN-HUISSTIJL-2 18-10-2026 (Wim): laatste blauwgrijze/limoen/blauwe teksten naar huisstijl (aanraders, links in tekstpagina's, registratie, afrekenvoorwaarden) */
html body .dks-premium-recommendations:not(#dks0){color:#1F2A1A!important}
html body .textpage a:not(.btn):not(.button):not(#dks0),html body a.inner-link:not(#dks0),html body .gui-terms-message-only a:not(#dks0){color:#3E6B31!important}
html body .dks-spec-kop p:not(#dks0){color:#4A463C!important}
html body .dks-spec-hero .rij .sub:not(#dks0){color:rgba(255,255,255,.78)!important}