/* ═══════════════════════════════════════════════
   REALTRAC PUBLIC — catalog.element / rt-item
   Версия: 1.0.0
═══════════════════════════════════════════════ */

.rt-item { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
.rt-item--with-media { grid-template-columns: minmax(280px, 2fr) minmax(0, 3fr); align-items: start; }

.rt-item-media { display: flex; flex-direction: column; gap: var(--space-3); }
.rt-item-picture { margin: 0; border: 1px solid var(--color-border); background: var(--color-surface); padding: var(--space-4); }
.rt-item-picture img { width: 100%; height: auto; object-fit: contain; }
.rt-item-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: var(--space-2); }
.rt-item-gallery-link { display: block; aspect-ratio: 4 / 3; border: 1px solid var(--color-border); background: var(--color-surface); overflow: hidden; }
.rt-item-gallery-link img { width: 100%; height: 100%; object-fit: contain; }
.rt-item-gallery-link:hover { border-color: var(--color-primary); }

.rt-item-main { min-width: 0; }
.page-content .rt-item-props { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: var(--space-2) var(--space-5); margin: 0 0 var(--space-6); font-size: var(--text-sm); }
.rt-item-prop { display: contents; }
.rt-item-props dt { color: var(--color-text-faint); }
.rt-item-props dd { margin: 0; color: var(--color-text); }
.rt-item-text { font-size: var(--text-base); }
.rt-item-text img { max-width: 100%; height: auto; }
.rt-item-text iframe { display: block; width: 100%; max-width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; margin: var(--space-4) 0; }
.rt-item-footer { margin-top: var(--space-8); padding-top: var(--space-4); border-top: 1px solid var(--color-divider); }
.rt-item-back svg, .rt-item-back i { width: 16px; height: 16px; }

@media (max-width: 900px) {
  .rt-item--with-media { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
  .page-content .rt-item-props { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); }
  .rt-item-props dt { margin-top: var(--space-2); }
}