/* ============================================================================
   Тема „maison" — header.css (ОБЩ файл на темата; страниците не го пипат)
   Хедър (§3.2), мега меню (§3.3), мобилно чекмедже (§3.4).
   Един DOM за всички ширини: под 1200 px — бургер (56 px), от 1200 px — два
   реда (84 + 48 px). Праговете са СЪЩИТЕ като в header.js (1200).
   ========================================================================= */

/* --- Основа (телефон) ----------------------------------------------------- */
.mx-hd {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #FFFFFF;
  border-bottom: 1px solid var(--mx-line);
}
.mx-hd__bar { background: #FFFFFF; }
.mx-hd__row {
  display: grid;
  /* minmax(0, …): двете странични колони са РАВНИ, иначе логото бяга от центъра */
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  grid-template-rows: 56px auto;
  align-items: center;
  column-gap: var(--mx-s2);
}
.mx-hd__burger { grid-column: 1; grid-row: 1; justify-self: start; margin-left: -10px; }

.mx-hd__logo {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  color: var(--mx-ink);
  text-decoration: none;
}
.mx-hd__logo picture { display: block; }
.mx-hd__logo img { display: block; height: 28px; width: auto; }
.mx-hd__wordmark {
  font-family: var(--mx-serif);
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  letter-spacing: .04em;
  color: var(--mx-ink);
  white-space: nowrap;
}
.mx-hd__wordmark--sm { font-size: 22px; }

.mx-hd__acts {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 0;
  margin-right: -10px;
  font-size: inherit;
  font-weight: 500;
}
.mx-hd__icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--mx-s2);
  min-width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--mx-ink);
  font-family: var(--mx-sans);
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.mx-hd .hicons a { color: var(--mx-ink); gap: var(--mx-s2); }
.mx-hd__lbl { display: none; }
.mx-hd__acts .mx-hd__account,
.mx-hd__acts .mx-hd__locale { display: none; } /* (0,2,0) — бие `.hicons a` на Aurora */

/* Брояч на кошницата (minicart.js го създава/маха като <span class="cartn">) */
.mx-hd .cartn {
  position: absolute;
  top: 5px;
  right: 3px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 9px;
  background: var(--mx-ink);
  color: #FFFFFF;
  font-family: var(--mx-sans);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0;
  text-align: center;
  font-variant-numeric: lining-nums tabular-nums;
}

/* Търсене: на телефон — иконка, която разгъва поле на цял ред */
.mx-hd__search {
  display: none;
  grid-column: 1 / -1;
  grid-row: 2;
  align-items: center;
  gap: var(--mx-s2);
  margin: 0 0 var(--mx-s3);
  border-bottom: 1px solid var(--mx-line-strong);
}
.mx-hd.is-search-open .mx-hd__search { display: flex; }
.mx-hd__search input {
  flex: 1;
  min-width: 0;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--mx-ink);
  font-family: var(--mx-sans);
  font-size: 16px; /* ≥ 16: iOS не увеличава полето */
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.mx-hd__search input::placeholder { color: var(--mx-ink-2); opacity: 1; }
.mx-hd__search input::-webkit-search-cancel-button { -webkit-appearance: none; }
.mx-hd__search:focus-within { border-bottom-color: var(--mx-ink); }
.mx-hd__search input:focus-visible { outline: none; }
body.theme-maison form.mx-hd__search[data-suggest] { position: relative; overflow: visible; }
body.theme-maison .mx-hd__search .mx-hd__search-go {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 44px;
  margin-left: -8px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--mx-ink);
  cursor: pointer;
}

/* --- Навигация (ред 2) — само десктоп ------------------------------------- */
.mx-nav { display: none; }

/* Десктоп ≥ 1200 (хедър на два реда, лепящо състояние, мега меню) — в header-desk.css,
   зареден с media="(min-width: 1200px)": на телефон не блокира рисуването (§9.3). */

/* --- Мега меню (§3.3): скрит панел — за всички ширини -------------------------- */
.mx-mm[hidden] { display: none; }

