:root{
      --brand-dark:#0b1220;           /* bijna zwart */
      --brand-blue:#0d1b2a;           /* donkerblauw */
      --brand-accent:#1b263b;         /* iets lichter donkerblauw */
      --brand-text:#e6e9ef;           /* lichte tekst */
      --brand-muted:#a7b1c2;
    }

    /* ====== Global ====== */
    html, body { height:100%; background:var(--brand-dark); color:var(--brand-text); }
    a { color: var(--brand-text); }
    a:hover { color: #fff; }


.has-scrolled .navbar {
    background: linear-gradient(to top, rgba(11, 18, 32, 0.5) -51%, rgb(0 0 0 / 100%) 90%) !important;
}

    /* ====== Navbar ====== */
    .navbar-brand{ font-weight:700; letter-spacing:.5px; }
	  .navbar-brand img{max-width: 140px;}
    .navbar{ --bs-navbar-brand-padding-y: 2rem;
    --bs-navbar-nav-link-padding-x: 1rem;
    background: linear-gradient(to top, rgba(11, 18, 32, 0) 0%, rgb(0 0 0 / 90%) 100%) !important;    --bs-navbar-nav-link-padding-x: 1rem;}
    .nav-link{ color:var(--brand-muted)!important; }
    .nav-link.active, .nav-link:hover{ color:#fff!important; }

    /* Mobile toggler custom */
    .navbar-toggler{ border-color: rgba(255,255,255,.2); }
    .navbar-toggler:focus{ box-shadow: none; }

    /* ====== Fullscreen Slider ====== */
    .carousel,
    .carousel-inner,
    .carousel-item{ height:70vh; }

    .carousel-item{ position:relative; background-size:cover; background-position:center; }

    /* Dark overlay for readability */
    .carousel-item::before{
      content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.55) 40%, rgba(0,0,0,.45) 100%);
    }

    /* Slide content */
    .slide-content{ position:absolute; inset:0; display:grid; place-items:center left; text-align:left;   ;
     }
    .slide-box{ max-width:min(1100px, 92vw); }
    .eyebrow{ text-transform:uppercase; letter-spacing:.2em; color:#fff; font-size:.9rem; }
    .headline{  font-family: "Smooch Sans", sans-serif; line-height: 0.80; font-size: clamp(2.4rem, 5vw + .5rem, 5rem); }
    .subhead{ max-width: 55ch; color:#ffffff; font-size: clamp(1rem, 1.2vw + .6rem, 1.25rem);}

    /* Indicators (pagination) */
    .carousel-indicators{ margin:0 0 2rem 0; gap:.5rem; }
    .carousel-indicators [data-bs-target]{ width:.85rem; height:.85rem; border-radius:50%; background-color:rgba(255,255,255,.45); border:none; }
    .carousel-indicators .active{ background-color:#fff; }

    /* Controls */
    .carousel-control-prev, .carousel-control-next{ width:4rem; }
    .carousel-control-prev-icon, .carousel-control-next-icon{ filter: drop-shadow(0 2px 6px rgba(0,0,0,.35)); }

    /* CTA buttons */
    .btn-brand{ background: #dec2a5; color:#000; border:none;    --bs-btn-padding-x: 1.5rem;   --bs-btn-padding-y: 0.6rem; }
    .btn-brand:hover{ background: var(--brand-accent); color:#fff; }

    /* Spacer to ensure content below the fold starts after the slider when using fixed-top nav */
    .after-hero{ min-height:50vh; background: linear-gradient(180deg,var(--brand-blue), var(--brand-dark)); padding:5rem 0; }
	 .ctabox{justify-content: center;  display: flex;  align-items: center;}
	  
 .features-section {
  background: #f8f8f8;
  color: #000000;
  padding: 80px 0px !important;
}
.features-section h2 {
  font-family: "Smooch Sans", sans-serif ;
	    font-size: 50px;
 }
.feature-card {
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 1rem;
  transition: all 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-6px);
 
  background: #fff;
 cursor: pointer;
}

.feature-card .icon-wrap {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  color: #00b4d8;
  font-size: 1.8rem;
  transition: all 0.3s ease;
}
.feature-card .icon-wrap i{
		  font-size: 3rem;
	  color: #d0b191;
	  }
.feature-card:hover .icon-wrap {
  background: #d0b191;
  color: #000 !important;
  transform: scale(1.1);
}
.feature-card:hover .icon-wrap i {
  color: #000 !important;

}
.feature-card h5 {
  color: #000;
	
}

.feature-card p {
  color: #a7b1c2;
  font-size: 0.95rem;
}
/* ===== About slab (licht) ===== */
:root{
  --slab-bg: #f1f2f4;        /* licht grijs */
  --slab-radius: 1.75rem;    /* 28px afgerond */
  --slab-media-radius: 1.75rem;
  --brand-dark:#0b1220;
  --brand-blue:#0d1b2a;
}

.about-slab{
  background: var(--slab-bg);
}

.about-media{
  border-radius: 10px
  overflow: hidden;
}
.about-media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  transition: transform .45s ease;
}
.about-media:hover img{
  transform: scale(1.03);
}

.about-copy h2{
  line-height: 1.05;
}

.btn-pill{
  border-radius: 999px;
  padding: .9rem 1.4rem;
  display: inline-flex;
  align-items: center;
  gap:.25rem;
  font-weight: 600;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.btn-pill .btn-icon{
  width: 1.75rem;
  height: 1.75rem;
  display:grid;
  place-items:center;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
}
.btn-pill:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
}

/* Donkerblauwe variant (matcht je site) */
.btn-dark{
  background: var(--brand-blue);
  border-color: transparent;
}
.btn-dark:hover{
  background: #1b263b;
}

/* ===== Optionele donkere sitevariant =====
   Voeg .is-dark toe aan .about-slab om naadloos in je dark/blue thema te vallen */
.about-slab.is-dark{
  --slab-bg: linear-gradient(180deg,#0d1b2a 0%, #0b1220 100%);
  color: #e6e9ef;
}
.about-slab.is-dark .text-secondary{ color:#a7b1c2 !important; }
.about-slab.is-dark .btn-dark{
  background: var(--brand-blue);
}
.about-slab.is-dark .btn-dark:hover{
  background:#1b263b;
}
.footer {
  padding: 80px 0px 80px 0px;
      border-top: 10px solid #dec2a5;
}

.footer-link {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-link:hover {
  color: #fff;
  text-decoration: underline;
}

.footer h6 {
  color: #ffffff;
  letter-spacing: 0.3px;
}

.footer p,
.footer li {
  color: rgba(255, 255, 255, 0.85);
}
	  .footer-logo {max-width: 140px;}
@media (max-width: 768px) {
  .footer {
    text-align: center;
   
  }
}
.ch-content p {
	    font-size: 1.25rem !important;
	    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.ch-content.with-list ul {
  list-style: none;
  padding-left: 0;
  margin-top: 1rem;
}

.ch-content.with-list ul li {
  position: relative;
  padding-left: 1.8rem;
  margin-bottom: 0.6rem;
  line-height: 1.6;
	 font-size: 1.25rem !important;
}

/* Gouden bullet (past bij jouw #cda67c branding) */
.ch-content.with-list ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #cda67c;
  font-size: 1.5rem;
  line-height: 1.3;
}

/* Optioneel: subtiele hoverkleur */
.ch-content.with-list ul li:hover::before {
  color: #e0b98d;
  transition: color 0.2s ease;
}

/* ===== BULLETS IN HERO CTA ===== */
.cta-bullets {
  list-style: none;
  padding-left: 0;
  margin-top: 1rem;
}

.cta-bullets li {
  position: relative;
  padding-left: 1.8rem;
  margin-bottom: 0.6rem;
  line-height: 1.6;
}

/* Gouden bullet (past bij jouw #cda67c branding) */
.cta-bullets li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #cda67c;
  font-size: 1.5rem;
  line-height: 1.3;
}

/* Optioneel: subtiele hoverkleur */
.cta-bullets li:hover::before {
  color: #e0b98d;
  transition: color 0.2s ease;
}

/* WIDE CTA media background (image -> video toggle) */
.cta-media {
    position: relative;
    overflow: hidden;
}
.cta-media .cta-bg, .cta-media .cta-video, .cta-media .cta-overlay {
    position: absolute;
    inset: 0;
}
.cta-media .cta-bg {
    background-position: center;
    background-size: cover;
  
}
.cta-media .cta-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}
.cta-media.has-video .cta-video {
    display: block;
}
.cta-media .cta-overlay {
    background: linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.65) 60%, rgba(0,0,0,.75) 100%);
}
/* Top-left toggle icon (you can swap the icon) */
.media-toggle {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 3;
    width: 40px;
    height: 40px;
    border-radius: .6rem;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0px;
}
.media-toggle:hover {
    opacity: 0.5;
}
/* make the media wrapper span the full viewport width (no horizontal scroll) */
.cta-bleed {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
}
/* WIDE CTA: min-height 720px + content verticaal centreren */
 
#cta2Wide {
    min-height: 700px;
    display: flex;
    align-items: center;   /* centreert de .container-xxl verticaal */
	    align-items: end;
    padding: 150px 50px;
}
#ctaWide > .container-xxl, #cta2Wide > .container-xxl{
    width: 100%;
} 
 
