/**
 * Drinkinfo.ru — слой дизайн-системы (прототип).
 * Эталон: docs/design/sample.html, токены: docs/design/drinkinfo-style-guide.md
 * Подключается на drinkinfo.ru в конце `drinkinfo.ru/layout/css.html`: `{$STATIC->show("/css/drinkinfo-ds.css")}` после `styleSheetLinks` и остальных link этого шаблона (без отдельного хука в `head.html`).
 */

@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap");
@import url("/css/marketplace/index.css?v=20260521-1");

:root {
  --sky: #b8d4e8;
  --denim: #5b85aa;
  --denim-deep: #3a6480;
  --mist: #d6e8f5;
  --fog: #ebf4fb;
  --cream: #f5f0e8;
  --sand: #e8dfd0;
  --stone: #9a9080;
  --ink: #2c3e50;
  --ink-light: #4a5568;
  --white: #fdfcfa;
  --red: #e05c4a;
  --gold: #c9a84c;
  --mint: #7ec8c8;
}

/* Только drinkinfo: drinkinfo.ru/layout/css.html */
body {
  font-family: "DM Sans", -apple-system, blinkmacsystemfont, "Segoe UI", Arial, sans-serif;
  background: var(--fog);
  color: var(--ink);
}

/* [BG0] Общий холст — сброс legacy drinkinfo.ru/www/css/layout.css (.l-wrapper + bg.png) */
body.drinkinfo .l-wrapper.l-width-wrap {
  background: var(--fog) !important;
  background-image: none !important;
}

body.drinkinfo .l-main,
body.drinkinfo .l-outer,
body.drinkinfo #wrapper,
body.drinkinfo .m16_corners .content,
body.drinkinfo .m16_corners .content .content {
  background: transparent;
}

/* Legacy-макеты с marketplace-шапкой: скрыть header2022, если остался в DOM */
body.drinkinfo-legacy-shell .l-header {
  display: none !important;
}

/* [B] Шапка 2022 — оболочка (header2022: .l-header, .top-header); не используется с drinkinfo-legacy-shell */
.l-header {
  background: var(--white);
  border-bottom: 1px solid var(--sand);
}

.top-header {
  background: var(--white);
  border-bottom: 1px solid rgba(91, 133, 170, 0.12);
}

/* [C] Шапка — верхний слоган/ссылки + средний ряд кнопок */
.top-header__slogan {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  color: var(--ink-light);
}

.top-header__slogan b {
  color: var(--denim-deep);
  font-weight: 600;
}

.top-header__link {
  color: var(--stone);
  font-size: 12px;
}

.top-header__link:hover {
  color: var(--denim);
}

.middle-header__add-btn {
  background: var(--denim);
  color: #fff;
  border-radius: 6px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.middle-header__add-btn:hover {
  background: var(--denim-deep);
}

.middle-header__log-in-btn,
.middle-header__add-user-btn,
.middle-header__my-ads-btn {
  font-family: "DM Sans", sans-serif;
  color: var(--ink-light);
}

.middle-header__log-in-btn:hover,
.middle-header__add-user-btn:hover,
.middle-header__my-ads-btn:hover {
  color: var(--denim-deep);
}

/* [D] Шапка — нижнее меню разделов */
.header-menu {
  background: var(--white);
  border-top: 1px solid var(--sand);
}

.header-menu__link,
.header-menu__button {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: var(--ink-light);
}

.header-menu__link:hover,
.header-menu__button:hover {
  color: var(--denim);
}

.header-menu__item--current .header-menu__link,
.header-menu__item--current .header-menu__button {
  color: var(--denim-deep);
  font-weight: 700;
}

.header-menu__sub-link {
  color: var(--ink);
}

.header-menu__sub-link:hover {
  color: var(--denim-deep);
}

/* [E] Подвал — верхняя полоса под drinkinfo */
.l-footer__top-inner--drinkinfo {
  background: linear-gradient(135deg, var(--mist) 0%, var(--cream) 100%);
}

/* [F] Подвал — форма поиска */
.l-footer__search-input {
  font-family: "DM Sans", sans-serif;
  border-color: var(--sky);
  background: var(--white);
  color: var(--ink);
}

.l-footer__search-input:focus {
  border-color: var(--denim);
  outline: none;
}

.l-footer__search-submit {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  background: var(--denim);
  color: #fff;
}

.l-footer__search-submit:hover {
  background: var(--denim-deep);
}

/* [G1] Главная — внешняя обёртка (startpage/index.html: .startpage-wrap) */
.startpage-wrap {
  box-sizing: border-box;
  padding: 0 8px 20px;
}

/* [G2] Главная — блок новостей #startpage-news */
#startpage-news h2 {
  font-family: "Syne", sans-serif;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--denim-deep);
}

#startpage-news h2 a {
  color: var(--denim-deep);
  text-decoration: none;
}

#startpage-news h2 a:hover {
  color: var(--denim);
}

#startpage-news .location-name {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: var(--stone);
}

#startpage-news .title-descr {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: var(--stone);
}

#startpage-news .txt h3 {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-light);
}

#startpage-news .news-list a {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  color: var(--ink);
  text-decoration: none;
}

#startpage-news .news-list a:hover {
  color: var(--denim-deep);
}

#startpage-news .news-list .date {
  font-family: "DM Mono", monospace;
  font-size: 11px;
  color: var(--stone);
  letter-spacing: 0.04em;
}

/* [G3] Главная — цены/offers (.startpage-offers) и биржа (#startpage-trade) */
.startpage-offers .price h2 {
  font-family: "Syne", sans-serif;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--denim-deep);
}

.startpage-offers .price h2 a {
  color: var(--denim-deep);
  text-decoration: none;
}

.startpage-offers .price h2 a:hover {
  color: var(--denim);
}

.startpage-offers .title-descr {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: var(--stone);
}

.startpage-offers .price-wrap > a {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--denim);
  text-decoration: none;
}

.startpage-offers .price-wrap > a:hover {
  color: var(--denim-deep);
  text-decoration: underline;
}

#startpage-trade h2 {
  font-family: "Syne", sans-serif;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--denim-deep);
}

#startpage-trade h2 a {
  color: var(--denim-deep);
  text-decoration: none;
}

#startpage-trade h2 a:hover {
  color: var(--denim);
}

#startpage-trade .location-name {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: var(--stone);
}

#startpage-trade .title-descr {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: var(--stone);
}

/* [G4] Главная — блог/спецпредложения (.startpage-blog) и список trade.html внутри #startpage-trade */
.startpage-blog h2 {
  font-family: "Syne", sans-serif;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--denim-deep);
}

.startpage-blog h2 a {
  color: var(--denim-deep);
  text-decoration: none;
}

.startpage-blog h2 a:hover {
  color: var(--denim);
}

.startpage-blog .special-list a {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  color: var(--ink);
  text-decoration: none;
}

