@import url('https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700&display=swap');

  body {
  font-family: 'Poppins', sans-serif;
  }

  h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', sans-serif;
  }

  h1 {
  font-size: 34px;
  }

  h2 {
  font-size: 32px;
  }

  h3 {
  font-size: 26px;
  }

  h4 {
  font-size: 21px;
  }

  h5 {
  font-size: 18px;
  }

  h6 {
  font-size: 16px;
  }

  body {
  font-size: 15px;
  }

  body,
  .product-usps li,
  .stock-message {
  color: #543c36;
  }

  h1, h2, h3, h4, h5, h6 {
  color: #543c36 !important;
  }

  a,
  .woocommerce ul.products li.product .price,
  .woocommerce .price {
  color: #ead7c6 !important;
  }

  a:hover,
  .woocommerce ul.products li.product .price,
  .woocommerce .price,
  .product-usps li i,
  .counter {
  color: #543c36 !important;
  }

  .btn,
  .wpcf7-submit,
  .woocommerce span.onsale,
  .woocommerce a.button,
  .woocommerce .button,
  [type="submit"],
  .nf-form-content input[type=submit]
  {
  background: #ead7c6 !important;
  color: #fff !important;
  }

  .btn:hover,
  .wpcf7-submit:hover,
  .woocommerce span.onsale:hover,
  .woocommerce a.button:hover,
  .woocommerce .button:hover,
  [type="submit"]:hover,
  .nf-form-content input[type=submit]:hover
  {
  background: #543c36 !important;
  color: #fff !important;
  }

  div.social-media ul li a {
  background: #cda4a7 !important;
  color: #fff !important;
  }

  div.social-media ul li a i {
  color: #fff !important;
  }

  div.social-media ul li a:hover {
  background: #543c36 !important;
  color: #fff !important;
  }
  footer div.social-media ul li a {
  background: #ead7c6 !important;
  }

  div.phone a.phone, div.email a.email {
  background: #cda4a7 !important;
  color: #fff !important;
  }

  div.phone a.phone, div.email a.email i {
  color: #fff !important;
  }

  div.phone a.phone:hover, div.email a.email:hover {
  background: #543c36 !important;
  color: #fff !important;
  }

  header button.navbar-toggle {
  color: #cda4a7;
  border-color: #cda4a7;
  }

  .woocommerce-info,
  .woocommerce-message {
  border-top-color: #cda4a7 !important;
  }

  .woocommerce-info::before,
  .woocommerce-message::before {
  color: #cda4a7 !important;
  }

  .btn,
  .wpcf7-submit,
  .woocommerce span.onsale,
  .woocommerce a.button,
  .woocommerce .button,
  .modal__container,
  .footer-cta-box,
  .rimg,
  [type="submit"] {
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  }

  .img-responsive {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  }







  @media only screen and (min-width : 992px) {
  header > div.wrapper {
  min-height: 1196px;
  }
  header > div.wrapper.above {
  min-height: 1346px;
  }

  header div.header div.holder {
  height: 1096px;
  }
  }

  .topbar {
  background: var(--secondary-50);
  }

  .shop_uspbar {
  background: var(--primary-50);
  }



  nav.navbar-default, div.navbar-collapse {
  background-color: #cda4a7; !important;
  }

  @media only screen and (min-width : 992px) {
  
  div.navbar-collapse {
  background: none !important;
  }

  header nav.navbar-default {
  background-color: rgba(205, 164, 167, .5) !important;
  }

  nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
  background-color: rgba(205, 164, 167, .5) !important;
  -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  }

  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:hover,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:focus,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:active {
  color: #cda4a7 !important;
  }
  }


  section.featured div.wrapper {
  margin-top: 60px;
  }





  header div.header {
  text-align: center;
  }

  header div.navbar-collapse ul.navbar-nav li a, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  border-bottom: 1px solid #ead7c6;
  }

  @media only screen and (min-width : 992px) {
  header div.navbar-collapse ul.navbar-nav li a, header nav.navbar-default div.navbar-collapse ul.navbar-nav li ul.dropdown-menu li.active > a {
  color: #ead7c6 !important;
  }
  }


  header div.header div.contact i {
  color: #ead7c6;
  }

  @media only screen and (min-width : 992px) {
  header div.navbar-collapse {
  text-align: center;
  }
  }

  section.featured div.item p,
  section.news div.item p {
  color: #543c36 !important;
  }

  section.featured div.item,
  section.news div.item {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  }

  section.partners {
  background: #ead7c6 !important;
  }

  section.partners img {
  border-radius: 0 !important;
  }

  footer,
  .footer-cta.center:after,
  .author {
  background: #cda4a7 !important;
  }

  footer div.column > h4 {
  border-bottom: 1px solid #ead7c6;
  }

  footer div.socket,
  .footer-sticky {
  background: #543c36 !important;
  }


  .img-circle {
  border-radius: 0 !important;
  }

  section.treatments div.button-wrap {
  background: #a78b8e;
  margin-top: 30px;
  }

  section.treatments div.item a {
  color: #543c36 !important;
  }

  section.prices table tr td a {
  color: #543c36 !important;
  }

  aside div.block.treatments ul li a,
  .woocommerce .widget_product_categories ul li a,
  .woocommerce .widget_product_categories ul li span {
  color: #543c36 !important;
  }

  aside div.block.treatments ul li:hover,
  .woocommerce .widget_product_categories ul li:hover {
  background: #cda4a7;
  }

  :root{
  --ivory:#F3EFE9; --ivory-deep:#ECE5DB; --champagne:#EAD7C6;
  --rose-gold:#CDA4A7; --taupe:#A78B8E; --mauve:#AC7E6E;
  --leather:#543C36; --gold:#D8B88A;
  --t-head:#543C36; --t-body:#7B615E; --t-muted:#8E807A; --t-ivory:#F3EFE9;
  --serif:'Marcellus', Georgia, serif;
  --sans:'Mulish', system-ui, -apple-system, sans-serif;
  --maxw:1240px;
  --section-y:clamp(48px, 5vw, 80px);
  --ease:cubic-bezier(.22,.61,.36,1);
}

