.dir { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.dir li { display: flex; justify-content: space-between; gap: 12px;
  padding: 10px 12px; background: var(--card); border: 1px solid var(--line);
  border-radius: var(--radius); }
.dir a { font-weight: 600; text-decoration: none; }
.dir a:hover { text-decoration: underline; }
.dir span { color: var(--faint); font-size: 13px; }
.note { max-width: 62ch; }

.row--nopic { grid-template-columns: minmax(0, 1fr) 150px; }
.gallery img + img { border-top: 1px solid var(--line); }
.pager { margin-top: 16px; }

@media (max-width: 860px) {
  .row { min-width: 0; }
  .row--nopic { grid-template-columns: minmax(0, 1fr); }
  .row--nopic .row__price {
    grid-column: 1;
    justify-self: start;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}