.startpage-blog .special-list a:hover {
  color: var(--denim-deep);
}

.startpage-blog .special-list li:last-child a {
  font-size: 12px;
  font-weight: 600;
  color: var(--denim);
}

#startpage-trade .trade-small .left-c .date {
  font-family: "DM Mono", monospace;
  font-size: 11px;
  color: var(--stone);
}

#startpage-trade .trade-small .title a {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  color: var(--ink);
  text-decoration: none;
}

#startpage-trade .trade-small .title a:hover {
  color: var(--denim-deep);
}

#startpage-trade .trade-small .user {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  color: var(--stone);
}

#startpage-trade .trade-small .icon.sale {
  color: var(--denim-deep);
}

#startpage-trade .trade-small .icon.buy {
  color: var(--mint);
}

#startpage-trade .trade-small p.title strong span {
  color: var(--denim-deep) !important;
}

/* [T1] Доска trade — обёртка (adsListing2021: #top-page, сайдбар; CSS только на drinkinfo) */
body.trade #top-page.content-wrap,
body.layoutWide.drinkinfo #top-page.content-wrap {
  color: var(--ink);
  /* Гориз. скролл: ротатор баннера задаёт ~570px (rotateBanners.js), при узкой колонке после широкого сайдбара вылезает за пределы */
  overflow-x: hidden;
  max-width: 100%;
  box-sizing: border-box;
}

body.trade #top-page.content-wrap .content-wrap__container,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__container {
  min-width: 0;
}

body.trade #top-page.content-wrap .content-wrap__promo-banner,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__promo-banner {
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

body.trade #top-page.content-wrap .content-wrap__promo-banner .js-banner-place,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__promo-banner .js-banner-place,
body.trade #top-page.content-wrap .content-wrap__promo-banner .iframe,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__promo-banner .iframe {
  max-width: 100%;
  box-sizing: border-box;
}

body.trade #top-page.content-wrap .content-wrap__promo-banner .iframe__captions,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__promo-banner .iframe__captions {
  width: min(570px, 100%) !important;
  max-width: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  box-sizing: border-box !important;
}

/* Левое меню: ближе к sample.html (.sidebar / .sb-title / .sb-item), не синий «pill» legacy */
body.trade .content-wrap__menu.menu,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu.menu {
  background: var(--white);
  border-right: 1px solid var(--sand);
  box-sizing: border-box;
  width: 220px;
  margin-right: 18px;
  padding: 20px 0 24px;
  align-self: flex-start;
}

/* [T2a] Доска trade — заголовок H1 (inline-стили в шаблоне перебиваем по смыслу DS) */
body.trade .content-wrap__title {
  font-family: "Syne", sans-serif !important;
  font-weight: 700 !important;
  color: var(--denim-deep) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}

/* [T2b] Доска trade — форма поиска `.search` */
body.trade .search__input {
  font-family: "DM Sans", sans-serif;
  background: var(--fog);
  color: var(--ink);
  border-color: var(--sky);
}

body.trade .search__input::placeholder {
  color: var(--stone);
}

body.trade .search__input:focus {
  border-color: var(--denim);
  outline: none;
}

body.trade .search__submit {
  background: var(--denim);
  color: #fff;
}

body.trade .search__submit:hover {
  background: var(--denim-deep);
}

body.trade .search__checkbox-label {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  color: var(--ink-light);
}

/* [T3] Доска trade — сайдбар фильтров `.menu__*` (перебиваем trade2021/menu.scss) */
body.trade .content-wrap__menu .menu__selection-item,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__selection-item {
  padding-top: 0 !important;
  padding-bottom: 16px !important;
  border-bottom: none !important;
  margin-bottom: 4px;
}

body.trade .content-wrap__menu .menu__selection-item--type,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__selection-item--type,
body.trade .content-wrap__menu .menu__selection-item--category,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__selection-item--category {
  padding-top: 8px !important;
}

body.trade .content-wrap__menu .menu__slogan,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__slogan {
  font-family: "DM Mono", monospace !important;
  font-weight: 400 !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--stone) !important;
  margin-bottom: 8px !important;
  padding: 0 18px 8px !important;
  border-bottom: 1px solid var(--sand);
}

body.trade .content-wrap__menu .menu__slogan--region,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__slogan--region {
  margin-bottom: 8px !important;
}

body.trade .content-wrap__menu .menu__region-button,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__region-button {
  font-family: "DM Sans", sans-serif;
  width: calc(100% - 20px);
  margin: 0 10px;
  box-sizing: border-box;
  border: 1px solid var(--sky);
  border-radius: 8px;
  background: var(--fog);
  color: var(--ink);
  padding: 8px 10px;
}

body.trade .content-wrap__menu .menu__region-slogan,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__region-slogan {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  color: var(--ink-light);
  text-decoration: none !important;
}

body.trade .content-wrap__menu .menu__region-button:hover .menu__region-slogan,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__region-button:hover .menu__region-slogan,
body.trade .content-wrap__menu .menu__region-button:focus .menu__region-slogan,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__region-button:focus .menu__region-slogan {
  color: var(--denim-deep) !important;
}

body.trade .content-wrap__menu .menu__region-icon::after,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__region-icon::after,
body.trade .content-wrap__menu .menu__region-icon::before,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__region-icon::before {
  background-color: var(--ink) !important;
}

body.trade .content-wrap__menu .menu__type-list,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__type-list,
body.trade .content-wrap__menu .menu__category-list,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__category-list {
  padding: 4px 10px 0 !important;
  margin: 0 !important;
}

body.trade .content-wrap__menu .menu__item,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__item {
  padding-left: 0 !important;
  margin-bottom: 4px !important;
  list-style: none;
  border-radius: 4px;
}

body.trade .content-wrap__menu .menu__item:not(:last-child),
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__item:not(:last-child) {
  margin-bottom: 4px !important;
}

body.trade .content-wrap__menu .menu__link,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__link {
  font-family: "DM Sans", sans-serif;
  font-size: 12.5px;
  line-height: 1.35;
  color: var(--ink-light);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 10px !important;
  border-radius: 4px;
  box-sizing: border-box;
}

body.trade .content-wrap__menu .menu__item:not(.menu__item--current):hover,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__item:not(.menu__item--current):hover {
  background: var(--fog);
}

body.trade .content-wrap__menu .menu__item:not(.menu__item--current) .menu__link:hover,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__item:not(.menu__item--current) .menu__link:hover,
body.trade .content-wrap__menu .menu__item:not(.menu__item--current) .menu__link:focus,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__item:not(.menu__item--current) .menu__link:focus {
  color: var(--denim) !important;
}

body.trade .content-wrap__menu .menu__item--current,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__item--current {
  background: rgba(91, 133, 170, 0.12) !important;
  padding: 0 !important;
  border-radius: 4px !important;
  width: auto !important;
}

