Pronájem bytu 2+1 45 m² Černá, Opava – Kateřinky /Měsíc​​

body { margin: 0; font-family: 'Open Sans', sans-serif; color: #333; background: #f8f8f8; } h1, h2, h3 { font-family: 'Montserrat', sans-serif; } /* Header */ header { display: flex; justify-content: space-between; align-items: center; background: white; padding: 10px 20px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); flex-wrap: nowrap; /* default pro velké obrazovky */ } .logo { display: flex; align-items: center; /* zarovná text vertikálně uprostřed vedle obrázku */ flex-wrap: nowrap; /* nikdy nerozděl na řádek */ } .logo img { height: 70px; /* můžeš upravit, aby sedělo */ margin-right: 15px; /* mezera mezi logem a textem */ } .logo-text { font-weight: 600; color: #b8860b; font-size: 18px; white-space: nowrap; /* zabraňuje zalomení textu pod logo */ } nav a { margin-left: 15px; text-decoration: none; color: #555; font-weight: 600; transition: color 0.3s; } nav a:hover { color: #b8860b; } /* Grid karty */ .container { max-width: 1200px; margin: 40px auto; padding: 0 10px; } .container h1 { text-align: center; margin-bottom: 40px; color: #b8860b; } .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; } .card { background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1); transition: transform 0.25s, box-shadow 0.25s; } .card:hover { transform: translateY(-6px); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.15); } .card img { width: 100%; /* zabere celou šířku karty */ height: 350px; /* pevná výška pro všechny karty */ object-fit: cover; /* ořízne obrázek tak, aby vyplnil prostor */ } .card-content { padding: 20px; } .card-content h3 { margin: 0 0 10px; font-size: 20px; color: #333; } .card-content p { margin: 0 0 12px; font-size: 14px; color: #555; } .price { font-weight: 700; color: #b8860b; font-size: 18px; margin-bottom: 12px; } .card-content button { padding: 10px 15px; border: none; background: linear-gradient(135deg, #daa520, #b8860b); border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: background 0.3s, transform 0.2s; } .card-content button:hover { background: linear-gradient(135deg, #b8860b, #8b6508); transform: translateY(-2px); } .card-link { text-decoration: none; color: inherit; display: block; } .card-link:hover .card { transform: translateY(-6px); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.15); } /* Media Queries */ @media (max-width: 768px) { header { flex-direction: column; align-items: center; /* centra logo i menu */ gap: 10px; } nav { dis