/* Koster Design – afstemming op Salient (header, typografie, rijen). Handmatig onderhouden. */

/* Hulpklassen binnen .ks die de generator overslaat */
.ks .hide-sm{display:none!important}
@media(min-width:900px){.ks .hide-sm{display:inline-flex!important}}

/* Typografie site-breed: Inter voor tekst, Bebas Neue voor koppen */
body,body p,body li,body input,body select,body textarea,body button{font-family:'Inter',system-ui,sans-serif}
body h1,body h2,body h3,body .nectar-shop-header .page-title{font-family:'Bebas Neue',Impact,sans-serif!important;font-weight:400!important;letter-spacing:.01em;text-transform:uppercase}
body h4,body h5,body h6{font-family:'Inter',system-ui,sans-serif}

/* Hero-rij: paarse verloopachtergrond over de volle breedte (row el_class "ks-hero-row") */
.ks-hero-row{color:#fff}
.ks-hero-row > .row-bg-wrap .row-bg{background:radial-gradient(120% 90% at 80% 10%,#8A1BAA 0,#660880 45%,#3B0450 100%)!important}
.ks-hero-row .ks,.ks-hero-row .ks .hero-a{background:none}
.ks-hero-row .ks .hero-a-in{padding-left:0;padding-right:0}

/* Rij-achtergronden uit het ontwerp (row el_class) */
.ks-row-soft > .row-bg-wrap .row-bg{background:#F6F2F8!important}
.ks-row-dark{color:#fff}
.ks-row-dark > .row-bg-wrap .row-bg{background:#3B0450!important}
.ks .rail-wrap,.ks-rail{position:relative}

/* Winkelblok (native elementen, row el_class "ks-store") */
.ks-store .img-with-aniamtion-wrap img,.ks-store .img-with-animation{border-radius:24px}
.ks-store ul{list-style:none;margin:22px 0 28px!important;padding:0;display:grid;gap:14px}
.ks-store ul li{display:flex;gap:14px;align-items:flex-start;line-height:1.45}
.ks-store ul li::before{content:"";flex:none;width:10px;height:10px;margin-top:7px;border-radius:50%;background:#660880}
.ks-store ul li strong{display:block}

/* Header (Salient centered-menu-bottom-bar) */
#header-secondary-outer{background:#3B0450!important}
#header-secondary-outer,#header-secondary-outer a{color:#fff!important;font-size:13px}
#header-outer #top nav > ul > li > a{font-family:'Inter',sans-serif;font-weight:600;font-size:15px;text-transform:none;letter-spacing:0}
#header-outer #top nav > ul > li.ks-sale > a{color:#D81F45!important}

/* Knoppen van Salient in huisstijl */
body .nectar-button.regular,body .nectar-button.large{border-radius:999px!important;font-family:'Inter',sans-serif;font-weight:700;letter-spacing:.01em;text-transform:none}

/* Winkelblok: tekst in native Text Block */
.ks-store .ks-eyebrow{font:700 12px/1 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#660880;margin-bottom:12px}
.ks-store h2{font-size:clamp(38px,5.2vw,60px);line-height:.95;margin-bottom:16px}
.ks-store p{color:#4A4152}
.ks-store ul li span{display:block;color:#4A4152;font-size:15px}
.ks-store ul li span strong{color:#1A1020;font-size:16px}
.ks-store .nectar-button{margin-bottom:10px}

/* Salient-standaarden binnen de nieuwe elementen neutraliseren */
.ks ul,.ks ol{list-style:none!important;margin-left:0!important;padding-left:0!important}
.ks li{list-style:none!important}
.ks li::before{content:none}
.ks h1,.ks h2,.ks h3,.ks h4{color:inherit!important}
.ks .sec-head h2,.ks .feet-head h2,.ks .wijdte-band h3,.ks .brand-feature h3{color:#1A1020!important}
.ks-hero-row .ks h1{color:#fff!important}
.ks a:hover{color:inherit}
.ks .more-link,.ks .more-link:hover{color:#660880}
.ks-store h2{color:#1A1020!important}
.ks-store .nectar-button{border-radius:999px!important;font-family:'Inter',sans-serif;text-transform:none;letter-spacing:.01em}

/* Mobiele header: logoblok iets kleiner zodat het naast zoeken, account, winkelwagen en menu past */
@media(max-width:999px){
  html body #header-outer #top #logo img{height:20px!important;width:auto!important}
}
@media(max-width:380px){
  html body #header-outer #top #logo img{height:17px!important}
}

/* Hoofdmenu en megamenu (menu "Hoofdmenu – nieuw ontwerp": topitems met class ks-mega, kolommen ks-col) */
#header-outer nav ul.sf-menu a,#header-outer nav ul.sub-menu a,#slide-out-widget-area a{font-family:'Inter',system-ui,sans-serif!important}
#header-outer nav .ks-mega > ul.sub-menu{padding:28px 36px 34px!important;border-radius:0 0 18px 18px;border-top:1px solid #E8E1EC}
#header-outer nav .ks-mega > ul.sub-menu > li.ks-col > a{font-size:12px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#7C7384!important;pointer-events:none;cursor:default;margin-bottom:6px}
#header-outer nav .ks-mega > ul.sub-menu > li.ks-col > a .sf-sub-indicator{display:none}
#header-outer nav .ks-mega ul ul li a{font-size:15px!important;font-weight:500!important;line-height:1.35!important;color:#1A1020!important;padding-top:6px!important;padding-bottom:6px!important}
#header-outer nav .ks-mega ul ul li a:hover,#header-outer nav .ks-mega ul ul li a:focus{color:#660880!important;background:none!important}
#header-outer nav .ks-mega ul ul li:last-child a{color:#660880!important;font-weight:700!important}
#header-outer nav ul.sf-menu > li > ul.sub-menu:not(.ks-mega ul) a{font-size:15px!important}
#header-outer #top nav > ul > li.ks-sale > a,#header-outer #top nav > ul > li.ks-sale > a:hover{color:#D81F45!important}
#header-outer #top nav > ul > li.ks-right{margin-left:12px}
/* Salient geeft winkelpagina's een grijze container en maakt keuzelijsten 100% breed */
.ks-plp-wrap{background:#fff!important}
.ks.ks-plp .toolbar .count{margin-right:auto}
.ks.ks-plp .toolbar .sort{width:auto!important;min-width:200px;flex:0 0 auto;margin:0!important;height:44px!important;padding:0 36px 0 14px!important;border-radius:999px!important;border:1px solid #E8E1EC!important;background-color:#fff!important;font-size:14px!important;font-weight:600!important;color:#1A1020!important}
@media(max-width:600px){.ks.ks-plp .toolbar .sort{min-width:0;max-width:52%}}

/* Categoriepagina (templates/archive.php) */
body.ks-lock{overflow:hidden}
.ks-plp-wrap .container.main-content{padding-top:8px}
.ks.ks-plp .plp-head{padding:4px 0 18px}
.ks.ks-plp .plp-head h1{font-size:clamp(46px,7vw,84px);line-height:.92;color:#1A1020!important;margin:0}
.ks.ks-plp .plp-head p{max-width:720px;color:#4A4152;margin-top:12px;font-size:16px}
.ks.ks-plp .crumbs{padding:18px 0 10px}
.ks.ks-plp .crumbs a{color:#7C7384}
.ks.ks-plp .plp{padding-bottom:40px}
@media(min-width:1000px){.ks.ks-plp .filters{top:170px}}
.ks.ks-plp .facet summary{color:#1A1020}
.ks.ks-plp .chk{margin:0}
.ks.ks-plp .grid{min-height:300px}
.ks.ks-plp .load-more a.btn{text-decoration:none}
.ks.ks-plp .drawer{z-index:100000}
.ks-plp-seo{border-top:1px solid #E8E1EC;padding:48px 0 64px;margin-top:8px}
.ks-plp-seo .seo-text{max-width:860px;color:#4A4152;font-size:15.5px;line-height:1.7}
.ks-plp-seo .seo-text h2,.ks-plp-seo .seo-text h3{color:#1A1020!important;margin:28px 0 10px;font-size:clamp(28px,3.4vw,40px);line-height:1}
.ks-plp-seo .seo-text a{color:#660880;text-decoration:underline;text-underline-offset:3px}
@media(max-width:999px){.ks.ks-plp .filters{display:none}}

/* Productpagina (templates/single-product.php) */
.ks-pdp-wrap{background:#fff!important}
.ks-pdp-wrap .container.main-content{padding-top:8px}
.ks.ks-pdp .crumbs{padding:18px 0 10px}
.ks.ks-pdp .crumbs a{color:#7C7384}
.ks.ks-pdp .buy h1{color:#1A1020!important;font-size:clamp(40px,4.4vw,56px);line-height:.95;margin:0 0 12px}
.ks.ks-pdp .brandline a{color:#660880!important}
@media(min-width:1000px){.ks.ks-pdp .gallery{top:170px}} /* alleen desktop: op mobiel is de galerij relative en zou hij 170px verschuiven */
.ks.ks-pdp .pdp{padding-bottom:40px}
.ks.ks-pdp .rail-sec{padding:56px 0 24px;border-top:1px solid #E8E1EC}
.ks.ks-pdp .rail-sec .sec-head h2{font-size:clamp(34px,4.2vw,52px)}
.ks.ks-pdp .store-card img{width:72px;height:72px;border-radius:12px;object-fit:cover}
.ks.ks-pdp .size-head .link{font-size:14px}
.ks.ks-pdp .pdp-sizes .size{font-family:'Inter',sans-serif}
.ks.ks-pdp .buy-actions{grid-template-columns:1fr}
.ks.ks-pdp .buy-actions .btn{border:0;cursor:pointer;width:100%}
.ks.ks-pdp .drawer{z-index:100000}
.ks.ks-pdp .acc > button{color:#1A1020;background:none;border:0;padding-left:0;padding-right:0}
.ks.ks-pdp .prose p{margin-bottom:1em}
.ks.ks-pdp .sticky-buy{transform:translateY(110%)}
.ks.ks-pdp .sticky-buy.show{transform:none}
body.single-product .woocommerce-message,body.single-product .woocommerce-error,body.single-product .woocommerce-info{border-radius:14px}
/* Rank Math-kruimelpad (via hook) niet dubbel tonen op de nieuwe pagina's; het eigen kruimelpad staat er al */
.ks-pdp-wrap .rm-breadcrumbs,.ks-plp-wrap .rm-breadcrumbs{display:none!important}

/* Merkpagina (fase 5) */
.ks-row-brand > .row-bg-wrap .row-bg{background:#F1E6F6!important}
.ks.ks-brand h1{color:#1A1020!important;font-size:clamp(52px,7vw,88px);line-height:.92;margin:0 0 16px}
.ks.ks-brand .brand-logo{width:210px;height:auto;mix-blend-mode:multiply;margin-bottom:22px}
.ks.ks-brand .brand-hero-media img{width:88%;height:auto;mix-blend-mode:multiply}
.ks.ks-brand .brand-facts{margin-top:8px}
.ks.ks-brand .brand-facts li{background:#fff}
.ks.ks-brand .btn{text-decoration:none}
.ks-row-dark h2,.ks-row-dark p{color:#fff!important}
.ks-row-dark p{opacity:.85}
.ks.ks-schaal .we-scale li{padding:0;background:none}
.ks.ks-schaal .we-scale li a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 6px;border-radius:18px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;transition:background .2s}
.ks.ks-schaal .we-scale li a:hover{background:rgba(255,255,255,.18)}
.ks.ks-schaal .we-scale b{font:400 34px/1 'Bebas Neue',sans-serif;color:#fff}
.ks.ks-schaal .we-scale small{font-size:12.5px;opacity:.8}
.ks-why-card > .vc_column-inner{background:#fff;border-radius:18px;box-shadow:inset 0 0 0 1px #E8E1EC;padding:24px!important;height:100%}
.ks-why-card h3{font-size:30px;line-height:1;margin:14px 0 8px;color:#1A1020!important}
.ks-why-card p{font-size:15px;color:#4A4152;margin:0}
.ks-why-card .ks-num{font:800 13px/1 'Inter',sans-serif;color:#660880}
.ks-eyebrow{font:700 12px/1 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#660880;margin-bottom:12px}
.ks-collection{padding-top:8px}
.ks-collection .coll-head h2{font-size:clamp(38px,5.2vw,60px);line-height:.95;color:#1A1020!important}
.ks-faq .toggle h3 a,.ks-faq .toggle h3{font-family:'Inter',sans-serif!important;text-transform:none!important;font-size:16px!important;font-weight:700!important;letter-spacing:0!important}
.ks-faq h2{color:#1A1020!important}
/* Productpagina op tablet: foto en koopblok naast elkaar i.p.v. een schermvullende foto */
@media(min-width:768px) and (max-width:999px){
  .ks.ks-pdp .pdp{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
  .ks.ks-pdp .gallery{margin:0;position:sticky;top:110px}
  .ks.ks-pdp .gal-main{border-radius:18px}
  .ks.ks-pdp .gal-thumbs{padding:10px 0 0}
  .ks.ks-pdp .buy h1{font-size:40px}
  .ks.ks-pdp .perks{grid-template-columns:1fr}
}

/* Plugin-blokken binnen een WPBakery-rij nemen de rijkleur over (anders wit vlak op lila/paars) */
.wpb_row .ks{background:transparent}
/* Met filterkolom pas vanaf 1600px vier kaarten naast elkaar */
@media(min-width:1300px) and (max-width:1599px){.ks .plp .grid.g4{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wpb_row .ks.ks-brand{background:#F1E6F6} /* zelfde lila als de rij, zodat het merklogo (multiply) geen wit blok toont */
@media(max-width:699px){.ks.ks-brand .brand-facts b,.ks.ks-brand .brand-facts strong{white-space:nowrap;font-size:26px}.ks.ks-schaal .we-scale small{white-space:nowrap;font-size:11px}}

/* ================= Winkelwagen en afrekenen (mobile first) =================
   Wordt bij het bouwen achter salient.css geplakt (bin/build-zip.py). Alleen actief met body.ks-cart / body.ks-checkout
   (vinkje "Nieuwe winkelwagen en afrekenen" onder WooCommerce → Koster Design). */

/* ---------- Winkelwagen ---------- */
body.ks-cart .container-wrap,body.ks-checkout .container-wrap{background:#fff!important}
body.ks-cart h1,body.ks-checkout h1{color:#1A1020!important}
body.ks-cart .woocommerce-cart-form table.cart{border:0!important;border-collapse:separate;border-spacing:0;margin:0}
body.ks-cart .woocommerce-cart-form table.cart thead{display:none}
body.ks-cart table.cart tr.cart_item{position:relative;display:grid!important;grid-template-columns:88px minmax(0,1fr);grid-template-areas:"img name" "img price" "img qty";column-gap:14px;row-gap:4px;padding:14px;border-radius:18px;box-shadow:inset 0 0 0 1px #E8E1EC;background:#fff;margin-bottom:12px}
body.ks-cart table.cart tr.cart_item td{display:block!important;padding:0!important;border:0!important;background:none!important;text-align:left!important}
body.ks-cart table.cart tr.cart_item td::before{display:none!important}
body.ks-cart table.cart td.product-thumbnail{grid-area:img}
body.ks-cart table.cart td.product-thumbnail img{width:88px!important;height:88px!important;object-fit:contain;background:#F4EFF7;border-radius:12px;padding:6px;mix-blend-mode:multiply}
body.ks-cart table.cart td.product-name{grid-area:name;padding-right:34px!important;font:600 15px/1.35 'Inter',sans-serif}
body.ks-cart table.cart td.product-name a{color:#1A1020!important}
body.ks-cart table.cart td.product-name dl.variation{margin:4px 0 0;font-size:13px;color:#7C7384}
body.ks-cart table.cart td.product-price{grid-area:price;font-size:14px;color:#7C7384}
body.ks-cart table.cart td.product-quantity{grid-area:qty;display:flex!important;align-items:center;gap:10px;margin-top:6px}
body.ks-cart table.cart td.product-subtotal{position:absolute;right:14px;bottom:22px;font:700 16px/1 'Inter',sans-serif;color:#1A1020}
body.ks-cart table.cart td.product-remove{position:absolute;top:12px;right:12px}
body.ks-cart table.cart td.product-remove a.remove{display:grid!important;place-items:center;width:30px!important;height:30px!important;border-radius:50%!important;background:#F4EFF7!important;color:#7C7384!important;font-size:18px!important}
body.ks-cart table.cart td.product-remove a.remove:hover{background:#D81F45!important;color:#fff!important}
body.ks-cart .quantity{display:inline-flex!important;align-items:center;border-radius:999px;box-shadow:inset 0 0 0 1px #CEC3D6;overflow:hidden;height:40px}
body.ks-cart .quantity input.qty{width:38px!important;height:40px!important;border:0!important;background:none!important;text-align:center;font:700 15px 'Inter',sans-serif;padding:0!important;box-shadow:none!important}
body.ks-cart .quantity .minus,body.ks-cart .quantity .plus{width:38px!important;height:40px!important;border:0!important;background:none!important;color:#660880!important;font-size:18px!important;box-shadow:none!important;padding:0!important}
body.ks-cart table.cart td.actions{display:block!important;padding:4px 0 0!important;border:0!important;background:none!important}
body.ks-cart table.cart tr:has(td.actions){display:block}
body.ks-cart td.actions button[name="update_cart"]{display:none!important}
body.ks-cart .ks-coupon-toggle{background:none;border:0;padding:6px 0;color:#660880;font:600 14px 'Inter',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
body.ks-cart td.actions .coupon{display:flex!important;gap:8px;float:none!important;margin-top:8px}
body.ks-cart td.actions .coupon[hidden]{display:none!important}
body.ks-cart td.actions .coupon input.input-text{flex:1;height:46px;border-radius:999px!important;border:1px solid #CEC3D6!important;padding:0 16px!important;width:auto!important}
body.ks-cart td.actions .coupon button{height:46px;border-radius:999px!important;padding:0 18px!important;background:#1A1020!important;color:#fff!important;font:700 14px 'Inter',sans-serif!important}
body.ks-cart .cart-collaterals .cart_totals{float:none!important;width:100%!important;border-radius:18px;background:#F6F2F8;padding:20px!important;box-shadow:none!important}
body.ks-cart .cart_totals h2{font-size:30px!important;margin:0 0 10px!important;color:#1A1020!important}
body.ks-cart .cart_totals table{border:0!important;margin:0!important}
body.ks-cart .cart_totals table th,body.ks-cart .cart_totals table td{border:0!important;background:none!important;padding:8px 0!important;font-size:15px}
body.ks-cart .cart_totals tr.woocommerce-shipping-totals th{display:none}
body.ks-cart .cart_totals tr.woocommerce-shipping-totals td{display:block;width:100%}
body.ks-cart .cart_totals tr.order-total th,body.ks-cart .cart_totals tr.order-total td{font-size:18px!important;font-weight:800;border-top:1px solid #E8E1EC!important;padding-top:14px!important}
body.ks-cart .cart_totals .woocommerce-shipping-destination,body.ks-cart .cart_totals .woocommerce-shipping-calculator{font-size:13px;color:#7C7384}
body.ks-cart .wc-proceed-to-checkout{padding:16px 0 0!important}
body.ks-cart .wc-proceed-to-checkout a.checkout-button{display:flex!important;align-items:center;justify-content:center;min-height:56px;border-radius:999px!important;background:#660880!important;color:#fff!important;font:700 17px 'Inter',sans-serif!important;text-transform:none!important;letter-spacing:0!important;margin:0!important}
body.ks-cart .wc-proceed-to-checkout a.checkout-button:hover{background:#3B0450!important}
.ks.ks-pickup{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #E8E1EC;margin-bottom:14px;font-size:14px;color:#4A4152}
.ks.ks-pickup .ico{width:24px;height:24px;color:#660880;flex:none}
.ks.ks-pickup b{display:block;color:#1A1020}
.ks.ks-empty-cart{text-align:center;padding:10px 0 40px}
.ks.ks-empty-cart .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0 18px}
.ks.ks-empty-cart .chip{height:42px;padding:0 18px;border-radius:999px;box-shadow:inset 0 0 0 1.5px #CEC3D6;display:inline-flex;align-items:center;font-weight:600;color:#1A1020}
.ks.ks-empty-cart .chip:hover{box-shadow:inset 0 0 0 1.5px #660880;color:#660880}
@media(min-width:1000px){
  body.ks-cart .woocommerce:has(> form.woocommerce-cart-form){display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start}
  body.ks-cart .woocommerce:has(> form.woocommerce-cart-form) > .woocommerce-notices-wrapper{grid-column:1/-1}
  body.ks-cart .cart-collaterals{position:sticky;top:170px;width:100%!important}
  body.ks-cart table.cart tr.cart_item{grid-template-columns:110px minmax(0,1fr);padding:18px}
  body.ks-cart table.cart td.product-thumbnail img{width:110px!important;height:110px!important}
}

/* ---------- Afrekenen ---------- */
/* Afleidingsvrij: menu, zoeken, account, winkelwagen-icoon, topbalk en footer-widgets weg */
body.ks-checkout #header-outer nav > ul.sf-menu,body.ks-checkout #header-outer .buttons,body.ks-checkout #header-outer #mobile-menu,
body.ks-checkout #header-outer .slide-out-widget-area-toggle,body.ks-checkout #header-outer #top .span_9 nav,body.ks-checkout #header-secondary-outer,
body.ks-checkout #header-outer .nectar-mobile-only,body.ks-checkout #footer-widgets,body.ks-checkout .rm-breadcrumbs{display:none!important}
.ks.ks-trust{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;padding:10px 12px;margin:0 0 18px;border-radius:14px;background:#F6F2F8;font-size:13px;color:#4A4152}
.ks.ks-trust span{display:inline-flex;align-items:center;gap:6px}
.ks.ks-trust .ico{width:16px;height:16px;color:#660880}
.ks.ks-trust a{color:#660880;font-weight:600}
/* Inloggen / waardebon: rustige regels i.p.v. grote paarse blokken */
body.ks-checkout .woocommerce-form-login-toggle .woocommerce-info,body.ks-checkout .woocommerce-form-coupon-toggle .woocommerce-info{background:none!important;color:#4A4152!important;padding:6px 0!important;margin:0 0 4px!important;border:0!important;font-size:14px!important;box-shadow:none!important}
body.ks-checkout .woocommerce-form-login-toggle .woocommerce-info::before,body.ks-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before{display:none!important}
body.ks-checkout .woocommerce-info a{color:#660880!important;font-weight:700;text-decoration:underline;text-underline-offset:3px}
body.ks-checkout form.checkout_coupon,body.ks-checkout form.woocommerce-form-login{border-radius:14px!important;border:1px solid #E8E1EC!important;padding:16px!important}
/* Stappen */
body.ks-checkout form.checkout{counter-reset:ksstap}
body.ks-checkout .woocommerce-billing-fields > h3,body.ks-checkout #order_review_heading{counter-increment:ksstap;font-size:clamp(30px,4vw,40px)!important;color:#1A1020!important;margin:6px 0 14px!important;display:flex;align-items:center;gap:12px}
body.ks-checkout .woocommerce-billing-fields > h3::before,body.ks-checkout #order_review_heading::before{content:counter(ksstap);display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#660880;color:#fff;font:800 16px/1 'Inter',sans-serif;flex:none}
/* Velden */
body.ks-checkout form.checkout .form-row{margin-bottom:12px!important;padding:0!important}
body.ks-checkout form.checkout .form-row label{font:600 14px/1.3 'Inter',sans-serif!important;color:#1A1020!important;margin-bottom:6px!important;display:block}
body.ks-checkout form.checkout input.input-text,body.ks-checkout form.checkout select,body.ks-checkout form.checkout textarea,body.ks-checkout .select2-container .select2-selection{min-height:50px!important;border-radius:12px!important;border:1px solid #CEC3D6!important;background:#fff!important;font:16px 'Inter',sans-serif!important;padding:0 14px!important;box-shadow:none!important}
body.ks-checkout form.checkout textarea{padding:12px 14px!important;min-height:90px!important}
body.ks-checkout .select2-container .select2-selection__rendered{line-height:48px!important;padding-left:0!important}
body.ks-checkout .select2-container .select2-selection__arrow{height:48px!important}
body.ks-checkout form.checkout input.input-text:focus,body.ks-checkout form.checkout select:focus,body.ks-checkout form.checkout textarea:focus{border-color:#660880!important;outline:2px solid #F1E6F6}
body.ks-checkout form.checkout .woocommerce-invalid input.input-text{border-color:#D81F45!important}
body.ks-checkout form.checkout .description{font-size:12.5px;color:#7C7384;margin-top:4px;display:block!important;position:static!important;background:none!important;padding:0!important}
body.ks-checkout .ks-adres-status{margin:-4px 0 12px!important;padding:10px 14px;border-radius:12px;font-size:14px;background:#F6F2F8;color:#4A4152;clear:both}
body.ks-checkout .ks-adres-status.ok{background:#EAF6EF;color:#1C7A4A;font-weight:600}
body.ks-checkout .ks-adres-status.warn{background:#FFF4E5;color:#8A5A00}
body.ks-checkout .ks-hn[hidden]{display:none!important}
body.ks-checkout #ship-to-different-address{font:700 15px 'Inter',sans-serif!important;text-transform:none!important;letter-spacing:0!important;margin:10px 0!important}
body.ks-checkout #ship-to-different-address label{display:flex;gap:10px;align-items:center;cursor:pointer}
body.ks-checkout .create-account label{display:flex!important;gap:10px;align-items:center}
/* Besteloverzicht, verzending en betalen */
body.ks-checkout #order_review{border-radius:18px;background:#F6F2F8;padding:18px!important}
body.ks-checkout #order_review .product-container .cart_item{display:flex;gap:12px;align-items:center;padding:8px 0;border:0!important}
body.ks-checkout #order_review .product-image img{width:64px!important;height:64px!important;object-fit:contain;background:#fff;border-radius:10px;padding:4px}
body.ks-checkout #order_review .product-info{font:600 14px/1.35 'Inter',sans-serif;color:#1A1020}
body.ks-checkout #order_review table.order-review{border:0!important;margin:10px 0 0!important}
body.ks-checkout #order_review table.order-review th,body.ks-checkout #order_review table.order-review td{border:0!important;background:none!important;padding:8px 0!important;font-size:15px}
body.ks-checkout #order_review tr.order-total th,body.ks-checkout #order_review tr.order-total td{font-size:18px!important;font-weight:800;border-top:1px solid #E8E1EC!important;padding-top:14px!important}
body.ks-checkout tr.woocommerce-shipping-totals th{display:none}
body.ks-checkout tr.woocommerce-shipping-totals td{display:block;width:100%}
body.ks-checkout ul.woocommerce-shipping-methods,body.ks-cart ul.woocommerce-shipping-methods{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:8px}
body.ks-checkout ul.woocommerce-shipping-methods li,body.ks-cart ul.woocommerce-shipping-methods li{position:relative;margin:0!important;padding:0!important}
body.ks-checkout ul.woocommerce-shipping-methods li input,body.ks-cart ul.woocommerce-shipping-methods li input{position:absolute;opacity:0}
body.ks-checkout ul.woocommerce-shipping-methods li label,body.ks-cart ul.woocommerce-shipping-methods li label{display:flex!important;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px!important;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1.5px #E8E1EC;cursor:pointer;text-align:left;font-size:14px;margin:0!important}
body.ks-checkout ul.woocommerce-shipping-methods li input:checked + label,body.ks-cart ul.woocommerce-shipping-methods li input:checked + label{box-shadow:inset 0 0 0 2px #660880;background:#fff}
body.ks-checkout ul.woocommerce-shipping-methods li input:focus-visible + label,body.ks-cart ul.woocommerce-shipping-methods li input:focus-visible + label{outline:2px solid #660880;outline-offset:2px}
.ks-ship strong{display:block;color:#1A1020;font-size:15px}
.ks-ship small{display:block;color:#7C7384;font-size:12.5px;font-weight:400;line-height:1.35}
.ks-free{color:#1C7A4A;font-weight:700}
body.ks-checkout #payment{background:none!important;border-radius:0!important;margin-top:14px}
body.ks-checkout #payment ul.payment_methods{border:0!important;padding:0!important;margin:0 0 14px!important;display:grid;gap:8px}
body.ks-checkout #payment ul.payment_methods > li{margin:0!important;padding:12px 14px!important;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1.5px #E8E1EC;list-style:none!important}
body.ks-checkout #payment ul.payment_methods > li:has(input:checked){box-shadow:inset 0 0 0 2px #660880}
body.ks-checkout #payment ul.payment_methods > li > label{display:inline-flex!important;align-items:center;gap:10px;font:600 15px 'Inter',sans-serif!important;color:#1A1020!important;cursor:pointer;width:calc(100% - 30px)}
body.ks-checkout #payment ul.payment_methods > li > label img{margin-left:auto!important;max-height:26px!important}
body.ks-checkout #payment .payment_box{background:#F6F2F8!important;border-radius:10px;margin:10px 0 0!important;padding:12px!important;font-size:14px}
body.ks-checkout #payment .payment_box::before{display:none!important}
body.ks-checkout #payment .place-order{padding:0!important}
body.ks-checkout #payment #place_order{width:100%!important;min-height:58px;border-radius:999px!important;background:#660880!important;color:#fff!important;font:700 18px 'Inter',sans-serif!important;text-transform:none!important;letter-spacing:0!important;float:none!important;margin-top:10px}
body.ks-checkout #payment #place_order:hover{background:#3B0450!important}
body.ks-checkout .woocommerce-privacy-policy-text,body.ks-checkout .woocommerce-terms-and-conditions-wrapper{font-size:13px;color:#7C7384}
@media(min-width:1000px){
  body.ks-checkout form.checkout #customer_details.col2-set{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:48px;align-items:start}
  body.ks-checkout form.checkout #customer_details .col-1,body.ks-checkout form.checkout #customer_details .col-2{width:100%!important;float:none!important;margin:0!important}
  body.ks-checkout form.checkout #customer_details .col-2{position:sticky;top:120px}
}

/* Verfijning na eerste test */
body.ks-cart .cart_totals,body.ks-cart .cart_totals *,body.ks-checkout #order_review,body.ks-checkout #order_review *{font-family:'Inter',system-ui,sans-serif}
body.ks-cart .cart_totals h2{font-family:'Bebas Neue',Impact,sans-serif!important}
body.ks-checkout #order_review .product-info h3,body.ks-checkout #order_review .product-info .product-name,body.ks-checkout #order_review .product-info a{font:600 14px/1.35 'Inter',sans-serif!important;text-transform:none!important;letter-spacing:0!important;color:#1A1020!important}
body.ks-cart .cart_totals tr.woocommerce-shipping-totals,body.ks-checkout #order_review tr.woocommerce-shipping-totals{display:block}
body.ks-cart .cart_totals tr.woocommerce-shipping-totals > th,body.ks-checkout #order_review tr.woocommerce-shipping-totals > th{display:block!important;width:100%!important;padding:6px 0 4px!important;font-size:13px!important;color:#7C7384;font-weight:600;text-align:left}
body.ks-cart .cart_totals tr.woocommerce-shipping-totals > td,body.ks-checkout #order_review tr.woocommerce-shipping-totals > td{display:block!important;width:100%!important;text-align:left!important}
body.ks-checkout #payment ul.payment_methods > li{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px}
body.ks-checkout #payment ul.payment_methods > li > input.input-radio{margin:0!important;accent-color:#660880;width:18px;height:18px;flex:none}
body.ks-checkout #payment ul.payment_methods > li > label{flex:1;width:auto!important;margin:0!important}
body.ks-checkout #payment ul.payment_methods > li > .payment_box{flex-basis:100%}
body.ks-cart .cart_totals tr.woocommerce-shipping-totals > td::before,body.ks-checkout #order_review tr.woocommerce-shipping-totals > td::before{display:none!important}
/* WooCommerce-clearfix (::before/::after) neemt anders de eerste gridcel in */
body.ks-checkout form.checkout #customer_details.col2-set::before,body.ks-checkout form.checkout #customer_details.col2-set::after,body.ks-cart .woocommerce::before,body.ks-cart .woocommerce::after{content:none!important;display:none!important}
body.ks-checkout #order_review tr.order-total small.includes_tax,body.ks-cart .cart_totals tr.order-total small.includes_tax{display:block;font-weight:400!important;font-size:12px!important;color:#7C7384}
body.ks-checkout .woocommerce-form-login-toggle,body.ks-checkout .woocommerce-form-coupon-toggle,body.ks-checkout .woocommerce-info{font-family:'Inter',sans-serif!important}
/* Afleidingsvrij op mobiel: Salient gebruikt daar eigen iconen */
body.ks-checkout #header-outer .mobile-search,body.ks-checkout #header-outer .mobile-user-account,body.ks-checkout #header-outer .mobile-cart-link,body.ks-checkout #header-outer #mobile-cart-link,body.ks-checkout #header-outer .slide-out-widget-area-toggle{display:none!important}

/* ================= Winkelwagen v2: één duidelijk pad =================
   Kop met aantal + "Verder winkelen", productkaarten, rustig overzicht (verzending als prijs + uitleg, geen keuze),
   grote knop "Afrekenen" met drie geruststellingen. Wordt achter cart-checkout.css geplakt (bin/build-zip.py). */

/* Kop */
.ks.ks-cart-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin:8px 0 18px;grid-column:1/-1}
.ks.ks-cart-head h1{font-size:clamp(40px,6vw,64px)!important;line-height:.95;margin:0!important;color:#1A1020!important}
.ks.ks-cart-head h1 span{font:500 16px/1 'Inter',sans-serif;color:#7C7384;text-transform:none;letter-spacing:0;margin-left:6px;vertical-align:middle}
.ks.ks-cart-head .ks-back{font:600 14px 'Inter',sans-serif;color:#660880;text-decoration:underline;text-underline-offset:3px}

/* Overzicht: rijen als "label ··· bedrag" */
body.ks-cart .cart_totals h2{font-size:28px!important;margin:0 0 8px!important}
body.ks-cart .cart_totals table,body.ks-cart .cart_totals tbody{display:block;width:100%}
body.ks-cart .cart_totals table tr{display:flex!important;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #E8E1EC}
body.ks-cart .cart_totals table tr:last-child{border-bottom:0}
body.ks-cart .cart-collaterals .cart_totals table tr th,body.ks-cart .cart-collaterals .cart_totals table tr td{display:block!important;width:auto!important;padding:0!important;border:0!important;font-size:15px!important;font-weight:500;color:#4A4152;text-align:left!important}
body.ks-cart .cart-collaterals .cart_totals table tr td{text-align:right!important;color:#1A1020}
body.ks-cart .cart_totals table td::before{display:none!important}
body.ks-cart .cart-collaterals .cart_totals table tr.order-total th,body.ks-cart .cart-collaterals .cart_totals table tr.order-total td{font-size:20px!important;font-weight:800!important;color:#1A1020;border:0!important;padding:0!important}
body.ks-cart .cart_totals tr.order-total{padding-top:14px}
body.ks-cart .cart_totals tr.order-total small.includes_tax{font-size:12px!important;font-weight:400!important}

/* Verzending in de winkelwagen: alleen prijs + uitleg; kiezen gebeurt bij afrekenen */
body.ks-cart .cart_totals tr.woocommerce-shipping-totals{display:flex!important}
body.ks-cart .cart_totals tr.woocommerce-shipping-totals > th{display:block!important;width:auto!important;font-size:15px!important;color:#4A4152;padding:0!important}
body.ks-cart .cart_totals tr.woocommerce-shipping-totals > td{display:block!important;width:auto!important;max-width:65%}
body.ks-cart .cart_totals ul.woocommerce-shipping-methods,body.ks-cart .cart_totals .woocommerce-shipping-destination,body.ks-cart .cart_totals .woocommerce-shipping-calculator,body.ks-cart .cart_totals tr.woocommerce-shipping-totals td > p{display:none!important}
.ks-ship-sum b{display:block;font:700 15px 'Inter',sans-serif;color:#1C7A4A;text-align:right}
.ks-ship-sum small{display:block;font:400 12.5px/1.35 'Inter',sans-serif;color:#7C7384;text-align:right;margin-top:2px}

/* Oude blokken uit v1 niet meer tonen */
.ks.ks-pickup{display:none!important}

/* Knop en geruststellingen */
body.ks-cart .wc-proceed-to-checkout{display:block!important;padding:18px 0 0!important}
body.ks-cart .woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button.button{min-height:58px;font-size:18px!important;border-radius:999px!important}
.ks.ks-reassure{background:none!important;list-style:none!important;margin:14px 0 0!important;padding:0!important;display:grid;gap:8px}
.ks.ks-reassure li{display:flex;gap:10px;align-items:center;font:500 13.5px/1.35 'Inter',sans-serif;color:#4A4152;margin:0!important;padding:0!important}
.ks.ks-reassure li::before{content:none!important}
.ks.ks-reassure .ico{width:18px;height:18px;color:#660880;flex:none}

/* Productkaart: iets rustiger */
body.ks-cart table.cart tr.cart_item td.product-price{display:none!important}
body.ks-cart table.cart tr.cart_item td.product-name{width:auto!important;max-width:none!important;min-width:0}
body.ks-cart table.cart tr.cart_item{grid-template-areas:"img name" "img qty";align-items:start}
body.ks-cart table.cart td.product-name{font-size:15.5px!important}
body.ks-cart table.cart td.product-quantity{margin-top:10px}

/* Kortingscode: onder de producten, links */
body.ks-cart td.actions{text-align:left!important}
body.ks-cart .ks-coupon-toggle{font-size:13.5px}

/* Desktop: producten links, overzicht als vaste kolom rechts */
@media(min-width:1000px){
  body.ks-cart .woocommerce:has(> form.woocommerce-cart-form){grid-template-columns:minmax(0,1fr) 380px;column-gap:48px}
  body.ks-cart table.cart tr.cart_item{grid-template-columns:110px minmax(0,1fr)}
}