.container:has(.namur-block.namur-hero) {
  width: 100%;
  max-width: none !important;
}

.namur-block, .namur-block *{box-sizing:border-box;}
.namur-block{font-family:var(--sans) !important; color:var(--t-body) !important; font-size:17px; line-height:1.8; -webkit-font-smoothing:antialiased;}
.namur-block p{margin:0; font-family:var(--sans) !important; color:var(--t-body) !important;}
.namur-block h1, .namur-block h2, .namur-block h3, .namur-block h4{font-family:var(--serif) !important; font-weight:400 !important; color:var(--t-head) !important; margin:0; letter-spacing:.012em; line-height:1.1;}
.namur-block a{color:inherit !important; text-decoration:none !important; font-family:inherit;}
.namur-block img{max-width:100%; display:block;}

.namur-block .namur-wrap{ margin:0 auto; padding:0 clamp(26px,6vw,80px);}
.namur-block .namur-rule{width:1px; height:64px; background:var(--gold); margin:0 auto;}

.namur-block .namur-label{font-family:var(--sans) !important; font-size:11px !important; font-weight:500 !important; letter-spacing:.4em !important; text-transform:uppercase !important; color:var(--mauve) !important; line-height:1.4;}

.namur-block .namur-qlink{font-family:var(--serif) !important; font-size:16px !important; color:var(--leather) !important; position:relative; padding-bottom:7px; display:inline-block;}
.namur-block .namur-qlink::after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:var(--rose-gold); transition:width .5s var(--ease);}
.namur-block .namur-qlink:hover::after{width:0;}
.namur-block .namur-qlink-soft{font-family:var(--sans) !important; font-size:13.5px !important; letter-spacing:.05em !important; color:var(--t-muted) !important; transition:color .4s var(--ease);}
.namur-block .namur-qlink-soft:hover{color:var(--leather) !important;}

