/* SlimShirt_MobileMenu – menu-drawer (ontwerp §6) */
.ss-mm{position:fixed;inset:0;z-index:1000;display:flex}
.ss-mm[hidden]{display:none}
.ss-mm--right{justify-content:flex-end}
.ss-mm__backdrop{position:absolute;inset:0;background:rgba(20,28,36,.5);opacity:0;transition:opacity .25s ease-out}
.ss-mm__panel{position:relative;z-index:1;width:min(88vw,360px);height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:8px 0 30px rgba(0,0,0,.25);transform:translateX(-100%);transition:transform .25s ease-out}
.ss-mm--right .ss-mm__panel{transform:translateX(100%)}
.ss-mm.is-open .ss-mm__backdrop{opacity:1}
.ss-mm.is-open .ss-mm__panel{transform:none}
@media (prefers-reduced-motion:reduce){.ss-mm__panel,.ss-mm__backdrop{transition:none}}
body.ss-mm-open{overflow:hidden}
.ss-mm__head{flex:none;background:var(--ss-mm-head,#2c5e92);padding:12px 10px 12px 16px;display:flex;align-items:center;justify-content:space-between}
.ss-mm__logo{height:30px;width:auto}
.ss-mm__close{width:40px;height:40px;border:0;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer;box-shadow:none;padding:0}
.ss-mm__close:hover,.ss-mm__close:focus{background:transparent;color:#fff}
.ss-mm__scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column}
.ss-mm__search{padding:14px 16px 10px;margin:0}
.ss-mm__search input{width:100%;height:42px;border:1px solid #ddd;border-radius:21px;padding:0 16px;font-size:14px}
.ss-mm__promo{margin:0 16px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#eaf2f8;border-radius:3px;color:#1f4f73;font-size:13px}
.ss-mm__promo:hover,.ss-mm__promo:visited{color:#1f4f73;text-decoration:none}
.ss-mm__nav{display:flex;flex-direction:column}
.ss-mm__row{display:flex;align-items:center;gap:10px;width:100%;height:52px;padding:0 16px;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font:600 15px/1 Poppins,"Open Sans",sans-serif;color:#222529;text-align:left;cursor:pointer;box-shadow:none;border-radius:0;text-transform:none;letter-spacing:0}
.ss-mm__row:hover,.ss-mm__row:visited{color:#222529;text-decoration:none;background:#fff}
.ss-mm__toggle{justify-content:space-between}
.ss-mm__toggle[aria-expanded="true"]{background:#f7f9fb;color:#3a7ca9}
.ss-mm__group{border-bottom:1px solid #f0f0f0}
.ss-mm__group .ss-mm__toggle{border-bottom:0}
.ss-mm__chev{width:9px;height:9px;border-right:2px solid #3a7ca9;border-bottom:2px solid #3a7ca9;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.ss-mm__toggle[aria-expanded="true"] .ss-mm__chev{transform:translateY(2px) rotate(-135deg)}
.ss-mm__sub{display:flex;flex-direction:column;padding:4px 0 10px;background:#f7f9fb}
.ss-mm__sub[hidden]{display:none}
.ss-mm__subrow{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 16px 0 28px;font-size:14px;color:#444}
.ss-mm__subrow:hover,.ss-mm__subrow:visited{color:#3a7ca9;text-decoration:none}
.ss-mm__subrow span:last-child{color:#b0b8bf}
.ss-mm__label{background:var(--ss-mm-label,#d9453b);color:#fff;font:700 10px/1 "Open Sans",sans-serif;text-transform:uppercase;padding:4px 7px;border-radius:2px}
.ss-mm__foot{margin-top:auto;padding:18px 16px 20px;display:flex;flex-direction:column;gap:14px;background:#f4f4f4}
.ss-mm__account{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ss-mm__account[hidden]{display:none}
.ss-mm__btn{display:flex;align-items:center;justify-content:center;height:42px;background:#fff;border:1px solid #ddd;color:#222529;border-radius:3px;font:600 12px/1 Poppins,"Open Sans",sans-serif;text-transform:uppercase}
.ss-mm__btn:hover,.ss-mm__btn:visited{border-color:#222529;color:#222529;text-decoration:none}
.ss-mm__btn--primary,.ss-mm__btn--primary:visited{background:#3a7ca9;border-color:#3a7ca9;color:#fff}
.ss-mm__btn--primary:hover{background:#2d6893;color:#fff}
.ss-mm__lang{display:flex;flex-direction:column;gap:8px}
.ss-mm__lang-title{font:600 11px/1 Poppins,"Open Sans",sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#777}
.ss-mm__lang-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ss-mm__lang-item{display:flex;align-items:center;justify-content:center;gap:6px;height:38px;background:#fff;border:1px solid #ddd;border-radius:3px;font-size:13px;font-weight:600;color:#222529}
.ss-mm__lang-item:hover,.ss-mm__lang-item:visited{color:#222529;text-decoration:none}
.ss-mm__lang-item.is-current{border:2px solid #3a7ca9;font-weight:700}
.ss-mm__lang-item img{width:16px;height:auto}
/* Porto-knop- en invoerstijlen neutraliseren binnen het menu */
.ss-mm button.ss-mm__close{border:0;border-radius:0;min-width:0}
.ss-mm button.ss-mm__row{border:0;border-bottom:1px solid #f0f0f0;border-radius:0;min-width:0;margin:0;font-weight:600;color:#222529}
.ss-mm .ss-mm__group button.ss-mm__row{border-bottom:0}
.ss-mm button.ss-mm__toggle[aria-expanded="true"]{color:#3a7ca9;background:#f7f9fb}
.ss-mm .ss-mm__search input[type="search"]{border:1px solid #ddd;border-radius:21px;box-shadow:none;background:#fff}
.ss-mm button.ss-mm__row{height:52px;padding:0 16px;font:600 15px/1 Poppins,"Open Sans",sans-serif;background:#fff;text-transform:none;letter-spacing:0}
.ss-mm button.ss-mm__close,.ss-mm button.ss-mm__close:hover,.ss-mm button.ss-mm__close:focus{background:transparent;color:#fff;box-shadow:none}
.ss-mm button.ss-mm__close:focus-visible{outline:2px solid #fff;outline-offset:-4px}