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

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

  h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', 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: #595959;
  }

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

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

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

  .btn,
  .wpcf7-submit,
  .woocommerce span.onsale,
  .woocommerce a.button,
  .woocommerce .button,
  [type="submit"],
  .nf-form-content input[type=submit]
  {
  background: #39201f !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: #f0e0c7 !important;
  color: #fff !important;
  }

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

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

  div.social-media ul li a:hover {
  background: #f0e0c7 !important;
  color: #fff !important;
  }
  footer div.social-media ul li a {
  background: #39201f !important;
  }

  div.phone a.phone, div.email a.email {
  background: #ba886c !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: #f0e0c7 !important;
  color: #fff !important;
  }

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

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

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

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

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



  header div.header {
  background-color: rgba(255, 255, 255, .5) !important;
  }
  header .sticky_menu_small div.header {
  background-color: rgb(255, 255, 255) !important;
  }

  @media only screen and (max-width : 992px) {
  header nav.navbar-default {
  background: none !important;
  }
  }





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

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





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

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

  header nav.navbar-default {
  background-color: rgba(186, 136, 108, .5) !important;
  }

  nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
  background-color: rgba(186, 136, 108, .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: #ba886c !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 #39201f;
  }

  @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: #39201f !important;
  }
  }


  header div.header div.contact i {
  color: #39201f;
  }

  @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: #595959 !important;
  }

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

  section.partners {
  background: #39201f !important;
  }

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

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

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

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


  section.treatments div.items div.item img {
  border-radius: 100% !important;
  }

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

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

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

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

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

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

  :root {

 --bg-light: hsla(33.9, 59%, 92.4%, 0.36);

           --color-primary-900: #39201f;
            --color-primary-800: #4d2b2a;
            --color-primary-700: #623735;
            --color-primary-600: #764240;
            
            --color-accent-500: #ba886c;
            --color-accent-600: #a37358;
            --color-accent-400: #c99d84;
            
            --color-bg-100: #f0e0c7;
            --color-bg-200: #e6d1b1;
            --color-bg-50: #f7ede0;

            --color-white: #ffffff;
            --color-black: #000000;

            --spacing-1: 0.25rem;
            --spacing-2: 0.5rem; 
            --spacing-3: 0.75rem;
            --spacing-4: 1rem;   
            --spacing-6: 1.5rem; 
            --spacing-8: 2rem;   
            --spacing-12: 3rem;   

            --font-family-base: 'Inter', system-ui, -apple-system, sans-serif;
            --text-xs: 0.75rem;
            --text-sm: 0.875rem;
            --text-base: 1rem;
            --text-lg: 1.125rem;
            --text-xl: 1.25rem;
            --text-2xl: 1.5rem;
            
            --leading-tight: 1.25;
            --leading-normal: 1.5;
            --leading-relaxed: 1.625;

            --radius-md: 0rem;
            --radius-lg: 0rem;
            --shadow-sm: 0 1px 2px 0 rgba(57, 32, 31, 0.05);
            --shadow-md: 0 4px 6px -1px rgba(57, 32, 31, 0.1), 0 2px 4px -1px rgba(57, 32, 31, 0.06);
}

p:has(> a:empty:only-child) {
    display: none;
}
p:empty {
    display: none;
}

ul.dropdown-menu.sm-nowrap li.menu_heading a {
  font-weight: bold !important;
  pointer-events: none;
}

html {
font-size: 16px !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-primary-900) !important;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.075em;
  font-weight: 300;
  letter-spacing: -0.055em;
}

body, .product-usps li, .stock-message {
  color: var(--color-primary-800) !important;
}

        /* Globale Knop Styling */
        .btn.btn-primary {
            display: inline-block;
            /* !IMPORTANT vereist voor knoppen */
            background-color: var(--color-primary-900) !important;
            color: var(--color-white) !important;
            text-decoration: none !important;
            padding: var(--spacing-4) calc(var(--spacing-8) * 1.2);
  border-radius: var(--radius-lg) !important;
            font-weight: 600;
            font-size: var(--text-base);
            text-align: center;
            border: none;
            cursor: pointer;
            transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
            box-shadow: var(--shadow-sm);
        }

        .btn.btn-primary:hover,
        .btn.btn-primary:focus {
            background-color: var(--color-primary-700) !important;
            transform: translateY(-2px);
            box-shadow: var(--shadow-md);
        }

@media only screen and (min-width: 992px) {

section.archive.treatments .col-xs-24.col-sm-12 {
  width: calc(100% / 3);
}

#primary_navigation {
  text-align: left;
}
#menu-item-702 a {
  color: #fff !important;
}
.menu_btn:hover {
opacity: 0.8;
}
.menu_btn {
  float: right !important;
  background: var(--color-primary-900);
}

header div.header div.holder {
    height: 150px;
  }
header div.header.full-width div.wrapper img.logo {
  max-height: 115px;
}
header > div.wrapper {
    min-height: 150px;
  }

}


        .hero-salon {
  background-color: var(--bg-light);
            padding: calc(var(--spacing-12) * 1.5) var(--spacing-4);
            font-family: var(--font-family-base);
            overflow: hidden;
            position: relative;
        }

        .hero-salon__container {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr;
            gap: calc(var(--spacing-12) * 1.5);
        }

        .hero-salon__content {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  text-align: start;
        }
.hero-salon {
  border-radius: var(--radius-lg);
}
        .hero-salon__eyebrow {
            display: block;
            color: var(--color-accent-600);
            font-size: var(--text-sm);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-bottom: var(--spacing-4);
        }

        .hero-salon__title {
            /* !IMPORTANT vereist voor titels */
            color: var(--color-primary-900) !important;
            font-family: 'Montserrat', sans-serif;
            font-weight: 300; /* Dunnere lijnen voor een strakke, zakelijke look */
            font-size: calc(var(--text-2xl) * 1.5);
            margin-top: 0;
            margin-bottom: var(--spacing-4);
        }

