From 142217705b270ae53ecadfbf1ff1e0a5af72005a Mon Sep 17 00:00:00 2001
From: bronku <bronk.jakub@proton.me>
Date: Sat, 7 Nov 2026 02:42:17 +0100
Subject: [PATCH] =?UTF-8?q?=C5=9Awi=C4=99ta=20css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/swieta.css    | 34 ++++++++++++++++++++++++++++++++++
 css/świeta.css    |  0
 html/swieta.templ |  5 +++--
 3 files changed, 37 insertions(+), 2 deletions(-)
 create mode 100644 css/swieta.css
 delete mode 100644 css/świeta.css

diff --git a/css/swieta.css b/css/swieta.css
new file mode 100644
index 0000000..766d4ff
--- /dev/null
+++ b/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;
+            }
+        }
+    }
+}
diff --git a/css/świeta.css b/css/świeta.css
deleted file mode 100644
index e69de29..0000000
diff --git a/html/swieta.templ b/html/swieta.templ
index 80b17c2..1a42b1c 100644
--- a/html/swieta.templ
+++ b/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)
 				}