/* ZOTY v2 — совместимость со старым Bootstrap/style.css на страницах body.v2 */
body.v2 {
  font-family: 'Montserrat', sans-serif !important;
  background: var(--bg, #EFF1F3) !important;
  color: var(--ink, #16181C);
  font-size: 15px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
body.v2.has-dock { overflow-x: clip; }
body.v2 a { text-decoration: none; color: inherit; }
body.v2 img { max-width: 100%; height: auto; }

/* нейтрализуем контейнеры bootstrap вокруг новой оболочки */
body.v2 > .container,
body.v2 .v2-main.container {
  max-width: 1320px !important;
  width: 100% !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.v2 .wrap {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

/* карточка товара в гриде */
body.v2 .pc .ph {
  background: var(--bg, #EFF1F3);
  overflow: hidden;
}
body.v2 .pc .ph img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
body.v2 .pc a.buy {
  text-align: center;
  display: block;
}

/* mainnav: правый блок не уезжает на всю ширину раньше времени */
@media (min-width: 981px) {
  body.v2 .mainnav .wrap {
    flex-wrap: nowrap;
  }
  body.v2 .mainnav .r {
    flex-shrink: 0;
  }
}
@media (max-width: 1200px) and (min-width: 981px) {
  body.v2 .mainnav .wrap { flex-wrap: wrap; }
}

/* скрыть остатки старых отступов шапки на v2 */
body.v2 header.hdr { margin-bottom: 0 !important; }
body.v2 .home-v3-ads-block { display: none !important; }

/* крошки / заголовок листинга */
body.v2 .crumbs { padding: 14px 0 0; color: var(--mut); font-size: 13px; font-weight: 500; }
body.v2 .crumbs .sep { margin: 0 8px; opacity: .5; }
body.v2 .crumbs a:hover { color: var(--red); }
body.v2 .page-head { padding: 18px 0 10px; }
body.v2 .page-head h1 { font-size: clamp(28px, 3.2vw, 40px); font-weight: 900; }
body.v2 .page-head p { color: var(--mut); margin-top: 8px; font-weight: 500; }

/* без JS анимации reveal не прячем контент (fallback, если нет .in) */
@media (prefers-reduced-motion: reduce) {
  body.v2 .reveal { opacity: 1; transform: none; }
}

/* body.v2 a { color: inherit } перебивал белый текст на .btn-dark и hero promo */
body.v2 a.btn-dark,
body.v2 .btn-dark {
  color: #fff !important;
}
body.v2 a.btn-dark:hover,
body.v2 .btn-dark:hover {
  color: #fff !important;
}
body.v2 a.hero__promo,
body.v2 a.hero__promo:hover,
body.v2 a.hero__promo h3,
body.v2 a.hero__promo span {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

/* платежные бейджи в футере скрыты */
body.v2 .fpay { display: none !important; }

/* единый hover карточек: без reveal-transform, который ломал 2-й ряд */
body.v2 .pgrid .pc.reveal {
  opacity: 1;
  transform: none;
}

/* избранное пока не реализовано — полностью скрываем, чтобы бейдж «скоро» не наезжал на MAX */
body.v2 .hutil .fav {
  display: none !important;
}