.color-light {
  color: var(--color-bg-100) !important;
}
.tac.color-light em {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 400;
  color: var(--color-accent-600) !important;
  font-size: 1.15em;
  padding: 0 var(--spacing-1);
}
        .hero-salon__title-highlight {
            font-family: 'Playfair Display', serif;
            font-style: italic;
            font-weight: 400;
            color: var(--color-accent-600) !important; /* Accentkleur met !important */
            font-size: 1.15em; /* Iets groter om het sierlijke lettertype mooi uit te laten komen */
            padding: 0 var(--spacing-1);
        }

        .hero-salon__text {
            font-size: var(--text-base);
            line-height: var(--leading-relaxed);
            margin-top: 0;
            margin-bottom: var(--spacing-8);
            max-width: 600px; /* Voorkomt dat tekst te breed en onleesbaar wordt */
            margin-left: auto;
            margin-right: auto;
        }

        .hero-salon__actions {
            display: flex;
  flex-direction: column;
  align-items: start;
            gap: var(--spacing-6);
        }

section.header__section .container {
  width: 100%;
  margin: 0;
}

        .hero-salon__contact {
            color: var(--color-primary-800);
            font-size: var(--text-sm);
            display: flex;
            align-items: center;
  padding-left: var(--spacing-1);
            gap: var(--spacing-2);
        }

        .hero-salon__contact i {
            color: var(--color-accent-500);
        }

        .hero-salon__link {
            /* !IMPORTANT vereist voor links */
            color: var(--color-primary-700) !important;
            font-weight: 700;
            text-decoration: none !important;
            border-bottom: 1px solid var(--color-accent-400);
            transition: color 0.3s ease, border-color 0.3s ease;
            padding-bottom: 2px;

        }


footer div.column img {
  max-height: 105px;
}
        .hero-salon__link:hover,
        .hero-salon__link:focus {
            color: var(--color-primary-900) !important;
            border-color: var(--color-primary-900);
        }

        /* Visuele sectie met diepte-effect */
        .hero-salon__visual {
            position: relative;
            width: 100%;
            /* Ruimte maken voor het schaduwvlak */
            padding-bottom: var(--spacing-6);
            padding-right: var(--spacing-6);
        }


        .hero-salon__image {
            position: relative;
            z-index: 1;
            width: 100%;
            /* Forceert een strakke, staande layout (portrait) */
            aspect-ratio: 3 / 4; 
            object-fit: cover;
            border-radius: var(--radius-lg);
            display: block;
        }