body.trade .content-wrap__menu .menu__item--current .menu__link,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__item--current .menu__link {
  color: var(--denim-deep) !important;
  font-weight: 600 !important;
}

body.trade .content-wrap__menu .menu__item--current .menu__link:hover,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__item--current .menu__link:hover,
body.trade .content-wrap__menu .menu__item--current .menu__link:focus,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__item--current .menu__link:focus {
  color: var(--denim-deep) !important;
}

body.trade .content-wrap__menu .menu__ammount,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__ammount {
  font-family: "DM Mono", monospace;
  font-size: 10px;
  color: var(--stone);
}

body.trade .content-wrap__menu .menu__item--current .menu__ammount,
body.layoutWide.drinkinfo #top-page.content-wrap .content-wrap__menu .menu__item--current .menu__ammount {
  color: var(--stone) !important;
}

/* [T4] Доска trade — карточка списка (`_market-card.html`) */
body.trade .market-card__wrap {
  border-radius: 10px;
  background: var(--white);
  border: 1px solid var(--sand);
}

body.trade .market-card:hover .market-card__wrap {
  box-shadow: 0 4px 20px rgba(91, 133, 170, 0.12);
}

body.trade .market-card__type--sale {
  color: var(--denim-deep);
}

body.trade .market-card__type--buy {
  color: var(--mint);
}

body.trade .market-card__type--others {
  color: var(--stone);
}

body.trade .market-card__title a {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  color: var(--ink);
  text-decoration: none;
}

body.trade .market-card__title a:hover {
  color: var(--denim-deep);
}

body.trade .market-card__price {
  font-family: "Syne", sans-serif;
  font-weight: 700;
  font-size: 17px;
  color: var(--denim-deep);
}

body.trade .market-card__address {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  color: var(--stone);
}

/* [T5] Доска trade — хлебные крошки */
body.trade .content-wrap__breadcrumbs {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
}

body.trade .content-wrap__main-link {
  color: var(--stone);
  text-decoration: none;
}

body.trade .content-wrap__main-link:hover {
  color: var(--denim);
}

body.trade .content-wrap__sub-title {
  color: var(--ink-light);
}

body.trade .content-wrap__sub-title--last {
  color: var(--ink);
}

/* [T6] Доска trade — моб. блок «Разместить объявление» */
body.trade .content-wrap__add-link {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  background: var(--denim);
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
}

body.trade .content-wrap__add-link:hover {
  background: var(--denim-deep);
  color: #fff;
}

/* [T7] Доска trade — панель сортировки/кол-ва `.mk-listing__sorting.sorting` */
body.trade .sorting__label,
body.trade .sorting__price-label {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  color: var(--ink-light);
}

body.trade .sorting__ammount-button,
body.trade .sorting__type-button {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--denim-deep);
  border: 1px solid var(--sand);
  border-radius: 20px;
  background: var(--white);
}

body.trade .sorting__ammount-button:hover,
body.trade .sorting__type-button:hover {
  border-color: var(--sky);
}

body.trade .sorting__ammount-variant {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
}

body.trade .sorting__amount-item--current .sorting__ammount-variant {
  color: var(--denim-deep);
  font-weight: 600;
}

/* [D0] Карточка объявления — единый холст (product/style.css: серый .content-wrap, тени legacy) */
body.layoutWide.drinkinfo.trade .content-wrap.js-offer-wrap {
  background: transparent;
  color: var(--ink);
}

body.layoutWide.drinkinfo.trade .js-offer-wrap section.info {
  background: var(--white);
  border: 1px solid var(--sand);
  box-shadow: none;
}

body.layoutWide.drinkinfo.trade .js-offer-wrap .similar-offers {
  background: var(--white);
  border: 1px solid var(--sand);
  box-shadow: none;
}

body.layoutWide.drinkinfo.trade .js-offer-wrap .photos__image,
body.layoutWide.drinkinfo.trade .js-offer-wrap .photos__mobile-image {
  background-color: var(--mist);
  border-color: var(--sand);
}

body.layoutWide.drinkinfo.trade .js-offer-wrap .content-wrap__up-button {
  background: var(--denim);
  box-shadow: 0 4px 16px rgba(91, 133, 170, 0.25);
}

body.layoutWide.drinkinfo.trade .js-offer-wrap .content-wrap__up-button:hover,
body.layoutWide.drinkinfo.trade .js-offer-wrap .content-wrap__up-button:focus {
  background: var(--denim-deep);
}

body.layoutWide.drinkinfo.trade .js-offer-wrap .content-wrap__up-button:active {
  background: var(--denim-deep);
}

/* [D1] Карточка объявления (детали) — крошки и верхняя навигация (только `.js-offer-wrap`, не список) */
body.trade .js-offer-wrap .page-breadcrumbs {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
}

body.trade .js-offer-wrap .page-breadcrumbs a,
body.trade .js-offer-wrap .page-breadcrumbs__avertising,
body.trade .js-offer-wrap .page-breadcrumbs__location,
body.trade .js-offer-wrap .page-breadcrumbs__category {
  color: var(--stone);
  text-decoration: none;
}

body.trade .js-offer-wrap .page-breadcrumbs a:hover {
  color: var(--denim);
}

body.trade .js-offer-wrap .page-breadcrumbs__name {
  color: var(--ink);
  font-weight: 600;
}

body.trade .js-offer-wrap .details__back,
body.trade .js-offer-wrap .details__next {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--denim);
  text-decoration: none;
}

body.trade .js-offer-wrap .details__back:hover,
body.trade .js-offer-wrap .details__next:hover {
  color: var(--denim-deep);
}

body.trade .js-offer-wrap .details__date {
  font-family: "DM Mono", monospace;
  font-size: 11px;
  color: var(--stone);
}

body.trade .js-offer-wrap .details__views-ammount {
  font-family: "DM Mono", monospace;
  font-size: 11px;
  color: var(--ink-light);
}

/* [L1] Каталог компаний litecat — обёртка и сайдбар (list2020) */
body.litecat .list-content,
body.layoutWide.drinkinfo .list-content {
  font-family: "DM Sans", sans-serif;
  color: var(--ink);
}

body.litecat .container-content__menu.menu,
body.layoutWide.drinkinfo .list-content .container-content__menu.menu {
  background: var(--white);
  border-right: 1px solid var(--sand);
  box-sizing: border-box;
  /* litecat-list: у .menu нет flex-shrink:0 — при flex родителя колонку сжимало; фиксируем дорожку как в trade */
  flex: 0 0 220px;
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  margin-right: 19px;
  padding: 20px 0 24px;
  align-self: flex-start;
}

body.litecat .container-content__menu .menu__region,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__region,
body.litecat .container-content__menu .menu__procuct-type,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__procuct-type,
body.litecat .container-content__menu .menu__activity-type,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__activity-type {
  border-bottom: none !important;
}

