/* ================= PD-ONTWERP-20261004 — basislaag panddokter.nl (terrein pand, VvE en afwerking) =================
   Alleen lettertype, logo, chatknop en het weghalen van decoratieve icoontjes (meerdere sjablonen met eigen variabelen). */
@font-face{font-family:'Young Serif';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/youngserif-latin.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/inter-latin.woff2) format('woff2')}
h1,h2,h3{font-family:'Young Serif',Georgia,serif!important;font-weight:400!important;letter-spacing:-.015em}
.ic,.sic,.il-lottie{display:none!important}
html,body{overflow-x:clip}
.brand{display:inline-flex!important;align-items:center;gap:10px!important;text-decoration:none}
.pd-mk{width:46px!important;height:46px!important;flex:0 0 auto;overflow:visible}
.pd-mk .pd-pols{stroke-dasharray:70;stroke-dashoffset:70;animation:pd-pols 2.8s ease-in-out infinite}
@keyframes pd-pols{0%{stroke-dashoffset:70}45%,70%{stroke-dashoffset:0}100%{stroke-dashoffset:-70}}
.pd-mk .pd-stip{animation:pd-stip 2.8s ease-in-out infinite}
@keyframes pd-stip{0%,40%{opacity:0}50%,70%{opacity:1}100%{opacity:0}}
.pd-mk .pd-huis{transform-origin:32px 56px;animation:pd-in .8s cubic-bezier(.3,1.5,.5,1) both}
@keyframes pd-in{from{transform:scaleY(.6);opacity:0}to{transform:none;opacity:1}}
.brand:hover .pd-pols{animation-duration:1.1s}
.pd-wm{display:flex;flex-direction:column;line-height:1}
.pd-wm b{font-family:'Young Serif',Georgia,serif;font-weight:400;font-size:23px;letter-spacing:-.02em;color:#163f37;white-space:nowrap}
.pd-wm b i{font-style:normal;color:#c4643a}
.pd-wm small{font-family:'Inter',sans-serif;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#7c857f;margin-top:5px;white-space:nowrap}
footer .pd-wm b,.foot-brand .pd-wm b{color:#fff}footer .pd-wm b i,.foot-brand .pd-wm b i{color:#f0a37e}footer .pd-wm small,.foot-brand .pd-wm small{color:#aab6b0}
@media(max-width:560px){.pd-wm small{display:none}.pd-wm b{font-size:20px}.pd-mk{width:40px!important;height:40px!important}}
#sb-root #sb-fab{width:auto!important;height:56px!important;padding:0 20px 0 6px!important;border-radius:999px!important;border:0!important;background:#163f37!important;color:#fff!important;gap:10px;box-shadow:0 18px 40px -14px rgba(22,63,55,.75)!important}
#sb-root #sb-fab img,#sb-root #sb-fab svg{width:44px!important;height:44px!important;border-radius:50%!important;background:#f6f2ea!important;padding:3px;object-fit:contain!important}
#sb-root #sb-fab::after{content:"Vraag het ons";font-weight:700;font-size:15px;white-space:nowrap}
#sb-root #sb-hd{background:#163f37!important;background-image:linear-gradient(90deg,rgba(196,100,58,.3),rgba(246,242,234,.08))!important}
#sb-root #sb-hd .sb-hd-logo{border-radius:50%!important;background:#f6f2ea!important;padding:3px;object-fit:contain!important}
#sb-root #sb-send{background:#c4643a!important}
#sb-root #sb-chips *{color:#163f37!important;background:#fff!important;border:1.5px solid #e6e0d4!important}
#sb-root .sb-u{background:#163f37!important;color:#fff!important}
@media(max-width:760px){#sb-root #sb-fab{height:50px!important;padding:0 5px!important}#sb-root #sb-fab::after{content:none}}
/* PD-KOP-VOET-20261004 — kopbalk past op elke breedte, voetmerk netjes naast elkaar, belbalk in huiskleuren */
header.site .nav-links a,header.site .nav-phone,header.site .nav-cta .btn{white-space:nowrap}
@media(min-width:1261px){header.site .nav-phone{display:none!important}header.site .nav-links{gap:18px}header.site .nav-links li:first-child{display:none}header.site .nav-links a{font-size:.94rem}header.site .nav-cta .btn{padding:12px 20px!important;font-size:.92rem!important}}
@media(min-width:1025px) and (max-width:1260px){header.site .nav-cta .btn{display:none!important}header.site .nav-phone{display:inline-flex!important}header.site .nav-links{gap:16px}header.site .nav-links li:first-child{display:none}}
.foot-brand{display:grid!important;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
.foot-brand>:not(.pd-mk):not(.pd-wm){grid-column:1/-1}
.foot-brand .pd-wm{margin:0}
.foot-brand>p:first-of-type,.foot-brand>.pd-wm+*{margin-top:16px}
.foot-links li a+a{display:block;margin-top:10px}
.callbar .btn-primary{background:#c4643a!important;border-color:#c4643a!important;color:#fff!important}
.callbar .btn-navy{background:#163f37!important;border-color:#163f37!important;color:#fff!important}
.pd-fotos figure:nth-child(5){aspect-ratio:4/3!important;grid-row:auto!important}
.pd-fotos figure:nth-child(6){grid-column:1/-1;aspect-ratio:3/1}
@media(max-width:600px){.pd-fotos figure:nth-child(6){aspect-ratio:4/3}}
.btn-primary{background:#c4643a!important;border-color:#c4643a!important;color:#fff!important;box-shadow:0 12px 26px -14px rgba(196,100,58,.8)!important}
.btn-primary:hover{background:#163f37!important;border-color:#163f37!important}
.topbar,.top-bar{background:#163f37!important}
/* PD-VINKJES-20261004 — lijst-vinkjes zonder maat werden 200px groot op ±dienstpagina's */
li[style*="display:flex"]>svg:first-child{width:20px!important;height:20px!important;flex:none!important;margin-top:3px;stroke:#c4643a}
/* A11Y-CONTRAST-20261004 — kleine tekst donkerder voor leesbaarheid (WCAG AA) */
.pd-wm b i{color:#b0552c}footer .pd-wm b i,.foot-brand .pd-wm b i{color:#f0a37e}.callbar .btn-primary,.btn-primary{background:#a84f28!important;border-color:#a84f28!important}
