/* Matrix Peptides navigation — Syntra-inspired responsive menu */
.mp-site-header{position:relative;z-index:1001;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;padding:12px 0;border-bottom:1px solid #292d31;background:transparent}
.mp-site-header .mp-brand{display:flex;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:4px;min-width:0;flex-direction:column!important;color:#f2f2f2;text-decoration:none}
.mp-site-header .mp-brand strong{display:block;width:100%;font:700 clamp(18px,2.4vw,25px) Rajdhani,Inter,sans-serif;letter-spacing:2px;line-height:1.15;white-space:nowrap}
.mp-site-header .mp-brand small{display:block;width:100%;margin-top:0;color:#9ba1aa;font:500 8px Inter,sans-serif;letter-spacing:2.2px;white-space:nowrap}
.mp-site-header .mp-header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.mp-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid #343c50;border-radius:15px;background:#111722;color:#f1f4ff;cursor:pointer;transition:border-color .18s,background .18s}
.mp-menu-button{background:#050505;border-color:#d51e2b;color:#f1f4ff}
.mp-icon-button:hover,.mp-icon-button:focus-visible{border-color:#d51e2b;background:#191d27;outline:2px solid transparent}
.mp-icon-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mp-cart-count{position:absolute;top:-5px;right:-5px;display:none;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#d51e2b;color:white;font:700 10px/18px Inter,sans-serif;text-align:center}
.mp-menu-panel{position:fixed;top:var(--mp-menu-top,78px);left:0;width:100%;max-height:calc(100dvh - var(--mp-menu-top,78px));overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;padding:18px max(22px,calc((100vw - 1120px)/2)) 20px;background:linear-gradient(155deg,rgba(18,5,8,.99) 0%,rgba(5,5,6,.995) 48%,rgba(12,5,7,.99) 100%);border:1px solid #4a171d;border-top:0;box-shadow:0 24px 55px rgba(0,0,0,.72);z-index:1004;backdrop-filter:blur(14px)}
.mp-menu-panel[hidden],.mp-menu-submenu[hidden]{display:none!important}
.mp-menu-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;max-width:1120px;margin:0 auto}
.mp-menu-group{min-width:0;border-bottom:1px solid #302326}
.mp-menu-link,.mp-menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:55px;padding:15px 4px;border:0;background:transparent;color:#e3e8f4;text-align:left;text-decoration:none;font:600 16px Inter,sans-serif;cursor:pointer}
.mp-menu-link:hover,.mp-menu-toggle:hover,.mp-menu-sublink:hover{color:#ff6268}
.mp-menu-link:after{content:"";width:8px;height:8px;flex:0 0 8px;border-top:2px solid #e13a43;border-right:2px solid #e13a43;transform:rotate(45deg);margin-right:5px}
.mp-menu-chevron{width:9px;height:9px;flex:0 0 9px;border-right:2px solid #e13a43;border-bottom:2px solid #e13a43;transform:rotate(45deg);transition:transform .18s;margin:0 5px 5px}
.mp-menu-group.is-expanded .mp-menu-chevron{transform:rotate(225deg);margin-top:7px;margin-bottom:0}
.mp-menu-submenu{padding:0 0 11px 12px}
.mp-menu-sublink{display:block;padding:10px 8px;color:#9faac2;text-decoration:none;font:500 14px Inter,sans-serif;border-left:2px solid #482027}
.mp-menu-sublink:hover{border-left-color:#d51e2b}
.mp-menu-footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:14px;padding:22px 4px 2px;color:#929caf;font-size:10px;letter-spacing:2px;font-weight:800}
.mp-menu-footer span+span{font-weight:500;letter-spacing:1px}
.mp-header-logout,.mp-menu-logout{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border:1px solid #8f151a;border-radius:9px;background:linear-gradient(135deg,#c91820,#760b10);color:#fff;font-weight:700;cursor:pointer}
.mp-menu-submenu .mp-menu-logout{display:flex;width:100%;margin-top:8px;justify-content:flex-start;background:transparent;border:0;border-top:1px solid #283654;border-radius:0;color:#ff737b;text-align:left}
body.mp-admin .mp-cart-button{display:none!important}
body.mp-menu-open{overflow:hidden!important}
.mp-menu-button.is-open{border-color:#d51e2b;background:#19131a}
body.mp-admin .mp-site-header{min-height:72px}
body.mp-admin .mp-brand img{width:42px;height:42px;flex-basis:42px}
@media(max-width:760px){
 .mp-site-header{min-height:66px;gap:8px;padding:10px 0}
  .mp-site-header .mp-brand strong{font-size:18px;letter-spacing:1.5px}
 .mp-site-header .mp-brand small{font-size:7px;letter-spacing:1.4px}
 .mp-site-header .mp-header-actions{gap:8px}
 .mp-icon-button{width:44px;height:44px;border-radius:13px}
 .mp-icon-button svg{width:21px;height:21px}
 .mp-menu-panel{width:100%;padding:8px 20px 16px;top:var(--mp-menu-top,66px);max-height:calc(100dvh - var(--mp-menu-top,66px))}
 .mp-menu-inner{display:block;max-width:620px;margin:0 auto}
 .mp-menu-link,.mp-menu-toggle{min-height:51px;padding:14px 2px;font-size:15px}
 .mp-menu-submenu{padding-bottom:8px}
 .mp-menu-sublink{padding:10px 8px;font-size:13px}
 .mp-menu-footer{padding:18px 2px 2px;flex-direction:column;gap:6px}
 .mp-header-logout{min-height:38px;padding:7px 10px;font-size:12px}
}
@media(max-width:360px){.mp-site-header .mp-brand strong{font-size:16px;letter-spacing:1px}.mp-site-header .mp-brand small{font-size:6px}}

.mp-account-link{justify-content:flex-start;gap:12px}
.mp-account-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;color:#ed3945}
.mp-account-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mp-account-signed-in{pointer-events:none;cursor:default;color:#f2f2f2!important}
.mp-account-signed-in:hover{color:#f2f2f2!important}