Święta css

css/swieta.css

@@ -0,0 +1,34 @@
+:root {
+    --swieta-green: oklch(40% .08 155);
+    --swieta-gold: oklch(75% .12 80);
+}
+
+#swieta {
+    & > header {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        background-color: var(--swieta-green);
+        & p, & h1 {
+            color: white;
+        }
+        & span {
+            word-spacing: 0.5rem;
+            color: var(--swieta-gold);
+        }
+        border-radius: var(--border-radius);
+    }
+
+    & #wyroby {
+        & > h2 {
+            grid-column: -1 / 1;
+            place-self: center;
+        }
+
+        & .card {
+            & > :first-child {
+                display:none;
+            }
+        }
+    }
+}

html/swieta.templ

@@ -4,15 +4,16 @@ import "piekarnikgosipl/types"
 
 templ Swieta(products []types.Product) {
 	@layout("swieta") {
-		<main tabindex="-1">
+		<main tabindex="-1" id="swieta">
 			<header>
-				<span>Boże narodzenie 2026</span>
+				<span>✦ BOŻE NARODZENIE 2026 ✦</span>
 				<h1>Święta smakują domowo</h1>
 				<p>
 					Tradycyjne świąteczne wypieki z naszej pracowni. Z naturalnych składników, według rodzinnych receptur.
 				</p>
 			</header>
 			<div id="wyroby" class="swieta">
+				<h2>Święteczne Słodkości</h2>
 				for _, product:= range products {
 					@card(product)
 				}