/* optional: full-bleed usually has no rounded outer corners */
.cta-media {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
}
	  
	  /* ============= Slider variables (light + dark) ============= */
:root{
  --ps-bg: #f5f6f8;                /* slab achtergrond */
  --ps-card-bg: #fff;              /* kaart */
  --ps-card-border: rgba(0,0,0,.08);
  --ps-text: #0b1220;
  --ps-muted: #6b7280;
  --ps-accent: #0d6efd;            /* bootstrap primary */
}

.product-slider-section{
     background: #f8f8f8;
  color: var(--ps-text);
 padding:80px 0px 50px 0px;
}

/* heading button */
.btn-pill{
  border-radius: 999px;
  padding: .75rem 1.15rem;
  font-weight: 600;
}

/* ======= slider layout ======= */
.prod-slider{ position: relative; }
.ps-track{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: clamp(240px, 28vw, 420px);
  gap: 0.8rem;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  padding: .25rem .75rem 1rem;
  scrollbar-width: none;
	
}
.ps-track::-webkit-scrollbar{ display:none; }

/* arrows */
.ps-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 44px; height: 44px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 50%;
  background: #fff;
  color: #111;
  display: grid; place-items: center;
  box-shadow: 0 8px 20px rgba(0,0,0,.15);
  transition: transform .15s ease, box-shadow .15s ease;
}
.ps-arrow:hover{     }
.ps-prev{ left: -10px; }
.ps-next{ right: -10px; }

