/* User reference video, 29 October: two columns and normal document scrolling. */
@media (min-width: 768px) {
  body.ly .ly-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 20px; align-items: start; }
  body.ly .ly-filters { position: static; max-height: none; overflow: visible; width: auto; min-width: 0; }
  body.ly .ly-feed { min-width: 0; }
  body.ly .ly-rail { grid-column: 1 / -1; width: 100%; display: flex; flex-direction: column; gap: 16px; }
  body.ly .ly-rail > * { flex: none; width: 100%; }
  body.ly .ly-grid--prof { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  body.ly .ly-grid--guides { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
body.ly .ly-social-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin-top: 18px; }
body.ly .ly-social-card { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 18px 10px 16px; border: 1px solid #DCE8F6; border-radius: 18px; background: #fff; text-align: center; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
body.ly .ly-social-card:hover { transform: translateY(-3px); border-color: #B8CDE6; box-shadow: 0 8px 24px rgba(20,32,46,.08); }
body.ly .ly-social-avatar { position: relative; display: block; width: 72px; height: 72px; flex: 0 0 72px; margin-bottom: 12px; }
body.ly .ly-social-avatar img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
body.ly .ly-social-avatar i { position: absolute; right: -1px; bottom: -1px; width: 24px; height: 24px; border: 3px solid #fff; border-radius: 50%; background: #229ED9; color: #fff; display: flex; align-items: center; justify-content: center; font-style: normal; }
body.ly .ly-social-card strong { font-family: var(--ly-font); font-size: 14px; font-weight: 700; line-height: 1.35; color: var(--ly-ink); overflow-wrap: anywhere; }
body.ly .ly-social-card small { margin-top: 6px; color: var(--ly-muted); font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }
body.ly .ly-social-open { display: inline-flex; align-items: center; gap: 5px; margin-top: auto; padding-top: 12px; font-size: 12px; font-weight: 600; color: var(--ly-accent); }
body.ly .ly-city-control { display: inline-flex; align-items: center; gap: 6px; padding: 0 12px; border: 1px solid var(--ly-line); border-radius: var(--ly-r); background: #fff; }
body.ly .ly-city-control .ly-city { max-width: 112px; padding: 0; border: 0; border-radius: 0; background: transparent; appearance: none; }
@media (max-width: 1099px) and (min-width: 768px) {
  body.ly .ly-grid--prof { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.ly .ly-grid--guides { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.ly .ly-social-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  body.ly .ly-social-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body.ly .ly-social-card { padding: 16px 10px; }
  body.ly .ly-city-control { padding: 0 8px; }
  body.ly .ly-city-control .ly-city { display: block; }
}
@media (prefers-reduced-motion: reduce) {
  body.ly .ly-social-card { transition: none; }
  body.ly .ly-social-card:hover { transform: none; }
}

body.ly .ly-h1 em { display: block; }
body.ly .ly-search__submit { height: auto; }

@media (min-width:768px) { body.ly .ly-filters__footer { position: static; } }

@media (max-width:767px) { body.ly .ly-city-control { gap:4px; } body.ly .ly-city-control .ly-city { max-width:72px; width:72px; font-size:13px; } }