/* Man Print & Sign - onderdelenzoeker, machineblok en "Past op". Licht, rustig, CTA in merkoranje. */
.mpp{--n:#04043a;--o:#e24e1b;--o2:#c9410f;--line:#e3e5ee;--soft:#f5f6fa;--mut:#5d6077;--ok:#0f8a4b;color:var(--n);font:inherit;margin:32px 0}
[x-cloak]{display:none!important}
.mpp *{box-sizing:border-box}
.mpp a{color:inherit}
.mpp-eyebrow{margin:0 0 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--o);font-weight:700}
.mpp h1{font-size:clamp(26px,3.4vw,38px);line-height:1.15;margin:0 0 10px;font-weight:800}
.mpp h2{font-size:clamp(22px,2.6vw,28px);line-height:1.2;margin:0 0 6px;font-weight:800}
.mpp h3{font-size:15px;margin:0 0 8px;font-weight:700}
.mpp-lead{color:var(--mut);margin:0 0 18px;max-width:640px;font-size:16px;line-height:1.5}
.mpp-note{color:var(--mut);margin:16px 0;font-size:14px}
.mpp-note a,.mpp-small a{text-decoration:underline}
.mpp-small{font-size:13px;color:var(--mut);margin:8px 0 0}

.mpp-hero{background:linear-gradient(180deg,#f7f8fc 0%,#fff 100%);border:1px solid var(--line);border-radius:18px;padding:clamp(20px,4vw,40px)}
.mpp-search{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:6px 6px 6px 14px;max-width:680px;box-shadow:0 6px 20px rgba(4,4,58,.06);transition:border-color .15s}
.mpp-search:focus-within{border-color:var(--n)}
.mpp-search svg{color:var(--mut);flex:none}
.mpp-search input{flex:1;border:0!important;outline:0;box-shadow:none!important;font-size:16px;padding:10px 4px;background:transparent;min-width:0}
.mpp-usp{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;margin:16px 0 0;padding:0;font-size:13px;color:var(--mut)}
.mpp-usp li::before{content:"✓";color:var(--ok);font-weight:700;margin-right:6px}

.mpp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;padding:11px 16px;font-weight:700;font-size:14px;line-height:1.1;cursor:pointer;border:1.5px solid transparent;text-decoration:none!important;white-space:nowrap;transition:background .15s,border-color .15s,transform .05s}
.mpp-btn:active{transform:translateY(1px)}
.mpp-btn:disabled{opacity:.6;cursor:default}
.mpp-btn--cta{background:var(--o);color:#fff!important}
.mpp-btn--cta:hover{background:var(--o2)}
.mpp-btn--cta.is-ok{background:var(--ok)}
.mpp-btn--ghost{background:#fff;border-color:var(--line);color:var(--n)}
.mpp-btn--ghost:hover{border-color:var(--n)}
.mpp-link{font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:3px}

.mpp-pick{margin-top:22px}
.mpp-mine{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;text-align:left;background:#fff6f2;border:1.5px solid #ffd8c8;border-radius:12px;padding:12px 16px;margin-bottom:14px;cursor:pointer;font:inherit;color:var(--n)}
.mpp-mine span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--o);font-weight:700}
.mpp-mine i{font-style:normal;margin-left:auto;font-weight:700;color:var(--o)}
.mpp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;align-items:center}
.mpp-chips__lbl{font-size:13px;color:var(--mut);margin-right:2px}
.mpp-chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;color:var(--n);font-family:inherit}
.mpp-chip:hover{border-color:#b9bcd0}
.mpp-chip.is-on{background:var(--n);border-color:var(--n);color:#fff}
.mpp-machines{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.mpp-machine{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:10px 12px 12px;cursor:pointer;font:inherit;color:var(--n);transition:border-color .15s,box-shadow .15s}
.mpp-machine:hover,.mpp-machine:focus-visible{border-color:var(--n);box-shadow:0 8px 22px rgba(4,4,58,.08)}
.mpp-machine__img{display:flex;align-items:center;justify-content:center;width:100%;height:86px;margin-bottom:6px;background:var(--soft);border-radius:10px;overflow:hidden}
.mpp-machine__img img{max-height:80px;max-width:92%;object-fit:contain;mix-blend-mode:multiply}
.mpp-machine b{font-size:15px}
.mpp-machine small{font-size:12px;color:var(--mut);line-height:1.3}
.mpp-machine em{position:absolute;top:8px;right:8px;font-style:normal;font-size:10px;font-weight:700;background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px 7px;color:var(--mut)}
.mpp-machine.is-legacy{background:#fcfcfe}

.mpp-bar{position:sticky;top:76px;z-index:5;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:22px 0 16px;box-shadow:0 6px 18px rgba(4,4,58,.06)}
.mpp-bar__img{width:56px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--soft);border-radius:8px}
.mpp-bar__img img{max-height:40px;max-width:52px;object-fit:contain;mix-blend-mode:multiply}
.mpp-bar__txt{display:flex;flex-direction:column;min-width:0}
.mpp-bar__txt small{color:var(--mut);font-size:12px}
.mpp-bar__txt b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpp-bar__cta{margin-left:auto;display:flex;align-items:center;gap:14px}

.mpp-legacy{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;background:#fffaf0;border:1px solid #f4dfb5;border-radius:12px;padding:12px 16px;margin:0 0 14px;font-size:14px}
.mpp-legacy div{display:flex;flex-direction:column;gap:2px}

.mpp-pack{display:flex;align-items:center;gap:16px;background:#fff6f2;border:1.5px solid #ffd8c8;border-radius:16px;padding:16px 18px;margin:0 0 18px}
.mpp-pack__ico{width:48px;height:48px;flex:none;border-radius:12px;background:#fff;color:var(--o);display:flex;align-items:center;justify-content:center;border:1px solid #ffd8c8}
.mpp-pack__txt{display:flex;flex-direction:column;gap:3px;font-size:14px;color:var(--mut)}
.mpp-pack__txt>b{font-size:16px;color:var(--n)}
.mpp-pack .mpp-btn{margin-left:auto}

.mpp-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:0 0 16px;overflow-x:auto}
.mpp-tab{background:none;border:0;border-bottom:3px solid transparent;padding:10px 12px;font:inherit;font-weight:700;font-size:15px;color:var(--mut);cursor:pointer;display:inline-flex;gap:8px;align-items:center;white-space:nowrap}
.mpp-tab i{font-style:normal;font-size:12px;background:var(--soft);border-radius:999px;padding:2px 8px;color:var(--n)}
.mpp-tab.is-on{color:var(--n);border-bottom-color:var(--o)}

.mpp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.mpp-card{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;transition:box-shadow .15s,border-color .15s}
.mpp-card:hover{border-color:#cfd2e2;box-shadow:0 8px 22px rgba(4,4,58,.06)}
.mpp-card__img{width:72px;height:72px;flex:none;border-radius:10px;background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden}
.mpp-card__img img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.mpp-card__body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.mpp-card__name{font-weight:700;font-size:14px;line-height:1.3;text-decoration:none}
a.mpp-card__name[href]:hover{text-decoration:underline}
.mpp-card__sku{font-size:12px;color:var(--mut)}
.mpp-card__price{font-size:13px;color:var(--mut)}
.mpp-card__price b{font-size:17px;color:var(--n)}
.mpp-buy{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:auto;padding-top:6px}
.mpp-buy .mpp-btn{flex:1 1 auto;min-width:0;padding:10px 12px}
.mpp-qty{display:inline-flex;border:1.5px solid var(--line);border-radius:10px;overflow:hidden;flex:none}
.mpp-qty button{width:30px;background:#fff;border:0;font-size:16px;cursor:pointer;color:var(--n)}
.mpp-qty input{width:36px;border:0!important;text-align:center;font-size:14px;padding:8px 0;-moz-appearance:textfield;box-shadow:none!important}
.mpp-qty input::-webkit-outer-spin-button,.mpp-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.mpp-kids{margin-top:auto;padding-top:6px}
.mpp-kids__toggle{display:flex;align-items:center;gap:10px;width:100%;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;color:var(--n)}
.mpp-dots{display:inline-flex}
.mpp-dots i,.mpp-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15);display:inline-block;flex:none}
.mpp-dots i+i{margin-left:-4px}
.mpp-kids ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.mpp-kids li{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 2px;border-bottom:1px dashed var(--line)}
.mpp-kids__n{flex:1}
.mpp-kids__p{color:var(--mut)}
.mpp-mini{width:30px;height:30px;border-radius:8px;border:0;background:var(--o);color:#fff;font-weight:700;font-size:16px;cursor:pointer}
.mpp-mini.is-ok{background:var(--ok)}
.mpp-mini:disabled{opacity:.5}

.mpp-help{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;background:var(--soft);border-radius:14px;padding:14px 16px;font-size:14px;color:var(--mut)}
.mpp-help b{color:var(--n)}
.mpp-help__cta{display:flex;gap:8px;flex-wrap:wrap}

.mpp-skel{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.mpp-skel span{height:118px;border-radius:14px;background:linear-gradient(90deg,#f1f2f7 25%,#e9ebf3 37%,#f1f2f7 63%);background-size:400% 100%;animation:mpp-sh 1.2s ease infinite}
@keyframes mpp-sh{0%{background-position:100% 50%}100%{background-position:0 50%}}

.mpp--machine{border-top:1px solid var(--line);padding-top:28px}
.mpp-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 20px;margin-bottom:12px}
.mpp--fits{margin:18px 0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.mpp-fits{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.mpp-fits a{display:inline-block;border:1.5px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;text-decoration:none}
.mpp-fits a:hover{border-color:var(--n)}
.mpp-fits a.is-legacy{color:var(--mut);font-weight:600}
.mpp-fit{border-radius:10px;padding:9px 12px;font-size:14px;margin-bottom:12px}
.mpp-fit.is-yes{background:#ecf8f1;color:#0b5e34}
.mpp-fit.is-no{background:#fff6e5;color:#7a4b00}
.mpp-fit a{text-decoration:underline}

@media (max-width:640px){
  .mpp-search{flex-wrap:wrap;padding:8px}
  .mpp-search .mpp-btn{width:100%}
  .mpp-machines{grid-template-columns:repeat(2,1fr)}
  .mpp-bar{top:64px;flex-wrap:wrap}
  .mpp-bar__cta{width:100%;margin:0;justify-content:space-between}
  .mpp-pack{flex-direction:column;align-items:flex-start}
  .mpp-pack .mpp-btn{margin:0;width:100%}
  .mpp-grid,.mpp-skel{grid-template-columns:1fr}
}
.mpp-teaser{display:grid;grid-template-columns:1fr 1.3fr;gap:16px 28px;align-items:center;background:linear-gradient(180deg,#f7f8fc 0%,#fff 100%);border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:8px 0 22px}
.mpp-teaser h2{font-size:22px;margin:0 0 4px}
.mpp-teaser__act{display:flex;flex-direction:column;gap:10px}
.mpp-teaser .mpp-search{max-width:none}
.mpp-teaser .mpp-chips{margin:0}
a.mpp-chip{text-decoration:none}
@media (max-width:768px){.mpp-teaser{grid-template-columns:1fr}}