/* ======= card ======= */
.prod-card{
  scroll-snap-align: start;
  background: #dec2a5;
  border-radius: 1rem;
  overflow: hidden;
  border: 0;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.prod-card:hover{
  transform: translateY(-6px);
 border: 0;

}

.prod-media{ position: relative; margin:0; background: #fafafa; }
.prod-media img{
  width: 100%; height: 280px; object-fit: cover;
  display:block;
}

/* hover overlay */
.prod-overlay{
  position: absolute; inset: 0;
  display: grid; place-content: end start;
  padding: 1rem 1.1rem;
  background: linear-gradient(180deg, rgba(3,7,18,0.3) -40%, rgba(222 194 165) 100%);
  color: #fff;
  opacity: 0; transform: translateY(8px);
  transition: opacity .25s ease, transform .25s ease;
}
.prod-overlay h6{ color: #000;  }
.prod-overlay p{ color: #000; }
.prod-overlay a{ color: #000; text-decoration: underline;    margin-top: 10px; }
.prod-card:hover .prod-overlay,
.prod-card:focus-within .prod-overlay{
  opacity: 1; transform: translateY(0);
}
.product-slider-section h2 {
       font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: .2px;
    margin: 0 0 .6rem;
    font-size: clamp(2rem, 4.8vw, 4rem);
    color: rgb(11, 18, 32);
}

.product-slider-section p {
	
	    max-width: 70ch;
    font-size: clamp(1rem, 1.2vw + .6rem, 1.25rem);
    color: rgb(11, 18, 32);
    margin: 0 auto;
    font-weight: 400;
}
.prod-title{
  font-weight: 600;
  font-size: 1rem;
  padding: .9rem 1rem 1.1rem;
  margin: 0;
  color: var(--ps-text);
}

/* ======= optional dark theme (match zwart/donkerblauw) ======= */
.product-slider-section.is-dark{
  --ps-bg: linear-gradient(180deg,#0d1b2a 0%, #0b1220 100%);
  --ps-card-bg: rgba(255,255,255,.04);
  --ps-card-border: rgba(255,255,255,.08);
  --ps-text: #e6e9ef;
  --ps-muted: #a7b1c2;
}
.product-slider-section.is-dark .prod-title{ color: var(--ps-text); }
.product-slider-section.is-dark .ps-arrow{
  background: rgba(255,255,255,.08);
  color: #fff; border-color: rgba(255,255,255,.12);
}

/* ----- mooie in-view animatie (staggered) ----- */
.prod-card{
  opacity: 0;
  transform: translateY(14px) scale(0.985);
  transition: transform .35s ease, opacity .35s ease;
  will-change: transform, opacity;
}
.prod-card.is-visible{
  opacity: 1;
  transform: translateY(0) scale(1);
  animation: cardFloat .6s ease var(--stagger, 0ms) both;
}
@keyframes cardFloat{
  0%   { transform: translateY(14px) scale(0.985); opacity: 0; }
  60%  { transform: translateY(-2px) scale(1.005); opacity: 1; }
  100% { transform: translateY(0) scale(1); }
}

/* clones dezelfde styling */
.prod-card.__clone { opacity: 1; }  
	  /* --- snappen op kaartbreedte: altijd volledige items in beeld --- */
.ps-track{
  scroll-snap-type: x mandatory;       /* verplicht snappen */
  scroll-padding-inline: .75rem;       /* match je eigen padding */
}
.prod-card{ scroll-snap-align: start; }

/* --- controls onderin, dunne pijlen --- */
.ps-controls{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  margin-top: 25px;
}

/* pijlen "dun": kleine ronde outline, geen shadow */
.ps-arrow{
  position: static;            /* niet meer absolute */
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: transparent;
  border: 1px solid rgba(0,0,0,.18);
  color: var(--ps-text);
  display: grid;
  place-items: center;
  box-shadow: none;
  transition: border-color .2s ease, transform .15s ease, color .2s ease;
}
.ps-arrow:hover{
  
  border-color: rgba(0,0,0,.35);
}
.product-slider-section.is-dark .ps-arrow{
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
.product-slider-section.is-dark .ps-arrow:hover{
  border-color: rgba(255,255,255,.35);
}

/* optioneel: iets meer ruimte rechts zodat laatste item ook comfortabel snapt */
.ps-track{ padding-right: 1rem; }


/* ===== Thema ===== */
:root{
  --navy-900: #0b1a2e;
  --sand:     #dec2a5; /* jouw beige knopkleur uit de hero */
  --ink:      #0b1220;
}

/* ===== Hero container ===== */
.contact-hero{
  position: relative;
  min-height: 520px;
  overflow: hidden;
  background: #0e1624;
  background-image: var(--ch-bg);
  background-size: cover;
  background-position: center;
  display: grid;
  align-items: center;
  margin-block: 0px;
	 padding:80px 0px 80px 0px;
}

/* overlay zoals in je hero: donker links -> lichter rechts */
.contact-hero::before{
  content:"";
  position: absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(11,26,46,.85) 0%, rgba(11,26,46,.55) 50%, rgba(11,26,46,.25) 100%);
}
.contact-hero::after{
  /* subtiele vignette onder voor leesbaarheid */
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(120% 60% at 20% 90%, rgba(0,0,0,.25) 0, rgba(0,0,0,0) 60%);
  pointer-events:none;
}

.ch-content{ position: relative; color:#fff; padding: 48px 0; }
.ch-title{
  font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: .2px;
  margin: 0 0 .6rem;
  font-size: clamp(2rem, 4.8vw, 4rem); /* groot zoals bijlage */
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.35));
}
.ch-lead{
  max-width: 70ch;
  font-size: clamp(1rem, 1.2vw + .6rem, 1.25rem);
  color: rgba(255,255,255,.92);
  margin: 0 0 1.25rem;
}
.ch-actions{ display:flex; gap:.6rem; flex-wrap:wrap; margin-bottom: 3rem; }

/* sand-knop in hero-stijl */
.btn-sand{
  background: var(--sand);
  color: var(--ink);
  border: 0;
  border-radius: 999px;
  padding: .75rem 1.2rem;
  font-weight: 700;
}
.btn-sand:hover{ filter: brightness(1.05); }

/* ===== Contactpersoon chip (glass look) ===== */
.contact-chip{
      display: flex;
    gap: 2rem;
    align-items: center;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 18px;
    padding: 1rem 2rem;
    backdrop-filter: blur(8px);
    width: max-content;
}
.ch-avatar{
width: 125px;
    height: 125px;
    object-fit: cover;
    border-radius: 999px;
    border: 3px solid rgba(255, 255, 255, .9);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
    transform: translateY(0px);
}
.ch-meta{ min-width: 0; }
.ch-name{ font-weight: 700; letter-spacing:.2px; }
.ch-role{ font-size: .95rem; color: rgba(255,255,255,.75); margin-top:-2px; }

.ch-list{ list-style:none; padding:0; margin:.25rem 0 0; display:grid; gap:.15rem; }
.ch-list li{ display:flex; align-items:center; gap:.4rem; font-size:.975rem; }
.ch-list a{ color:#fff; text-decoration: none; border-bottom: 1px solid transparent; }
.ch-list a:hover{ border-color: rgba(255,255,255,.6); }
.ch-list i{ color: #fff; opacity:.9; }

/* ===== Responsive ===== */
@media (max-width: 991.98px){
  .contact-hero{ min-height: 460px; border-radius: 22px; }
  .contact-hero::before{
    /* iets donkerder op mobiel voor leesbaarheid */
    background: linear-gradient(90deg, rgba(11,26,46,.9) 0%, rgba(11,26,46,.65) 55%, rgba(11,26,46,.35) 100%);
  }
  .ch-avatar{ width:64px; height:64px; transform: translateY(-4px); }
}
@media (max-width: 575.98px){
  .contact-hero{ margin-block: 32px; }
  .ch-actions{ gap:.5rem; }
  .contact-chip{ padding:.65rem .75rem; }
}

/* overlay zoals in je hero: donker links -> lichter rechts */
.cta-media .cta-bg::before{
  content:"";
  position: absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(11,26,46,.85) 0%, rgba(11,26,46,.55) 50%, rgba(11,26,46,.25) 100%);
}
.cta-media .cta-bg::after{
  /* subtiele vignette onder voor leesbaarheid */
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(120% 60% at 20% 90%, rgba(0,0,0,.25) 0, rgba(0,0,0,0) 60%);
  pointer-events:none;
}

/* ================= BEAR FAQ MODULE – SCOPED CSS ================= */
:root{
  --brand:#2f6be7;        /* pas aan naar je merk-kleur */
  --ink:#0f172a;
  --muted:#64748b;
  --card:#ffffff;
  --cardBorder:#e9edf3;
  --cardShadow:0 1px 2px rgba(16,24,40,.06), 0 8px 24px rgba(16,24,40,.06);
}

/* donkere sectieachtergrond (matcht je hero-gevoel) */
section.bear-faq{
  background: #ffffff;
  color:#e6edf6;
}

.bear-faq { padding: 80px 0px !important;}
.bear-faq .headline{
    font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: .2px;
    margin: 0 0 .6rem;
    font-size: clamp(2rem, 4.8vw, 4rem);
     color: rgb(11, 18, 32)
}
.bear-faq header p.lead{ 
	max-width: 70ch;
    font-size: clamp(1rem, 1.2vw + .6rem, 1.25rem);
     color: rgb(11, 18, 32);
    margin: 0 auto;
    font-weight: 400;
}

/* badge */
.bear-faq .badge-soft{
  background:#eaf1ff; color:#2f5bd8; border:1px solid #dbe7ff;
}

/* search */
.bear-faq .search-wrap{ position:relative; }
.bear-faq .search-icon{ position:absolute; left:14px; top:50%; transform:translateY(-50%); opacity:.7; }
.bear-faq #faqSearch{
  padding-left:44px; height:54px;
  border-radius:14px; border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.08); color:#fff;
}
.bear-faq #faqSearch::placeholder{ color:rgba(255,255,255,.65); }

/* buttons */
.bear-faq .btn{ border-radius:12px; }
.bear-faq #faqOpenAll{ border-color:rgba(255,255,255,.22); color:#dbe7ff; }
.bear-faq #faqOpenAll:hover{ border-color:#8fb0ff; color:#fff; background:#2956e3; }
.bear-faq #faqCloseAll{ border-color:rgba(255,255,255,.16); color:#cbd5e1; }
.bear-faq #faqCloseAll:hover{ background:rgba(255,255,255,.08); color:#fff; }

/* accordion cards */
.bear-faq .accordion-item{
  border:1px solid var(--cardBorder);
  background:var(--card);
  border-radius:10px!important;
 
  overflow:hidden;
}
.bear-faq .accordion-item + .accordion-item{ margin-top:14px; }

.bear-faq .accordion-button{
  padding:22px 64px 22px 22px;
  background:transparent; box-shadow:none!important;
  font-weight:600; color:var(--ink);
  transition: background .15s ease;
}
.bear-faq .accordion-button:hover{ background:#fff9f2; }
.bear-faq .accordion-button::after{ display:none; } /* verberg standaard caret */

/* custom plus-icoon rechts */
.bear-faq .accordion-header{ position:relative; }
.bear-faq .toggle-icon{
  position:absolute; right:16px; top:50%; transform:translateY(-50%) rotate(0);
  width:36px; height:36px; border-radius:10px;
  display:grid; place-items:center;
  background:#f8e2c9; color:#82613e; font-size:18px;
  transition:transform .2s ease, background .2s ease, color .2s ease;
}
.bear-faq .accordion-button[aria-expanded="true"] ~ .toggle-icon{
  transform:translateY(-50%) rotate(45deg);
  background:#e6ecff; color:#1e40af;
}

.bear-faq .accordion-item:has(.accordion-collapse.show){
  border-color:#cfe0ff;
  box-shadow:0 6px 20px rgba(46,64,160,.12), 0 2px 6px rgba(46,64,160,.10);
}

.bear-faq .accordion-body{
  padding: 0 22px 22px;
  color:#334155; line-height:1.6;
}

/* responsive spacing */
@media (max-width: 575.98px){
  .bear-faq #faqSearch{ height:50px; }
}



/* ================= BEAR REVIEWS MODULE – FIXED WIDTH (colors kept) ================= */
:root {
  --rv-brand: #cda67c;     /* jouw primaire kleur */
  --rv-bg: #f5f9fe;
  --rv-card: #ffffff;
  --rv-ink: #0f172a;
  --rv-muted: #64748b;
  --rv-border: #e9edf3;
  --rv-shadow: none;
}

.bear-reviews {
  background: #f1d9bf;     /* jouw achtergrond */
  padding: 100px 0 !important;
}

/* Titel & ondertitel (jouw typografie bewaard) */
.bear-reviews .rv-title {
  font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: .2px;
  margin: 0 0 .6rem;
  font-size: clamp(2rem, 4.8vw, 4rem);
  color: rgb(11, 18, 32);
}
.bear-reviews .rv-sub {
  max-width: 70ch;
  font-size: clamp(1rem, 1.2vw + .6rem, 1.25rem);
  color: rgb(11, 18, 32);
  margin: 0 auto;
  font-weight: 400;
}

/* Viewport met fade aan randen */
.bear-reviews .rv-viewport {
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
          mask-image: linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.bear-reviews .rv-viewport::-webkit-scrollbar { display: none; }

/* Flex-track */
.bear-reviews .rv-track {
  display: flex;
  align-items: stretch;
  gap: 22px;
  padding: 6px;
}

/* Review cards — VASTE breedte (centrering blijft stabiel) */
.bear-reviews .rv-card {
  flex: 0 0 clamp(280px, 32vw, 420px);   /* vaste breedte */
  background: var(--rv-card);
  border: 1px solid var(--rv-border);
  border-radius: 18px;
  box-shadow: var(--rv-shadow);
  padding: 28px;
  opacity: .75;
  transform: scale(.97);
  transition: transform .25s ease, opacity .25s ease;
}
.bear-reviews .rv-card.is-active {
  /* GEEN flex-breedte groei meer, alleen visuele focus */
  opacity: 1;
  transform: scale(1);
}

/* Avatar + sterren */
.bear-reviews .rv-avatar {
  width: 76px; height: 76px; border-radius: 50%; overflow: hidden;
  margin: 0 auto 12px; box-shadow: 0 6px 16px rgba(0,0,0,.12);
}
.bear-reviews .rv-avatar img { width: 100%; height: 100%; object-fit: cover; }
.bear-reviews .rv-stars { color: var(--rv-brand); margin-bottom: 10px; text-align: center; font-size: 1.1rem; }

/* Tekst */
.bear-reviews .rv-quote { text-align: center; font-size: 1.075rem; color: #1f2937; line-height: 1.65; margin: 0 0 16px; }
.bear-reviews .rv-author { text-align: center; font-weight: 700; color: var(--rv-ink); }
.bear-reviews .rv-role { text-align: center; color: var(--rv-muted); font-size: .95rem; }

/* Navigatiepijlen (kleuren gelaten) */
.bear-reviews .rv-arrow {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 44px; height: 44px; border-radius: 50%;
  display: grid; place-items: center;
  border: 1px solid #d7e3ff; background: #f4f7ff; color: #2956e3;
  z-index: 2; transition: all .2s ease;
}
.bear-reviews .rv-prev { left: -8px; }
.bear-reviews .rv-next { right: -8px; }
.bear-reviews .rv-arrow:hover { background: #2956e3; color: #fff; border-color: #2956e3; }

/* Dots (jouw kleuren) */
.bear-reviews .rv-dots .rv-dot {
  width: 10px; height: 12px; border-radius: 50%;
  display: inline-block; margin: 0 5px; border: 0;
  background: #fde7d1; opacity: .6;
}
.bear-reviews .rv-dots .rv-dot.is-active { background: #cda67c; opacity: 1; }

/* Responsive pijlen */
@media (max-width: 575.98px) {
  .bear-reviews .rv-prev { left: 6px; }
  .bear-reviews .rv-next { right: 6px; }
}
.bear-pains {
   
  color: #0b1220;
  padding-top: 100px;
  padding-bottom: 100px;
}

.bear-pains .pains-title {
 font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: .2px;
    margin: 0 0 .6rem;
    font-size: clamp(2rem, 4.8vw, 4rem);
    color: rgb(11, 18, 32);
}

.bear-pains .pains-sub {
    max-width: 70ch;
    font-size: clamp(1rem, 1.2vw + .6rem, 1.25rem);
    color: rgb(11, 18, 32);
    margin: 0 auto;
    font-weight: 400;
}

/* Kaarten */
.bear-pains .pain-card {
  background: #fff;
  border: 1px solid #e5ddd3;
  border-radius: 18px;
  padding: 32px;
  height: 100%;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 3px 10px rgba(0,0,0,0.04);
}
.bear-pains .pain-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
}

/* Icon */
.bear-pains .pain-icon {
  font-size: 2rem;
  color: #cda67c;
  margin-bottom: 16px;
}

/* Tekst */
.bear-pains .pain-card h5 {
  font-weight: 600;
  margin-bottom: 8px;
  color: #0b1220;
}
.bear-pains .pain-card p {
  font-size: 1rem;
  color: #333;
  margin-bottom: 0;
}

/* === Carousel slide bullets === */
.slide-list {
  list-style: none;
  padding-left: 0;
  margin: 0 0 1.5rem;
}

.slide-list li {
  position: relative;
      font-size: clamp(1rem, 1.2vw + .6rem, 1.25rem);
  color: #fff;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.9rem;
}

.slide-list i {
  color: #dec2a5;
  font-size: 1.2rem;
  flex-shrink: 0;
}

/* optioneel: lichte animatie bij hover */
.slide-list li:hover i {
  
}


/* ===== Subheader (compacte hero) ===== */
.subheader-hero{
position: relative;
    isolation: isolate;
    min-height: clamp(250px, 40vh, 430px);
    display: flex;
    align-items: center;
    padding: clamp(48px, 6vw, 110px) 0;
    color: #fff;
	padding-top: 200px;
}
.subheader-hero .header-content{
	max-width: 800px;
}

/* Achtergrond via CSS var, hergebruikt je oude hero-afbeelding */
.subheader-hero .subheader-bg{
  position:absolute; inset:0; z-index:-2;
  background-image: var(--subheader-image);
  background-position: center;
  background-size: cover;
  filter: saturate(.95) brightness(.9);
}

/* Overlay: links donkerder, rechts lichter → betere leesbaarheid */
.subheader-hero .subheader-overlay{
  position:absolute; inset:0; z-index:-1;
  background:
    linear-gradient(90deg, rgba(6,10,18,.78) 0%, rgba(12,18,30,.52) 45%, rgba(0,0,0,0) 100%);
}

/* Breadcrumbs */
.subheader-bc{
  margin: 0;
  --bc-link:#ffffff;
  --bc-sep: rgba(255,255,255,.6);
  --bc-text: rgba(255,255,255,.9);
}
.subheader-bc .breadcrumb-item + .breadcrumb-item::before{
  color: var(--bc-sep);
}
.subheader-bc .breadcrumb-item a{
  color: var(--bc-link);
  text-decoration: none;
  opacity:.9;
}
.subheader-bc .breadcrumb-item a:hover{
  text-decoration: underline;
  opacity:1;
}
.subheader-bc .breadcrumb-item.active{
  color: var(--bc-text);
}

/* Titel + sub */
.subheader-title{
 
  letter-spacing: .2px;
  margin: 0 0 .25rem 0;
  font-size: clamp(1.8rem, 3.6vw, 3.2rem);
  text-shadow: 0 2px 10px rgba(0,0,0,.25);
	font-family: "Smooch Sans", sans-serif;
   
}
.subheader-sub{
  margin: 0;
  font-size: clamp(1rem, 1.1vw + .6rem, 1.125rem);
  color: rgba(255,255,255,.92);
  text-shadow: 0 2px 8px rgba(0,0,0,.25);
}

/* Optioneel: scheidingsrand onder subheader */
.subheader-hero + *{
  position: relative;
}
.subheader-hero::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
  background: linear-gradient(90deg, rgba(255,255,255,.35), rgba(255,255,255,0));
  opacity:.4;
}

/* Mobiel wat compacter */
@media (max-width: 575.98px){
  .subheader-hero{         min-height: 380px;
        padding: 156px 20px 56px 20px; }
}













/* ===== Bear Catalog ===== */
.bear-catalog{ background:#fafafa; padding: 100px 0;}
.bear-catalog .bc-title{
    font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: 0.2px;
    font-size: clamp(2rem, 4.8vw, 4rem);
    color: rgb(11, 18, 32);
    margin: 0px 0px 0.6rem;
}
#bcModalTitle{
	    font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: 0.2px;
    font-size: 2rem;
    color: rgb(11, 18, 32);
    margin: 0px 0px 0.6rem;
}
.bear-catalog .bc-sub{     
	max-width: 70ch;
    font-size: clamp(1rem, 1.2vw + .6rem, 1.25rem);
    color: rgb(11, 18, 32);
    margin: 0 auto;
    font-weight: 400;}


#bcModalDesc{  
    font-size:1rem;
    color: rgb(11, 18, 32);
    margin: 0 auto;
    font-weight: 400;}

.bear-catalog .bc-panel{
  background:#fff; border:1px solid #ece7df; border-radius:16px; padding:16px;
}
.bear-catalog .bc-panel-title{ font-weight:700; color:#0b1220; margin:.5rem 0; }

.bear-catalog .bc-list{ list-style:none; padding:0; margin:0; }
.bear-catalog .bc-list li{ margin-bottom:.25rem; }
.bear-catalog .bc-list button{
  border:0; background:#f3efe8; color:#0b1220; width:100%;
  padding:.45rem .75rem; border-radius:10px; text-align:left;
}
.bear-catalog .bc-list button.active{ background:#cda67c; color:#fff; }

.bear-catalog .bc-swatches{ display:flex; flex-wrap:wrap; gap:8px; }
.bear-catalog .bc-swatch{
  width:28px; height:28px; border-radius:50%; border:2px solid #fff; box-shadow:0 0 0 1px #d9d9d9;
  cursor:pointer;
}
.bear-catalog .bc-swatch.active{ box-shadow:0 0 0 2px #cda67c; }

.bear-catalog .bc-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.bear-catalog .bc-chip{
  background:#fde7d1; color:#0b1220; border-radius:999px; padding:.25rem .6rem; font-size:.9rem;
}
.bear-catalog .bc-chip button{ border:0; background:transparent; margin-left:.25rem; }

.bear-catalog .bc-card{
  background:#fff; border:1px solid #ece7df; border-radius:18px; overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease;
	cursor: pointer;
}
.bear-catalog .bc-card:hover{ transform:translateY(-3px); box-shadow:0 12px 24px rgba(0,0,0,.06); }
.bear-catalog .bc-media{ aspect-ratio: 16/9; object-fit:cover; width:100%; }
.bear-catalog .bc-body{ padding:14px 16px; background:#ead0b4; } /* warme beige strip */
.bear-catalog .bc-title-sm{ font-weight:700; color:#0b1220; margin:0; }
.bear-catalog .bc-meta{ font-size:.9rem; color:#3a3a3a; opacity:.9; }

.btn-close{    position: absolute;
    right: 10px;}

/* Modal */
.bear-catalog .bc-modal{ border-radius:18px; overflow:hidden; }
.bear-catalog .bc-badge{ background:#f3efe8; color:#0b1220; }
.object-fit-cover{ object-fit:cover; }

/* Utilities */
.py-6{ padding-top:80px; padding-bottom:80px; }

/* ===== Insights ===== */
.bear-insights { background:#f8f8f8; }
 

.bear-insights .ins-title{
    font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: 0.2px;
    font-size: clamp(2rem, 4.8vw, 4rem);
    color: rgb(11, 18, 32);
    margin: 0px 0px 0.6rem;
}
.bear-insights .ins-sub{
    max-width: 70ch;
    font-size: clamp(1rem, 1.2vw + .6rem, 1.25rem);
    color: rgb(11, 18, 32);
    margin: 0 auto;
    font-weight: 400;
}

/* Pills */
.ins-filters .ins-pill{
  border-radius:999px;
  background:#f3efe8; color:#0b1220; border:1px solid #e9e2d7;
  padding:.45rem 1rem; font-weight:600;
}
.ins-filters .ins-pill.active,
.ins-filters .ins-pill:hover{
  background:#cda67c; border-color:#cda67c; color:#0b1220;
}

/* Cards */
.ins-card{
  border:1px solid #ece7df; border-radius:18px; overflow:hidden; background:#fff;
  transition: transform .2s ease, box-shadow .2s ease;
}
.ins-card:hover{ transform:translateY(-4px); box-shadow:0 14px 28px rgba(0,0,0,.08); }

.ins-media{ position:relative; aspect-ratio: 16/9; overflow:hidden;    margin: 0px; }
.ins-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.ins-badge{
  position:absolute; left:12px; top:12px; z-index:2;
  background:#cda67c; color:#0b1220; font-weight:700;
  padding:.25rem .55rem; border-radius:10px; font-size:.85rem;
}

.ins-body{ padding:25px; }
.ins-meta{ display:flex; gap:12px; font-size:.9rem; color:#666; margin-bottom:.6rem; }
.ins-meta i{ opacity:.7; margin-right:4px; }
.ins-title-sm{     font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: 0.2px;
    font-size: 2rem;
    color: rgb(11, 18, 32);
    margin: 0px 0px 0.6rem; text-decoration:none !important;}
.ins-excerpt{ color:#2f2f2f; margin-bottom:.5rem; text-decoration: none;}
.ins-link{ font-weight:700; color:#0b1220; text-decoration:none; }
.ins-link:hover{ text-decoration:underline;  }
 
.bear-about{background:#ffffff;color:#0b1220;}

.bear-about .about-eyebrow{
  display:inline-block;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.85rem;
  color:#7c7c7c;
}
.bear-about .about-title{
    font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: 0.2px;
    font-size: clamp(2rem, 4.8vw, 4rem);
    color: rgb(11, 18, 32);
    margin: 0px 0px 0.6rem;
}
.bear-about .about-sub{
    max-width: 70ch;
    font-size: clamp(1rem, 1.2vw + .6rem, 1.25rem);
    color: rgb(11, 18, 32);
    margin: 0 auto;
    font-weight: 400;
}
.bear-about .about-copy h3{
	
	 font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: 0.2px;
    font-size: 3rem;
    color: rgb(11, 18, 32);
    margin: 0px 0px 0.6rem;
}
/* Text column */
.bear-about .about-copy .about-list{
  list-style:none;padding:0;margin:0 0 1.25rem 0;
}
.bear-about .about-copy .about-list li{
  display:flex;gap:.55rem;align-items:flex-start;margin:.35rem 0;
}
.bear-about .about-copy .about-list i{
  color:#cda67c;font-size:1.15rem;flex:0 0 auto;line-height:1.2;
}

/* Media */
.bear-about .about-media{position:relative;}
.bear-about .about-media img{
  width:100%;height:auto;display:block;border-radius:10px;
  object-fit:cover;
}
.bear-about .about-quote{
  position:absolute;right:12px;bottom:12px;
  background:#fff;border:1px solid #ece7df;border-radius:14px;padding:14px 16px;max-width:min(80%,420px);
}

/* Values */
.bear-about .about-value{
  background:#fff;border:1px solid #ece7df;border-radius:16px;padding:24px;
  transition:transform .2s ease, box-shadow .2s ease;
}
.bear-about .about-value:hover{
  transform:translateY(-3px);box-shadow:0 12px 22px rgba(0,0,0,.06);
}
.bear-about .av-icon{
  width:40px;height:40px;border-radius:10px;background:#f3efe8;color:#0b1220;
  display:grid;place-items:center;margin-bottom:.6rem;
}
.bear-about .av-icon i{color:#cda67c;font-size:1.15rem;}

/* Stats */
.bear-about .about-stats{
  background:#fff;border:1px solid #ece7df;border-radius:18px;padding:16px 14px;
}
.bear-about .stat-num{
  font-family:"Smooch Sans", ui-sans-serif;
  font-weight:800;font-size:clamp(1.6rem,4vw,2.2rem);
}
.bear-about .stat-label{color:#555;}
 

/* ===== Onze producent module ===== */
.bear-producer {
  background:#f3efe8;
  color:#0b1220;
}
.bear-producer .producer-title {
     font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: 0.2px;
    font-size: 3rem;
    color: rgb(11, 18, 32);
    margin: 0px 0px 0.6rem;
}
.bear-producer .producer-sub {
  color:#2b2b2b;
  font-size:1.1rem;
  opacity:.9;
}
.bear-producer .producer-body {
  color:#333;
  line-height:1.65;
}
.bear-producer .producer-list {
  list-style:none;
  padding:0;
  margin:1rem 0;
}
.bear-producer .producer-list li {
  display:flex;
  align-items:center;
  gap:.6rem;
  margin-bottom:.4rem;
}
.bear-producer .producer-list i {
  color:#cda67c;
  font-size:1.2rem;
}

/* Afbeelding en badge */
.bear-producer .producer-media {
  position:relative;
  overflow:hidden;
  border-radius:18px;
}
.bear-producer .producer-media img {
  width:100%;
  height:auto;
  border-radius:18px;
  object-fit:cover;
}
.bear-producer .producer-badge {
  position:absolute;
  left:16px;
  top:16px;
  background:#cda67c;
  color:#0b1220;
  font-weight:700;
  padding:.4rem .8rem;
  border-radius:8px;
  font-size:.9rem;
}
.bear-producer .producer-logo {
     position: absolute;
    right: 16px;
    bottom: 16px;
    background: #ffffff00;
    color: #0b1220;
    font-weight: 700;
    padding: .4rem .8rem;
    border-radius: 8px;
    font-size: 0.9rem;
}
 

/* ===== Team module ===== */
.bear-team{ background:#fafafa; color:#0b1220; }
 

.bear-team .team-eyebrow{
  display:inline-block; text-transform:uppercase; letter-spacing:.08em;
  font-weight:700; font-size:.85rem; color:#7c7c7c;
}
.bear-team .team-title{
    font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: .2px;
    margin: 0 0 .6rem;
    font-size: clamp(2rem, 4.8vw, 4rem);
    color: rgb(11, 18, 32);

}
.bear-team .team-sub{
     max-width: 70ch;
    font-size: clamp(1rem, 1.2vw + .6rem, 1.25rem);
    color: rgb(11, 18, 32);
    margin: 0 auto;
    font-weight: 400;
}

/* Card */
.team-card{
  border:1px solid #ece7df; border-radius:18px; background:#fff; overflow:hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}
.team-card:hover{ transform:translateY(-4px); box-shadow:0 14px 28px rgba(0,0,0,.08); }

.team-media{ position:relative; aspect-ratio: 4/4; overflow:hidden; margin-bottom: 0px;}
.team-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.team-badge{
  position:absolute; left:12px; top:12px; background:#cda67c; color:#0b1220; font-weight:700;
  padding:.25rem .55rem; border-radius:10px; font-size:.85rem;
}

.team-body{ padding: 24px; }
.team-name{     font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: 0.2px;
    font-size: 2rem;
    color: rgb(11, 18, 32);
    margin: 0px 0px 0.6rem;
    text-decoration: none !important;}
.team-role{ color:#666; margin-bottom:.35rem; }
.team-bio{ color:#2f2f2f; margin-bottom:.75rem; }

/* Actions */
 
.team-actions .btn{   
	border-radius: 6px;
    min-height: 34px;
    max-height: 34px;
    line-height: 12px;
}
.team-social a{ color:#0b1220; opacity:.75; margin-left:.25rem; }
.team-social a:hover{ opacity:1; }

/* Modal */
.team-modal{ border-radius:18px; overflow:hidden; }
.team-badge-soft{ background:#f3efe8; color:#0b1220; }

/* Utility */
.object-fit-cover{ object-fit:cover; }
/* ===== Contactgegevens ===== */
.bear-contact-info {  color:#0b1220; }
 

.ci-eyebrow{
  text-transform:uppercase;
  font-size:.85rem;
  letter-spacing:.08em;
  color:#7c7c7c;
  font-weight:700;
}
.ci-title{
      font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: .2px;
    margin: 0 0 .6rem;
    font-size: clamp(2rem, 4.8vw, 4rem);
    color: rgb(11, 18, 32);
}
.ci-sub{
     max-width: 70ch;
    font-size: clamp(1rem, 1.2vw + .6rem, 1.25rem);
    color: rgb(11, 18, 32);
    margin: 0 auto;
    font-weight: 400;
}

/* Cards */
.ci-card{
  background:#fff;
  border:1px solid #ece7df;
  border-radius:10px;
  text-align:center;
  padding:32px 20px;
  transition:transform .25s ease, box-shadow .25s ease;
}
.ci-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 22px rgba(0,0,0,.08);
}
.ci-card i{
  font-size:2rem;
  color:#cda67c;
  margin-bottom:.75rem;
}
.ci-card h5{
  font-weight: 600;
  margin-bottom:.5rem;
 font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
font-size: 1.8rem;
}
.ci-card p{
  margin-bottom:.75rem;
  color:#333;
}
.ci-card .btn{
  border-radius:10px;
}









/* ===== Contactformulier module ===== */
.bear-contact-form { background:#ffffff; color:#0b1220; }
 

.cf-panel{
  background:#fff; border:1px solid #ece7df; border-radius:10px; padding:25px;
}
.cf-title{
      font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  font-weight:600; font-size:clamp(1.8rem,3.6vw,2.2rem); margin:0 0 .25rem;
}
.cf-sub{ color:#555; margin-bottom:1rem; }

.cf-side .cf-box{
  background:#fff; border:1px solid #ece7df; border-radius:10px; padding:25px; margin-bottom:12px;
}
.cf-side .cf-box h3{
  font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	 font-weight:600;
	font-size: 24px; margin:0 0 .5rem;
}
.cf-hours{ list-style:none; padding:0; margin:0; }
.cf-hours li{ display:flex; justify-content:space-between; padding:.2rem 0; border-bottom:1px dashed #eee; }
.cf-hours li:last-child{ border-bottom:0; }

/* Formele styling */
.bear-contact-form .form-control,
.bear-contact-form .form-select{
  border-radius:12px; border-color:#e6e0d7;
}
.bear-contact-form .form-control:focus,
.bear-contact-form .form-select:focus{
  box-shadow:0 0 0 .25rem rgba(205,166,124,.15); border-color:#cda67c;
}
.btn-brand{
  background:#cda67c; border-color:#cda67c; color:#0b1220; font-weight:700; border-radius:12px;
}
.btn-brand:hover{ filter:brightness(.95); }


@media (max-width: 991.98px) {

.nav-open .navbar {
    background: linear-gradient(to top, rgba(11, 18, 32, 1) 0%, rgb(0 0 0 / 90%) 100%) !important;
	height: 100%;
        align-items: flex-start;
}
	body.nav-open {  overflow: hidden;         /* Verwijdert verticale scrollbalk */
  height: 100vh;            /* Houdt hoogte vast, voorkomt “jump” */
  touch-action: none;       /* Blokkeert swipen op mobiel */
  overscroll-behavior: none; /* voorkomt rubberband effect op iOS */ }
.nav-open .navbar-nav .btn-brand {
    width: 100%;
	margin-top: 20px;
}
	}


.bear-blog-post {
    background: #f8f8f8;
}
.bear-blog-post h1 {
    font-family: "Smooch Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: .2px;
    margin: 0 0 .6rem;
    font-size: clamp(2rem, 4.8vw, 4rem);
    color: rgb(11, 18, 32);
}
.bear-blog-post p {
    max-width: 70ch;
    font-size: clamp(1rem, 1.2vw + .6rem, 1.25rem);
    color: rgb(11, 18, 32);
    margin: 0 0 40px 0;
    font-weight: 400;
}