/* --- Мобилно чекмедже (§3.4) ------------------------------------------------ */
.mx-drawer { position: fixed; inset: 0; z-index: 100; }
.mx-drawer[hidden] { display: none; }
.mx-drawer__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(40, 40, 40, .32);
  opacity: 0;
  transition: opacity var(--mx-dur) var(--mx-ease);
}
.mx-drawer__panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: min(440px, 100%);
  background: #FFFFFF;
  box-shadow: var(--mx-shadow-pop);
  transform: translateX(-100%);
  transition: transform var(--mx-dur) var(--mx-ease);
}
.mx-drawer.is-open .mx-drawer__backdrop { opacity: 1; }
.mx-drawer.is-open .mx-drawer__panel { transform: none; }
.mx-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: none;
  height: 56px;
  padding: 0 calc(var(--mx-gutter) - 10px) 0 var(--mx-gutter);
  border-bottom: 1px solid var(--mx-line);
}
.mx-drawer__title { margin: 0; font-family: var(--mx-serif); font-weight: 600; font-size: 22px; line-height: 28px; color: var(--mx-ink); }
.mx-drawer__search {
  display: flex;
  align-items: center;
  flex: none;
  margin: var(--mx-s4) var(--mx-gutter) 0;
  border-bottom: 1px solid var(--mx-line-strong);
}
.mx-drawer__search:focus-within { border-bottom-color: var(--mx-ink); }
.mx-drawer__search input {
  flex: 1;
  min-width: 0;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--mx-ink);
  font-family: var(--mx-sans);
  font-size: 16px;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.mx-drawer__search input::placeholder { color: var(--mx-ink-2); opacity: 1; }
.mx-drawer__search .mx-iconbtn { margin-right: -10px; }
.mx-drawer__scroll { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: var(--mx-s2) var(--mx-gutter) calc(var(--mx-s6) + env(safe-area-inset-bottom)); }

.mx-acc { display: block; border-bottom: 1px solid var(--mx-line); }
.mx-acc__sum,
.mx-acc--solo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  padding: var(--mx-s2) 0;
  color: var(--mx-ink);
  font-family: var(--mx-serif);
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  text-decoration: none;
  cursor: pointer;
  list-style: none;
}
.mx-acc__sum::-webkit-details-marker { display: none; }
.mx-acc__chev { color: var(--mx-ink-2); transition: transform var(--mx-dur) var(--mx-ease); }
.mx-acc[open] .mx-acc__chev { transform: rotate(180deg); }
.mx-acc__list { margin: 0; padding: 0 0 var(--mx-s4); list-style: none; }
.mx-acc__list a {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: var(--mx-ink);
  font-size: 15px;
  line-height: 22px;
  text-decoration: none;
}
.mx-acc__all a { text-decoration: underline; text-decoration-color: var(--mx-gold); text-underline-offset: 4px; }
.mx-drawer__lbl {
  margin: var(--mx-s6) 0 var(--mx-s2);
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--mx-gold-700);
}
.mx-drawer__links { margin: 0; padding: 0; list-style: none; }
.mx-drawer__links a { display: flex; align-items: center; min-height: 40px; color: var(--mx-ink); font-size: 14px; text-decoration: none; }
.mx-drawer__foot {
  display: grid;
  gap: var(--mx-s1);
  margin-top: var(--mx-s6);
  padding-top: var(--mx-s4);
  border-top: 1px solid var(--mx-line);
}
.mx-drawer__row { display: flex; align-items: center; gap: var(--mx-s3); min-height: 44px; color: var(--mx-ink); font-size: 15px; text-decoration: none; font-variant-numeric: lining-nums tabular-nums; }
.mx-drawer__foot .lang { display: flex; gap: var(--mx-s2); align-items: center; min-height: 44px; font-size: 14px; }
.mx-drawer__foot .lang a { color: var(--mx-ink-2); }
.mx-drawer__foot .lang a.cur { color: var(--mx-ink); font-weight: 600; }
html.mx-lock,
html.mx-lock body { overflow: hidden; }

