Home: uppercase section titles, center contact (email/tel over map)

- Uppercase the section titles (Galerija/Novice/Kontakt)
- Restructure the contact card into a centered column: email + phone side by
  side on top, map below, address under the map

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/routes/+page.svelte

@@ -79,11 +79,6 @@
 	<section class="contact" id="kontakt">
 		<h2 class="section-title">Kontakt</h2>
 		<div class="contact-card">
-			<div class="contact-grid">
-				<div class="contact-info">
-					{#if data.contact.address}
-						<p class="address">{data.contact.address}</p>
-					{/if}
 			<div class="contact-methods">
 				{#if data.contact.email}
 					<div class="contact-line">
@@ -98,13 +93,14 @@
 					</div>
 				{/if}
 			</div>
-				</div>
 			{#if data.contact.showMap && data.contact.address}
 				<div class="map">
 					<iframe title="Zemljevid" src={mapSrc(data.contact.address)} loading="lazy"></iframe>
 				</div>
 			{/if}
-			</div>
+			{#if data.contact.address}
+				<p class="address">{data.contact.address}</p>
+			{/if}
 		</div>
 	</section>
 </div>
@@ -186,6 +182,7 @@
 		text-align: center;
 		margin: 0 0 1em;
 		font-size: clamp(2em, 5vw, 2.8em);
+		text-transform: uppercase;
 	}
 
 	.gallery-link {
@@ -286,33 +283,19 @@
 		background: #11161a;
 		border-radius: 1.5em;
 		padding: clamp(1.5em, 4vw, 2.5em);
-	}
-
-	.contact-grid {
-		display: grid;
-		grid-template-columns: 1fr;
-		gap: 1.5em;
-	}
-
-	.contact-info {
-		font-size: 1.1em;
-		line-height: 1.6;
 		display: flex;
 		flex-direction: column;
-		gap: 0.8em;
-		justify-content: center;
-	}
-
-	.address {
-		white-space: pre-line;
-		color: #c7c9cf;
-		margin: 0;
+		align-items: center;
+		gap: 1.5em;
+		text-align: center;
+		font-size: 1.1em;
 	}
 
 	.contact-methods {
 		display: flex;
 		flex-wrap: wrap;
-		gap: 1.5em;
+		gap: 2em;
+		justify-content: center;
 	}
 
 	.contact-line {
@@ -321,17 +304,25 @@
 		gap: 0.7em;
 	}
 
-	.contact-info a {
+	.contact-card a {
 		color: #e5e4ea;
 		text-decoration: none;
 	}
 
-	.contact-info a:hover {
+	.contact-card a:hover {
 		color: #42af38;
 	}
 
+	.address {
+		white-space: pre-line;
+		color: #9aa0a6;
+		margin: 0;
+		font-size: 0.95em;
+	}
+
 	.map {
 		width: 100%;
+		max-width: 640px;
 		aspect-ratio: 16 / 9;
 		border-radius: 12px;
 		overflow: hidden;
@@ -357,10 +348,5 @@
 			width: 50%;
 			flex-shrink: 0;
 		}
-
-		.contact-grid {
-			grid-template-columns: 1fr 1fr;
-			align-items: start;
-		}
 	}
 </style>