body.litecat .container-content__menu .menu__region,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__region {
  padding: 0 0 16px !important;
}

body.litecat .container-content__menu .menu__procuct-type,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__procuct-type,
body.litecat .container-content__menu .menu__activity-type,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__activity-type {
  padding: 12px 0 16px !important;
}

body.litecat .container-content__menu .menu__slogan,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__slogan {
  font-family: "DM Mono", monospace !important;
  font-weight: 400 !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--stone) !important;
  margin-bottom: 8px !important;
  padding: 0 18px 8px !important;
  border-bottom: 1px solid var(--sand);
}

body.litecat .container-content__menu .menu__product-type-list,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__product-type-list,
body.litecat .container-content__menu .menu__activity-type-list,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__activity-type-list {
  padding: 4px 10px 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.litecat .container-content__menu .menu__region-button,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__region-button {
  font-family: "DM Sans", sans-serif;
  width: calc(100% - 20px);
  margin: 0 10px;
  box-sizing: border-box;
  border: 1px solid var(--sky);
  border-radius: 8px;
  background: var(--fog);
  color: var(--ink);
  padding: 8px 10px;
}

body.litecat .container-content__menu .menu__region-name,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__region-name {
  font-size: 12px;
  color: var(--ink-light);
  text-decoration: none !important;
}

body.litecat .container-content__menu .menu__region-button:hover,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__region-button:hover,
body.litecat .container-content__menu .menu__region-button:focus,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__region-button:focus {
  color: var(--denim-deep);
}

body.litecat .container-content__menu .menu__region-button:hover .menu__region-name,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__region-button:hover .menu__region-name,
body.litecat .container-content__menu .menu__region-button:focus .menu__region-name,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__region-button:focus .menu__region-name {
  color: var(--denim-deep) !important;
}

body.litecat .container-content__menu .menu__product-type-item,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__product-type-item,
body.litecat .container-content__menu .menu__activity-type-item,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__activity-type-item {
  border-radius: 4px !important;
  width: auto !important;
  display: flex !important;
  align-items: center;
  padding: 6px 10px !important;
  margin-bottom: 4px !important;
  box-sizing: border-box;
}

body.litecat .container-content__menu .menu__product-type-item:not(.menu__product-type-item--current):hover,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__product-type-item:not(.menu__product-type-item--current):hover,
body.litecat .container-content__menu .menu__activity-type-item:not(.menu__activity-type-item--current):hover,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__activity-type-item:not(.menu__activity-type-item--current):hover {
  background: var(--fog);
}

body.litecat .container-content__menu .menu__product-type-item--current,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__product-type-item--current,
body.litecat .container-content__menu .menu__activity-type-item--current,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__activity-type-item--current {
  background: rgba(91, 133, 170, 0.12) !important;
}

body.litecat .container-content__menu .menu__product-type-item--current .menu__link,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__product-type-item--current .menu__link,
body.litecat .container-content__menu .menu__activity-type-item--current .menu__link,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__activity-type-item--current .menu__link {
  color: var(--denim-deep) !important;
  font-weight: 600 !important;
}

body.litecat .container-content__menu .menu__product-type-item--current .menu__link:hover,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__product-type-item--current .menu__link:hover,
body.litecat .container-content__menu .menu__product-type-item--current .menu__link:focus,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__product-type-item--current .menu__link:focus,
body.litecat .container-content__menu .menu__activity-type-item--current .menu__link:hover,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__activity-type-item--current .menu__link:hover,
body.litecat .container-content__menu .menu__activity-type-item--current .menu__link:focus,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__activity-type-item--current .menu__link:focus {
  color: var(--denim-deep) !important;
}

body.litecat .container-content__menu .menu__product-type-item--current .menu__ammount,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__product-type-item--current .menu__ammount,
body.litecat .container-content__menu .menu__activity-type-item--current .menu__ammount,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__activity-type-item--current .menu__ammount {
  color: var(--stone) !important;
}

body.litecat .container-content__menu .menu__link,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__link {
  font-family: "DM Sans", sans-serif;
  font-size: 12.5px;
  line-height: 1.35;
  color: var(--ink-light);
}

body.litecat .container-content__menu a.menu__link:hover,
body.layoutWide.drinkinfo .list-content .container-content__menu a.menu__link:hover,
body.litecat .container-content__menu a.menu__link:focus,
body.layoutWide.drinkinfo .list-content .container-content__menu a.menu__link:focus {
  color: var(--denim) !important;
}

body.litecat .container-content__menu .menu__ammount,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__ammount {
  font-family: "DM Mono", monospace;
  font-size: 10px;
  color: var(--stone);
}

body.litecat .container-content__menu .menu__show-more-button,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__show-more-button {
  font-family: "DM Sans", sans-serif;
  color: var(--stone);
  margin-left: 12px;
}

body.litecat .container-content__menu .menu__promotion,
body.layoutWide.drinkinfo .list-content .container-content__menu .menu__promotion {
  width: auto;
  max-width: 100%;
  margin: 8px 10px 0;
  background: var(--fog);
  border: 1px solid var(--sand);
  border-radius: 8px;
  box-sizing: border-box;
}

/* [D2] Карточка объявления — блок `.info` (заголовок, цена, статус, избранное) */
body.trade .js-offer-wrap section.info .info__title {
  font-family: "Syne", sans-serif;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: var(--denim-deep);
}

body.trade .js-offer-wrap section.info .info__old {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  color: var(--red);
}

body.trade .js-offer-wrap section.info .info__price-ammount {
  font-family: "Syne", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--denim-deep);
}

body.trade .js-offer-wrap section.info .info__status {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--ink-light);
}

body.trade .js-offer-wrap section.info .info__short-description,
body.trade .js-offer-wrap section.info .info__short-description-item {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  color: var(--stone);
}

body.trade .js-offer-wrap .contacts__no-price {
  font-family: "DM Sans", sans-serif;
  color: var(--stone);
}

body.trade .js-offer-wrap .contacts__request-price-title {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--denim);
}

body.trade .js-offer-wrap .info__favorites-slogan {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  color: var(--ink-light);
}

/* [L2] Каталог компаний — карточка в списке (`_company-card-marketplace.html`) */
body.litecat .company-card__wrapper {
  border-radius: 10px;
  background: var(--white);
  border: 1px solid var(--sand);
}

body.litecat .company-card:hover .company-card__wrapper {
  box-shadow: 0 4px 20px rgba(91, 133, 170, 0.12);
}

body.litecat .company-card__name a {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: var(--ink);
  text-decoration: none;
}

body.litecat .company-card__name a:hover {
  color: var(--denim-deep);
}

body.litecat .company-card__letter {
  font-family: "Syne", sans-serif;
  font-weight: 700;
  color: var(--denim-deep);
  background: var(--mist);
}

body.litecat .company-card__logo-wrap--no-logo {
  background: var(--fog);
  border: 1px solid var(--sky);
}

