/* lash-brow-studio-behandelingen: React Bits Pro features-13 als block-port.
   Tailwind uit de bron vertaald naar gescopete CSS; kleuren via --m-*. */
.msm-lash-brow-studio-behandelingen{--bh-p:var(--m-primary,#7a3b5a);--bh-bg:var(--m-bg,#f6efec);--bh-ink:var(--m-ink,#2a1d24);--bh-s:var(--m-surface,#fffaf8);--bh-mu:var(--m-muted,#6f5e66);--bh-a:var(--m-accent2,#c99a7f);--bh-line:color-mix(in srgb,var(--bh-ink) 13%,transparent);--bh-soft:color-mix(in srgb,var(--bh-bg) 70%,var(--bh-s));--bh-ease:cubic-bezier(.22,1,.36,1);position:relative;scroll-margin-top:112px;padding:64px 16px;background:var(--bh-s);color:var(--bh-ink);font-family:var(--m-font-body,"Jost","Segoe UI",system-ui,sans-serif);font-size:16px;line-height:1.55}
.msm-lash-brow-studio-behandelingen *{box-sizing:border-box}
.msm-lash-brow-studio-behandelingen [hidden]{display:none!important}
.msm-lash-brow-studio-behandelingen .bh-wrap{width:100%;max-width:1400px;margin:0 auto}
.msm-lash-brow-studio-behandelingen .bh-head{max-width:672px}
.msm-lash-brow-studio-behandelingen .bh-kicker{margin:0;color:var(--bh-p);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.msm-lash-brow-studio-behandelingen .bh-title{margin:20px 0 0;font-family:var(--m-font-display,"Bodoni Moda","Didot","Bodoni 72",Georgia,serif);font-size:30px;font-weight:500;line-height:1.1;letter-spacing:-.025em;color:var(--bh-ink)}
.msm-lash-brow-studio-behandelingen .bh-intro{margin:20px 0 0;max-width:576px;font-size:16px;line-height:1.625;color:var(--bh-mu)}
.msm-lash-brow-studio-behandelingen .bh-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:40px;margin-top:48px}
.msm-lash-brow-studio-behandelingen .bh-list{border-top:1px solid var(--bh-line);border-bottom:1px solid var(--bh-line)}
.msm-lash-brow-studio-behandelingen .bh-item+.bh-item{border-top:1px solid var(--bh-line)}
.msm-lash-brow-studio-behandelingen .bh-h{margin:0;font:inherit}
.msm-lash-brow-studio-behandelingen .bh-trigger{display:flex;width:100%;align-items:baseline;gap:16px;padding:20px 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:6px}
.msm-lash-brow-studio-behandelingen .bh-trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bh-s),0 0 0 4px var(--bh-ink)}
.msm-lash-brow-studio-behandelingen .bh-icon{display:inline-flex;width:28px;flex-shrink:0;align-self:center;color:color-mix(in srgb,var(--bh-mu) 75%,var(--bh-s));transition:color .2s}
.msm-lash-brow-studio-behandelingen .bh-icon svg,.msm-lash-brow-studio-behandelingen .bh-chev svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.msm-lash-brow-studio-behandelingen .bh-chev svg{width:16px;height:16px;stroke-width:2}
.msm-lash-brow-studio-behandelingen .bh-name{flex:1;font-size:18px;line-height:28px;font-weight:500;letter-spacing:-.015em;color:var(--bh-mu);transition:color .2s}
.msm-lash-brow-studio-behandelingen .bh-trigger:hover .bh-name,.msm-lash-brow-studio-behandelingen .bh-trigger[aria-expanded="true"] .bh-name{color:var(--bh-ink)}
.msm-lash-brow-studio-behandelingen .bh-trigger[aria-expanded="true"] .bh-icon{color:var(--bh-p)}
.msm-lash-brow-studio-behandelingen .bh-chev{display:inline-flex;align-self:center;color:color-mix(in srgb,var(--bh-mu) 70%,var(--bh-s));transition:transform .3s var(--bh-ease),color .2s}
.msm-lash-brow-studio-behandelingen .bh-trigger[aria-expanded="true"] .bh-chev{transform:rotate(180deg);color:var(--bh-ink)}
.msm-lash-brow-studio-behandelingen .bh-panel{overflow:hidden}
.msm-lash-brow-studio-behandelingen .bh-panel-in{padding-bottom:24px}
.msm-lash-brow-studio-behandelingen .bh-body{max-width:448px;margin:0;padding:0 32px 0 44px;font-size:16px;line-height:1.625;color:var(--bh-mu)}
.msm-lash-brow-studio-behandelingen .bh-card-box{display:flex;justify-content:center;margin-top:24px;padding:16px;border:1px solid var(--bh-line);border-radius:16px;background:var(--bh-soft)}
.msm-lash-brow-studio-behandelingen .bh-preview{display:none}
.msm-lash-brow-studio-behandelingen .bh-stage{display:flex;width:100%;flex-direction:column;align-items:center}
.msm-lash-brow-studio-behandelingen .bh-caption{margin:24px 0 0;font-size:14px;color:var(--bh-mu);text-align:center}
.msm-lash-brow-studio-behandelingen .bh-card{width:100%;max-width:384px;padding:20px;border:1px solid var(--bh-line);border-radius:16px;background:var(--bh-s);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.msm-lash-brow-studio-behandelingen .bh-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.msm-lash-brow-studio-behandelingen .bh-card-title{font-size:13px;font-weight:600;color:var(--bh-ink)}
.msm-lash-brow-studio-behandelingen .bh-pill{padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--bh-p) 9%,var(--bh-s));color:var(--bh-p);font-size:11px;font-weight:500}
.msm-lash-brow-studio-behandelingen .bh-card-img{display:block;width:100%;height:auto;aspect-ratio:4/3;margin-top:16px;object-fit:cover;border-radius:12px;background:color-mix(in srgb,var(--bh-p) 10%,var(--bh-bg))}
.msm-lash-brow-studio-behandelingen .bh-facts{margin:16px 0 0;display:grid;gap:10px}
.msm-lash-brow-studio-behandelingen .bh-fact{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:start}
.msm-lash-brow-studio-behandelingen .bh-fact dt{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--bh-mu)}
.msm-lash-brow-studio-behandelingen .bh-fact dd{margin:0;font-size:13px;line-height:1.45;color:var(--bh-ink)}
.msm-lash-brow-studio-behandelingen .bh-fact svg,.msm-lash-brow-studio-behandelingen .bh-before svg{width:14px;height:14px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.msm-lash-brow-studio-behandelingen .bh-before{display:flex;align-items:flex-start;gap:10px;margin:16px 0 0;padding:12px 14px;border:1px solid var(--bh-line);border-radius:12px;background:var(--bh-soft);font-size:12.5px;line-height:1.5;color:var(--bh-ink)}
.msm-lash-brow-studio-behandelingen .bh-before svg{width:16px;height:16px;margin-top:1px;color:var(--bh-p)}
@media (min-width:640px){
.msm-lash-brow-studio-behandelingen{padding:80px 24px}
.msm-lash-brow-studio-behandelingen .bh-title{font-size:36px;line-height:1.1}
.msm-lash-brow-studio-behandelingen .bh-intro{font-size:18px}
.msm-lash-brow-studio-behandelingen .bh-grid{margin-top:64px}
.msm-lash-brow-studio-behandelingen .bh-trigger{padding:24px 0}
.msm-lash-brow-studio-behandelingen .bh-name{font-size:20px}
.msm-lash-brow-studio-behandelingen .bh-panel-in{padding-bottom:28px}
}
@media (min-width:768px){.msm-lash-brow-studio-behandelingen .bh-title{font-size:48px}}
@media (min-width:1024px){
.msm-lash-brow-studio-behandelingen{padding:96px 32px}
.msm-lash-brow-studio-behandelingen .bh-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px}
.msm-lash-brow-studio-behandelingen .bh-preview{display:flex;min-height:480px;flex-direction:column;align-items:center;justify-content:center;padding:32px;border:1px solid var(--bh-line);border-radius:24px;background:var(--bh-soft)}
.msm-lash-brow-studio-behandelingen.is-enhanced .bh-card-box{display:none}
}
@media (max-width:400px){.msm-lash-brow-studio-behandelingen .bh-body{padding:0 8px 0 44px}.msm-lash-brow-studio-behandelingen .bh-fact{grid-template-columns:78px minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.msm-lash-brow-studio-behandelingen .bh-chev,.msm-lash-brow-studio-behandelingen .bh-name,.msm-lash-brow-studio-behandelingen .bh-icon{transition:none}}
