/* ============================================================================
   Тема „maison" — base.css (ОБЩ файл на темата; страниците не го пипат)
   Тих лукс: бяло и слонова кост, въглен за текста и бутоните, злато САМО като
   акцент (правилото за контраста в §2.1), хеърлайни, почти нулеви радиуси,
   без сенки по съдържанието. Мобилно първо: 360 px, после 768 / 1200 / 1280.
   Класовете започват с „mx-". Токените са --mx-*; документирани в
   docs/THEME-MAISON.md. Стойностите са на SXY (дизайн спецификация §2);
   друг магазин на темата сменя стойностите, не имената.
   ========================================================================= */

/* --- Шрифтове: самохостнати variable woff2 (OFL), подмножество „bg" ---------
   „bg" = Basic Latin + Latin-1 + кирилица + типографски знаци + € + №, затова
   цифрите, „€", „ " и „–" са в СЪЩИЯ файл като кирилицата (§2.2).
   „ext" (latin-ext + разширена кирилица) се тегли само при нужда — за ro/hu. */
@font-face {
  font-family: "Manrope";
  src: url("fonts/manrope-bg.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0400-045F, U+0490-0491, U+2000-206F, U+20AC, U+2116, U+2122, U+2190-2193, U+2212, U+2215;
}
@font-face {
  font-family: "Manrope";
  src: url("fonts/manrope-ext.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+0460-048F, U+0492-052F, U+1C80-1C88, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("fonts/cormorant-bg.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0400-045F, U+0490-0491, U+2000-206F, U+20AC, U+2116, U+2122, U+2190-2193, U+2212, U+2215;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("fonts/cormorant-ext.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+0460-048F, U+0492-052F, U+1C80-1C88, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("fonts/cormorant-italic-bg.woff2") format("woff2");
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0400-045F, U+0490-0491, U+2000-206F, U+20AC, U+2116, U+2122, U+2190-2193, U+2212, U+2215;
}
/* Резервите с наместени метрики (без CLS при swap). Числата са измерени върху
   български текст: Manrope 400 ↔ Arial, Cormorant 500 ↔ Times New Roman. */
@font-face {
  font-family: "Manrope Fallback";
  src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("Arimo");
  size-adjust: 100.9%;
  ascent-override: 105.6%;
  descent-override: 29.7%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Cormorant Fallback";
  src: local("Times New Roman"), local("TimesNewRomanPSMT"), local("Liberation Serif"), local("Tinos");
  size-adjust: 95.3%;
  ascent-override: 97%;
  descent-override: 30.1%;
  line-gap-override: 0%;
}

/* --- Токени (§2.1–§2.4) + пренасочване на Aurora ----------------------------
   Пренасочват се САМО токените на Aurora (Lumen CSS не се зарежда, К23): общите
   страници (кошница, поръчка, профил, блог) ги четат и излизат в бранда, без
   да се пипа нито един техен шаблон. */
body.theme-maison {
  /* Палитра — контрастът е по WCAG 2.1 (таблицата в §2.1) */
  --mx-ink: #282828;          /* текст, основни бутони, икони — 14,74 на бяло */
  --mx-ink-2: #5F676D;        /* вторичен текст — 5,76 бяло · 5,12 ivory */
  --mx-paper: #FFFFFF;
  --mx-ivory: #F6F1E9;        /* редакционни секции, анонс лента, футър */
  --mx-ivory-2: #FAF7F2;      /* плочка зад бял пакшот */
  --mx-line: #E2D9C8;         /* хеърлайн — САМО декор (1,4) */
  --mx-line-strong: #8F8472;  /* рамки на полета, чекбоксове, хапчета (3,68 ✓ 1.4.11) */
  --mx-gold: #D39E36;         /* бранд злато — САМО декор и текст/фокус ВЪРХУ ВЪГЛЕН (2,41 на бяло ✗) */
  --mx-gold-600: #B8862B;     /* едри акценти ≥ 24 px, UI и звезди на бяло (3,24) */
  --mx-gold-700: #86651E;     /* „антично злато" за ТЕКСТ на светло; фокус на светло (5,39) */
  --mx-gold-800: #6B4F17;     /* hover на златен линк (7,62) */
  --mx-gold-100: #F3E6CB;     /* фон на значка „−X %"; текстът е въглен */
  --mx-gold-50: #FBF6EC;      /* избран филтър (заедно с ✓) */
  --mx-gold-light: #FFCE6F;   /* САМО върху въглен */
  --mx-ok: #2F6B4F;           /* „В наличност" — 6,29 */
  --mx-err: #9B2C2C;          /* грешки във форми; НИКОГА за цени */

  /* Шрифтове (§2.2): Cormorant — само от 22 px нагоре; всичко под 22 — Manrope */
  --mx-serif: "Cormorant Garamond", "Cormorant Fallback", Georgia, "Times New Roman", serif;
  --mx-sans: "Manrope", "Manrope Fallback", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Стъпка 4 px (§2.3) */
  --mx-s1: 4px; --mx-s2: 8px; --mx-s3: 12px; --mx-s4: 16px; --mx-s5: 24px;
  --mx-s6: 32px; --mx-s7: 48px; --mx-s8: 64px; --mx-s9: 96px; --mx-s10: 128px;
  --mx-gutter: 16px;          /* странично поле: 16 / 24 / 40 */
  --mx-gap: 12px;             /* улей на решетката: 12 / 24 */
  --mx-section: 56px;         /* между секциите: 56 / 96 */
  --mx-max: 1320px;           /* съдържанието на контейнера */
  --mx-radius: 2px;           /* бутони, полета, хапчета; снимки и карти — 0 */
  --mx-shadow-pop: 0 12px 40px rgba(40, 40, 40, .12); /* САМО чекмеджета и модали */
  --mx-ease: cubic-bezier(.2, .7, .2, 1);
  --mx-dur: 200ms;
  --mx-hd-h: 56px;            /* височина на хедъра (телефон); десктоп ред 1 = 84 */

  /* Aurora → maison (кошница, поръчка, профил, блог, мини-кошница, търсене) */
  --paper: #FFFFFF;
  --card: #FFFFFF;
  --ink: #282828;
  --body: #282828;
  --soft: #5F676D;
  --line: #E2D9C8;
  --accent: #86651E;
  --accent-ink: #282828;
  --promo: #282828;
  --serif: var(--mx-serif);
  --sans: var(--mx-sans);
  --mono: var(--mx-sans);
  --pimg-bg: #FAF7F2;
  --hero-bg: #F6F1E9;
  --header-bg: #FFFFFF;
  --header-ink: #282828;

  margin: 0;
  background: var(--mx-paper);
  color: var(--mx-ink);
  font-family: var(--mx-sans);
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  /* Българските форми на кирилицата (OpenType locl при lang="bg"): в Cormorant
     „т" става „m", „и" — „u", и заглавията изглеждат курсивни. Подразбирането е
     класическата форма; `--mx-locl: 1` (напр. в ThemeTokens/настройка) ги връща.
     Решение на Криси — виж docs/THEME-MAISON.md. */
  --mx-locl: 0;
  font-feature-settings: "kern" 1, "locl" var(--mx-locl);
  /* Без хоризонтален скрол на страницата (§2.3). clip, не hidden — hidden
     чупи position: sticky на хедъра и на лепящите ленти. */
  overflow-x: clip;
}
@media (min-width: 768px) {
  body.theme-maison { --mx-gutter: 24px; }
}
@media (min-width: 1200px) {
  body.theme-maison { --mx-gutter: 40px; --mx-gap: 24px; --mx-section: 96px; --mx-hd-h: 132px; }
}

body.theme-maison ::selection { background: var(--mx-gold-100); color: var(--mx-ink); }
/* :where — нулева специфичност, за да не бие размера на логото/иконите в компонентите. */
:where(body.theme-maison) img { max-width: 100%; height: auto; }
/* Полетата и бутоните не наследяват шрифта сами; :where — без да бият класовете. */
:where(body.theme-maison) :where(input, select, textarea, button) { font-family: inherit; font-feature-settings: inherit; }

/* --- Типография (§2.2) --------------------------------------------------- */
/* :where — нулева специфичност: всеки клас на компонент (картата пише името си
   с h3 в Manrope) печели без !important. */
:where(body.theme-maison) :where(h1, h2, h3) {
  font-family: var(--mx-serif);
  font-weight: 500;
  color: var(--mx-ink);
  letter-spacing: 0;
  text-wrap: balance;
}
:where(body.theme-maison) :where(h4, h5, h6) { font-family: var(--mx-sans); color: var(--mx-ink); }
/* Цифрите в Cormorant: по подразбиране шрифтът рисува СТАРИННИ цифри — „100 €"
   се чете като „I00 €", а „925" подскача по базовата линия. В цена, праг или
   проба това изглежда като грешка, затова навсякъде са линейни (lnum е в
   подмножеството; в Manrope цифрите и без това са линейни). Наследява се от body. */
body.theme-maison,
body.theme-maison :is(.mx-display, .mx-h1, .mx-h2, .mx-h3, h1, h2, h3) { font-variant-numeric: lining-nums proportional-nums; }

.mx-display { margin: 0; font-family: var(--mx-serif); font-weight: 500; font-size: 38px; line-height: 42px; letter-spacing: -0.01em; color: var(--mx-ink); text-wrap: balance; }
.mx-h1 { margin: 0; font-family: var(--mx-serif); font-weight: 500; font-size: 32px; line-height: 36px; color: var(--mx-ink); text-wrap: balance; }
.mx-h1--product { font-size: 26px; line-height: 32px; }
.mx-h2 { margin: 0; font-family: var(--mx-serif); font-weight: 500; font-size: 26px; line-height: 32px; color: var(--mx-ink); text-wrap: balance; }
.mx-h3 { margin: 0; font-family: var(--mx-serif); font-weight: 600; font-size: 22px; line-height: 28px; color: var(--mx-ink); }
@media (min-width: 1200px) {
  .mx-display { font-size: 60px; line-height: 64px; }
  .mx-h1 { font-size: 44px; line-height: 48px; }
  .mx-h1--product { font-size: 34px; line-height: 40px; }
  .mx-h2 { font-size: 34px; line-height: 40px; }
  .mx-h3 { font-size: 24px; line-height: 30px; }
}
/* Надзаглавие: Manrope 600 12/16, главни, .16em, антично злато (5,39 на бяло) */
.mx-eyebrow {
  margin: 0 0 var(--mx-s3);
  font-family: var(--mx-sans);
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--mx-gold-700);
}
.mx-text { font-size: 16px; line-height: 26px; color: var(--mx-ink); }
.mx-small { font-size: 14px; line-height: 22px; }
.mx-micro { font-size: 12px; line-height: 18px; color: var(--mx-ink-2); }
.mx-muted { color: var(--mx-ink-2); }
/* tabular-nums сам НУЛИРА lining-nums (свойството е едно) — затова двете заедно. */
.mx-num { font-variant-numeric: lining-nums tabular-nums; }

/* --- Контейнер, секция, решетка (§2.3) ----------------------------------- */
.mx-wrap {
  width: 100%;
  max-width: calc(var(--mx-max) + 2 * var(--mx-gutter));
  margin-inline: auto;
  padding-inline: var(--mx-gutter);
  box-sizing: border-box;
}
.mx-section { padding-block: var(--mx-section); }
.mx-section--ivory { background: var(--mx-ivory); }
.mx-section__head { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--mx-s4); margin-bottom: var(--mx-s5); }
@media (min-width: 1200px) { .mx-section__head { margin-bottom: var(--mx-s6); } }
.mx-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--mx-s6) var(--mx-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) { .mx-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .mx-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--mx-s7) var(--mx-gap); } }
.mx-rule { border: 0; border-top: 1px solid var(--mx-line); margin: 0; }