/* [D3] Карточка объявления — галерея `.photos`, колонка `.contacts`, описание */
body.trade .js-offer-wrap .info__photos.photos {
  border-radius: 10px;
}

body.trade .js-offer-wrap .photos__slide-wrap {
  border-radius: 8px;
  border: 1px solid var(--sand);
  overflow: hidden;
}

body.trade .js-offer-wrap .content-wrap__content .contacts {
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 10px;
}

body.trade .js-offer-wrap .contacts__price {
  font-family: "Syne", sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--denim-deep);
}

body.trade .js-offer-wrap .author__profile-link {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  color: var(--denim-deep);
  text-decoration: none;
}

body.trade .js-offer-wrap .author__profile-link:hover {
  color: var(--denim);
}

body.trade .js-offer-wrap .author__age {
  font-family: "DM Mono", monospace;
  font-size: 10px;
  color: var(--stone);
  letter-spacing: 0.04em;
}

body.trade .js-offer-wrap .contacts__company-link {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  color: var(--denim);
  text-decoration: none;
}

body.trade .js-offer-wrap .contacts__company-link:hover {
  color: var(--denim-deep);
}

body.trade .js-offer-wrap .info__description {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink);
}

body.trade .js-offer-wrap .info__category {
  font-family: "DM Mono", monospace;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--stone);
}

body.trade .js-offer-wrap .info__meaning {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  color: var(--ink-light);
}

body.trade .js-offer-wrap .info__company-link {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--denim);
}

body.trade .js-offer-wrap .info__full-description {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: var(--ink-light);
}

body.trade .js-offer-wrap .history__title {
  font-family: "Syne", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--denim-deep);
}

/* [D4] Карточка объявления — кнопки/ссылки действий (`.contacts`, `.info__links`, моб. шапка) */
body.trade .js-offer-wrap .info__history-button {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  color: var(--denim);
  border: 1px solid var(--sky);
  border-radius: 6px;
  background: var(--fog);
}

body.trade .js-offer-wrap .info__favorites,
body.trade .js-offer-wrap .details__favorites {
  font-family: "DM Sans", sans-serif;
  border-radius: 8px;
  border: 1px solid var(--sand);
  background: var(--white);
}

body.trade .js-offer-wrap .info__map-button {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--denim-deep);
  border: 1px solid var(--sky);
  border-radius: 8px;
  background: var(--fog);
}

body.trade .js-offer-wrap .details__mobile-back-link {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--denim);
  text-decoration: none;
}

body.trade .js-offer-wrap .contacts__show-phone.contacts__show-phone--button,
body.trade .js-offer-wrap button.contacts__show-phone {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: var(--denim);
  border: none;
  border-radius: 8px;
}

body.trade .js-offer-wrap .contacts__show-phone:hover,
body.trade .js-offer-wrap .contacts__show-phone:focus {
  background: var(--denim-deep);
  color: #fff;
}

body.trade .js-offer-wrap .contacts__phone-slogan,
body.trade .js-offer-wrap .contacts__phone-number {
  font-family: "DM Sans", sans-serif;
}

/* Issue 16412: DS overlay поверх общих .contacts__social* в m16 product/contacts.scss */
body.trade .js-offer-wrap .contacts__social {
  border-top-color: var(--sand);
}

body.trade .js-offer-wrap .contacts__social-title {
  font-family: "DM Mono", monospace;
  font-size: 9px;
  letter-spacing: 0.12em;
  color: var(--stone);
}

body.trade .js-offer-wrap .contacts__social-link {
  border-radius: 8px;
  border-color: var(--sky);
  background: var(--white);
}

body.trade .js-offer-wrap .contacts__social-link:hover,
body.trade .js-offer-wrap .contacts__social-link:focus {
  border-color: var(--denim);
  box-shadow: 0 2px 8px rgba(91, 133, 170, 0.2);
}

body.trade .js-offer-wrap .max-contact-modal {
  border-radius: 12px;
  font-family: "DM Sans", sans-serif;
}

body.trade .js-offer-wrap .max-contact-modal__title,
body.trade .js-offer-wrap .max-contact-modal__steps-heading {
  font-family: "DM Sans", sans-serif;
}

body.trade .js-offer-wrap .max-contact-modal__copy {
  font-family: "DM Sans", sans-serif;
  border-radius: 8px;
}

body.trade .js-offer-wrap .contacts__order {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
}

body.trade .js-offer-wrap a.contacts__message,
body.trade .js-offer-wrap .contacts__show-email,
body.trade .js-offer-wrap .contacts__advertisings-link {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--denim);
  text-decoration: none;
}

body.trade .js-offer-wrap a.contacts__message:hover,
body.trade .js-offer-wrap .contacts__show-email:hover,
body.trade .js-offer-wrap .contacts__advertisings-link:hover {
  color: var(--denim-deep);
}

body.trade .js-offer-wrap a.contacts__upgrade {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--denim-deep);
  text-decoration: none;
  border: 1px solid var(--sky);
  border-radius: 8px;
  background: var(--white);
}

body.trade .js-offer-wrap a.contacts__upgrade:hover {
  background: var(--fog);
  color: var(--denim-deep);
}

body.trade .js-offer-wrap a.contacts__upgrade.contacts__upgrade--disabled {
  color: var(--stone);
  border-color: var(--sand);
  pointer-events: none;
}

body.trade .js-offer-wrap a.contacts__publsih-again,
body.trade .js-offer-wrap a.contacts__edit,
body.trade .js-offer-wrap button.contacts__set-unpublished,
body.trade .js-offer-wrap button.contacts__delete {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
}

body.trade .js-offer-wrap .contacts__profile-link {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  color: var(--denim-deep);
  text-decoration: none;
}

body.trade .js-offer-wrap .contacts__author-status {
  font-family: "DM Mono", monospace;
  font-size: 10px;
  color: var(--stone);
  letter-spacing: 0.04em;
}

body.trade .js-offer-wrap .contacts__status {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  color: var(--ink-light);
}

/* [L0] Страница компании details2022 — единый холст (legacy #fafafa, #ebf2fa, синие табы) */
body.layoutWide.drinkinfo.litecat .container,
body.layoutWide.drinkinfo.litecat .container__company.company {
  background: transparent;
}

body.litecat .company .company__header {
  background: transparent;
}

body.litecat .company .company__logo-letter {
  background-color: var(--mist);
  border-color: var(--sky);
  color: var(--denim-deep);
}

body.litecat .company .company__info-item-link {
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 8px;
}

body.litecat .company .company__info-item-link:hover {
  background: var(--fog);
  border-color: var(--sky);
}

body.litecat .company .company__info-item--active .company__info-item-decor {
  background: var(--denim);
  border-radius: 8px 8px 8px 0;
}

body.litecat .company .company__info-item--active .company__info-item-decor::before {
  display: none;
}

