/* Шапка mertech.uz по макету. Работает в шапке типа 6 (текущая) и 7. 1rem = 10px. */
:root{--mt-red:#E4003A;--mt-ink:#2B2B33;--mt-muted:#6B6B76;--mt-line:#DCDCE4;--mt-fill:#F0F0F5}

/* Верхняя строка: ссылки с левого края, почта красным */
.is-header-v6 .header__group--info_call{margin-left:0}
:is(.header--v6,.header--v7) .header__call.mail a{color:var(--mt-red);font-size:1.3rem;text-decoration:none}

/* Языки кнопками RU / UZ / EN вместо выпадающего списка (только на ПК) */
:is(.header--v6,.header--v7) .header__desktop .mt-lang[hidden]{display:flex !important}
:is(.header--v6,.header--v7) .header__desktop .header__language{display:none}
:is(.header--v6,.header--v7) .header__desktop .header__group--currency_language{align-self:flex-start;height:3.4rem;margin:.5rem 0 1rem;align-items:center}
.mt-lang{gap:2px;padding:2px;border-radius:8px;background:var(--mt-fill)}
.mt-lang__link{padding:.2rem 1rem;border-radius:6px;font-size:1.3rem;line-height:1.6;color:var(--mt-muted);text-decoration:none}
.mt-lang__link:hover{color:var(--mt-red);text-decoration:none}
.mt-lang__link.is-active{background:#FFFFFF;color:var(--mt-ink);font-weight:700}

/* Поиск во всю ширину: серое поле, красная кнопка */
:is(.header--v6,.header--v7) .header__search{flex:1 1 auto;max-width:none;margin:0 2rem 0 0}
:is(.header--v6,.header--v7) .header__search-control{background:var(--mt-fill);border-radius:10px}
:is(.header--v6,.header--v7) .header__search-input{background:transparent}
:is(.header--v6,.header--v7) .header__search-btn{background:var(--mt-red);border-color:var(--mt-red);border-radius:8px}
:is(.header--v6,.header--v7) .header__search-btn:hover{background:#C4002F;border-color:#C4002F}

/* Telegram отдела продаж рядом с личным кабинетом */
.mt-tg{display:flex;align-items:center;justify-content:center;flex:0 0 4rem;width:4rem;height:4rem;margin:0 .8rem 0 0;border-radius:10px;background:#2AABEE}
.mt-tg svg{width:2rem;height:2rem;fill:#FFFFFF}
.mt-tg:hover{background:#1E96D4}

/* Нижняя строка: «Все категории» и пункты меню кнопками с рамкой */
.header--v6 .header__row--03{display:flex;align-items:center;gap:.8rem;padding:1.4rem 0}
.header--v6 .header__row--03 .header__catalog{margin:0;flex:0 0 auto}
.header--v6 .header__nav{flex:1 1 auto;min-width:0;padding:0}
.header--v6 .header__nav-menu{gap:.8rem}
.header--v6 .header__nav-menu{justify-content:flex-start}
.header--v6 .header__nav-menu > li{flex:0 0 auto;margin:0;padding:0}
.header--v6 .header__nav-link{display:flex;align-items:center;height:4rem;padding:0 1.4rem;border:1px solid var(--mt-line);border-radius:8px;color:var(--mt-ink);font-size:1.4rem;font-weight:500;text-decoration:none}
.header--v6 .header__nav-link:hover,.header--v6 .header__nav-menu > li:hover > .header__nav-link{border-color:var(--mt-red);color:var(--mt-red)}
.header--v6 .header__priority-toggle{height:4rem;margin:0 0 0 .8rem;padding:0 1.4rem;border:1px solid var(--mt-line);border-radius:8px;background:#FFFFFF;color:var(--mt-ink);font-size:1.4rem;font-weight:500}
.header--v6 .header__priority-toggle:hover{border-color:var(--mt-red);color:var(--mt-red)}
:is(.header--v6,.header--v7) .header__catalog-btn{height:4rem;border-radius:8px;text-transform:uppercase;letter-spacing:.02em}

/* Тип 7: все пункты меню, а не первые 5 */
.header--v7 .header__tags-menu{flex-wrap:wrap;gap:.8rem}
.header--v7 .header__tags-menu > li{margin:0}
.header--v7 .header__tags-menu > li:nth-child(5) ~ li{display:block}
.header--v7 .header__tags-btn{height:4rem;padding:0 1.4rem;border:1px solid var(--mt-line);border-radius:8px;color:var(--mt-ink);font-size:1.4rem}
.header--v7 .header__tags-btn:hover{border-color:var(--mt-red);color:var(--mt-red)}


/* Стикеры товаров (модуль MT Стикеры товаров) */
.ui-badge.mt-sticker { font-size: 11px; line-height: 18px; padding: 0 6px; }
/* На мобильном тема прячет бейджи в карточках листинга; стикеры оставляем видимыми */
@media (max-width: 767px) {
  .products__item--responsive .products__item-badges:has(.mt-sticker) { display: flex; }
  .products__item--responsive .products__item-topleft:has(.mt-sticker) { top: 5.2rem; }
  .products__item--responsive .products__item-badges .ui-badge:not(.mt-sticker) { display: none; }
  .products__item--responsive .products__item-badges .ui-badge.mt-sticker { max-width: none; overflow: visible; white-space: nowrap; font-size: 10px; padding: 0 5px; }
}
