storna glowna

frontend/src/styles.css

@@ -1207,6 +1207,14 @@ svg {
   padding: 14px 16px;
   place-content: end start;
   position: relative;
+  text-decoration: none;
+  transition: transform 0.15s ease, box-shadow 0.15s ease;
+}
+
+/* Kafelki miast prowadza do listy ofert w danym miescie - delikatny hover sygnalizuje klikalnosc. */
+a.city-card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 12px 26px rgba(15, 31, 58, 0.22);
 }
 
 .city-card strong,
@@ -31461,7 +31469,28 @@ a.listing-detail-back {
   width: 100%;
 }
 .home-banner-wrap:not(:empty) { margin-top: 22px; }
-.banner-slot-home_middle { display: block; margin: 22px 0; }
+.banner-slot-home_middle { display: block; }
+
+/* Para banerow reklamowych (kredyt + wycena) stoi we wspolnym wierszu, zawsze wyrownana do gory.
+   Wczesniej kazdy baner byl w innej kolumnie siatki (o niezaleznej wysokosci), wiec ladowaly na roznej
+   wysokosci - i to sie zmienialo wraz z szerokoscia okna. Wspolny wiersz gwarantuje rowna linie. */
+.home-banner-duo {
+  align-items: start;
+  display: grid;
+  gap: 28px;
+  grid-column: 1 / -1;
+  grid-template-columns: minmax(0, 1.85fr) minmax(440px, 0.95fr);
+}
+.home-banner-duo .banner-slot { margin: 0; }
+
+/* Ponizej progu siatka strony jest jednokolumnowa - baner-duo tez schodzi do jednej kolumny.
+   Override musi stac PO regule bazowej powyzej, inaczej (przez kolejnosc w pliku) nie zadziala. */
+@media (max-width: 1380px) {
+  .home-banner-duo { grid-template-columns: 1fr; }
+}
+
+/* "Ostatnio przegladane" na cala szerokosc siatki - konczy sie rowno z para banerow reklamowych. */
+.home-recent-row { grid-column: 1 / -1; }
 .banner-slot-sidebar { display: block; margin-top: 16px; }
 
 .promo-banner {