/* תפריט-על MDS — בסיס + דריסות, מאוחדים מ-27 עותקים כפולים */

/* ---- בסיס ---- */
.mm-bar { background:#fff; border-bottom:1px solid #E3E6EC; }
.mm-in { max-width:1280px; margin:0 auto; padding:0 18px; display:flex; gap:4px; align-items:stretch; }
.mm-all { position:relative; }
.mm-all > a { display:flex; align-items:center; gap:8px; background:#1B2A4A; color:#fff !important; font-weight:700; font-size:14px; padding:12px 18px; border-radius:0 0 10px 10px; }
.mm-panel { display:none; position:absolute; top:100%; right:0; z-index:80; background:#fff; border:1px solid #E3E6EC; border-radius:0 0 12px 12px; box-shadow:0 14px 30px rgba(16,24,40,.14); width:760px; padding:16px 20px; }
.mm-all:hover .mm-panel { display:grid; grid-template-columns:repeat(4,1fr); gap:12px 18px; }
.mm-panel .dep { font-size:13px; }
.mm-panel .dep > a { font-weight:800; color:#1B2A4A; display:block; padding-bottom:4px; border-bottom:2px solid #E3E6EC; margin-bottom:5px; }
.mm-panel .dep span a { display:block; color:var(--text-2,#444); padding:2.5px 0; font-size:12px; }
.mm-panel .dep span a:hover { color:#0369A1; }
.mm-links { display:flex; gap:20px; overflow-x:auto; }
.mm-links a { padding:12px 2px; color:#1B2A4A; font-weight:600; font-size:14px; white-space:nowrap; }
.mm-links a:hover { color:#0369A1; }
@media (max-width:900px){ .mm-panel{ width:92vw; grid-template-columns:repeat(2,1fr) !important; } }

/* ---- דריסות ---- */
.mm-bar { position:relative; }
.mm-in { gap:8px !important; }
.mm-all { position:static !important; }
.mm-all > a { font-size:16px !important; padding:13px 20px !important; gap:10px !important; }
.mm-all > a::after { content:"▾"; font-size:12px; opacity:.8; }
.mm-brand > a { background:#fff !important; border:1.5px solid #E3E6EC !important; border-bottom:none !important; border-radius:0 !important; }
.mm-brand > a::after { color:#5A6272; }
.mm-brand:hover > a { border-color:#C9CFDA !important; background:#F6F7F9 !important; }
.mm-panel { display:none; position:absolute !important; top:100% !important; right:0 !important; left:0 !important; width:auto !important; border-radius:0 0 14px 14px !important; border:none !important; box-shadow:0 22px 40px rgba(16,24,40,.18) !important; padding:0 !important; z-index:95 !important; background:#fff !important; }
.mm-all:hover .mm-panel { display:block !important; grid-template-columns:none !important; }
.p-depts { border-top:3px solid #1B2A4A !important; }
.p-lenovo { border-top:3px solid #E2231A !important; }
.p-dell { border-top:3px solid #007DB8 !important; }
.mm-head { display:flex; align-items:center; gap:14px; max-width:1280px; margin:0 auto; padding:16px 26px 0; }
.mm-head .tagline { font-size:13px; color:#5A6272; }
.mm-head .goto { margin-right:auto; font-size:14px; font-weight:700; color:#0369A1; text-decoration:none; }
.mm-wrap { max-width:1280px; margin:0 auto; padding:20px 26px 24px; display:grid; grid-template-columns:repeat(4,1fr); gap:20px 30px; }
.depx { font-size:15px; }
.depx .dh { display:block; font-weight:800; font-size:16px; color:#1B2A4A; text-decoration:none; padding-bottom:8px; border-bottom:2px solid #E3E6EC; margin-bottom:8px; }
.depx .dh:hover { color:#0369A1; }
.depx .dl a { display:block; color:var(--text,#222); text-decoration:none; font-size:14px; padding:5px 0; }
.depx .dl a:hover { color:#0369A1; padding-right:4px; }
.depx .see-all { color:#0369A1 !important; font-weight:700; }
.mm-links a { font-size:16px !important; padding:13px 2px !important; }
.mm-hb > a { background:transparent !important; border:none !important; padding:13px 14px !important; }
.mm-hb > a::after { content:"" !important; }
.mm-hb:hover > a { background:#F6F7F9 !important; border-radius:8px !important; }
.mm-in { overflow:visible !important; }
/* בדסקטופ overflow חייב להישאר visible — .mm-panel ממוקם absolute
   בתוכו וייחתך אחרת. במובייל אין תפריטים נפתחים (הם מבוססי hover). */
@media (max-width:900px){
  .mm-in { overflow-x:auto !important; scrollbar-width:none;
    -ms-overflow-style:none; }
  .mm-in::-webkit-scrollbar { display:none; }
}
/* .mm-links חייב להכיל את עצמו. בלי זה שורת הקישורים גולשת מחוץ למסך
   ויוצרת גלילה אופקית בכל העמוד. אין בתוכו תפריטים נפתחים, ולכן
   הגלילה הפנימית לא מסתירה כלום. (מקור: index.html) */
.mm-links { overflow-x:auto !important; overflow-y:hidden !important;
  gap:16px !important; scrollbar-width:none; -ms-overflow-style:none; }
.mm-links::-webkit-scrollbar { display:none; }
.mm-links a { font-size:15px !important; }
@media (max-width:900px){ .mm-wrap { grid-template-columns:repeat(2,1fr); } }