/* --- Бутони и връзки (§2.4) ---------------------------------------------- */
.mx-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--mx-s2);
  min-height: 48px;
  padding: 0 28px;
  border: 1px solid var(--mx-ink);
  border-radius: var(--mx-radius);
  background: var(--mx-ink);
  color: #FFFFFF;
  font-family: var(--mx-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--mx-dur) var(--mx-ease), color var(--mx-dur) var(--mx-ease), border-color var(--mx-dur) var(--mx-ease);
  -webkit-tap-highlight-color: transparent;
}
.mx-btn:hover { background: #000000; border-color: #000000; color: #FFFFFF; }
.mx-btn:focus-visible { outline: 2px solid var(--mx-ink); outline-offset: 0; box-shadow: 0 0 0 4px #FFFFFF; }
.mx-btn[disabled],
.mx-btn.is-disabled { background: var(--mx-line); border-color: var(--mx-line); color: var(--mx-ink-2); cursor: not-allowed; }
.mx-btn--lg { min-height: 52px; }
.mx-btn--block { display: flex; width: 100%; }
.mx-btn--secondary { background: transparent; color: var(--mx-ink); }
.mx-btn--secondary:hover { background: var(--mx-ink); color: #FFFFFF; border-color: var(--mx-ink); }
.mx-btn--secondary:focus-visible { outline: 2px solid var(--mx-gold-700); outline-offset: 2px; box-shadow: none; }
/* Акцентен — най-много един на екран, върху въглен; НИКОГА бял текст върху злато */
.mx-btn--accent { background: var(--mx-gold); border-color: var(--mx-gold); color: var(--mx-ink); }
.mx-btn--accent:hover { background: var(--mx-gold-light); border-color: var(--mx-gold-light); color: var(--mx-ink); }
.mx-btn--accent:focus-visible { outline: 2px solid var(--mx-gold); outline-offset: 2px; box-shadow: none; }

/* Текстова връзка: въглен, подчертаване 1 px злато с отстояние 4 px */
.mx-link {
  color: var(--mx-ink);
  text-decoration: underline;
  text-decoration-color: var(--mx-gold);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: text-decoration-thickness var(--mx-dur) var(--mx-ease);
}
.mx-link:hover { color: var(--mx-ink); text-decoration-thickness: 2px; }
.mx-link--gold { color: var(--mx-gold-700); text-decoration-color: currentColor; }
.mx-link--gold:hover { color: var(--mx-gold-800); }

/* Бутон-иконка: зона ≥ 44×44 (§2.4) */
.mx-iconbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: var(--mx-radius);
  background: transparent;
  color: var(--mx-ink);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.mx-ic { display: block; flex: none; }

/* Фокус: на светло 2 px антично злато; на тъмно — злато (6,12) (§9.4, [ПИ] В18).
   tabindex="-1" е ПРОГРАМЕН фокус (банерът за бисквитки фокусира заглавието си,
   котвата „Към съдържанието"): екранният четец го иска, но рамка около заглавие
   изглежда като празно поле за въвеждане — затова там не се рисува. */
body.theme-maison :where(a, button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 2px solid var(--mx-gold-700);
  outline-offset: 2px;
}
body.theme-maison :where([tabindex="-1"]):focus,
body.theme-maison .cb-title:focus { outline: none; }
body.theme-maison :where(.is-dark, .is-dark *):focus-visible { outline-color: var(--mx-gold); }

/* --- Достъпност ----------------------------------------------------------- */
.mx-sr {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.mx-skip {
  position: absolute;
  left: var(--mx-s4);
  top: -100px;
  z-index: 200;
  padding: 12px 18px;
  background: var(--mx-ink);
  color: #FFFFFF;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
}
.mx-skip:focus { top: var(--mx-s2); outline: 2px solid var(--mx-gold); outline-offset: 2px; }
.mx-anchor { display: block; height: 0; outline: 0; }
/* Котвите не се крият под лепящия хедър (56 px телефон / 48 px десктоп). */
html:has(> body.theme-maison) { scroll-padding-top: 72px; }

/* --- Анонс лента (ядрото рисува .topbar; темата само я оформя, §3.1) ------ */
body.theme-maison .topbar,
body.theme-maison .topbar.perks {
  background: var(--mx-ivory);
  color: var(--mx-ink);
  border-bottom: 1px solid var(--mx-line);
  padding: 0;
  font-family: var(--mx-sans);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-align: center;
}
body.theme-maison .topbar:not(.perks) { padding: 10px var(--mx-gutter); }
body.theme-maison .topbar.perks .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  max-width: calc(var(--mx-max) + 2 * var(--mx-gutter));
  min-height: 36px;
  margin: 0 auto;
  padding: 0 var(--mx-gutter);
  overflow: hidden;
  font-size: 12px;
}
body.theme-maison .topbar.perks span,
body.theme-maison .topbar.perks a { white-space: nowrap; color: var(--mx-ink); }
body.theme-maison .topbar.perks .wrap > span + span::before,
body.theme-maison .topbar.perks .wrap > span + .tb-phone::before {
  content: "·";
  margin: 0 14px;
  color: var(--mx-gold-700);
}
body.theme-maison .topbar.perks .tb-phone {
  order: 0;
  margin: 0;
  font-weight: 500;
  font-variant-numeric: lining-nums tabular-nums;
  text-decoration: none;
}
body.theme-maison .topbar.perks .tb-phone b { color: var(--mx-ink); font-weight: 500; margin-right: 6px; }
body.theme-maison .topbar.perks .tb-phone:hover { text-decoration: underline; text-decoration-color: var(--mx-gold); text-underline-offset: 3px; }
/* Телефон: само първото условие + иконата на телефона (§3.1); без плъзгане. */
@media (max-width: 767px) {
  body.theme-maison .topbar.perks .wrap { justify-content: space-between; gap: var(--mx-s3); }
  body.theme-maison .topbar.perks .wrap > span:not(:first-child) { display: none; }
  body.theme-maison .topbar.perks .wrap > span:first-child { overflow: hidden; text-overflow: ellipsis; }
  body.theme-maison .topbar.perks .tb-phone {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-right: -8px;
    font-size: 0;
    letter-spacing: 0;
  }
  body.theme-maison .topbar.perks .tb-phone b { display: none; }
  body.theme-maison .topbar.perks .wrap > span + .tb-phone::before {
    content: "";
    width: 18px;
    height: 18px;
    margin: 0;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.6 3.75h2.6l1.3 4.1-1.9 1.3a10.5 10.5 0 0 0 6.25 6.25l1.3-1.9 4.1 1.3v2.6a1.85 1.85 0 0 1-2 1.85A15.9 15.9 0 0 1 4.75 5.75a1.85 1.85 0 0 1 1.85-2z'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.6 3.75h2.6l1.3 4.1-1.9 1.3a10.5 10.5 0 0 0 6.25 6.25l1.3-1.9 4.1 1.3v2.6a1.85 1.85 0 0 1-2 1.85A15.9 15.9 0 0 1 4.75 5.75a1.85 1.85 0 0 1 1.85-2z'/%3E%3C/svg%3E") center / contain no-repeat;
  }
}

/* Банерите на ядрото над хедъра (пазар, език) — в тона на темата */
body.theme-maison .mkt-banner,
body.theme-maison .lang-hint { font-family: var(--mx-sans); font-size: 13px; background: var(--mx-gold-50); color: var(--mx-ink); border-bottom: 1px solid var(--mx-line); }

/* --- Движение (§2.3): 200 ms ease-out; reduced-motion спира всичко -------- */
@media (prefers-reduced-motion: reduce) {
  body.theme-maison *,
  body.theme-maison *::before,
  body.theme-maison *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* --- Глава на страница, пътечка, хапчета (общи за изгледите на темата) ------- */
.mx-page { padding-bottom: var(--mx-s7); }
.mx-page__head { padding: var(--mx-s6) 0 var(--mx-s6); }
@media (min-width: 1200px) { .mx-page__head { padding: var(--mx-s7) 0 var(--mx-s6); } }
.mx-page__meta { margin: var(--mx-s2) 0 0; font-size: 14px; line-height: 22px; color: var(--mx-ink-2); }
.mx-page__lead { max-width: 64ch; margin: var(--mx-s4) 0 0; font-size: 16px; line-height: 26px; color: var(--mx-ink); }
.mx-crumbs { padding-top: var(--mx-s5); font-size: 12px; line-height: 18px; color: var(--mx-ink-2); }
.mx-crumbs ol { display: flex; flex-wrap: wrap; gap: 0; margin: 0; padding: 0; list-style: none; }
.mx-crumbs li + li::before { content: "/"; margin: 0 8px; color: var(--mx-line-strong); }
.mx-crumbs a { color: var(--mx-ink-2); text-decoration: none; }
.mx-crumbs a:hover { color: var(--mx-ink); text-decoration: underline; text-decoration-color: var(--mx-gold); text-underline-offset: 3px; }
.mx-crumbs [aria-current] { color: var(--mx-ink); }
/* Хапче (подкатегории, предложения): рамка --mx-line-strong (3,68), радиус 2 */
.mx-pills { display: flex; flex-wrap: wrap; gap: var(--mx-s2); margin: 0; padding: 0; list-style: none; }
.mx-pill {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 var(--mx-s4);
  border: 1px solid var(--mx-line-strong);
  border-radius: var(--mx-radius);
  background: #FFFFFF;
  color: var(--mx-ink);
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color var(--mx-dur) var(--mx-ease), background-color var(--mx-dur) var(--mx-ease);
}
.mx-pill:hover { border-color: var(--mx-ink); }
.mx-pill.is-on,
.mx-pill[aria-current],
.mx-pill[aria-pressed="true"] { border-color: var(--mx-ink); background: var(--mx-gold-50); }
/* Поле за търсене в страница: подчертаване, без хапче */
.mx-search-again {
  display: flex;
  align-items: center;
  max-width: 480px;
  margin-top: var(--mx-s5);
  border-bottom: 1px solid var(--mx-line-strong);
}
.mx-search-again:focus-within { border-bottom-color: var(--mx-ink); }
.mx-search-again input { flex: 1; min-width: 0; height: 44px; padding: 0; border: 0; background: transparent; color: var(--mx-ink); font-size: 16px; outline: none; -webkit-appearance: none; appearance: none; }
.mx-search-again input::placeholder { color: var(--mx-ink-2); opacity: 1; }
.mx-search-again .mx-iconbtn { margin-right: -10px; }