/* --- ⚠️ Временна маска (К16) — маха се с Я3 (законна база в кошницата) -------------
   Кошницата и мини-кошницата на ЯДРОТО зачеркват `regular` — „редовната" цена на
   ДРУГ магазин (стария сайт), без проверка на историята — и пишат „Спестявате X €".
   25 % от активните продукти носят такава „вечна" промоция: мнимо намаление спрямо
   друг канал (§7, Omnibus). Поправката е генерична в ядрото и иска „да"; дотогава
   темата не ги показва. Тук, а не в common.css: мини-кошницата е на ВСЯКА страница
   (common.css се зарежда само на общите страници). Тест: MaisonThemeTest. */
body.theme-maison .mc-save,
body.theme-maison .c-was,
body.theme-maison .summary .srow.save { display: none; }

/* --- Мини-кошница (.mc-*) — първото, което купувачът вижда след „Добави" (Д3) ----- */
body.theme-maison .mc-overlay { background: rgba(40, 40, 40, .32); }
body.theme-maison .mc-panel { background: #FFFFFF; border-left: 1px solid var(--mx-line); box-shadow: var(--mx-shadow-pop); }
body.theme-maison .mc-head { background: #FFFFFF; }
body.theme-maison .mc-head h2 { font-family: var(--mx-serif); font-weight: 500; font-size: 24px; line-height: 30px; }
/* Подканата „Още X € до безплатна доставка" — в мини-кошницата и в кошницата (сумата е от кошницата) */
body.theme-maison .ship-progress .bar { height: 2px; background: var(--mx-line); border-radius: 0; }
body.theme-maison .ship-progress .bar span { background: var(--mx-gold-600); }
body.theme-maison .ship-progress p { font-weight: 500; }
body.theme-maison .mc-x { color: var(--mx-ink); }
body.theme-maison .mc-img img,
body.theme-maison .mc-img svg,
body.theme-maison .c-img img,
body.theme-maison .c-img svg { background: var(--mx-ivory-2); border-color: var(--mx-line); }
/* Миниатюрата в мини-кошницата — като в картата: цялото бижу (contain), белият
   фон потъва в плочката (multiply), без рамка. */
body.theme-maison .mc-img img { object-fit: contain; border: 0; mix-blend-mode: multiply; }
body.theme-maison .mc-name { font-weight: 400; font-size: 14px; }
body.theme-maison .mc-total,
body.theme-maison .mc-sub { font-weight: 600; font-variant-numeric: lining-nums tabular-nums; }
body.theme-maison .mc-foot { background: #FFFFFF; }
body.theme-maison .mc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border: 1px solid var(--mx-ink);
  border-radius: var(--mx-radius);
  font-family: var(--mx-sans);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.theme-maison .mc-btn.solid { background: var(--mx-ink); color: #FFFFFF; }
body.theme-maison .mc-btn.solid:hover { background: #000000; border-color: #000000; }
body.theme-maison .mc-btn.ghost { background: transparent; color: var(--mx-ink); }
body.theme-maison .mc-btn.ghost:hover { background: var(--mx-ink); color: #FFFFFF; }

/* --- Падащото търсене (.sg-*) --------------------------------------------------- */
body.theme-maison .sg-panel { border: 1px solid var(--mx-line); border-radius: 0; box-shadow: var(--mx-shadow-pop); background: #FFFFFF; min-width: min(420px, calc(100vw - 2 * var(--mx-gutter))); }
body.theme-maison .sg-head { font-family: var(--mx-sans); font-weight: 600; font-size: 12px; letter-spacing: .16em; color: var(--mx-gold-700); }
body.theme-maison .sg-item:hover,
body.theme-maison .sg-item.on { background: var(--mx-ivory-2); border-left-color: var(--mx-gold); }
body.theme-maison .sg-thumb { background: var(--mx-ivory-2); border-radius: 0; }
body.theme-maison .sg-name { font-size: 14px; }
body.theme-maison .sg-price { font-weight: 500; }
body.theme-maison .sg-all { color: var(--mx-ink); font-weight: 600; text-decoration: underline; text-decoration-color: var(--mx-gold); }
body.theme-maison .sg-all:hover,
body.theme-maison .sg-all.on { background: var(--mx-ivory-2); border-left-color: var(--mx-gold); }