footer .column a {
  color: var(--color-bg-100) !important;
  text-decoration: underline;
}
footer .column a:hover {
  opacity: 0.7;
  transition: 300ms ease;
}


        @media (min-width: 991px) {


            .hero-salon {
                padding: calc(var(--spacing-2) * 2) var(--spacing-8);
            }

            .hero-salon__container {
                /* 1fr tekst, 1.5fr afbeelding (volgens request) */
                grid-template-columns: 1fr 1.5fr;
                align-items: center;
                gap: calc(var(--spacing-12) * 2);
            }

            .hero-salon__title {
                font-size: calc(var(--text-2xl) * 2.2);
            }

            .hero-salon__text {
                font-size: var(--text-lg);
            }
            
            .hero-salon__visual {
                padding-bottom: var(--spacing-8);
                padding-right: var(--spacing-8);
            }
            
            .hero-salon__visual::before {
                /* Grotere offset op desktop voor meer drama */
                height: 80%; 
            }
        }


        .pain-points {
            /* Witte achtergrond voor mooi contrast met de hero */
            background-color: var(--color-white);
            padding: calc(var(--spacing-12) * 1.5) var(--spacing-4);
            font-family: var(--font-family-base);
            text-align: center;
        }

        .pain-points__container {
            /* Refactoring UI: Beperk de breedte voor optimale leesbaarheid */
            max-width: 768px; 
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        /* Scoped HTML Tags (Vervangt de BEM tekst classes) */
        
        .pain-points h6 {
            display: flex;
            flex-direction: column;
            align-items: center;
            color: var(--color-accent-600);
            font-size: var(--text-sm);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-top: 0;
            margin-bottom: var(--spacing-4);
        }

        /* Redactioneel detail: Dunne verticale lijn die het oog naar de tekst leidt */
        .pain-points h6::before {
            content: '';
            display: block;
            width: 1px;
            height: 40px;
            background-color: var(--color-accent-400);
            margin-bottom: var(--spacing-4);
            opacity: 0.6;
        }

        .pain-points h2 {
            /* !IMPORTANT vereist voor titels */
            color: var(--color-primary-900) !important;
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            font-size: calc(var(--text-2xl) * 1.2);
            line-height: var(--leading-tight);
            margin-top: 0;
            margin-bottom: var(--spacing-6);
        }

        .pain-points h2 em {
            font-family: 'Playfair Display', serif;
            font-style: italic;
            font-weight: 400;
            color: var(--color-accent-600) !important; /* Accentkleur met !important */
            font-size: 1.15em;
            padding: 0 var(--spacing-1);
        }

        .pain-points__content {
            display: flex;
            flex-direction: column;
            gap: var(--spacing-4);
        }

        .pain-points p, main .ul {
            color: var(--color-primary-800);
            font-size: var(--text-base);
            line-height: var(--leading-relaxed);
            margin: 0;
        }

        /* Speciale styling voor de 'conclusie' paragraaf via de strong tag */
        .pain-points p strong {
            font-weight: 600;
            color: var(--color-primary-900);
            font-style: italic;
            display: block; /* Zorgt dat margin-top goed werkt binnen een p tag */
            margin-top: var(--spacing-2);
            font-size: var(--text-lg);
        }

        /* ==========================================================================
           DESKTOP STYLING (min-width: 991px)
           ========================================================================== */
        @media (min-width: 991px) {
            .pain-points {
                padding: calc(var(--spacing-12) * 2) var(--spacing-8);
            }

main ul {
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
  margin-top: 0;
  margin-bottom: var(--spacing-4);
}

            .pain-points h6::before {
                height: 60px; /* Lijn mag iets langer op desktop */
                margin-bottom: var(--spacing-6);
            }

            .pain-points h2 {
                font-size: calc(var(--text-2xl) * 1.8);
                margin-bottom: var(--spacing-8);
            }

            .pain-points p, main ul {
                font-size: var(--text-lg);
            }
            
            .pain-points p strong {
                font-size: var(--text-xl);
                margin-top: var(--spacing-4);
            }
}
        .approach {
            background-color: var(--color-bg-50);
            padding: calc(var(--spacing-12) * 1.5) var(--spacing-4);
            font-family: var(--font-family-base);
            overflow: hidden;
        }

        .approach__container {
            max-width: 1200px;
            margin: 0 auto;
            /* Nu het een losse grid is voor alleen tekst+foto, vereenvoudigd */
            display: grid;
            grid-template-columns: 1fr;
            gap: calc(var(--spacing-12) * 1.5);
        }

        .approach__content {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        /* Scoped HTML Tags voor de tekstopmaak */
        .approach h6 {
            display: flex;
            align-items: center;
            gap: var(--spacing-3);
            color: var(--color-accent-600);
            font-size: var(--text-sm);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-top: 0;
            margin-bottom: var(--spacing-4);
        }

        .approach h6::before {
            content: '';
            display: inline-block;
            width: 30px;
            height: 1px;
            background-color: var(--color-accent-400);
        }

        .approach h2 {
            /* !IMPORTANT vereist voor titels */
            color: var(--color-primary-900) !important;
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            font-size: calc(var(--text-2xl) * 1.3);
            line-height: var(--leading-tight);
            margin-top: 0;
            margin-bottom: var(--spacing-6);
        }

        .approach h2 em {
            font-family: 'Playfair Display', serif;
            font-style: italic;
            font-weight: 400;
            color: var(--color-accent-600) !important;
            font-size: 1.15em;
            padding: 0 var(--spacing-1);
        }

        .approach p {
            color: var(--color-primary-800);
            font-size: var(--text-base);
            line-height: var(--leading-relaxed);
            margin-top: 0;
            margin-bottom: var(--spacing-4);
        }

        .approach p.lead {
            font-family: 'Montserrat', sans-serif;
            font-size: var(--text-lg);
            font-weight: 600;
            color: var(--color-primary-900);
            margin-bottom: var(--spacing-6);
        }

        /* Visuele sectie met asymmetrische diepte */
        .approach__visual {
            position: relative;
            width: 100%;
            padding-bottom: var(--spacing-6);
            padding-left: var(--spacing-6);
        }

        .approach__visual::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 75%;
            height: 80%;
            background-color: var(--color-bg-200);
            border-radius: var(--radius-lg);
            z-index: 0;
        }

        .approach__image {
            position: relative;
            z-index: 1;
            width: 100%;
            aspect-ratio: 3 / 4; 
            object-fit: cover;
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-md);
            display: block;
        }

        /* ==========================================================================
           3. SECTIE 2: CORE VALUES / USP's (DONKER)
           ========================================================================== */
        
        .core-values {
            background-color: var(--color-primary-900); /* Donkere, luxe achtergrond */
            padding: calc(var(--spacing-2) * 1.5) var(--spacing-4);
        }

        .core-values__container {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr;
            gap: var(--spacing-12);
        }

        .core-values__item {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        /* Grote decoratieve nummers voor de editorial vibe */
        .core-values__number {
            font-family: 'Playfair Display', serif;
            font-style: italic;
            font-size: 3.5rem;
            line-height: 1;
            color: var(--color-accent-500);
            opacity: 0.6; /* Subtiel weggewerkt in de achtergrond */
            margin-bottom: var(--spacing-3);
        }

        .core-values h3 {
            color: var(--color-bg-50) !important; /* Lichte beige titel op donkere achtergrond */
            font-family: 'Montserrat', sans-serif;
            font-size: var(--text-xl);
            font-weight: 400;
            margin-top: 0;
            margin-bottom: var(--spacing-3);
        }

        .core-values p {
            color: var(--color-bg-100);
            font-size: var(--text-base);
            line-height: var(--leading-relaxed);
            margin: 0;
            opacity: 0.85; /* Net iets zachter dan de titel voor hiërarchie */
        }

        /* ==========================================================================
           DESKTOP STYLING (min-width: 991px)
           ========================================================================== */
        @media (min-width: 991px) {



            /* Desktop styling Aanpak */
            .approach {
                padding: calc(var(--spacing-12) * 2) var(--spacing-8);
            }

            .approach__container {
                grid-template-columns: 1fr 1fr; /* Tekst links, Beeld rechts */
                align-items: center;
                gap: calc(var(--spacing-12) * 2);
            }

            .approach h2 { font-size: calc(var(--text-2xl) * 1.8); }
            .approach p { font-size: var(--text-lg); }
            .approach p.lead { font-size: var(--text-xl); }
            
            .approach__visual {
                padding-bottom: var(--spacing-8);
                padding-left: var(--spacing-8);
            }

            /* Desktop styling Core Values */
            .core-values {
                padding: calc(var(--spacing-12) * 2) var(--spacing-8);
            }

            .core-values__container {
                grid-template-columns: repeat(3, 1fr); /* 3 blokken naast elkaar */
                gap: calc(var(--spacing-12) * 1.5);
            }
            
            .core-values__number {
                font-size: 4rem;
            }
        }


        .solutions {
            background-color: var(--color-white); 
            padding: calc(var(--spacing-12) * 1.5) var(--spacing-4);
        }

        .solutions__container {
            max-width: 1200px;
            margin: 0 auto;
        }

        /* HEADER STYLING */
        .solutions__header {
            text-align: center;
            max-width: 700px;
            margin: 0 auto calc(var(--spacing-12) * 1.5);
        }

        .solutions__header h6 {
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--color-accent-600);
            font-size: var(--text-sm);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-top: 0;
            margin-bottom: var(--spacing-4);
        }

        .solutions__header h6::before,
        .solutions__header h6::after {
            content: '';
            display: inline-block;
            width: 30px;
            height: 1px;
            background-color: var(--color-accent-400);
            margin: 0 var(--spacing-3);
            opacity: 0.6;
        }

        .solutions__header h2 {
            color: var(--color-primary-900) !important;
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            font-size: calc(var(--text-2xl) * 1.3);
            line-height: var(--leading-tight);
            margin: 0;
        }

        .solutions__header h2 em {
            font-family: 'Playfair Display', serif;
            font-style: italic;
            font-weight: 400;
            color: var(--color-accent-600) !important;
            font-size: 1.15em;
            padding: 0 var(--spacing-1);
        }

        /* ==========================================================================
           REFACTORED GRID & STRAKKE KAARTEN (WORDPRESS SAFE)
           ========================================================================== */
        .solutions__grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: var(--spacing-8);
        }

        .solutions__card {
            display: flex;
            flex-direction: column;
            height: 100%; 
            background-color: var(--color-white);
            border: 1px solid rgba(57, 32, 31, 0.08); 
            transition: border-color 0.4s ease, box-shadow 0.4s ease;
            position: relative; /* Noodzakelijk voor de klikbare link-overlay */
        }

        .solutions__card:hover {
            border-color: rgba(186, 136, 108, 0.5); 
            box-shadow: var(--shadow-md);
        }

        .solutions__image-wrapper {
            width: 100%;
            overflow: hidden;
            position: relative;
            z-index: 1;
        }

        .solutions__image {
            width: 100%;
            aspect-ratio: 4 / 3; 
            object-fit: cover;
            display: block;
            transition: transform 0.8s ease; 
        }

        .solutions__card:hover .solutions__image {
            transform: scale(1.03); 
        }

        .solutions__card-content {
            padding: var(--spacing-6);
            display: flex;
            flex-direction: column;
            flex-grow: 1; 
            position: relative;
            z-index: 2;
        }

        .solutions__card h3 {
            color: var(--color-primary-900) !important;
            font-family: 'Montserrat', sans-serif;
            font-size: var(--text-lg);
            font-weight: 600;
            margin-top: 0;
            margin-bottom: var(--spacing-3);
        }

        .solutions__card p {
            color: var(--color-primary-800);
            font-size: var(--text-sm);
            line-height: var(--leading-relaxed);
            margin-top: 0;
            margin-bottom: var(--spacing-6);
            flex-grow: 1; 
        }

        .solutions__link {
display: inline-flex;
  align-items: center;
  gap: var(--spacing-2);
  color: var(--color-primary-900) !important;
  font-family: 'Montserrat', sans-serif;
  font-size: var(--text-xs);
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none !important;
  border-bottom: 1px solid var(--color-accent-400);
  padding-bottom: 2px;
  transition: color 0.3s ease, border-color 0.3s ease, gap 0.3s ease;
  align-self: flex-start;
        }

        /* DE WORDPRESS FIX: Maakt de hele div klikbaar via het pseudo-element van de link */
        .solutions__link::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 10;
        }

        .solutions__card:hover .solutions__link {
            color: var(--color-accent-600) !important;
            border-color: var(--color-accent-600);
            gap: var(--spacing-3);
        }

        /* ==========================================================================
           DESKTOP STYLING (min-width: 991px)
           ========================================================================== */
        @media (min-width: 991px) {
            .solutions {
                padding: calc(var(--spacing-12) * 2) var(--spacing-8);
            }

            .solutions__header h2 { 
                font-size: calc(var(--text-2xl) * 1.8); 
            }

            .solutions__grid {
                grid-template-columns: repeat(3, 1fr); 
                gap: var(--spacing-8); 
            }
            
            .solutions__card-content {
                padding: var(--spacing-8);
            }
        }

        /* Tussen-breekpunt voor tablets */
        @media (min-width: 768px) and (max-width: 990px) {
            .solutions__grid {
                grid-template-columns: repeat(2, 1fr);
                gap: var(--spacing-6); 
            }
        }


        .testimonials {
            /* Zacht beige achtergrond voor contrast met de witte oplossingen sectie */
            background-color: var(--color-bg-50); 
            padding: calc(var(--spacing-12) * 1.5) var(--spacing-4);
        }

        .testimonials__container {
            max-width: 1200px;
            margin: 0 auto;
        }

        /* HEADER STYLING */
        .testimonials__header {
            text-align: center;
            max-width: 700px;
            margin: 0 auto calc(var(--spacing-12) * 1.5);
        }

        .testimonials__header h6 {
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--color-accent-600);
            font-size: var(--text-sm);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-top: 0;
            margin-bottom: var(--spacing-4);
        }

        .testimonials__header h6::before,
        .testimonials__header h6::after {
            content: '';
            display: inline-block;
            width: 30px;
            height: 1px;
            background-color: var(--color-accent-400);
            margin: 0 var(--spacing-3);
            opacity: 0.6;
        }

        .testimonials__header h2 {
            color: var(--color-primary-900) !important;
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            font-size: calc(var(--text-2xl) * 1.3);
            line-height: var(--leading-tight);
            margin: 0;
        }

        .testimonials__header h2 em {
            font-family: 'Playfair Display', serif;
            font-style: italic;
            font-weight: 400;
            color: var(--color-accent-600) !important;
            font-size: 1.15em;
            padding: 0 var(--spacing-1);
        }

        /* ==========================================================================
           GRID & RECENSIE KAARTEN
           ========================================================================== */
        .testimonials__grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: var(--spacing-8);
        }

        .testimonials__card {
            background-color: var(--color-white);
            padding: var(--spacing-8);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-sm);
            border: 1px solid rgba(57, 32, 31, 0.04);
            display: flex;
            flex-direction: column;
            position: relative;
            overflow: hidden;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }

        .testimonials__card:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow-md);
        }

        /* Decoratief aanhalingsteken in de achtergrond voor editorial vibe */
        .testimonials__card::after {
            content: '\201D'; /* Rechter dubbele aanhalingsteken */
            position: absolute;
            top: -10px;
            right: 20px;
            font-family: 'Playfair Display', serif;
            font-size: 8rem;
            color: var(--color-bg-200);
            opacity: 0.25;
            line-height: 1;
            z-index: 0;
            pointer-events: none;
        }

        /* Content wrapper om alles netjes boven de decoratie te houden */
        .testimonials__content {
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        /* Sterren rating */
        .testimonials__stars {
            color: var(--color-accent-500);
            font-size: var(--text-sm);
            margin-bottom: var(--spacing-4);
            display: flex;
            gap: 2px;
        }

        .testimonials__quote {
            color: var(--color-primary-800);
            font-size: var(--text-base);
            line-height: var(--leading-relaxed);
            font-style: italic; /* Cursief voor quotes */
            margin-top: 0;
            margin-bottom: var(--spacing-6);
            flex-grow: 1; /* Duwt de naam altijd strak naar de onderkant */
        }

        .testimonials__author {
            color: var(--color-primary-900);
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
            font-size: var(--text-base);
            display: flex;
            align-items: center;
            gap: var(--spacing-3);
            margin: 0;
        }

        /* Subtiel streepje voor de naam */
        .testimonials__author::before {
            content: '';
            display: block;
            width: 20px;
            height: 1px;
            background-color: var(--color-accent-400);
        }

        /* ==========================================================================
           DESKTOP STYLING (min-width: 991px)
           ========================================================================== */
        @media (min-width: 991px) {
            .testimonials {
                padding: calc(var(--spacing-12) * 2) var(--spacing-8);
            }

            .testimonials__header h2 { 
                font-size: calc(var(--text-2xl) * 1.8); 
            }

            .testimonials__grid {
                grid-template-columns: repeat(3, 1fr); 
                gap: var(--spacing-8); 
            }
        }

        /* Tussen-breekpunt voor tablets */
        @media (min-width: 768px) and (max-width: 990px) {
            .testimonials__grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        .about-sabine {
            /* Witte achtergrond voor contrast met de beige recensies sectie */
            background-color: var(--color-white); 
            padding: calc(var(--spacing-12) * 1.5) var(--spacing-4);
            font-family: var(--font-family-base);
            overflow: hidden;
        }

        .about-sabine__container {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr;
            gap: calc(var(--spacing-12) * 1.5);
        }

        .about-sabine__content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            /* Zorgt dat op mobiel de tekst als eerste komt */
            order: 1; 
        }

        /* Scoped HTML Tags voor de tekstopmaak */
        .about-sabine h6 {
            display: flex;
            align-items: center;
            gap: var(--spacing-3);
            color: var(--color-accent-600);
            font-size: var(--text-sm);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-top: 0;
            margin-bottom: var(--spacing-4);
        }

        .about-sabine h6::before {
            content: '';
            display: inline-block;
            width: 30px;
            height: 1px;
            background-color: var(--color-accent-400);
        }

        .about-sabine h2 {
            color: var(--color-primary-900) !important;
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            font-size: calc(var(--text-2xl) * 1.3);
            line-height: var(--leading-tight);
            margin-top: 0;
            margin-bottom: var(--spacing-6);
        }

        .about-sabine h2 em {
            font-family: 'Playfair Display', serif;
            font-style: italic;
            font-weight: 400;
            color: var(--color-accent-600) !important;
            font-size: 1.15em;
            padding: 0 var(--spacing-1);
        }

        .about-sabine p {
            color: var(--color-primary-800);
            line-height: var(--leading-relaxed);
            margin-top: 0;
            margin-bottom: var(--spacing-4);
        }

        /* De eerste, krachtige zin van de tekst */
        .about-sabine p.lead {
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
            color: var(--color-primary-900);
            margin-bottom: var(--spacing-6);
            /* Subtiele styling om de lead-tekst nog meer 'Editorial' te maken */
            border-left: 2px solid var(--color-accent-400);
            padding-left: var(--spacing-4);
        }

        /* De "Lees meer" tekstlink als mooie CTA */
        .about-sabine__link {
            display: inline-flex;
            align-items: center;
            gap: var(--spacing-2);
            color: var(--color-primary-900) !important;
            font-family: 'Montserrat', sans-serif;
            font-size: var(--text-base);
            font-weight: 600;
            text-decoration: none !important;
            border-bottom: 1px solid var(--color-accent-400);
            padding-bottom: 2px;
            margin-top: var(--spacing-4);
            align-self: flex-start;
            transition: color 0.3s ease, border-color 0.3s ease, gap 0.3s ease;
        }

        .about-sabine__link:hover,
        .about-sabine__link:focus {
            color: var(--color-accent-600) !important;
            border-color: var(--color-accent-600);
            gap: var(--spacing-3);
        }

        /* Visuele sectie met asymmetrische diepte (Foto) */
        .about-sabine__visual {
            position: relative;
            width: 100%;
            /* Offset nu rechtsboven voor variatie */
            padding-top: var(--spacing-6);
            padding-right: var(--spacing-6);
            order: 2; /* Op mobiel komt de foto onder de tekst */
        }

        .about-sabine__visual::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 75%;
            height: 80%;
            background-color: var(--color-bg-200); /* Zacht contrastvlak */
            border-radius: var(--radius-lg);
            z-index: 0;
        }

        .about-sabine__image {
            position: relative;
            z-index: 1;
            width: 100%;
            /* Portret verhouding voor een mooie persoonsfoto */
            aspect-ratio: 4 / 5; 
            object-fit: cover;
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-md);
            display: block;
        }

        /* ==========================================================================
           DESKTOP STYLING (min-width: 991px)
           ========================================================================== */
        @media (min-width: 991px) {
            .about-sabine {
                padding: calc(var(--spacing-12) * 2) var(--spacing-8);
            }

            .about-sabine__container {
                /* Foto links, Tekst rechts */
                grid-template-columns: 1fr 1.2fr;
                align-items: center;
                gap: calc(var(--spacing-12) * 2);
            }

            .about-sabine__visual {
                order: 1; /* Foto staat links op desktop */
                padding-top: var(--spacing-8);
                padding-right: var(--spacing-8);
            }

            .about-sabine__content {
                order: 2; /* Tekst staat rechts op desktop */
                padding-left: var(--spacing-6); /* Extra ademruimte tussen foto en tekst */
            }

            .about-sabine h2 {
                font-size: calc(var(--text-2xl) * 1.8);
            }

   


            .about-sabine p.lead {
                font-size: var(--text-xl);
            }
        }

        .process {
            /* Zacht beige achtergrond voor mooi contrast met de witte sectie erboven */
            background-color: var(--color-bg-50); 
            padding: calc(var(--spacing-12) * 1.5) var(--spacing-4);
        }

        .process__container {
            max-width: 1200px;
            margin: 0 auto;
        }

        /* HEADER STYLING */
        .process__header {
            text-align: center;
            max-width: 700px;
            margin: 0 auto calc(var(--spacing-12) * 1.5);
        }

        .process__header h6 {
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--color-accent-600);
            font-size: var(--text-sm);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-top: 0;
            margin-bottom: var(--spacing-4);
        }

        .process__header h6::before,
        .process__header h6::after {
            content: '';
            display: inline-block;
            width: 30px;
            height: 1px;
            background-color: var(--color-accent-400);
            margin: 0 var(--spacing-3);
            opacity: 0.6;
        }

        .process__header h2 {
            color: var(--color-primary-900) !important;
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            font-size: calc(var(--text-2xl) * 1.3);
            line-height: var(--leading-tight);
            margin: 0;
        }

        .process__header h2 em {
            font-family: 'Playfair Display', serif;
            font-style: italic;
            font-weight: 400;
            color: var(--color-accent-600) !important;
            font-size: 1.15em;
            padding: 0 var(--spacing-1);
        }

        /* ==========================================================================
           GRID & STAPPEN KAARTEN
           ========================================================================== */
        .process__grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: var(--spacing-8);
            position: relative;
        }

        .process__step {
            background-color: var(--color-white);
            padding: var(--spacing-8) var(--spacing-6);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-sm);
            border: 1px solid rgba(57, 32, 31, 0.04);
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            height: 100%; /* Zorgt voor gelijke hoogtes in de grid */
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }

        .process__step:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow-md);
        }

        /* Elegante, grote cijfers in Editorial stijl */
        .process__number {
            font-family: 'Playfair Display', serif;
            font-style: italic;
            font-size: 3.5rem;
            line-height: 1;
            color: var(--color-accent-500);
            margin-bottom: var(--spacing-4);
            display: block;
        }

        .process__step h3 {
            color: var(--color-primary-900) !important;
            font-family: 'Montserrat', sans-serif;
            font-size: var(--text-lg);
            font-weight: 600;
            margin-top: 0;
            margin-bottom: var(--spacing-3);
        }

        .process__step p {
            color: var(--color-primary-800);
            font-size: var(--text-base);
            line-height: var(--leading-relaxed);
            margin-top: 0;
            margin-bottom: 0;
            flex-grow: 1; /* Rekt de kaart netjes op indien nodig */
            opacity: 0.9;
        }

        /* ==========================================================================
           DESKTOP STYLING (min-width: 991px)
           ========================================================================== */
        @media (min-width: 991px) {
            .process {
                padding: calc(var(--spacing-12) * 2) var(--spacing-8);
            }

            .process__header h2 { 
                font-size: calc(var(--text-2xl) * 1.8); 
            }

            .process__grid {
                grid-template-columns: repeat(3, 1fr); 
                gap: var(--spacing-8); 
            }

            .process__step {
                padding: var(--spacing-8);
            }
            
            .process__number {
                font-size: 4.5rem; /* Nog iets groter op desktop voor dramatisch effect */
                margin-bottom: var(--spacing-6);
            }
        }

        /* Tussen-breekpunt voor tablets */
        @media (min-width: 768px) and (max-width: 990px) {
            .process__grid {
                grid-template-columns: repeat(3, 1fr);
                gap: var(--spacing-4); 
            }
            
            .process__step {
                padding: var(--spacing-6) var(--spacing-4);
            }
        }


        .cta {
            background-color: var(--color-primary-900); /* Erg donkere achtergrond */
            padding: calc(var(--spacing-12) * 1.5) var(--spacing-4);
            position: relative;
            overflow: hidden;
        }

        /* Subtiele warme 'glow' in de hoek voor editorial diepte 
        .cta::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -10%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(186, 136, 108, 0.15) 0%, rgba(57, 32, 31, 0) 70%);
            border-radius: 50%;
            z-index: 0;
            pointer-events: none;
        }*/

        .cta__container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: var(--spacing-8);
            position: relative;
            z-index: 1;
        }

        .cta__content {
            display: flex;
            flex-direction: column;
        }

        .cta__content h2 {
            color: var(--color-bg-50) !important; /* Lichte tekst op donkere achtergrond */
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            font-size: calc(var(--text-2xl) * 1.5);
            line-height: var(--leading-tight);
            margin-top: 0;
            margin-bottom: var(--spacing-4);
        }

        .cta__content h2 em {
            font-family: 'Playfair Display', serif;
            font-style: italic;
            font-weight: 400;
            color: var(--color-accent-500) !important; /* Gouden tint in de titel */
            font-size: 1.15em;
            padding: 0 var(--spacing-1);
        }

        .cta__content p {
            color: var(--color-bg-100);
            font-size: var(--text-lg);
            line-height: var(--leading-relaxed);
            margin: 0;
            opacity: 0.9;
            max-width: 600px;
        }

        .cta__actions {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: var(--spacing-4);
        }

        /* Nieuwe 'Inverted' knop speciaal voor donkere achtergronden */
        .btn.btn-secondary {
            display: inline-flex;
            background-color: var(--color-bg-50) !important;
            color: var(--color-primary-900) !important;
            text-decoration: none !important;
            padding: var(--spacing-4) calc(var(--spacing-8) * 1.2);
            border-radius: var(--radius-md) !important;
            font-weight: 600;
            font-size: var(--text-base);
            text-align: center;
            border: none;
            cursor: pointer;
            transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
            box-shadow: var(--shadow-sm);
        }

        .btn.btn-secondary:hover,
        .btn.btn-secondary:focus {
            background-color: var(--color-white) !important; /* Wordt spierwit bij hover */
            transform: translateY(-2px);
            box-shadow: var(--shadow-md);
        }

        .cta__contact {
            color: var(--color-bg-100);
            font-size: var(--text-sm);
            display: flex;
            align-items: center;
            gap: var(--spacing-2);
            opacity: 0.9;
            padding-left: var(--spacing-1);
        }

        .cta__link {
            color: var(--color-accent-400) !important;
            font-weight: 700;
            text-decoration: none !important;
            border-bottom: 1px solid var(--color-accent-400);
            padding-bottom: 2px;
            transition: color 0.3s ease, border-color 0.3s ease;
        }

        .cta__link:hover,
        .cta__link:focus {
            color: var(--color-accent-500) !important;
            border-color: var(--color-accent-500);
        }

        @media (max-width: 991px) {



.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  font-size: 17px;
}
}


        /* ==========================================================================
           DESKTOP STYLING (min-width: 991px)
           ========================================================================== */
        @media (min-width: 991px) {
            .cta {
                padding: calc(var(--spacing-12) * 2) var(--spacing-8);
            }

            .cta__container {
                /* Dit zorgt voor de verdeling: Tekst links, Acties rechts */
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                gap: calc(var(--spacing-12) * 2);
            }

            .cta__content {
                flex: 1;
            }

            .cta__content h2 {
                font-size: calc(var(--text-2xl) * 1.8);
            }

            .cta__actions {
                /* Zorgt dat het knoppenblok niet meerekt */
                flex-shrink: 0; 
                align-items: center; /* Centreert de tekst netjes onder de knop */
            }
        }
