/* Без JS остаётся обычное раскрытие списка; улучшение включается после инициализации. */
.integration-family-members li { display: flex; align-items: center; justify-content: center; gap: 7px; }
.integration-family-members img { width: 20px; height: 20px; object-fit: contain; flex: none; }
.drawer-ready .integration-family-card { position: relative; background: var(--bg); }
.drawer-ready .integration-family-summary { position: relative; z-index: 1; }
.drawer-ready .integration-family-chevron { transform: translateX(-2px) rotate(-45deg); transition: transform 240ms ease; }
.drawer-ready .integration-family-card.is-open { z-index: 5; border-color: var(--ink); }
.drawer-ready .is-open .integration-family-summary { background: var(--surface); }
.drawer-ready .is-open .integration-family-chevron { transform: translateX(1px) rotate(135deg); }
.drawer-ready .integration-family-members {
  position: absolute; z-index: 2; top: -1px; left: calc(100% + 9px);
  width: calc(200% + 12px); margin: 0; padding: 8px;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px;
  border: 1px solid var(--line-strong); border-radius: 14px;
  background: var(--bg); box-shadow: 0 12px 32px #10101014, 0 2px 6px #1010100a;
  opacity: 0; transform: translateX(-18px) scaleX(.94); transform-origin: left center;
  clip-path: inset(-32px 100% -40px -12px);
  pointer-events: none;
  transition: transform 300ms cubic-bezier(.2,.8,.2,1), clip-path 300ms cubic-bezier(.2,.8,.2,1), opacity 180ms ease;
}
.drawer-ready .integration-family-members::before { content: ""; position: absolute; right: 100%; top: 0; width: 12px; height: 100%; }
.drawer-ready .is-open .integration-family-members { opacity: 1; transform: translateX(0) scaleX(1); clip-path: inset(-32px -40px -40px -12px); pointer-events: auto; }
.drawer-ready [data-family="yandex"] .integration-family-members { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.drawer-ready .integration-family-members li {
  min-height: 34px; padding: 5px 3px; flex-direction: row; gap: 5px;
  border: 1px solid var(--line-strong); border-radius: 8px;
  font-size: 11px; line-height: 1.2; color: var(--ink); background: var(--bg);
}
.drawer-ready .integration-family-members img { width: 18px; height: 18px; }
@media (min-width: 640px) and (max-width: 767px) {
  .drawer-ready .integration-family-members li { padding-inline: 2px; gap: 4px; font-size: 10.5px; }
}
@media (max-width: 639px) {
  .drawer-ready .integration-family-members {
    top: calc(100% + 9px); left: var(--drawer-left, 0px); width: var(--drawer-width, 100%);
    transform: translateY(-10px); transform-origin: top center;
    clip-path: none;
  }
  .drawer-ready .is-open .integration-family-members { transform: translateY(0); }
  .drawer-ready .integration-family-members::before { right: 0; bottom: 100%; top: auto; width: 100%; height: 12px; }
  .drawer-ready .integration-family-chevron { transform: translateY(-2px) rotate(45deg); }
  .drawer-ready .is-open .integration-family-chevron { transform: translateY(1px) rotate(225deg); }
  .drawer-ready .integration-family-members li { min-height: 57px; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .drawer-ready .integration-family-members, .drawer-ready .integration-family-chevron { transition: none; transform: none; }
}