.hd-sub {
  position: relative;
}

.mm-panel{
  position:absolute; top:100%; right:0; left:0;
  background:#fff;
  box-shadow:0 12px 40px rgba(14,22,38,.12);
  border-top:1px solid var(--line);
  z-index:100;
  display:none;
}
.mm-panel.is-open{ display:block; animation:mmIn .18s ease-out }
.hd-nav-item.is-mega-open > .mm-panel{ display:block; animation:mmIn .18s ease-out }
.hd-nav-item.is-mega-closing > .mm-panel{ display:none }
@keyframes mmIn{ from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:none} }

.mm-inner{
  max-width:1240px; margin:0 auto; padding:32px 24px;
  display:grid;
  grid-template-columns:200px 1fr;
  gap:40px;
  direction:rtl;
}

/* סיידבר */
.mm-aside{ border-inline-start:1px solid var(--line); padding-inline-start:24px }
.mm-aside-title{
  font-size:11px; font-weight:800; text-transform:uppercase;
  letter-spacing:1.2px; color:var(--muted);
  margin:0 0 14px;
}
.mm-aside a{
  display:block; padding:7px 0;
  font-size:14px; font-weight:500; color:var(--ink);
  text-decoration:none; transition:color .15s;
}
.mm-aside a:hover{ color:var(--teal-2) }

/* מוצרים */
.mm-section-title{
  font-size:11px; font-weight:800; text-transform:uppercase;
  letter-spacing:1.2px; color:var(--muted);
  margin:0 0 16px;
}
.mm-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}
.mm-card{
  display:flex; flex-direction:column; gap:10px;
  text-decoration:none; color:inherit;
}
.mm-card-img{
  aspect-ratio:1/1;
  width:100%;
  background:#fafafb;
  border-radius:8px;
  overflow:hidden;
  position:relative;
}
.mm-card-img img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block;
  transition:transform .35s ease;
}
.mm-card:hover .mm-card-img img{ transform:scale(1.05) }
.mm-card-name{
  font-size:13px; font-weight:600; color:var(--ink);
  line-height:1.4;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:36px;
}
.mm-card-price{
  font-size:14px; font-weight:800; color:var(--ink);
}
.mm-see-all{
  display:inline-flex; align-items:center; gap:6px;
  margin-top:18px;
  font-size:13px; font-weight:700; color:var(--teal-2);
  text-decoration:none;
}
.mm-see-all:hover{ color:var(--navy) }

@media (max-width:900px){
  .mm-panel{ position:static; box-shadow:none; border:0 }
  .mm-inner{ grid-template-columns:1fr; padding:16px; gap:20px }
  .mm-aside{ border:0; padding:0 }
  .mm-grid{ grid-template-columns:repeat(2,1fr); gap:12px }
}

.mm-acc-panel .mm-panel {
  display: block;
  animation: none;
}

@media (max-width:1100px) {
  .hd-nav {
    display: none;
  }
}