footer, .footer-cta.center::after, .author {
  background: #39201f !important;
}
div.social-media ul li a:hover {
  background: transparent !important;
  color: #fff !important;
}
footer div.socket {
  background: var(--color-primary-900) !important;
  font-size: 12px;
}
footer div.socket img[alt="netbeauty"] {
  width: 123px;
}


@media (max-width: 990px) {
nav.navbar-default, div.navbar-collapse {
  background-color: var(--color-primary-900);
  text-align: left;
}
header div.navbar-collapse ul.navbar-nav li a {
  font-size: var(--spacing-6);
  padding-bottom: var(--spacing-8);
}
header .social-media.visible-xs.visisble-sm {
  display: none !important;
}
#menu-item-702 a {
  margin-top: var(--spacing-2);
  padding: var(--spacing-6) var(--spacing-3);
  width: 100%;
  text-align: center;
  background: var(--color-accent-600);
  border: none !important;
}
.header__section .container {
  padding: 0;
}
.hero-salon__visual {
  padding: 0;
}

}

.footer-cta.text-center.inside {
  border-bottom: 3px double var(--bg-light);
  padding-bottom: var(--spacing-12);
  padding-top: 0;
  margin-bottom: var(--spacing-12);
}



.contact-block {
  background-color: var(--color-white);
  padding: calc(var(--spacing-12) * 1.5) var(--spacing-4);
  font-family: var(--font-family-base);
}

