UI/UX improvements: unified logo size, mobile optimizations, grid layout restructure

- Fixed logo size inconsistency across devices (unified to 44px)
- Restructured homepage hero section with grid-template-areas for better layout control
- Desktop: 3-column layout (welcome | image | sidebar) with recommendation box under image
- Mobile: optimized order (image -> welcome -> recommendations -> info -> sidebar)
- Added mobile text alignment optimizations (center for h1, left for descriptions)
- Updated Medkulturno posredovanje page with justified text on mobile
- Fixed Ponudba page free consultation notice alignment on mobile
- Moved recommendation box to align with hero section bottom
- Changed 'Svetovalno / preventivno' to 'Svetovalno medkulturno posredovanje'
- Fixed star icon alignment in 'Zakaj izbrati Prosberry' section

ponudba/index.html

@@ -164,7 +164,7 @@
           </div>
           
           <!-- Opomba o brezplačnem srečanju -->
-          <div style="text-align: center; margin-top: 3rem; padding: 2rem; background: rgba(255, 255, 255, 0.9); border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05);">
+          <div class="offer-free-notice" style="text-align: center; margin-top: 3rem; padding: 2rem; background: rgba(255, 255, 255, 0.9); border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05);">
             <p style="font-size: 1.1rem; margin-bottom: 1.5rem; color: #333;">
               <strong>Prvo srečanje je brezplačno</strong> – brez obveznosti, samo spoznavanje in posvet preko spleta.
             </p>