Strony artykułów, sitemap, GA4, polityka prywatności

- Klikalne kafelki i slideshow → /blog/[slug]
- Strona artykułu: cover fullwidth z parallax, tytuł nad obrazkiem
- Schema.org BlogPosting na stronach postów
- Dynamiczny sitemap.xml (artykuły + produkty z Directus, revalidate=0)
- Google Analytics GA4 (G-7067BL7TDN)
- Polityka prywatności /polityka-prywatnosci
- CookieBanner z linkiem do polityki
- Footer: działający link do polityki prywatności

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>

src/index.css

@@ -1580,3 +1580,102 @@ h1, h2, h3, h4, h5, h6 {
   text-align: center;
 }
 
+/* ── Strona artykułu ── */
+.slideshow-title-link {
+  text-decoration: none;
+  color: inherit;
+  cursor: pointer;
+}
+
+.bento-card-link {
+  display: block;
+  text-decoration: none;
+  color: inherit;
+  cursor: pointer;
+}
+
+.bento-card-link .bento-card {
+  width: 100%;
+  height: 100%;
+}
+
+.article-page {
+  max-width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+.article-meta-row {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  margin-bottom: 1rem;
+}
+
+.article-meta-row .bento-badge {
+  position: static;
+}
+
+.article-category {
+  color: var(--text-muted);
+  font-size: 0.85rem;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.article-cover-parallax {
+  position: relative;
+  width: 100%;
+  height: 520px;
+  background-size: cover;
+  background-position: center;
+  background-attachment: fixed;
+  display: flex;
+  align-items: flex-end;
+}
+
+.article-header {
+  width: 100%;
+  padding: 2rem 1.5rem;
+  background: rgba(12, 12, 20, 0.8);
+  backdrop-filter: blur(4px);
+}
+
+.article-header > div,
+.article-header h1 {
+  max-width: 780px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.article-header h1 {
+  font-size: 3rem;
+  font-weight: 800;
+  color: var(--text-main);
+  margin-top: 0.75rem;
+  margin-bottom: 0;
+  line-height: 1.15;
+}
+
+.article-body {
+  max-width: 780px;
+  margin: 0 auto;
+  padding: 3rem 1.5rem 5rem;
+}
+
+.article-content {
+  color: var(--text-muted);
+  line-height: 1.8;
+  font-size: 1.05rem;
+}
+
+.article-content h2,
+.article-content h3 {
+  color: var(--text-main);
+  margin: 2rem 0 0.75rem;
+}
+
+.article-content p { margin-bottom: 1.25rem; }
+.article-content img { max-width: 100%; border-radius: 8px; margin: 1.5rem 0; }
+.article-content a { color: var(--primary); }
+