.namur-block .namur-btn{display:inline-flex !important; align-items:center; gap:.7em; font-family:var(--sans) !important; font-size:13px !important; font-weight:600 !important; letter-spacing:.18em !important; text-transform:uppercase !important; color:var(--leather) !important; background:var(--ivory) !important; padding:20px 44px !important; border:0 !important; border-radius:999px !important; transition:all .5s var(--ease) !important;}
.namur-block .namur-btn:hover{background:#fff !important; transform:translateY(-2px);}

.namur-block .namur-ph{position:relative; overflow:hidden; border-radius:3px; background-size:cover; background-position:center; background-image:linear-gradient(155deg,#E7DBCC 0%,#D8C9B8 55%,#C8B6A4 110%);}
.namur-block .namur-ph::before{content:''; position:absolute; inset:13px; border:1px solid rgba(216,184,138,.5); pointer-events:none; z-index:2;}
.namur-block .namur-ph.is-dark{  background: url(https://namur.nbsals6.nl/wp-content/uploads/sites/507/2026/06/header-namur.jpg);}
.namur-block .namur-ph[data-label]::after{content:attr(data-label); position:absolute; left:0; right:0; bottom:18px; text-align:center; font-family:var(--sans); font-size:9.5px; letter-spacing:.26em; text-transform:uppercase; color:rgba(84,60,54,.42);}
.namur-block .namur-ph.is-dark[data-label]::after{color:rgba(243,239,233,.4);}

.namur-block .namur-reveal{opacity:0; transform:translateY(26px); transition:opacity 1.3s var(--ease), transform 1.3s var(--ease);}
.namur-block .namur-reveal.is-in{opacity:1; transform:none;}

/* ===== Header: collapse auto-stretched (overlay) header to natural height — headers worden handmatig in de pagina-blokken gemaakt ===== */
header > .wrapper{min-height:0 !important; height:auto !important;}
header .header.full-width,
header .header.full-width .container,
header .header.full-width .row,
header .header.full-width .col-sm-10,
header .header.full-width .col-sm-38,
header .header.full-width .holder,
header .header.full-width .wrapper{height:auto !important; min-height:0 !important;}
header .header.full-width .holder{display:flex !important; align-items:center;}
header .header.full-width{padding:18px 0 !important;}
header .header.full-width img.logo{max-width:120px !important; height:auto !important; margin:0 auto;}

/* ===== Hero: rustige top-spacing onder de header ===== */
.namur-hero{padding-top:clamp(56px,7vw,90px) !important;}


/* ===== Footer: afstemmen op merkpalet (leather i.p.v. rose-gold) ===== */
footer.footer-cta-inside, footer{background:var(--leather) !important;}


/* ===== NB SPACING: strakkere ritmiek & geen lege paragraaf-witruimte ===== */
.namur-block p:empty{display:none !important;margin:0 !important;}
.namur-hero{padding-top:clamp(32px,4vw,56px) !important;padding-bottom:clamp(48px,5vw,80px) !important;}
.namur-hero .namur-hero__grid{align-items:start !important;}
.namur-cta .namur-cta__inner{padding-top:clamp(56px,6vw,88px) !important;padding-bottom:clamp(56px,6vw,88px) !important;}

/* NB HERO FIT */
.namur-hero .namur-hero__grid{grid-template-columns:1.25fr 0.85fr !important;gap:72px !important;align-items:center !important;}
.namur-hero .namur-hero__copy h1{font-size:clamp(56px,6.2vw,100px) !important;line-height:1.04 !important;}


.namur-detail-hero{padding-top:clamp(140px,16vw,200px); padding-bottom:var(--section-y);}
.namur-detail-hero .namur-detail-hero__grid{display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,6vw,90px); align-items:center;}
.namur-detail-hero .namur-detail-hero__eyebrow{display:block; margin-bottom:28px;}
.namur-detail-hero h1{font-size:clamp(44px,7vw,92px) !important; line-height:1.0 !important; color:var(--leather) !important; margin-bottom:30px !important;}
.namur-detail-hero .lead{font-family:var(--serif) !important; font-size:clamp(19px,2.1vw,26px) !important; color:var(--leather) !important; line-height:1.45; max-width:440px;}
.namur-detail-hero .namur-detail-hero__visual{height:min(72vh,640px);}
.namur-detail-hero .namur-detail-hero__visual .namur-ph{height:100%;}

.namur-essence{padding:var(--section-y) 0; text-align:center;}
.namur-essence .namur-essence__inner{max-width:760px; margin:0 auto;}
.namur-essence .namur-rule{margin-bottom:46px;}
.namur-essence p{font-family:var(--serif) !important; font-size:clamp(24px,3.2vw,40px) !important; line-height:1.4 !important; color:var(--leather) !important;}

.namur-flow{padding:var(--section-y) 0; background:var(--ivory-deep);}
.namur-flow .namur-flow__head{text-align:center; margin-bottom:74px;}
.namur-flow .namur-flow__head .namur-label{display:block; margin-bottom:22px;}
.namur-flow .namur-flow__head h2{font-size:clamp(32px,4.4vw,56px) !important; line-height:1.1 !important;}
.namur-flow .namur-flow__steps{max-width:820px; margin:0 auto;}
.namur-flow .namur-step{display:grid; grid-template-columns:auto 1fr; gap:clamp(24px,4vw,52px); padding:40px 0; border-top:1px solid rgba(167,139,142,.22); align-items:start;}
.namur-flow .namur-step:last-child{border-bottom:1px solid rgba(167,139,142,.22);}
.namur-flow .namur-step__num{font-family:var(--serif) !important; font-size:clamp(28px,4vw,48px) !important; color:var(--gold) !important; line-height:1;}
.namur-flow .namur-step__title{font-family:var(--serif) !important; font-size:clamp(21px,2.6vw,28px) !important; color:var(--t-head) !important; display:block; margin-bottom:14px;}
.namur-flow .namur-step__text{font-size:16px !important; color:var(--t-body) !important; line-height:1.8;}

.namur-forwhom{padding:var(--section-y) 0; text-align:center;}
.namur-forwhom .namur-forwhom__inner{max-width:680px; margin:0 auto;}
.namur-forwhom .namur-label{display:block; margin-bottom:30px;}
.namur-forwhom p{font-family:var(--serif) !important; font-size:clamp(22px,3vw,36px) !important; line-height:1.4 !important; color:var(--leather) !important;}

.namur-practical{padding:var(--section-y) 0; background:var(--ivory-deep);}
.namur-practical .namur-practical__inner{max-width:900px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,5vw,70px); align-items:center;}
.namur-practical .namur-practical__meta .namur-meta-row{padding:20px 0; border-top:1px solid rgba(167,139,142,.22);}
.namur-practical .namur-practical__meta .namur-meta-row:last-child{border-bottom:1px solid rgba(167,139,142,.22);}
.namur-practical .namur-meta-label{font-family:var(--sans) !important; font-size:11px !important; letter-spacing:.24em !important; text-transform:uppercase !important; color:var(--mauve) !important; display:block; margin-bottom:8px;}
.namur-practical .namur-meta-value{font-family:var(--serif) !important; font-size:clamp(20px,2.4vw,26px) !important; color:var(--leather) !important;}
.namur-practical .namur-practical__cta{text-align:center;}
.namur-practical .namur-practical__cta .namur-btn{background:var(--leather) !important; color:var(--ivory) !important;}
.namur-practical .namur-practical__cta .namur-btn:hover{background:#6B5048 !important;}

.namur-backlink{padding:60px 0 100px; text-align:center;}

@media (max-width:880px){
  .namur-detail-hero .namur-detail-hero__grid{grid-template-columns:1fr; gap:46px;}
  .namur-detail-hero .namur-detail-hero__visual{height:58vh; order:-1;}
  .namur-flow .namur-step{grid-template-columns:auto 1fr; gap:24px;}
  .namur-practical .namur-practical__inner{grid-template-columns:1fr; gap:44px;}
}





/* === Namur globale typografie (hele site) === */
body{
  font-family:var(--sans) !important;
  color:var(--t-body) !important;
  font-size:17px;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}

h1, h2, h3, h4, h5, h6{
  font-family:var(--serif) !important;
  font-weight:400 !important;
  color:var(--t-head) !important;
  line-height:1.15;
  letter-spacing:.012em;
  margin:0 0 .5em;
}
h1{font-size:clamp(40px,6vw,82px) !important;}
h2{font-size:clamp(30px,4vw,52px) !important;}
h3{font-size:clamp(22px,2.6vw,30px) !important;}
h4{font-size:clamp(18px,2vw,22px) !important;}

p{
  color:var(--t-body) !important;
  line-height:1.8;
  margin:0 0 1.2em;
}

ul, ol{
  color:var(--t-body) !important;
  line-height:1.8;
  padding-left:1.3em;
  margin:0 0 1.2em;
}
li{margin-bottom:.5em;}

a{
  color:var(--leather) !important;
  text-underline-offset:3px;
  text-decoration-color:var(--rose-gold);
}

strong, b{color:var(--t-head) !important; font-weight:600;}

hr{border:0; height:1px; background:rgba(167,139,142,.25); margin:2.5rem 0;}

blockquote{
  font-family:var(--serif) !important;
  font-size:clamp(20px,2.4vw,28px) !important;
  color:var(--leather) !important;
  line-height:1.4;
  border-left:2px solid var(--gold);
  padding-left:1.2em;
  margin:0 0 1.2em;
}


/*REVIEWS*/



/* ===== Recensies — herstyling bestaande thema-output ===== */

.archive.reviews{background:var(--ivory); padding-bottom:var(--section-y);}

/* Breadcrumbs rustig */
.archive.reviews .breadcrumbs{font-family:var(--sans) !important; font-size:12px !important; letter-spacing:.04em; color:var(--t-muted) !important; padding:30px 0; text-align:center;}
.archive.reviews .breadcrumbs a{color:var(--t-muted) !important; text-decoration:none;}
.archive.reviews .breadcrumbs a:hover{color:var(--leather) !important;}

/* Page header */
.archive.reviews .page-header{text-align:center; max-width:680px; margin:0 auto clamp(60px,8vw,100px); padding-top:clamp(40px,6vw,80px);}
.archive.reviews .page-header h1{font-size:clamp(44px,7vw,88px) !important; color:var(--leather) !important; margin-bottom:30px !important;}
.archive.reviews .page-header p{font-family:var(--sans) !important; color:var(--t-body) !important; font-size:clamp(16px,1.8vw,19px) !important; line-height:1.8 !important;}
.archive.reviews .page-header .devider,
.archive.reviews .page-header hr{border:0 !important; height:1px !important; background:rgba(167,139,142,.25) !important; width:60px; margin:26px auto !important;}
/* onderhouds-/noscript-melding van het oude formulier verbergen */
.archive.reviews .page-header .wrap .ninja-forms-noscript-message,
.archive.reviews .page-header .wrap{display:none !important;}

/* Grid van reviews */
.archive.reviews .reviews > .row{display:grid !important; grid-template-columns:repeat(2,1fr); gap:clamp(20px,3vw,36px); margin:0 !important;}
.archive.reviews .reviews .col-xs-48{width:auto !important; padding:0 !important; float:none !important; margin:0 !important;}
.archive.reviews .reviews .col-xs-48 .row,
.archive.reviews .reviews .col-xs-48 .row .col-xs-48{width:auto !important; margin:0 !important; padding:0 !important; float:none !important;}

/* De review-card */
.archive.reviews .review{
  background:var(--c-surface,#FBF9F6) !important;
  border:1px solid rgba(216,184,138,.4);
  border-radius:4px;
  padding:clamp(28px,3.5vw,44px) !important;
  height:100%;
  box-shadow:0 2px 16px rgba(84,60,54,.04);
  transition:transform .5s var(--ease), box-shadow .5s var(--ease);
}
.archive.reviews .review:hover{transform:translateY(-3px); box-shadow:0 14px 36px rgba(84,60,54,.08);}

/* binnen de card geen kolom-floats meer */
.archive.reviews .review .row{display:block !important;}
.archive.reviews .review .col-sm-12,
.archive.reviews .review .col-sm-36{width:auto !important; float:none !important; padding:0 !important; margin:0 !important;}

/* Sterren */
.archive.reviews .review img{width:120px !important; height:auto !important; margin-bottom:22px; opacity:.9;}

/* Titel */
.archive.reviews .review h4{
  font-family:var(--serif) !important; font-weight:400 !important;
  font-size:clamp(20px,2.4vw,26px) !important; color:var(--leather) !important;
  line-height:1.25 !important; margin:0 0 16px !important;
}

/* Reviewtekst (sommige zitten in geneste <div>'s i.p.v. <p>) */
.archive.reviews .review p,
.archive.reviews .review .col-sm-36 > div:not(.blockquote-footer):not(.blockquote){
  font-family:var(--sans) !important; color:var(--t-body) !important;
  font-size:16px !important; line-height:1.8 !important; margin:0 0 20px !important;
}

/* Naam onderaan */
.archive.reviews .review .blockquote{margin:0 !important; border:0 !important; padding:0 !important;}
.archive.reviews .review .blockquote-footer{
  font-family:var(--sans) !important; font-size:12px !important;
  letter-spacing:.18em !important; text-transform:uppercase !important;
  color:var(--mauve) !important; margin-top:8px;
}
.archive.reviews .review .blockquote-footer::before{content:none !important;}
.archive.reviews .review cite{font-style:normal !important; color:var(--mauve) !important;}

@media (max-width:768px){
  .archive.reviews .reviews > .row{grid-template-columns:1fr;}
}