/* Видеообзор услуги (владелец 22.10): компактная гармошка внутри карточки услуги.
   Закрыта: одна строка со значком «плей». Открыли: видео, его можно включить. */
.vobz { margin: 12px 0 4px; max-width: 640px; background: #fff; border: 1px solid #e9d5b2;
  border-radius: 12px; overflow: hidden; transition: border-color .16s; }
.vobz[open] { border-color: var(--gold, #c9a24b); }
.vobz > summary { list-style: none; cursor: pointer; position: relative; display: flex; align-items: center;
  gap: 10px; padding: 7px 36px 7px 8px; }
.vobz > summary::-webkit-details-marker { display: none; }
.vobz-ic { flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; background: var(--pom, #6b1229);
  display: inline-flex; align-items: center; justify-content: center; transition: transform .16s; }
.vobz-ic svg { width: 13px; height: 13px; fill: #fff; margin-left: 2px; }
.vobz > summary:hover .vobz-ic { transform: scale(1.08); }
.vobz-t { font-size: 15.5px; font-weight: 700; color: var(--ink, #1c1815); line-height: 1.3; }
.vobz-t small { font-family: "Lora", Georgia, serif; font-style: italic; font-weight: 400; font-size: 14px;
  color: var(--ink-3, #544b43); margin-left: 8px; white-space: nowrap; }
.vobz > summary::after { content: ""; position: absolute; right: 14px; top: 50%; margin-top: -6px;
  width: 8px; height: 8px; border-right: 2px solid var(--ink-3, #544b43); border-bottom: 2px solid var(--ink-3, #544b43);
  transform: rotate(45deg); transition: transform .2s; }
.vobz[open] > summary::after { transform: rotate(-135deg); margin-top: -2px; }
.vobz video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #0d1520; }

/* Истории реализации (владелец 25.10): обзоры героев в конце /ekspertiza, новые первыми.
   Обложка на всю карточку, кнопка «плей» в углу, чтобы не закрывать заголовок обложки. */
.ist-ryad { display: grid; grid-template-columns: repeat(auto-fill, minmax(172px, 1fr)); gap: 14px; margin: 14px 0 0; }
.ist-k { margin: 0; min-width: 0; }
.ist-v { position: relative; aspect-ratio: 9 / 16; border-radius: 14px; overflow: hidden; background: #1b1424;
  box-shadow: 0 6px 18px rgba(47, 32, 80, .16); }
.ist-v video { display: block; width: 100%; height: 100%; object-fit: cover; background: #1b1424; }
.ist-pusk { position: absolute; inset: 0; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; }
.ist-pusk[hidden] { display: none; }
.ist-pusk span { position: absolute; right: 10px; bottom: 10px; width: 48px; height: 48px; border-radius: 50%;
  background: rgba(255, 255, 255, .94); display: grid; place-items: center; box-shadow: 0 4px 14px rgba(0, 0, 0, .35);
  transition: transform .16s; }
.ist-pusk:hover span { transform: scale(1.1); }
.ist-pusk svg { width: 20px; height: 20px; fill: var(--pom, #6b1229); margin-left: 3px; }
.ist-k figcaption { margin-top: 8px; font-size: 15px; line-height: 1.35; color: var(--ink, #1c1815); }
.ist-k figcaption b { font-weight: 700; }
@media (max-width: 700px) {
  .ist-ryad { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding-bottom: 6px; }
  .ist-k { flex: 0 0 62%; scroll-snap-align: start; }
}

/* Ролик в окне (блок «Кто проводит встречу», владелец 25.10): аккуратная кнопка под фото, видео во всплывающем окне. */
.ld-avtor-foto { min-width: 0; text-align: center; }
.ld-avtor-vid { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; padding: 8px 14px 8px 10px;
  border: 1px solid #e6d3ac; border-radius: 999px; background: #fff; color: var(--ink, #1c1815);
  font: 600 14.5px/1.2 system-ui, sans-serif; cursor: pointer; transition: border-color .16s, transform .16s; }
.ld-avtor-vid:hover { border-color: var(--gold, #c9a24b); transform: translateY(-1px); }
.ld-avtor-vid svg { width: 26px; height: 26px; padding: 6px 5px 6px 7px; border-radius: 50%; background: var(--pom, #6b1229); fill: #fff; flex: none; }
.vid-okno { padding: 0; border: 0; border-radius: 16px; background: #000; overflow: visible;
  width: min(92vw, 420px, calc(88vh * 0.5625)); }
.vid-okno::backdrop { background: rgba(20, 12, 30, .74); }
.vid-okno video { display: block; width: 100%; height: auto; border-radius: 16px; background: #000; }
.vid-zakr { position: absolute; top: -14px; right: -14px; z-index: 2; width: 36px; height: 36px; border-radius: 50%; border: 0;
  background: #fff; color: #1c1815; font: 400 24px/36px system-ui, sans-serif; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, .35); }