.contact-block__container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(var(--spacing-12) * 1.2);
}

.contact-block__form h6, .contact-block__info h6 {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
  color: var(--color-accent-600);
  font-size: var(--text-sm);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 0;
  margin-bottom: var(--spacing-4);
}

.contact-block__form h6::before, .contact-block__info h6::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 1px;
  background-color: var(--color-accent-400);
}

.contact-block__form h2, .contact-block__info h2 {
  color: var(--color-primary-900) !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: calc(var(--text-2xl) * 1.3);
  line-height: var(--leading-tight);
  margin: 0 0 var(--spacing-6);
}

.contact-block__form h2 em, .contact-block__info h2 {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 400;
  color: var(--color-accent-600) !important;
  font-size: 1.15em;
  padding: 0 var(--spacing-1);
}

.contact-block__form p, .contact-block__info p {
  color: var(--color-primary-800);
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
  margin: 0 0 var(--spacing-6);
}

.contact-block__details {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(57, 32, 31, 0.1);
}

.contact-block__details li {
  padding: var(--spacing-4) 0;
  border-bottom: 1px solid rgba(57, 32, 31, 0.1);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}

.contact-block__details span {
  color: var(--color-accent-600);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.contact-block__details a,
.contact-block__details strong {
  color: var(--color-primary-900);
  font-family: 'Montserrat', sans-serif;
  font-size: var(--text-base);
  font-weight: 400;
  text-decoration: none;
  transition: color 0.3s ease;
}

.contact-block__details a:hover {
  color: var(--color-accent-600);
}

.contact-block__form {
  background-color: var(--color-bg-50);
  padding: var(--spacing-8);
}

.contact-block__details li br {
    display: none;
}

@media (min-width: 991px) {
  .contact-block {
    padding: calc(var(--spacing-12) * 2) var(--spacing-8);
  }

  .contact-block__container {
    grid-template-columns: 1.2fr 1fr;
    gap: calc(var(--spacing-12) * 2);
    align-items: center;
  }

  .contact-block__info h2 {
    font-size: calc(var(--text-2xl) * 1.6);
  }

  .contact-block__form {
    padding: var(--spacing-12);
  }
}




.accordeon.block6.probleem_faq h2 {
  font-size: calc(var(--text-2xl) * 1.8);
  text-align: center;
  margin-bottom: var(--spacing-12);
}
.probleem_faq {
  padding: calc(var(--spacing-12) * 2) var(--spacing-8);
}



/* ==========================================================================
   NETBEAUTY ACCORDION (FAQ) — Editorial styling
   Werkt op de standaard nbs_panel HTML, geen aanpassingen aan markup nodig.
   ========================================================================== */

.nbs_panel-group {
  max-width: 800px;
  margin: 0 auto;
  font-family: var(--font-family-base);
  border-top: 1px solid rgba(57, 32, 31, 0.12);
}

.nbs_panel-group .nbs_panel,
.nbs_panel-group .nbs_panel.nbs_panel-default {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(57, 32, 31, 0.12) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* HEADING (de klikbare vraag) */
.nbs_panel-group .nbs_panel-heading {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.nbs_panel-group .nbs_panel-heading a,
.nbs_panel-group .nbs_panel-heading a:hover,
.nbs_panel-group .nbs_panel-heading a:focus,
.nbs_panel-group .nbs_panel-heading a:active,
.nbs_panel-group .nbs_panel-heading a:visited {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-6);
  width: 100%;
  margin: 0 !important;
  padding: var(--spacing-6) var(--spacing-2) !important;
  color: var(--color-primary-900) !important;
  text-decoration: none !important;
  transition: color 0.3s ease;
  position: relative;
  outline: none;
  box-shadow: none;
  border: none;
}

.nbs_panel-group .nbs_panel-heading a strong {
  font-family: 'Montserrat', sans-serif;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-primary-900);
  line-height: var(--leading-tight);
  flex: 1;
  text-align: left;
}

/* PLUS / MIN icoon rechts */
.nbs_panel-group .nbs_panel-heading a::after {
  content: '+';
  font-family: 'Playfair Display', serif;
  font-size: 1.75rem;
  font-weight: 300;
  color: var(--color-accent-600);
  line-height: 1;
  flex-shrink: 0;
  transition: transform 0.4s ease, color 0.3s ease;
  display: inline-block;
}

/* Open staat: kijken naar het bijbehorende collapse-element.
   Bootstrap 3 gebruikt .in, Bootstrap 4+ gebruikt .show.
   .collapsing wordt direct bij klik toegevoegd → instant feedback zonder delay */
.nbs_panel-group .nbs_panel:has(.nbs_panel-collapse.in) .nbs_panel-heading a::after,
.nbs_panel-group .nbs_panel:has(.nbs_panel-collapse.show) .nbs_panel-heading a::after,
.nbs_panel-group .nbs_panel:has(.nbs_panel-collapse.collapsing) .nbs_panel-heading a::after {
  content: '–';
  color: var(--color-primary-900);
}

.nbs_panel-group .nbs_panel:has(.nbs_panel-collapse.in) .nbs_panel-heading a strong,
.nbs_panel-group .nbs_panel:has(.nbs_panel-collapse.show) .nbs_panel-heading a strong,
.nbs_panel-group .nbs_panel:has(.nbs_panel-collapse.collapsing) .nbs_panel-heading a strong {
  color: var(--color-accent-600);
}

/* Hover */
.nbs_panel-group .nbs_panel-heading a:hover strong {
  color: var(--color-accent-600);
}

.nbs_panel-group .nbs_panel-heading a:hover::after {
  color: var(--color-primary-900);
}

/* COLLAPSE wrapper — bootstrap doet het transition werk */
.nbs_panel-group .nbs_panel-collapse {
  border: none !important;
}

/* BODY (het antwoord) */
.nbs_panel-group .nbs_panel-body {
  padding: 0 var(--spacing-2) var(--spacing-6) !important;
  border: none !important;
  background: transparent !important;
}

.nbs_panel-group .nbs_panel-body p {
  color: var(--color-primary-800);
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
  margin: 0;
  max-width: 90%;
}

.nbs_panel-group .nbs_panel-body p + p {
  margin-top: var(--spacing-4);
}

/* DESKTOP */
@media (min-width: 991px) {
  .nbs_panel-group .nbs_panel-heading a,
  .nbs_panel-group .nbs_panel-heading a:hover,
  .nbs_panel-group .nbs_panel-heading a:focus,
  .nbs_panel-group .nbs_panel-heading a:active {
    padding: var(--spacing-8) var(--spacing-4) !important;
  }

  .nbs_panel-group .nbs_panel-heading a strong {
    font-size: var(--text-lg);
  }

  .nbs_panel-group .nbs_panel-heading a::after {
    font-size: 2rem;
  }

  .nbs_panel-group .nbs_panel-body {
    padding: 0 var(--spacing-4) var(--spacing-8) !important;
  }

  .nbs_panel-group .nbs_panel-body p {
    font-size: var(--text-lg);
  }
}




/* ==========================================================================
   DROPDOWN MENU — Editorial styling
   Werkt op de standaard SmartMenus / WordPress nav dropdown.
   Inline styles (top, left, display) blijven van het menu-plugin zelf.
   ========================================================================== */

.dropdown-menu.sm-nowrap {
  background-color: var(--color-white) !important;
  border: 1px solid rgba(57, 32, 31, 0.08) !important;
  border-top: 2px solid var(--color-accent-500) !important;
  border-radius: 0 !important;
  box-shadow: 0 12px 32px -8px rgba(57, 32, 31, 0.18) !important;
  padding: var(--spacing-2) 0 !important;
  margin: 0 !important;
  list-style: none !important;
  font-family: var(--font-family-base);
  min-width: 240px !important;
}

.dropdown-menu.sm-nowrap li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: none !important;
}