body.litecat .company .manager .manager__wrap {
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 10px;
}

body.litecat .company .manager .manager__add-submit,
body.litecat .company .manager .manager__hidden-btn {
  border-color: var(--sky);
  color: var(--denim-deep);
  border-radius: 8px;
}

body.litecat .company .manager .manager__add-submit:hover,
body.litecat .company .manager .manager__hidden-btn:hover {
  background: var(--fog) !important;
}

body.litecat .company .review-block .add-review__img,
body.litecat .company .add-review .add-review__img {
  background-color: var(--fog);
  border-color: var(--sky);
}

body.litecat .company .review-block .add-review__label,
body.litecat .company .add-review .add-review__label {
  border-color: var(--sky);
  color: var(--stone);
}

body.litecat .company .reused-el__banner-btn:hover {
  background-color: var(--fog);
}

/* [L3] Страница компании details2022 — боковая карточка `.company .company-card` */
body.litecat .company .company-card__wrap {
  border-radius: 10px;
  background: var(--white);
  border: 1px solid var(--sand);
}

body.litecat .company .company-card__logo-letter {
  font-family: "Syne", sans-serif;
  font-weight: 700;
  color: var(--denim-deep);
  background: var(--mist);
}

body.litecat .company .company-card__info {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  color: var(--stone);
}

body.litecat .company .company-card__logo-img {
  border-radius: 8px;
}

/* [L4] Страница компании — основной блок `.company__content` (крошки, заголовок, табы, меню •••) */
body.litecat .company .company__breadcrumbs,
body.litecat .company .lct-breadcrumbs {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
}

body.litecat .company .company__breadcrumbs a,
body.litecat .company .lct-breadcrumbs a {
  color: var(--stone);
  text-decoration: none;
}

body.litecat .company .company__breadcrumbs a:hover,
body.litecat .company .lct-breadcrumbs a:hover {
  color: var(--denim);
}

body.litecat .company .company__title {
  font-family: "Syne", sans-serif;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--denim-deep);
}

body.litecat .company .company__header-props {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  color: var(--stone);
}

body.litecat .company .company__info-item-link {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--ink-light);
  text-decoration: none;
}

body.litecat .company .company__info-item:not(.company__info-item--active) .company__info-item-link:hover {
  color: var(--denim-deep);
}

body.litecat .company .company__header-menu-btn {
  border-radius: 8px;
  border: 1px solid var(--sand);
  background: var(--white);
}

body.litecat .company .company__header-menu-item {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  color: var(--denim);
  text-decoration: none;
}

body.litecat .company .company__header-menu-item:hover {
  color: var(--denim-deep);
}

/* [L5] Страница компании — контент вкладок: товары, о компании, контакты, новости, вакансии, отзывы */
body.litecat .company .company__info-body {
  font-family: "DM Sans", sans-serif;
  color: var(--ink);
}

body.litecat .company .products .product-card__wrap {
  border-radius: 10px;
  background: var(--white);
  border: 1px solid var(--sand);
  padding: 12px;
}

body.litecat .company .products .product-card__title {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink);
}

body.litecat .company .products .product-card__price {
  font-family: "Syne", sans-serif;
  font-weight: 700;
  color: var(--denim-deep);
}

body.litecat .company .products .product-card__type--sale,
body.litecat .company .products .product-card__type--buy,
body.litecat .company .products .product-card__type--others {
  color: #fff;
}

body.litecat .company .products .product-card__link {
  /* Базовый litecat CSS делает ссылку position:absolute на весь __wrap с color:transparent.
     DS задаёт видимый цвет — текст «Смотреть объявление» тогда оказывается в углу карточки
     и наезжает на абсолютный бейдж Куплю/Продам. Возвращаем ссылку в поток под заголовком. */
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  display: block;
  margin-top: 6px;
  width: fit-content;
  max-width: 100%;
  font-weight: 600;
  color: var(--denim);
  text-decoration: none;
}

body.litecat .company .products .product-card__address,
body.litecat .company .products .product-card__date {
  font-size: 11px;
  color: var(--stone);
}

body.litecat .company .products .products__label,
body.litecat .company .products .products__current-label {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
}

body.litecat .company .products .products__current-label {
  color: var(--denim-deep);
  font-weight: 600;
}

body.litecat .company .products .products__list-btn,
body.litecat .company .products .product-card__order-btn {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
}

body.litecat .company .about .about__label {
  font-family: "DM Mono", monospace;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--stone);
}

body.litecat .company .about .about__props {
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 10px;
}

body.litecat .company .about .about__props-title {
  display: flex;
  align-items: center;
  padding: 14px 16px;
}

body.litecat .company .about .about__props-item {
  font-size: 13px;
  color: var(--ink-light);
}

body.litecat .company .about .about__description pre {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink);
  white-space: pre-wrap;
}

body.litecat .company .about .about__approved {
  border-radius: 10px;
  border: 1px solid var(--sky);
  background: var(--mist);
}

body.litecat .company .about .about__approved-title {
  font-family: "Syne", sans-serif;
  font-size: 15px;
  color: var(--denim-deep);
}

body.litecat .company .about .about__approved-text {
  font-size: 13px;
  color: var(--ink-light);
}

/* Вкладка «Контакты» (не trade `.js-offer-wrap .contacts`) */
body.litecat .company #contacts.contacts .contacts__show,
body.litecat .company #contacts.contacts a.contacts__show {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: var(--denim);
  border: none;
  border-radius: 8px;
  text-decoration: none;
}

body.litecat .company #contacts.contacts .contacts__show:hover,
body.litecat .company #contacts.contacts a.contacts__show:hover {
  background: var(--denim-deep);
  color: #fff;
}

body.litecat .company #contacts.contacts .contacts__relevans-btn {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  color: var(--denim);
}

body.litecat .company #contacts.contacts .contacts__info-text,
body.litecat .company #contacts.contacts .contacts__notify {
  font-size: 13px;
  color: var(--ink-light);
}

body.litecat .company #contacts.contacts .contacts__unlimited {
  font-weight: 600;
  color: var(--denim);
}

body.litecat .company .company__news .company__news-date {
  font-family: "DM Mono", monospace;
  font-size: 11px;
  color: var(--stone);
}

body.litecat .company .company__news .company__news-link {
  font-size: 14px;
  font-weight: 600;
  color: var(--denim-deep);
  text-decoration: none;
}

body.litecat .company .company__news .company__news-link:hover {
  color: var(--denim);
}

body.litecat .company .vacancy {
  border-radius: 10px;
  border: 1px solid var(--sand);
  background: var(--white);
}

body.litecat .company .vacancy .vacancy__name {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  color: var(--denim-deep);
  text-decoration: none;
}

body.litecat .company .vacancy .vacancy__salary {
  font-family: "Syne", sans-serif;
  color: var(--denim-deep);
}

