/* Mega-Menue-Panel (Champagner/Braun), volle Breite unter dem Header.
 * Zweispaltig: links Abteilungen (Rail), rechts Unterkategorien + Promo. */
.mk-mega{position:fixed;left:0;right:0;top:0;z-index:9999;
  background:#FFFDF8;border-top:2px solid #C6A667;border-radius:0 0 18px 18px;
  box-shadow:0 34px 64px -32px rgba(42,29,18,.6);overflow:hidden;
  opacity:0;visibility:hidden;transform:translateY(-12px) scale(.985);transform-origin:top center;
  transition:opacity .24s cubic-bezier(.16,.84,.44,1),transform .28s cubic-bezier(.16,.84,.44,1),visibility .28s;}
.mk-mega.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1);}

/* Inhalt sanft mit-einblenden, Leiste gestaffelt */
@keyframes mkMegaIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
@keyframes mkItemIn{from{opacity:0;transform:translateY(7px);}to{opacity:1;transform:none;}}
@keyframes mkPanelFade{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:none;}}
.mk-mega.is-open .mk-mega-inner{animation:mkMegaIn .3s cubic-bezier(.16,.84,.44,1) both;}
.mk-mega.is-open .mk-mega-dept{opacity:0;animation:mkItemIn .32s cubic-bezier(.16,.84,.44,1) forwards;}
.mk-mega.is-open .mk-mega-rail li:nth-child(1) .mk-mega-dept{animation-delay:.03s;}
.mk-mega.is-open .mk-mega-rail li:nth-child(2) .mk-mega-dept{animation-delay:.055s;}
.mk-mega.is-open .mk-mega-rail li:nth-child(3) .mk-mega-dept{animation-delay:.08s;}
.mk-mega.is-open .mk-mega-rail li:nth-child(4) .mk-mega-dept{animation-delay:.105s;}
.mk-mega.is-open .mk-mega-rail li:nth-child(5) .mk-mega-dept{animation-delay:.13s;}
.mk-mega.is-open .mk-mega-rail li:nth-child(6) .mk-mega-dept{animation-delay:.155s;}
.mk-mega.is-open .mk-mega-rail li:nth-child(7) .mk-mega-dept{animation-delay:.18s;}
.mk-mega.is-open .mk-mega-rail li:nth-child(8) .mk-mega-dept{animation-delay:.205s;}
.mk-mega.is-open .mk-mega-rail li:nth-child(9) .mk-mega-dept{animation-delay:.23s;}
.mk-mega.is-open .mk-mega-rail li:nth-child(n+10) .mk-mega-dept{animation-delay:.255s;}
.mk-mega-panel.mk-anim{animation:mkPanelFade .22s cubic-bezier(.16,.84,.44,1);}

@media (prefers-reduced-motion:reduce){
  .mk-mega{transition:opacity .12s linear,visibility .12s;transform:none;}
  .mk-mega.is-open{transform:none;}
  .mk-mega.is-open .mk-mega-inner,.mk-mega.is-open .mk-mega-dept,.mk-mega-panel.mk-anim{animation:none;opacity:1;}
}
.mk-mega-inner{max-width:1280px;margin:0 auto;padding:1.5rem 1.5rem;}
.mk-mega-layout{display:grid;grid-template-columns:288px 1fr;gap:2rem;align-items:start;}