.dropdown-menu.sm-nowrap li a,
.dropdown-menu.sm-nowrap li a:link,
.dropdown-menu.sm-nowrap li a:visited {
  display: block !important;
  padding: var(--spacing-3) var(--spacing-6) !important;
  color: var(--color-primary-900) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: var(--text-sm) !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: var(--leading-tight) !important;
  background: transparent !important;
  border: none !important;
  border-left: 2px solid transparent !important;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, padding-left 0.25s ease !important;
  position: relative;
}

.dropdown-menu.sm-nowrap li a:hover,
.dropdown-menu.sm-nowrap li a:focus,
.dropdown-menu.sm-nowrap li.current-menu-item > a,
.dropdown-menu.sm-nowrap li.current-menu-parent > a {
  background-color: var(--color-bg-50) !important;
  color: var(--color-accent-600) !important;
  border-left-color: var(--color-accent-500) !important;
  padding-left: calc(var(--spacing-6) + var(--spacing-1)) !important;
}

/* Subtiele scheidingslijn tussen items, behalve de laatste */
.dropdown-menu.sm-nowrap li + li > a {
  border-top: 1px solid rgba(57, 32, 31, 0.06) !important;
}

/* DESKTOP — iets ruimer */
@media (min-width: 991px) {
  .dropdown-menu.sm-nowrap {
    min-width: 280px !important;
    padding: var(--spacing-3) 0 !important;
  }

  .dropdown-menu.sm-nowrap li a,
  .dropdown-menu.sm-nowrap li a:link,
  .dropdown-menu.sm-nowrap li a:visited {
    padding: var(--spacing-4) var(--spacing-6) !important;
    font-size: var(--text-base) !important;
  }

  .dropdown-menu.sm-nowrap li a:hover,
  .dropdown-menu.sm-nowrap li a:focus,
  .dropdown-menu.sm-nowrap li.current-menu-item > a,
  .dropdown-menu.sm-nowrap li.current-menu-parent > a {
    padding-left: calc(var(--spacing-6) + var(--spacing-2)) !important;
  }
}


