/* Man Print & Sign - materiaalpagina. Alles onder .mps-buy en .mps-mat, zodat de rest van de site ongemoeid blijft. */
.mps-buy *,.mps-mat *,.mps-buy,.mps-mat{box-sizing:border-box}
.mps-buy,.mps-mat{--mps-navy:#04043A;--mps-navy2:#13134d;--mps-or:#E24E1B;--mps-or2:#fbe7df;--mps-ink:#16163a;--mps-mut:#62627e;--mps-line:#e6e6ee;--mps-bg:#f6f6f9;--mps-ok:#1f8a4c;color:var(--mps-ink)}
.mps-native-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;padding:0!important;margin:-1px!important}
.mps-buy{display:none;margin:4px 0 18px}
.mps-buy.is-ready{display:block}
.mps-mut{color:var(--mps-mut)}
.mps-keys{display:flex;flex-wrap:wrap;gap:4px 0;margin:4px 0 18px;font-size:13.5px;color:#62627e}
.mps-keys div{white-space:nowrap}
.mps-keys div+div::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#c4c4d4;margin:0 10px 2px}
.mps-keys b{font-weight:600;color:#16163a}
.mps-price{padding:16px 18px;border-radius:14px;background:var(--mps-bg);margin-bottom:6px}
.mps-price__big{font-size:32px;font-weight:800;color:var(--mps-navy);line-height:1.05}
.mps-price__big small{font-size:15px;font-weight:600;color:var(--mps-mut)}
.mps-price__sub{margin-top:6px;font-size:15px}
.mps-price__hint{margin-top:6px;font-size:13px;color:var(--mps-mut)}
.mps-step{margin:18px 0 8px;font-weight:700;display:flex;align-items:center;gap:8px;font-size:15px}
.mps-step i{font-style:normal;width:24px;height:24px;flex:none;border-radius:50%;background:var(--mps-navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.mps-step .mps-mut{font-weight:400;font-size:13px}
.mps-sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.mps-size{border:1.5px solid var(--mps-line);border-radius:10px;padding:12px 8px;background:#fff;text-align:center;cursor:pointer;color:var(--mps-ink);font:inherit;line-height:1.35;transition:border-color .15s,box-shadow .15s}
.mps-size:hover{border-color:#b9b9cf}
.mps-size.is-on{border-color:var(--mps-navy);box-shadow:0 0 0 3px rgba(4,4,58,.1)}
.mps-size.is-off{opacity:.45}
.mps-size b{display:block;font-size:15.5px;font-weight:700}
.mps-size small{display:block;color:var(--mps-mut);font-size:12.5px}
.mps-size__m2{float:right;font-weight:700;color:var(--mps-navy);font-size:13.5px;margin-left:8px}
.mps-colour-current{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.mps-colour-current small{display:block}
.mps-search{width:100%;padding:10px 12px;border:1px solid #cfcfe0;border-radius:10px;font:inherit;margin-bottom:10px}
.mps-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;max-height:360px;overflow:auto;padding:2px}
.mps-sw{border:1.5px solid var(--mps-line);border-radius:10px;padding:0;background:#fff;cursor:pointer;overflow:hidden;text-align:left;font:inherit;color:var(--mps-ink)}
.mps-sw:hover{border-color:#b9b9cf}
.mps-sw.is-on{border-color:var(--mps-navy);box-shadow:0 0 0 3px rgba(4,4,58,.12)}
.mps-sw.is-off{opacity:.35}
.mps-sw .mps-chip{display:block;width:100%;height:44px;border-radius:0;border:0;border-bottom:1px solid var(--mps-line)}
.mps-sw__n{display:block;padding:5px 7px;font-size:11.5px;line-height:1.25}
.mps-sw__n b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mps-sw__n small{color:var(--mps-mut)}
.mps-chip{display:inline-block;width:34px;height:34px;border-radius:8px;border:1px solid rgba(0,0,0,.12);background:#fff}
.mps-chip--lg{width:44px;height:44px}
.mps-chip.is-missing{background:repeating-linear-gradient(45deg,#f1f1f5,#f1f1f5 6px,#e3e3ea 6px,#e3e3ea 12px)}
.mps-qty{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mps-qty__ctl{display:inline-flex;border:1px solid #cfcfe0;border-radius:10px;overflow:hidden;background:#fff}
.mps-qty__ctl button{width:42px;height:44px;border:0;background:#fff;font-size:20px;cursor:pointer;color:var(--mps-ink)}
.mps-qty__ctl button:hover{background:var(--mps-bg)}
.mps-qty__ctl input{width:64px;height:44px;border:0;border-left:1px solid #e3e3ea;border-right:1px solid #e3e3ea;text-align:center;font:inherit;font-weight:700;-moz-appearance:textfield;padding:0}
.mps-qty input::-webkit-outer-spin-button,.mps-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.mps-qty__total{font-size:15px;margin-left:6px}
.mps-note{font-size:13px;color:var(--mps-mut);margin:8px 0 0}
.mps-stock{font-size:13.5px;font-weight:600;margin:12px 0 0}
.mps-stock.is-ok{color:var(--mps-ok)}
.mps-stock.is-bo{color:#a86400}
.mps-stock.is-out{color:var(--mps-mut)}
.mps-links{display:flex;flex-wrap:wrap;gap:6px 20px;margin:14px 0 4px;font-size:13.5px}
.mps-links a{color:var(--mps-navy);font-weight:600;text-decoration:underline;text-decoration-color:#c4c4d4;text-underline-offset:4px}
.mps-links a:hover{color:var(--mps-or)}

.mps-mat{margin:8px auto 48px;max-width:1280px;padding:0 16px;font-size:15px;line-height:1.55}
.mps-mat h2{font-size:24px;line-height:1.2;margin:2px 0 10px;color:var(--mps-ink);font-weight:700}
.mps-lbl{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mps-or)}
.mps-lbl--light{color:#ffb79d}
.mps-usp{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:0 0 26px;padding:14px 0;border-top:1px solid var(--mps-line);border-bottom:1px solid var(--mps-line);font-size:14px;color:var(--mps-mut)}
.mps-usp li{display:flex;align-items:center;gap:7px}
.mps-usp li:before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:var(--mps-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.mps-sys{border-radius:18px;background:var(--mps-navy);color:#fff;padding:26px;margin-bottom:28px}
.mps-sys h2{color:#fff}
.mps-sys p{color:#c9c9e4;margin:0 0 4px;max-width:760px}
.mps-sys__row{display:flex;gap:12px;align-items:stretch;margin-top:16px;flex-wrap:wrap}
.mps-sys__it{flex:1 1 220px;background:#fff;color:var(--mps-ink);border-radius:12px;padding:14px;display:flex;gap:12px;align-items:center;text-decoration:none;min-width:0}
.mps-sys__it img{width:64px;height:64px;object-fit:contain;flex:none;border-radius:8px;background:var(--mps-bg)}
.mps-sys__it small{display:block;color:var(--mps-mut);font-size:12px}
.mps-sys__it b{display:block;line-height:1.3}
.mps-sys__it em{display:block;font-style:normal;font-size:13px;color:var(--mps-navy);margin-top:2px}
.mps-sys__it--self{flex-direction:column;align-items:flex-start;justify-content:center;background:var(--mps-navy2);color:#fff;border:1px solid #2c2c6e}
.mps-sys__it--self small{color:#c9c9e4}
a.mps-sys__it:hover{box-shadow:0 0 0 3px var(--mps-or)}
.mps-sys__plus{align-self:center;font-size:24px;color:#9a9ac0}
.mps-two{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}
.mps-two>*{min-width:0}
.mps-two--text{grid-template-columns:1.25fr 1fr}
.mps-box{border:1px solid var(--mps-line);border-radius:16px;padding:22px;background:#fff}
.mps-f{display:block;font-size:14px;font-weight:600;margin-bottom:12px}
.mps-f input[type=number],.mps-f select{display:block;width:100%;margin-top:5px;padding:10px 12px;border:1px solid #cfcfe0;border-radius:10px;font:inherit;font-weight:400}
.mps-f--inline{display:flex;align-items:center;gap:8px;font-weight:400}
.mps-res{background:var(--mps-bg);border-radius:12px;padding:14px;margin-top:4px}
.mps-res b{color:var(--mps-navy);font-size:18px}
.mps-res small{color:var(--mps-mut)}
.mps-res .mps-btn{margin-top:12px}
.mps-dl{display:flex;flex-direction:column;gap:8px}
.mps-dl a{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--mps-line);border-radius:12px;text-decoration:none;color:var(--mps-ink)}
.mps-dl a:hover{border-color:var(--mps-navy)}
.mps-dl__ic{width:38px;height:44px;border-radius:6px;background:var(--mps-or2);color:var(--mps-or);font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center;flex:none}
.mps-dl small{display:block;color:var(--mps-mut);font-size:12.5px}
.mps-desc__body{color:#3c3c58}
.mps-desc__body p{margin:0 0 10px}
.mps-spec{width:100%;border-collapse:collapse;font-size:14px;margin-top:6px}
.mps-spec th,.mps-spec td{padding:9px 10px;border-bottom:1px solid var(--mps-line);text-align:left;vertical-align:top}
.mps-spec th{color:var(--mps-mut);font-weight:400;width:46%}
.mps-spec__g th{background:var(--mps-bg);color:var(--mps-ink);font-weight:700}
.mps-rel{margin-bottom:30px}
.mps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:6px}
.mps-card{border:1px solid var(--mps-line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--mps-ink);background:#fff;transition:box-shadow .15s}
.mps-card:hover{box-shadow:0 6px 20px rgba(4,4,58,.08)}
.mps-card__img{display:flex;align-items:center;justify-content:center;background:var(--mps-bg);aspect-ratio:4/3}
.mps-card__img img{max-width:78%;max-height:78%;object-fit:contain}
.mps-card__bd{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}
.mps-card__br{font-size:11.5px;font-weight:700;color:var(--mps-or);text-transform:uppercase;letter-spacing:.06em}
.mps-card__ti{font-weight:700;line-height:1.3}
.mps-card__pr{font-size:14px;color:var(--mps-mut)}
.mps-card__pr b{color:var(--mps-navy);font-size:16px}
.mps-advice{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-radius:18px;background:var(--mps-navy);color:#fff;padding:26px}
.mps-advice h2{color:#fff}
.mps-advice p{color:#c9c9e4;margin:0;max-width:620px}
.mps-advice__btns{display:flex;gap:10px;flex-wrap:wrap}
.mps-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 18px;font-weight:700;text-decoration:none;border:1px solid transparent;cursor:pointer;font-size:15px}
.mps-btn--p{background:var(--mps-or);color:#fff}
.mps-btn--p:hover{background:#c9410f;color:#fff}
.mps-btn--g{background:#fff;color:var(--mps-navy);border-color:#cfcfe0}
@media (max-width:1024px){.mps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mps-two,.mps-two--text{grid-template-columns:1fr}}
@media (max-width:640px){.mps-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}.mps-sys__plus{display:none}.mps-price__big{font-size:28px}.mps-mat h2{font-size:21px}.mps-sys,.mps-advice{padding:20px}}
@media (max-width:420px){.mps-grid{grid-template-columns:1fr}}
/* Rekenhulp */
.mps-seg{display:flex;background:var(--mps-bg);border-radius:10px;padding:4px;gap:4px;margin:4px 0 12px}
.mps-seg button{flex:1;border:0;background:transparent;padding:9px 10px;border-radius:8px;font:inherit;font-size:14px;font-weight:600;color:var(--mps-mut);cursor:pointer}
.mps-seg button.is-on{background:#fff;color:var(--mps-navy);box-shadow:0 1px 3px rgba(4,4,58,.12)}
.mps-pieces{margin:10px 0 12px}
.mps-pieces__h,.mps-pieces__r{display:grid;grid-template-columns:1fr 1fr .7fr 36px;gap:8px;align-items:center}
.mps-pieces__h{font-size:12.5px;font-weight:700;color:var(--mps-mut);margin-bottom:4px}
.mps-pieces__r{margin-bottom:6px}
.mps-pieces__r input{width:100%;padding:9px 10px;border:1px solid #cfcfe0;border-radius:9px;font:inherit;min-width:0}
.mps-x{width:36px;height:38px;border:1px solid var(--mps-line);border-radius:9px;background:#fff;font-size:18px;color:var(--mps-mut);cursor:pointer}
.mps-x:disabled{opacity:.35;cursor:default}
.mps-add{border:0;background:none;color:var(--mps-navy);font-weight:700;padding:4px 0;cursor:pointer;font:inherit;font-weight:700}
.mps-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mps-opts .mps-f{margin-bottom:6px}
.mps-plan{margin-top:12px}
.mps-plan table{width:100%;border-collapse:collapse;font-size:14px}
.mps-plan th,.mps-plan td{padding:8px 8px;border-bottom:1px solid var(--mps-line);text-align:left;vertical-align:top}
.mps-plan th{font-size:12.5px;color:var(--mps-mut);font-weight:700}
.mps-plan tr.is-best td{background:#eef7f1}
.mps-plan tr.is-best small{display:block;color:var(--mps-ok);font-weight:700;font-size:11.5px}
.mps-plan tr.is-na td{color:var(--mps-mut)}
.mps-plan .mps-btn{margin-top:12px}
@media (max-width:640px){.mps-opts{grid-template-columns:1fr}.mps-pieces__h,.mps-pieces__r{grid-template-columns:1fr 1fr .7fr 34px;gap:6px}}
.mps-two--text{align-items:start}
.mps-mat section.mps-desc,.mps-mat section.mps-specs{margin:0;padding:0;border:0}
.mps-mat .mps-two--text>*{border:0;margin-top:0;padding-top:0}
.mps-mat #description.mps-desc,.mps-mat #product-attributes.mps-specs{margin:0!important;padding:0!important;border:0!important}

/* Blauwe levertijdmelding (HWD) verbergen, levertijd staat al boven de knoppen */
body:has(.mps-mat) .hwd-delivery-message { display: none !important; }