/* ---- Linke Leiste: Abteilungen ---- */
.mk-mega-rail{border-right:1px solid #EFE0C4;padding-right:1.25rem;}
.mk-mega-rail ul{list-style:none;margin:0;padding:0;}
.mk-mega-rail li{margin:0;}
.mk-mega-dept{display:flex;align-items:center;gap:.7rem;padding:.5rem .65rem;border-radius:12px;
  text-decoration:none;color:#3E2C1C;transition:background .14s,color .14s;}
.mk-mega-dept:hover,.mk-mega-dept.is-active{background:#F7ECD8;color:#3E2C1C;}
.mk-mega-dept.is-active{box-shadow:inset 3px 0 0 #C6A667;}
.mk-mega-mono,.mk-mega-thumb{flex:0 0 auto;width:34px;height:34px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;font-family:Georgia,"Iowan Old Style",serif;
  font-weight:700;font-size:1rem;color:#8A6A47;background:#F3E6CC;border:1px solid #E7D3AC;}
.mk-mega-thumb{background-size:cover;background-position:center;}
.mk-mega-ico{flex:0 0 auto;width:34px;height:34px;border-radius:9px;display:flex;
  align-items:center;justify-content:center;color:#8A6A47;background:#F3E6CC;border:1px solid #E7D3AC;}
.mk-mega-ico svg{width:21px;height:21px;display:block;}
.mk-mega-dept.is-active .mk-mega-mono,.mk-mega-dept.is-active .mk-mega-ico{background:#C6A667;color:#FFFDF8;border-color:#C6A667;}
.mk-mega-dept-name{flex:1 1 auto;font-weight:600;font-size:.96rem;line-height:1.2;}
.mk-mega-c{flex:0 0 auto;font-size:.72rem;font-weight:700;color:#B08E4E;
  background:#FBF4E6;border:1px solid #EFE0C4;border-radius:999px;padding:.05rem .5rem;}
.mk-mega-all{display:inline-block;margin:.9rem 0 0 .65rem;font-weight:700;font-size:.9rem;
  color:#6E5236;text-decoration:none;}
.mk-mega-all:hover{color:#B08E4E;}

/* ---- Rechte Seite: Unterkategorien + Promo ---- */
.mk-mega-panel{display:grid;grid-template-columns:1fr 300px;gap:1.75rem;min-width:0;}
.mk-mega-panel-head{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:baseline;
  justify-content:space-between;gap:.75rem;padding-bottom:.6rem;border-bottom:1px solid #EFE0C4;}
.mk-mega-panel-head h3{margin:0;font-family:Georgia,"Iowan Old Style",serif;font-weight:700;
  font-size:1.25rem;color:#3E2C1C;}
.mk-mega-allcat{font-weight:700;font-size:.88rem;color:#B08E4E;text-decoration:none;white-space:nowrap;}
.mk-mega-allcat:hover{text-decoration:underline;}
.mk-mega-cols{list-style:none;margin:0;padding:0;columns:2;column-gap:1.5rem;}
.mk-mega-cols li{margin:0;break-inside:avoid;}
.mk-mega-cols a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  padding:.32rem 0;font-size:.92rem;color:#6E5236;text-decoration:none;}
.mk-mega-cols a:hover,.mk-mega-cols a:focus-visible{color:#B08E4E;}
.mk-mega-cols a:hover .mk-mega-c{border-color:#C6A667;}
.mk-mega-empty{grid-column:1;color:#8A6A47;font-size:.92rem;margin:.4rem 0;}

/* Promo-Karte */
.mk-mega-promo{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;
  background:linear-gradient(155deg,#F7ECD8,#E7D3AC);border:1px solid #DBC49A;border-radius:16px;
  padding:1.15rem 1.2rem;color:#3E2C1C;align-self:start;transition:transform .15s,box-shadow .15s;}
.mk-mega-promo:hover{transform:translateY(-2px);box-shadow:0 16px 30px -20px rgba(62,44,28,.6);}
.mk-mega-promo-kicker{font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#B08E4E;}
.mk-mega-promo-title{font-family:Georgia,"Iowan Old Style",serif;font-weight:700;font-size:1.15rem;color:#2A1D12;}
.mk-mega-promo-text{font-size:.86rem;line-height:1.45;color:#6E5236;}
.mk-mega-promo-cta{margin-top:.35rem;font-weight:700;font-size:.9rem;color:#3E2C1C;}
.mk-mega-promo:hover .mk-mega-promo-cta{color:#8A6A47;}

/* Massanfertigungs-Panel: Moebeltyp-Details */
.mk-mega-typebody{grid-column:1;min-width:0;}
.mk-mega-typeaside{grid-column:2;display:flex;flex-direction:column;gap:1rem;min-width:0;}
.mk-mega-preview{display:flex;flex-direction:column;align-items:center;gap:.55rem;text-decoration:none;
  background:linear-gradient(160deg,#FBF4E6,#EFE0C2);border:1px solid #E3D0A8;border-radius:16px;
  padding:1.15rem 1rem;transition:border-color .15s,box-shadow .15s,transform .15s;}
.mk-mega-preview:hover{border-color:#C6A667;transform:translateY(-2px);box-shadow:0 14px 28px -18px rgba(62,44,28,.55);}
.mk-mega-preview-art{width:100%;display:flex;align-items:center;justify-content:center;color:#6E5236;}
.mk-mega-preview-art svg{width:92px;height:92px;stroke-width:1.35;}
.mk-mega-preview-cap{font-weight:700;color:#3E2C1C;font-size:.95rem;text-align:center;}
.mk-mega-preview-cap span{display:block;font-weight:500;color:#8A6A47;font-size:.82rem;margin-top:.12rem;}
.mk-mega-typeaside .mk-mega-promo{align-self:stretch;}
.mk-mega-preset{margin:0 0 .7rem;font-size:.92rem;color:#6E5236;}
.mk-mega-preset b{color:#3E2C1C;}
.mk-mega-bullets{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem .55rem;}
.mk-mega-bullets li{font-size:.82rem;color:#6E5236;background:#F7ECD8;border:1px solid #E3D0A8;
  border-radius:999px;padding:.28rem .7rem;}
.mk-mega-bullets li::before{content:"✓ ";color:#B08E4E;font-weight:700;}
.mk-mega-cta-btn{display:inline-block;text-decoration:none;font-weight:700;font-size:.92rem;
  color:#FBF4E6;background:#6E5236;border-radius:10px;padding:.6rem 1.05rem;
  transition:background .15s,transform .15s;}
.mk-mega-cta-btn:hover{background:#8A6A47;transform:translateY(-1px);}

/* dezenter Hinweis am aktiven Menuepunkt */
.mk-mega-active .wp-block-navigation-item__content{color:#B08E4E;}

@media (max-width:1100px){
  .mk-mega-layout{grid-template-columns:250px 1fr;gap:1.5rem;}
  .mk-mega-panel{grid-template-columns:1fr;}
  .mk-mega-promo{max-width:420px;}
}
@media (max-width:781px){.mk-mega{display:none!important;}} /* Mobil: normale Navigation */