.hero-salon {
  z-index: 0;
}




.treatment-specs {
    background-color: var(--color-primary-900);
    padding: var(--spacing-6) var(--spacing-4);
}

.treatment-specs__container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-4);
}

.treatment-specs__item {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
    padding: var(--spacing-3) 0;
    border-bottom: 1px solid rgba(240, 224, 199, 0.15);
}

.treatment-specs__item:last-child {
    border-bottom: none;
}

.treatment-specs__item span {
    color: var(--color-accent-400);
    font-size: var(--text-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.treatment-specs__item strong {
    color: var(--color-bg-50);
    font-family: 'Montserrat', sans-serif;
    font-size: var(--text-base);
    font-weight: 400;
}

@media (min-width: 768px) {
    .treatment-specs {
        padding: var(--spacing-8) var(--spacing-8);
    }

    .treatment-specs__container {
        grid-template-columns: repeat(5, 1fr);
        gap: var(--spacing-8);
    }

    .treatment-specs__item {
        padding: 0;
        border-bottom: none;
        border-right: 1px solid rgba(240, 224, 199, 0.15);
        padding-right: var(--spacing-6);
    }

    .treatment-specs__item:last-child {
        border-right: none;
    }
}


section.archive.treatments div.treatments div.item img, section.treatments div.items div.item img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1.5;
  border-radius: 0 !important;
  object-fit: cover;
}
section.treatments h3 {
  font-size: calc(var(--text-2xl) * 1.1);
  margin-bottom: var(--spacing-8);
  text-align: center;
  color: var(--color-primary-900) !important;
}
.breadcrumbs {
  display: none;
}
div.page-header h1 {
  border: 0;
  text-align: center;
  font-size: calc(var(--text-2xl) * 1.8);
  margin-bottom: var(--spacing-8);
}
section.treatments div.items div.item a span {
  font-weight: normal;
}


h1.hero-salon__title em {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 400;
    color: var(--color-accent-600) !important;
    font-size: 1.15em;
    padding: 0 var(--spacing-1);
}