body.litecat .company .vacancy .vacancy__date {
  font-family: "DM Mono", monospace;
  font-size: 11px;
  color: var(--stone);
}

body.litecat .company .reviews .reviews__title {
  font-family: "Syne", sans-serif;
  font-size: 18px;
  color: var(--denim-deep);
}

body.litecat .company .reviews .reviews__empty {
  font-size: 13px;
  color: var(--ink-light);
}

body.litecat .company .reviews .reviews__rules-btn,
body.litecat .company .reviews .reviews__add-btn {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
}

body.litecat .company .reviews .current-rating__average {
  font-family: "Syne", sans-serif;
  font-weight: 700;
  color: var(--denim-deep);
}

body.litecat .company .reviews .current-rating__number {
  font-family: "DM Mono", monospace;
  font-size: 12px;
  color: var(--stone);
}

body.litecat .company .brands-company__link {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--denim);
  text-decoration: none;
}

body.litecat .company .brands-company__link:hover {
  color: var(--denim-deep);
}

/* [L6] Страница компании — список отзывов, ответы, блок добавления отзыва, похожие компании */
body.litecat .company .reviews .reviews__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

body.litecat .company .reviews .reviews__item {
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 10px;
  padding: 16px 18px 18px;
  margin-bottom: 12px;
  box-sizing: border-box;
}

body.litecat .company .reviews .reviews__text {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink);
  margin: 12px 0 0;
}

body.litecat .company .reviews .reviews__img {
  border-radius: 8px;
  border: 1px solid var(--sand);
}

body.litecat .company .reviews .person__name-link {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: var(--denim-deep);
  text-decoration: none;
}

body.litecat .company .reviews .person__name-link:hover {
  color: var(--denim);
}

body.litecat .company .reviews .person .current-rating__date {
  font-family: "DM Mono", monospace;
  font-size: 11px;
  color: var(--stone);
}

body.litecat .company .reviews .reviews__reply,
body.litecat .company .reviews .reviews__delete {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--denim);
  text-decoration: none;
  border: none;
  background: transparent;
  cursor: pointer;
}

body.litecat .company .reviews .reviews__delete {
  color: var(--red);
}

body.litecat .company .reviews .reviews__like,
body.litecat .company .reviews .reviews__dislike {
  font-family: "DM Mono", monospace;
  font-size: 12px;
  color: var(--ink-light);
  text-decoration: none;
}

body.litecat .company .reviews .reviews__answer {
  background: var(--fog);
  border: 1px solid var(--sand);
  border-radius: 8px;
  padding: 12px 14px;
  margin-top: 10px;
  box-sizing: border-box;
}

body.litecat .company .review-block .review-block__title {
  font-family: "Syne", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--denim-deep);
}

body.litecat .company .review-block .review-block__text {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: var(--ink-light);
}

body.litecat .company .review-block .review-block__body {
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 10px;
  box-sizing: border-box;
}

body.litecat .company .review-block .rating__title {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  color: var(--ink-light);
}

body.litecat .company .review-block .add-review__textarea {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  color: var(--ink);
  border: 1px solid var(--sky);
  border-radius: 8px;
  background: var(--fog);
  box-sizing: border-box;
}

body.litecat .company .review-block .add-review__photos-title {
  font-family: "DM Mono", monospace;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--stone);
}

body.litecat .company .review-block .review-block__reset {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-light);
  border: 1px solid var(--sand);
  border-radius: 8px;
  background: var(--white);
}

body.litecat .company .review-block .review-block__submit {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: var(--denim);
  border: none;
  border-radius: 8px;
}

body.litecat .company .review-block .review-block__submit:not(:disabled):hover {
  background: var(--denim-deep);
}

body.litecat .company .similar-companies {
  margin-top: 20px;
}

body.litecat .company .similar-companies__title {
  font-family: "Syne", sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: var(--denim-deep);
  letter-spacing: -0.02em;
}

body.litecat .company .similar-companies__inner {
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 10px;
  box-sizing: border-box;
}

body.litecat .company .similar-companies__name a {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: var(--denim-deep);
  text-decoration: none;
}

body.litecat .company .similar-companies__name a:hover {
  color: var(--denim);
}

body.litecat .company .similar-companies__letter {
  font-family: "Syne", sans-serif;
  font-weight: 700;
  color: var(--denim-deep);
  background: var(--mist);
}

body.litecat .company .similar-companies__logo-img {
  border-radius: 8px;
}

body.litecat .company .similar-companies__offers {
  font-family: "DM Mono", monospace;
  font-size: 11px;
  color: var(--denim);
  text-decoration: none;
}

body.litecat .company .similar-companies__offers:hover {
  color: var(--denim-deep);
}

/* [M1] Модалка заказа (trade + litecat карточки) — файл DS только на drinkinfo */
.order-form-modal .order-form-modal__title {
  font-family: "Syne", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--denim-deep);
}

.order-form-modal .order-form-modal__label {
  font-family: "DM Mono", monospace;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--stone);
}

.order-form-modal .order-form-modal__input,
.order-form-modal .order-form-modal__textarea {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  color: var(--ink);
  border-color: var(--sky);
  border-radius: 8px;
  background: var(--fog);
}

.order-form-modal .order-form-modal__link {
  color: var(--denim);
  font-weight: 600;
}

.order-form-modal .order-form-modal__submit {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: var(--denim);
  border: none;
  border-radius: 8px;
}

.order-form-modal .order-form-modal__submit:hover {
  background: var(--denim-deep);
}

.order-form-modal .order-form-modal__close {
  border-radius: 8px;
}

/* [M2] Модалка региона trade / news / стартовая — `.modal-region` (шаблон `trade/modal/__region-modal.html` и др.) */
.modal-region .modal-region__title {
  font-family: "Syne", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--denim-deep);
  letter-spacing: -0.02em;
}

.modal-region .modal-region__search-input {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  color: var(--ink);
  border: 1px solid var(--sky);
  border-radius: 8px;
  background: var(--fog);
}

.modal-region .modal-region__letter {
  font-family: "Syne", sans-serif;
  font-weight: 700;
  color: var(--denim-deep);
}

.modal-region .modal-region__global-link,
.modal-region .modal-region__link {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  color: var(--ink-light);
  text-decoration: none;
}

.modal-region .modal-region__global-item--current .modal-region__global-link,
.modal-region .modal-region__link-item--current .modal-region__link {
  color: var(--denim-deep);
  font-weight: 600;
}

.modal-region .modal-region__close-button {
  border-radius: 8px;
}

/* [M3] Модалка региона litecat — `.region` (`litecat/modal/__region-modal.html`) */
body.litecat .region .region__slogan {
  font-family: "Syne", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--denim-deep);
  letter-spacing: -0.02em;
}

body.litecat .region .region__search {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  color: var(--ink);
  border: 1px solid var(--sky);
  border-radius: 8px;
  background: var(--fog);
}

