/* Секция «Похожие места» на одиночной странице места (шаблон 160, /places/{slug}/).
   Карточка — переиспользует ТОТ ЖЕ Elementor-шаблон, что и "Смотреть площадки" на главной
   (пост 454, "Места: Карточка v2", .elementor-element-vgp* — стили самой карточки живут в
   catalog.css, здесь их не дублируем). Раньше здесь стоял отдельный кастомный шаблон-плитка
   (пост 487) — от него отказались 2026-07-25: пользователь показал скриншот карточек с главной
   и попросил визуально 1:1 повторить именно их, а не собственный стиль. */

/* 978b4ea — не отдельная полноширинная секция, а e-con-boxed ребёнок внутри общего 1600px-контейнера
   (того же, что обёртывает и блок с фото места, и сетку инфо-блоков) — фон, поставленный
   напрямую на сам native background-color, красится только в границах этих 1600px (с отступом от края
   вьюпорта) — выглядит как вставленный прямоугольник, а не как full-bleed фон 1:1 с <section> в place.html.
   Фиксим тем же приёмом, что и для хлебных крошек (vgbc1 в place-single.css) — ::before с left:50%/width:100vw/translateX(-50%),
   вырывается из узкого родителя и красит на всю ширину вьюпорта, не трогая структуру Elementor-дерева. */

.elementor-element-978b4ea {
  position: relative !important;
  z-index: 0;
  padding: 64px 0 !important;
  border-top: none !important;
  border-bottom: none !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
}
@media (min-width: 640px) {
  .elementor-element-978b4ea { padding: 80px 0 !important; }
}
/* Фон + верхняя рамка — на full-bleed ::before (сам реальный элемент ужат до 1600px общим контейнером bf00469,
   поэтому border-top на нём самом не дотягивает до края экрана). Нижнюю рамку НЕ дублируем —
   у следующего блока (vgctarootplace1, Жёлтый CTA) уже есть свой border-top, он full-bleed и стыкуется вплотную. */
.elementor-element-978b4ea::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  border-top: var(--vg-border-width) solid var(--vg-ink);
  background-color: rgba(255, 255, 255, .75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: -1;
}

.elementor-element-vgreyebrow1 {
  display: block;
  font-family: var(--vg-font-mono) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .16em !important;
  color: var(--vg-primary) !important;
}

.elementor-element-d7c07b7 .elementor-heading-title {
  margin-top: 12px !important;
  font-family: var(--vg-font-body);
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -0.055em;
  color: var(--vg-ink);
}
@media (min-width: 640px) {
  .elementor-element-d7c07b7 .elementor-heading-title { font-size: 48px; }
}

.elementor-element-39b969c .post-feed-grid {
  margin-top: 40px;
}

/* place.html (строка 333: h-52, без sm:-брейкпоинта) делает картинку карточки в этой секции
   ниже (208px), чем у шаблона 454 по умолчанию (288px, catalog.css — тот же файл, что и у главной,
   поэтому переопределяем только здесь, чтобы не затронуть каталог на главной). Аналогично нахлёст
   лого-плашки (place.html: -mt-10 = -40px, шаблон 454: -72px). */

.elementor-element-39b969c .elementor-element-vgpimgw1 {
  height: 208px !important;
}
/* vgplogo1 без override — родной catalog.css уже даёт margin-top:-72px, что эмпирически даёт ровно
   50/50 перекрытие (32px из 64px выше границы картинка/карточка). Попытка пересчитать под
   -40px из place.html (-mt-10) давала только 12px перекрытия на практике — ошибочна, убрана. */