.catalog-related,
.catalog-ola {
  margin: 18px 0;
  padding: 16px;
  border: 1px solid #e0e5ee;
  border-radius: 12px;
  background: #f8f9fc;
}

.catalog-related article {
  display: grid;
  grid-template-columns: 145px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  padding: 11px 0;
  border-top: 1px solid #e0e5ee;
}

.catalog-related article:first-of-type { border-top: 0; }
.catalog-related article span { color: #6844d8; font-size: 12px; font-weight: 750; }
.catalog-related article strong { font-size: 14px; line-height: 1.35; }
.catalog-related article small { color: #758198; }
.catalog-ola summary { cursor: pointer; font-weight: 750; }
.catalog-ola > p { color: #758198; font-size: 13px; line-height: 1.45; }

.catalog-ola article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid #e0e5ee;
  font-size: 13px;
}

.catalog-ola article span { color: #566277; }
.catalog-ola article em { color: #8c6600; font-style: normal; font-weight: 700; }

@media (max-width: 720px) {
  .catalog-related article,
  .catalog-ola article { grid-template-columns: 1fr; }
}