/* Язык пометки заглушек.
   Верхняя полоса «это рыба» снята решением владельца 2026-08-21: Юлия и так
   знает, что сайт пилотный, а полоса мешала бы объявлениям в баннере.
   Пометки у цен, фотографий и карты остаются — они там, где в них можно
   упереться, а не над всей страницей. */

/* Блочная заглушка: фото, карта, логотип */
.ph {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 4px; text-align: center;
  background-color: #e9e4d8;
  background-image: repeating-linear-gradient(45deg,
    rgba(0,0,0,.07) 0 10px, rgba(0,0,0,0) 10px 20px);
  border: 2px dashed #8a8578;
  color: #5a564c;
  font: 700 12px/1.3 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  letter-spacing: .06em; text-transform: uppercase;
  padding: 14px; box-sizing: border-box;
}
.ph small {
  display: block; font-size: 11px; font-weight: 500;
  letter-spacing: 0; text-transform: none; opacity: .8; max-width: 24ch;
}

/* Тёмная тема: та же штриховка, чтобы пометка читалась и на чёрном */
.ph--dark {
  background-color: #2a2a2c;
  background-image: repeating-linear-gradient(45deg,
    rgba(255,255,255,.07) 0 10px, rgba(255,255,255,0) 10px 20px);
  border-color: #6c6c70; color: #b6b6ba;
}

/* Текстовая заглушка внутри строки: цена, телефон, адрес */
.ph-t {
  background: rgba(255,212,0,.35);
  border-bottom: 2px dashed #b39400;
  padding: 0 2px;
  border-radius: 2px;
}
.ph--dark ~ * .ph-t, .dark .ph-t {
  background: rgba(255,212,0,.22); border-bottom-color: #8a7400;
}

/* Ярлык на секцию целиком */
.ph-tag {
  display: inline-block; vertical-align: middle;
  background: #ffd400; color: #1a1a1a;
  font: 700 10px/1 system-ui, -apple-system, sans-serif;
  letter-spacing: .08em; text-transform: uppercase;
  padding: 5px 7px; border-radius: 3px; border: 1px solid #1a1a1a;
  /* Без nowrap: длинный ярлык на узком экране распирал страницу вбок.
     Короткие всё равно остаются в одну строку — им переносить нечего. */
  max-width: 100%;
}

/* Кнопка записи в рыбе намеренно не нажимается — см. #3 */
.cta[disabled], .cta {
  cursor: not-allowed;
}
.cta-note {
  font: 500 12px/1.4 system-ui, -apple-system, sans-serif;
  opacity: .7; margin-top: 8px;
}

/* Телефонов может стать два или четыре — список, а не подпёртая вёрстка
   под ровно три. Номера намеренно не ссылки tel:, как и кнопка записи:
   в рыбе ничто не должно случайно сработать при просмотре. */
.phones { list-style: none; margin: 0; padding: 0; }
.phones li + li { margin-top: 2px; }