.mnav{ position:sticky; top:0; z-index:40; background:var(--nav-bg,rgba(21,17,13,.86));
  -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px);
  /* Пълна собствена типография (не наследена): менюто е общо за страници с
     различен шрифтов ритъм и не бива да „играе" между тях. Краткописът font
     задава наведнъж семейство, размер, тежест и ред-височина. */
  /* --nav-scale: темите с по-дребен шрифт (напр. Sofia Sans ≈ −10% ширина/х-ръст
     спрямо Manrope при равен кегел) изравняват оптическия ръст на лентата */
  font: var(--nav-weight, 400) calc(1rem * var(--nav-scale, 1))/1.6 var(--font-body,"Manrope",system-ui,sans-serif);
  /* --nav-*: собствени цветове на лентата (тема „Мост" — междинен тон, който
     не следва мастилото на страницата); резервите = старото поведение */
  border-bottom:1px solid var(--nav-line,var(--line,rgba(236,228,214,.10))); }
.mnav__bar{ display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding-top:.85rem; padding-bottom:.85rem; }
.mnav__brand{ font-family:var(--font-display,"Cormorant Garamond",Georgia,serif); font-weight:500; font-size:calc(1.2rem * var(--nav-scale, 1)); letter-spacing:.02em;
  color:var(--nav-ink,var(--ink,#ece4d6)); text-decoration:none; white-space:nowrap; }
.mnav__brand span{ color:var(--nav-accent,var(--amber,#d39a52)); }
.mnav__menu{ display:flex; align-items:center; gap:1.7rem; }
.mnav__list{ display:flex; align-items:center; gap:1.5rem; list-style:none; margin:0; padding:0; }
.mnav__list a{ color:var(--nav-ink-soft,var(--ink-soft,#9b9082)); text-decoration:none; font-size:calc(.8rem * var(--nav-scale, 1));
  letter-spacing:.13em; text-transform:uppercase; transition:color .2s ease; }
.mnav__list a:hover, .mnav__list a:focus-visible{ color:var(--nav-ink,var(--ink,#ece4d6)); }
.mnav__list a.is-current{ color:var(--nav-accent,var(--amber,#d39a52)); }
.mnav__has{ position:relative; }
.mnav__port{ display:inline-flex; align-items:center; gap:.4em; }
.mnav__port::after{ content:"\25BE"; font-size:.7em; color:var(--nav-accent,var(--amber,#d39a52)); }
.mnav__sub{ position:absolute; left:50%; transform:translateX(-50%) translateY(6px);
  min-width:12rem; margin:0; padding:.5rem 0; list-style:none;
  background:var(--nav-panel-bg,var(--bg-elev,#1e1812)); border:1px solid var(--nav-line,var(--line,rgba(236,228,214,.10)));
  border-radius:var(--radius,2px); box-shadow:var(--menu-shadow,0 22px 48px -24px rgba(0,0,0,.85));
  opacity:0; visibility:hidden; transition:opacity .2s ease, transform .2s ease; }
.mnav__has:hover .mnav__sub, .mnav__has:focus-within .mnav__sub{
  opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.mnav__sub a{ display:block; padding:.5rem 1.1rem; letter-spacing:.05em; text-transform:none;
  font-size:calc(.92rem * var(--nav-scale, 1)); white-space:nowrap;
  /* ПЪЛЕН контраст, не мекия тон на горното ниво: приглушеният --nav-ink-soft
     пада под прага за четимост на светлите страници (сигнал от потребителя —
     точно списъкът с каталози в „Портфолио" ставаше нечетим) */
  color:var(--nav-ink,var(--ink,#ece4d6)); }
.mnav__sub a:hover, .mnav__sub a:focus-visible{ color:var(--nav-accent,var(--amber,#d39a52)); }
.mnav__langs{ display:inline-flex; gap:.4rem; }
.mnav__langs a{ color:var(--nav-ink-soft,var(--ink-soft,#9b9082)); text-decoration:none; font-size:calc(.74rem * var(--nav-scale, 1));
  letter-spacing:.12em; padding:.15rem .45rem; border:1px solid transparent; border-radius:var(--radius,2px); }
.mnav__langs a:hover{ color:var(--nav-ink,var(--ink,#ece4d6)); }
.mnav__langs a.is-current{ color:var(--nav-accent,var(--amber,#d39a52)); border-color:var(--nav-line,var(--line,rgba(236,228,214,.10))); }
.mnav__burger{ display:none; }
.mnav__caret{ display:none; }

@media (max-width:760px){
  .mnav__burger{ display:inline-flex; flex-direction:column; justify-content:center; gap:5px;
    width:2.6rem; height:2.6rem; padding:0; background:none;
    border:1px solid var(--nav-line,var(--line,rgba(236,228,214,.10))); border-radius:var(--radius,2px); cursor:pointer; }
  .mnav__burger span{ display:block; width:1.2rem; height:1.5px; background:var(--nav-ink,var(--ink,#ece4d6));
    transition:transform .25s ease, opacity .25s ease; }
  .mnav.is-open .mnav__burger span:nth-child(1){ transform:translateY(6.5px) rotate(45deg); }
  .mnav.is-open .mnav__burger span:nth-child(2){ opacity:0; }
  .mnav.is-open .mnav__burger span:nth-child(3){ transform:translateY(-6.5px) rotate(-45deg); }
  .mnav__menu{ position:absolute; left:0; right:0; top:100%; flex-direction:column; align-items:stretch;
    gap:0; padding:.5rem var(--pad,1.25rem) 1.25rem; background:var(--nav-panel-bg,var(--bg,#15110d));
    border-bottom:1px solid var(--nav-line,var(--line,rgba(236,228,214,.10)));
    max-height:0; overflow:hidden; visibility:hidden; transition:max-height .3s ease, visibility .3s; }
  .mnav.is-open .mnav__menu{ max-height:82vh; overflow:auto; visibility:visible; }
  .mnav__list{ flex-direction:column; align-items:stretch; gap:0; }
  .mnav__list > li{ border-bottom:1px solid var(--nav-line,var(--line,rgba(236,228,214,.08))); }
  .mnav__list > li > a, .mnav__port{ display:block; padding:.9rem .2rem; font-size:calc(.95rem * var(--nav-scale, 1)); }
  .mnav__has{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
  .mnav__port{ flex:1 1 auto; }
  .mnav__port::after{ display:none; }
  .mnav__caret{ display:inline-flex; align-items:center; justify-content:center; width:2.6rem; height:2.6rem;
    background:none; border:none; color:var(--nav-accent,var(--amber,#d39a52)); font-size:calc(1rem * var(--nav-scale, 1)); cursor:pointer; }
  .mnav__sub{ position:static; transform:none; opacity:1; visibility:visible; box-shadow:none; border:none;
    background:none; width:100%; min-width:0; max-height:0; overflow:hidden; padding:0;
    transition:max-height .25s ease; }
  .mnav__has.is-sub-open .mnav__sub{ max-height:60vh; padding:.1rem 0 .6rem; }
  .mnav__sub a{ padding:.55rem .9rem; }
  .mnav__langs{ padding-top:1rem; }
}
@media (prefers-reduced-motion: reduce){
  .mnav__sub, .mnav__menu, .mnav__burger span{ transition:none; }
}