body.litecat .region .region__link {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  color: var(--ink-light);
  text-decoration: none;
}

body.litecat .region .region__link-item--current .region__link {
  color: var(--denim-deep);
  font-weight: 600;
}

body.litecat .region .region__close-button {
  border-radius: 8px;
}

/* [M4] Попап «Правила публикации отзывов» — `.pop-up.js-reviews-rules-popup` (details2022) */
body.litecat .pop-up.js-reviews-rules-popup .pop-up__body--rules {
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 12px;
  box-sizing: border-box;
}

body.litecat .pop-up.js-reviews-rules-popup .pop-up__title--rules {
  font-family: "Syne", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--denim-deep);
}

body.litecat .pop-up.js-reviews-rules-popup .pop-up__sub-title {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--denim-deep);
}

body.litecat .pop-up.js-reviews-rules-popup .pop-up__rules-item {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: var(--ink-light);
}

body.litecat .pop-up.js-reviews-rules-popup .pop-up__close {
  border-radius: 8px;
}

/* [M5] Глобальные оверлеи drinkinfo: cookies; trade — моб. фильтры; litecat — mobile-menu; promo trade */
.about-cookies-msg .about-cookies-msg__inner {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: var(--ink);
  background: var(--white);
  border-top: 1px solid var(--sand);
}

.about-cookies-msg .about-cookies-msg__link {
  color: var(--denim);
  font-weight: 600;
  text-decoration: none;
}

.about-cookies-msg .about-cookies-msg__link:hover {
  color: var(--denim-deep);
}

.about-cookies-msg .about-cookies-msg__close {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: var(--denim);
  border: none;
  border-radius: 8px;
  padding: 3px 5px;
  cursor: pointer;
}

.about-cookies-msg .about-cookies-msg__close:hover {
  background: var(--denim-deep);
}

/* Trade: кнопка «фильтр» у поиска и полноэкранные моб. фильтры (Vue `tradelistfilter`) */
body.trade .search__filter {
  border-radius: 8px;
  border: 1px solid var(--sky);
  background: var(--fog);
}

body.trade .content-wrap__mobile-menu.mobile-menu {
  background: var(--white);
  border-top: 1px solid var(--sand);
}

body.trade .mobile-filters {
  font-family: "DM Sans", sans-serif;
  color: var(--ink);
}

body.trade .mobile-filters__slogan {
  font-family: "DM Mono", monospace;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--stone);
}

body.trade .mobile-filters__select,
body.trade .mobile-filters__price-input,
body.trade .mobile-filters__fat-content-input {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  color: var(--ink);
  border-color: var(--sky);
  border-radius: 8px;
  background: var(--fog);
}

body.trade .mobile-filters__back-title {
  font-family: "Syne", sans-serif;
  font-weight: 700;
  color: var(--denim-deep);
}

body.trade .mobile-filters__submit {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: var(--denim);
  border: none;
  border-radius: 8px;
}

body.trade .mobile-filters__submit:hover,
body.trade .mobile-filters__submit:focus {
  background: var(--denim-deep);
  color: #fff;
}

body.trade .mobile-filters__reset {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-light);
  border: 1px solid var(--sand);
  border-radius: 8px;
  background: var(--white);
}

/* Litecat list: моб. блок фильтров `.mobile-menu` */
body.litecat .mobile-menu {
  background: var(--white);
  border-top: 1px solid var(--sand);
}

body.litecat .mobile-menu .mobile-menu__slogan {
  font-family: "DM Mono", monospace;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--stone);
}

body.litecat .mobile-menu .mobile-menu__region-button,
body.litecat .mobile-menu .mobile-menu__product-type-select {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  color: var(--ink);
  border: 1px solid var(--sky);
  border-radius: 8px;
  background: var(--fog);
}

body.litecat .mobile-menu .mobile-menu__current-region {
  color: var(--ink-light);
}

/* Trade: промо-модалка услуг (`trade/_promo-modal.html`) */
.promo-popup .promo-popup__content {
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 12px;
  box-sizing: border-box;
}

.promo-popup .promo-popup__title {
  font-family: "Syne", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--denim-deep);
}

.promo-popup .promo-popup__slogan {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  color: var(--ink-light);
}

.promo-popup .promo-popup__offer-title {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  color: var(--denim-deep);
}

.promo-popup .promo-popup__price {
  font-family: "Syne", sans-serif;
  font-weight: 700;
  color: var(--denim-deep);
}

.promo-popup .promo-popup__submit--block {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  color: #fff;
  background: var(--denim);
  border: none;
  border-radius: 8px;
}

.promo-popup .promo-popup__submit--block:hover {
  background: var(--denim-deep);
}

.promo-popup .promo-popup__submit--inline {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  color: var(--denim);
  border: 1px solid var(--sky);
  border-radius: 8px;
  background: var(--fog);
}

.promo-popup .promo-popup__close {
  border-radius: 8px;
}

/* [A1] Узкие экраны: legacy trade/litecat с DS — без горизонтального скролла страницы */
@media (max-width: 640px) {
  body.layoutWide.drinkinfo.trade #top-page,
  body.layoutWide.drinkinfo.litecat .list-content,
  body.litecat .container-content {
    overflow-x: hidden;
    max-width: 100%;
  }
}

/* [A2] Litecat details2022 — tablet/mobile: ширина контента, табы, отзывы */
@media (max-width: 900px) {
  body.layoutWide.drinkinfo.litecat .m16_corners {
    padding-left: 8px;
    padding-right: 8px;
  }

  body.layoutWide.drinkinfo.litecat .m16_corners .content .content {
    padding-left: 8px;
    padding-right: 8px;
  }

  body.layoutWide.drinkinfo.litecat .container,
  body.layoutWide.drinkinfo.litecat .container__company.company {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex-direction: column;
  }

  body.litecat .company .company__content,
  body.litecat .company .company__info-body {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body.litecat .company .company__info-nav.swiper {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 640px) {
  body.layoutWide.drinkinfo.litecat {
    overflow-x: hidden;
  }

  body.layoutWide.drinkinfo.litecat .m16_corners {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
  }

  body.layoutWide.drinkinfo.litecat .m16_corners .content .content {
    padding-left: 12px;
    padding-right: 12px;
  }

  body.layoutWide.drinkinfo.litecat .container,
  body.layoutWide.drinkinfo.litecat .container__company.company {
    overflow-x: hidden;
  }

  body.litecat .company .company__title {
    font-size: 18px;
    line-height: 1.25;
  }

  body.litecat .company .reviews .reviews__item,
  body.litecat .company .reviews .reviews__text,
  body.litecat .company .add-review {
    max-width: 100%;
    min-width: 0;
  }

  body.litecat .company .products .products__labels-list.swiper {
    max-width: 100%;
    overflow-x: auto;
  }
}