#ropa-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); grid-auto-rows: 1fr; gap: 1.5rem; align-items: stretch; }
.ropa-card { height: 100%; background: var(--secondary-color); border: 1px solid var(--border-color); border-radius: 6px; overflow: hidden; display: flex; flex-direction: column; }
.ropa-card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--background-light); }
.ropa-card-body { padding: 1.25rem; display: flex; flex: 1 1 auto; flex-direction: column; align-items: stretch; }
.ropa-card h2 { font-size: 1.3rem; }
.ropa-location { color: var(--muted-text); font-weight: 600; }
.ropa-price { font-size: 1.1rem; }
.ropa-card-body > .btn { align-self: flex-start; margin-top: auto; }

@media (max-width: 640px) {
    #ropa-container { grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; }
}