/* Portaal Reinsma OS: gedeeld menu, inloggen, contact. Gebruikt door presentatie en offerte. */
.pnav{position:fixed;top:0;left:0;right:0;z-index:200;height:60px;background:rgba(14,14,13,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(255,255,255,.09);font-family:'Poppins',sans-serif}
.pnav .pw{max-width:1200px;margin:0 auto;padding:0 44px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.pnav .plogo img{height:24px;display:block}
.ptabs{display:flex;gap:4px;padding:4px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.ptabs a{color:#a8a49b;text-decoration:none;font-size:.88rem;font-weight:500;padding:8px 22px;transition:all .3s cubic-bezier(.16,1,.3,1)}
.ptabs a:hover{color:#fff}
.ptabs a.on{background:linear-gradient(160deg,#9a8960,#85754F);color:#fff}
.pact{display:flex;gap:10px;align-items:center}
.pact a,.pact button{font-family:'Poppins',sans-serif;font-size:.82rem;font-weight:500;color:#f5f5f2;text-decoration:none;background:none;border:1px solid #363636;padding:8px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:border-color .2s,background .2s}
.pact a:hover,.pact button:hover{border-color:#85754F}
.pact svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.pact .pcontact{background:linear-gradient(160deg,#9a8960,#85754F);border-color:transparent}
.pact .pdeck{border-color:transparent;color:#a8a49b}
.pact .pdeck:hover{color:#fff}
/* contactpaneel */
.pmodal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:blur(6px)}
.pmodal.open{display:flex}
.pbox{width:min(460px,92vw);background:#1a1a19;border:1px solid rgba(255,255,255,.12);padding:32px 30px;font-family:'DM Sans',sans-serif;color:#f5f5f2;position:relative;box-shadow:0 40px 80px rgba(0,0,0,.6)}
.pbox .x{position:absolute;top:14px;right:14px;background:none;border:0;color:#a8a49b;font-size:1.4rem;cursor:pointer}
.pbox .who{display:flex;gap:16px;align-items:center;margin-bottom:22px}
.pbox .av{width:54px;height:54px;border-radius:50%;background:linear-gradient(150deg,#a3906a,#5e5237);display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-weight:600;font-size:1.1rem}
.pbox h3{font-family:'Poppins',sans-serif;font-size:1.25rem;font-weight:600}
.pbox .who small{color:#a8a49b}
.pbox .opts{display:flex;flex-direction:column;gap:8px}
.pbox .opts a{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #363636;color:#f5f5f2;text-decoration:none;transition:border-color .2s,background .2s}
.pbox .opts a:hover{border-color:#85754F;background:rgba(133,117,79,.1)}
.pbox .opts a.main{background:linear-gradient(160deg,#9a8960,#85754F);border-color:transparent}
.pbox .opts svg{width:20px;height:20px;stroke:#d9c89c;fill:none;stroke-width:1.7;flex:none}
.pbox .opts a.main svg{stroke:#fff}
.pbox .opts b{font-family:'Poppins',sans-serif;font-weight:500;display:block;font-size:.95rem}
.pbox .opts small{color:#a8a49b;font-size:.82rem}
.pbox .opts a.main small{color:rgba(255,255,255,.8)}
.pbox .lab{font-family:'Poppins',sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#a3906a;margin:18px 0 8px}
@media(max-width:820px){.pnav .pw{padding:0 16px}.pact .pdeck,.pact .ptxt{display:none}.ptabs a{padding:8px 12px}}
@media print{.pnav,.pmodal{display:none!important}}
