diff --git a/.claude/skills/document-subsystem/SKILL.md b/.claude/skills/document-subsystem/SKILL.md
new file mode 100644
index 00000000..87a7c872
--- /dev/null
+++ b/.claude/skills/document-subsystem/SKILL.md
@@ -0,0 +1,32 @@
+---
+name: document-subsystem
+description: Write a detailed reference doc (docs/<NAME>.md) for one part of the Disscount app (auth, PWA, i18n, shopping-lists, price-history, etc.), in the style of docs/DEPLOYMENT.md. Explore the code first, then document what it is, how it works, automatic vs manual, key files, config/env, libraries, gotchas, and future TODOs. Use when the user asks to document, write docs for, or create a reference for a feature or subsystem.
+---
+
+# Document a subsystem
+
+Write a detailed, beginner-friendly reference doc for the part of the app named in the arguments (for example `auth`, `pwa`, `i18n`, `shopping-lists`, `price-history`). If no subsystem was given, ask which one before starting.
+
+## Steps
+
+1. **Explore first, do not guess.** Find and read the actual code for this subsystem before writing anything: the relevant routes, components, hooks, context, config, env vars, message files, and libraries. Follow imports until you understand the flow end to end. If something is ambiguous, check the code or ask.
+
+2. **Write `docs/<NAME>.md`** (uppercase kebab of the subsystem, e.g. `AUTH.md`, `PWA.md`, `I18N.md`) covering:
+   - What it is and how it works, end to end (add a Mermaid flow diagram if it helps).
+   - What is automatic vs what needs manual work (a table).
+   - The key files and where they live (a table with paths and roles).
+   - Config, env vars, and feature flags involved.
+   - Libraries used, with versions read from `frontend/package.json` or `backend/pom.xml`.
+   - Gotchas and lessons that would bite someone (the traps, with the fix).
+   - A final "Future improvements & TODOs" section.
+
+Assume the reader is still learning, so explain the concepts clearly. Use tables and Mermaid diagrams wherever they make it easier to follow.
+
+## Conventions
+
+- The repo is PUBLIC: never include secrets, tokens, real IPs, or private URLs; use placeholders.
+- No em dashes.
+- Do not hard-wrap Markdown; write one physical line per paragraph and per bullet, and let the editor wrap.
+- Match the structure and tone of `docs/DEPLOYMENT.md`.
+
+Do one subsystem per run so the exploration stays focused. The finished file is added to a PR into `dev`, then `master`.
diff --git a/.gitignore b/.gitignore
index fa63d3ed..12aa6c64 100644
--- a/.gitignore
+++ b/.gitignore
@@ -66,4 +66,6 @@ frontend/yarn.lock
 *.bak
 *.orig
 
-desktop.ini
\ No newline at end of file
+desktop.ini
+
+docs/disscount_*
\ No newline at end of file
diff --git a/AGENTS.md b/AGENTS.md
index ade7f624..4166322b 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -94,6 +94,15 @@ Never edit the package.json or package-lock.json files directly, but instead use
 
 If you need docs about a library, always fetch the most recent documentation from the official website or repository, instead of searching in node modules or other places.
 
+## Internationalization (i18n)
+
+The app uses `next-intl` (cookie-based locale, no URL routing). Locales: `hr` (default), `en`, `de`, `sl`; catalogs in `frontend/src/i18n/messages/<locale>.json`.
+
+- NEVER hardcode user-facing text. The `i18next/no-literal-string` ESLint rule (`pnpm lint`) fails on literal JSX text and on the `placeholder`, `alt`, `title`, `aria-label`, and `label` attributes.
+- Add every new key to ALL four catalogs (`hr` is the reference) and read it with `useTranslations` (client) / `getTranslations` (server). Use `t.rich` for embedded links/icons, ICU `{count, plural, …}` for counts, `useFormatter` for numbers/currency/dates. Emails are localized separately via `getEmailTranslator(locale)`.
+- Before committing run `pnpm i18n:check` (catalog parity) and `pnpm exec tsc --noEmit` (verifies every `t("key")` exists).
+- Never use em dashes in any copy.
+
 # Backend Development Guidelines
 
 NEVER run "mvn spring-boot:run" or any other development server command, because I always already have my dev server running. Also never run build commands.
diff --git a/docs/I18N.md b/docs/I18N.md
new file mode 100644
index 00000000..e47423e3
--- /dev/null
+++ b/docs/I18N.md
@@ -0,0 +1,423 @@
+# Disscount: Internationalization (i18n) Guide
+
+A complete reference for how Disscount is translated into multiple languages, written to be understandable even if you are new to i18n. Keep it up to date as the setup changes.
+
+*Last verified on 2026-07-04: 652 keys in parity across hr/en/de/sl, `pnpm i18n:check` green, `pnpm exec tsc --noEmit` clean, `no-literal-string` clean.*
+
+> **Mental model in one sentence:** every user-facing string is a **key** looked up at render time in a per-language JSON catalog; next-intl picks the language from a **cookie** (falling back to the browser's `Accept-Language`), so the URL never changes, and an ESLint rule plus a parity script make sure no string is ever hardcoded or left untranslated.
+
+---
+
+## Table of contents
+1. [Quick reference](#1-quick-reference)
+2. [How it works (end to end)](#2-how-it-works-end-to-end)
+3. [Locale resolution & the language switcher](#3-locale-resolution--the-language-switcher)
+4. [Message catalogs & namespaces](#4-message-catalogs--namespaces)
+5. [Type safety, fallback & time zone](#5-type-safety-fallback--time-zone)
+6. [Emails (localized separately)](#6-emails-localized-separately)
+7. [Guardrails: the ESLint rule & parity script](#7-guardrails-the-eslint-rule--parity-script)
+8. [Key files](#8-key-files)
+9. [What's automatic vs manual](#9-whats-automatic-vs-manual)
+10. [How to: add a language / add a string](#10-how-to-add-a-language--add-a-string)
+11. [Language vs market (the two-axis design)](#11-language-vs-market-the-two-axis-design)
+12. [Gotchas & lessons learned](#12-gotchas--lessons-learned)
+13. [Files that had hardcoded Croatian (migration checklist)](#13-files-that-had-hardcoded-croatian-migration-checklist)
+14. [Future improvements & TODOs](#14-future-improvements--todos)
+
+---
+
+## 1. Quick reference
+
+| Thing | Value |
+|---|---|
+| Library | `next-intl` `^4.13.0` |
+| Locales | `hr` (default) · `en` · `de` · `sl` |
+| Strategy | Cookie-based, **no** URL routing (URLs stay `/products`, `/shopping-lists`) |
+| Cookie | `NEXT_LOCALE` (1 year, `sameSite=lax`) |
+| First-visit fallback | `Accept-Language` header, then `hr` |
+| Catalog size | **652 keys** per locale, full parity (2,608 strings) |
+| Catalogs | `frontend/src/i18n/messages/{hr,en,de,sl}.json` |
+| Time zone | fixed `Europe/Zagreb` (avoids date hydration mismatches) |
+| Type-safe keys | yes, via `frontend/src/typings/next-intl.d.ts` |
+| Lint guard | `i18next/no-literal-string` (fails CI on hardcoded strings) |
+| Parity check | `pnpm i18n:check` |
+| New env vars | none |
+
+**Daily workflow when adding text:** add the key to all four catalogs (`hr` is the reference), read it with `useTranslations` / `getTranslations`, then run `pnpm i18n:check` and `pnpm exec tsc --noEmit`.
+
+---
+
+## 2. How it works (end to end)
+
+Nothing about the language lives in the URL. On every request, a small config function reads the locale, loads the matching catalog, and hands the messages to both Server and Client Components through a provider. Components never hold Croatian text; they hold keys.
+
+```mermaid
+flowchart TD
+    A[Incoming request] --> B{NEXT_LOCALE cookie valid?}
+    B -->|yes| C[use cookie locale = explicit choice]
+    B -->|no| D{Accept-Language matches hr/en/de/sl?}
+    D -->|yes| E[use browser locale]
+    D -->|no| F[defaultLocale = hr]
+    C --> G[request.ts: load messages/&lt;locale&gt;.json]
+    E --> G
+    F --> G
+    G --> H[RootLayout: &lt;html lang&gt; + IntlClientProvider]
+    H --> I[Server Components: await getTranslations ns]
+    H --> J[Client Components: useTranslations ns / t.rich / useFormatter]
+```
+
+The two ways to read a string:
+
+- **Server Components** call `const t = await getTranslations("namespace")` from `next-intl/server`.
+- **Client Components** call `const t = useTranslations("namespace")` from `next-intl`.
+
+Both return a `t("key")` function. `t.rich("key", { tag: (chunks) => <El>{chunks}</El> })` renders embedded links or icons, and counts use ICU plurals (`{count, plural, one {...} few {...} other {...}}`) so Croatian and Slovenian plural rules are correct, not just singular/plural.
+
+---
+
+## 3. Locale resolution & the language switcher
+
+`request.ts` resolves the active locale with a clear priority so an explicit choice always wins and a first-time visitor still gets a sensible default:
+
+1. `NEXT_LOCALE` cookie (the user's explicit choice, written by the switcher).
+2. `Accept-Language` header (the browser's preference), matched on the primary subtag so `de-AT` maps to `de`.
+3. `defaultLocale` (`hr`).
+
+The switcher is `frontend/src/components/custom/language-switcher.tsx`. It has two variants driven by a `variant` prop, so the language logic lives in one place:
+
+| Variant | Where | Look |
+|---|---|---|
+| `icon` (default) | header (guests only) and footer (always) | icon button; icon goes muted to primary on hover, like the other header/footer icons |
+| `sidebar` | mobile sidebar, above the PWA install banner | full-width sidebar row with a `Languages` icon and a translated "Language" label |
+
+On mobile the header/footer switchers are hidden (`hidden md:flex`) and the sidebar one takes over (`md:hidden`), matching the convention already used for the dashboard and header-only items in the sidebar.
+
+Selecting a language calls the `setLocale` server action (`frontend/src/i18n/locale-actions.ts`), which writes the `NEXT_LOCALE` cookie, then `router.refresh()` re-renders with the new locale. Because it is a refresh and not a navigation, the sidebar stays open.
+
+```mermaid
+flowchart LR
+    U[User picks a language] --> S[LanguageSwitcher]
+    S --> A["setLocale() server action writes NEXT_LOCALE cookie"]
+    A --> R["router.refresh()"]
+    R --> Q[next render re-resolves the locale from the cookie]
+```
+
+The language names in the dropdown are **endonyms** (each language written in itself: Hrvatski, English, Deutsch, Slovenščina). These are intentionally not translated, which is the conventional way to list languages.
+
+---
+
+## 4. Message catalogs & namespaces
+
+Catalogs live in `frontend/src/i18n/messages/<locale>.json` and are organized by feature namespace, mirroring the app's feature folders. `hr.json` is the reference: it defines the full set of keys and also drives the TypeScript types. The other three mirror its keys exactly.
+
+Representative namespaces:
+
+| Namespace | Covers |
+|---|---|
+| `common` | shared verbs and labels (save, cancel, add, search, loading), endonym helpers, placeholders |
+| `metadata`, `pages.*` | root and per-page metadata, plus page content (products, watchlist, shopping-lists, statistics, dashboard, digital-cards, suggestions, updates, map, offline, notFound, resetPassword, ...) |
+| `navigation` | sidebar and header nav labels, keyed by item `id` |
+| `auth` (+ `auth.modal`, `auth.oauthErrors`, ...) | login/signup/forgot forms, auth modal, social-login errors |
+| `userMenu`, `settings.*` | user menu and the preferences/profile/security modals |
+| `productDetail`, `addToList`, `watchModal`, `scanner` | product page, both modals, camera scanner |
+| `shoppingListDetail` (+ `.toasts`) | list detail, item rows, availability tables, mutation-hook toasts |
+| `priceHistory`, `statistics` | charts, period buttons, chain stats |
+| `accountTypes`, `acquisitionChannels` | constant label maps rendered via i18n |
+| `offline`, `pwa` | offline banners, install prompts (rich text) |
+| `validation` | Zod message strings |
+| `emails` | transactional email copy (see section 6) |
+
+Data-driven labels (navigation items, account types, acquisition channels) keep their `id` or enum value in the data file and are translated at render time by key, so the data files never store display strings.
+
+---
+
+## 5. Type safety, fallback & time zone
+
+**Type-safe keys.** `frontend/src/typings/next-intl.d.ts` augments next-intl's `AppConfig` so `Messages` equals the shape of `hr.json`. That means `t("some.key")` is checked at compile time: a typo or a missing key is a TypeScript error, so `pnpm exec tsc --noEmit` passing is a strong guarantee that no key is dangling.
+
+**Missing-key fallback.** `frontend/src/i18n/message-fallback.ts` provides `getMessageFallback`, which resolves a missing key from the default (`hr`) catalog instead of showing the raw `namespace.key` path, and `onIntlError`, which swallows the "missing message" error so it does not throw. These are wired on the server in `request.ts` and on the client through `intl-client-provider.tsx`. Parity is enforced (section 7), so this is a safety net, not an everyday path.
+
+**Time zone.** `config.ts` exports a fixed `TIME_ZONE = "Europe/Zagreb"`, applied on the server config, the client provider, and the email translator. A fixed zone (rather than the server's own zone) guarantees the server-rendered HTML and the client's first render format dates identically, which prevents hydration mismatches. Without it, next-intl raises an `ENVIRONMENT_FALLBACK` warning as soon as anything formats a date.
+
+**The client wrapper.** `getMessageFallback` and `onIntlError` are functions, and functions cannot be passed from a Server Component to a Client Component across the React boundary. That is why `intl-client-provider.tsx` is a small `"use client"` module: it imports those functions and hands them to `NextIntlClientProvider` from inside the client boundary.
+
+---
+
+## 6. Emails (localized separately)
+
+Transactional emails (verification, password reset, set password, change-email confirmation) are rendered with react-email **outside** a normal request render, so they cannot use `getTranslations` (which is request-bound). Instead they use `getEmailTranslator(locale)` in `frontend/src/emails/email-translator.ts`, which builds a translator with next-intl's `createTranslator` over the `emails` namespace.
+
+The recipient's locale is resolved at send time by `getRequestLocale()` (`frontend/src/i18n/get-request-locale.ts`), which reads the cookie or `Accept-Language` the same way `request.ts` does. `lib/auth.ts` calls it inside each Better Auth email callback and threads the locale through `EmailService` into the templates.
+
+```mermaid
+flowchart LR
+    CB[Better Auth email callback] --> GL["getRequestLocale()"]
+    GL --> ES[EmailService.send...]
+    ES --> ET["getEmailTranslator(locale)"]
+    ET --> TPL[react-email template renders in the recipient's language]
+```
+
+The templates keep their react-email `PreviewProps` (locale defaults to `hr`) so the `pnpm email` preview server still works.
+
+---
+
+## 7. Guardrails: the ESLint rule & parity script
+
+Two checks make the translation coverage self-defending, so a regression fails CI instead of shipping.
+
+**`i18next/no-literal-string`** (from `eslint-plugin-i18next` `^6.1.5`, configured in `frontend/eslint.config.mjs`, run by `pnpm lint`). It fails on any hardcoded JSX text and on the user-visible attributes `placeholder`, `alt`, `title`, `aria-label`, and `label`. It is tuned to zero false positives with:
+
+- `callees.exclude`: skip the key argument of translation and utility calls (`t`, `t*`, `nav.label`, `form.register`, `localeCompare`, and similar), so `t("key")` is not itself flagged.
+- `words.exclude`: allow symbol/number-only text, hex color examples, and intentional proper names (Disscount, Jakov Jakovac, GitHub, LinkedIn, N/A).
+- `ignores`: the shadcn `ui/` primitives, unused scaffolds (`sidebar-08/`, `shadcn-studio/`, the unused landing `sections/*`), and `emails/` (localized separately).
+
+Because the rule's `jsx-only` mode also flags string literals inside JSX expression containers, one tailwind class ternary in `store-chain-select.tsx` was hoisted into a module-level helper so its class names live in plain JS rather than JSX.
+
+**`pnpm i18n:check`** (`frontend/scripts/check-i18n.mjs`). It flattens every catalog to dotted key paths and compares each locale against `hr`, printing any missing or extra keys and exiting non-zero on a mismatch. Suitable for CI.
+
+`pnpm exec tsc --noEmit` is the third leg: it verifies every `t("key")` actually exists in the catalog shape.
+
+---
+
+## 8. Key files
+
+| Path | Role |
+|---|---|
+| `frontend/src/i18n/config.ts` | single source of truth: `locales`, `defaultLocale`, `LOCALE_COOKIE`, `TIME_ZONE`, `isLocale`, `matchLocale` |
+| `frontend/src/i18n/request.ts` | `getRequestConfig`: resolves the locale per request, loads the catalog, sets fallback + time zone |
+| `frontend/src/i18n/locale-actions.ts` | `"use server"` `setLocale(locale)`: writes the `NEXT_LOCALE` cookie |
+| `frontend/src/i18n/get-request-locale.ts` | server helper to resolve the locale outside a render (used by emails) |
+| `frontend/src/i18n/message-fallback.ts` | `getMessageFallback` (falls back to `hr`) and `onIntlError` |
+| `frontend/src/i18n/intl-client-provider.tsx` | `"use client"` wrapper adding fallback/onError/time zone to `NextIntlClientProvider` |
+| `frontend/src/i18n/messages/{hr,en,de,sl}.json` | the message catalogs (`hr` is the reference) |
+| `frontend/src/typings/next-intl.d.ts` | type augmentation for compile-time key checking |
+| `frontend/src/hooks/use-nav-translation.ts` | translate nav items by `id` (`label` / `short`) |
+| `frontend/src/components/custom/language-switcher.tsx` | the switcher (icon + sidebar variants) |
+| `frontend/src/emails/email-translator.ts` | `getEmailTranslator`: a `createTranslator` bound to a locale for emails |
+| `frontend/next.config.ts` | wires `createNextIntlPlugin("./src/i18n/request.ts")` |
+| `frontend/src/app/layout.tsx` | dynamic `<html lang>`, `generateMetadata`, `IntlClientProvider` |
+| `frontend/eslint.config.mjs` | `no-literal-string` rule configuration |
+| `frontend/scripts/check-i18n.mjs` | catalog parity checker (`pnpm i18n:check`) |
+
+---
+
+## 9. What's automatic vs manual
+
+| Automatic | Manual |
+|---|---|
+| Locale detection on first visit (Accept-Language) | Choosing a language (footer/sidebar switcher) |
+| Loading the right catalog per request | Adding a new key to all four catalogs |
+| Compile-time checking that every `t("key")` exists | Translating the value in `en` / `de` / `sl` |
+| Failing CI on a hardcoded string (`no-literal-string`) | Fixing the flagged string by wrapping it in `t()` |
+| Failing CI on a catalog mismatch (`i18n:check`) | Keeping the four catalogs in parity |
+| Correct plural forms via ICU + `Intl.PluralRules` | Writing the ICU `{count, plural, ...}` message |
+| Falling back to `hr` for a missing key | (nothing: this is a safety net) |
+| Localized email language at send time | Adding new email copy to the `emails` namespace |
+
+---
+
+## 10. How to: add a language / add a string
+
+**Add a new language (about 5 minutes).**
+
+1. Add the code to `locales` in `frontend/src/i18n/config.ts` (for example `"it"`).
+2. Add its endonym to `LANGUAGE_NAMES` in `language-switcher.tsx` (for example `it: "Italiano"`).
+3. Create `frontend/src/i18n/messages/it.json` mirroring every key in `hr.json`.
+4. Run `pnpm i18n:check` (must pass) and `pnpm exec tsc --noEmit`.
+
+The switcher, provider, detection, and type-checking pick it up automatically. This is exactly how `sl` was added on top of `hr`/`en`/`de`.
+
+**Add or change a user-facing string.**
+
+1. Add the key to a suitable namespace in `hr.json`, then translate it in `en.json`, `de.json`, `sl.json`.
+2. Read it in the component: `useTranslations` (client) or `getTranslations` (server). Use `t.rich` for embedded links/icons, ICU plurals for counts, and `useFormatter` for numbers/currency/dates.
+3. Never hardcode the text: the ESLint rule will fail on it.
+4. Run `pnpm i18n:check` and `pnpm exec tsc --noEmit`.
+
+---
+
+## 11. Language vs market (the two-axis design)
+
+`docs/disscount_knowledge_base.md` section 19 specifies i18n as **two independent axes**, and only the first is implemented today:
+
+```ts
+language: 'hr' | 'en' | 'de' | 'sl'   // implemented (this subsystem)
+market:   'HR' | 'AT' | 'SI'          // not implemented (future)
+```
+
+**Language** is what this document covers: the UI text the user reads. **Market** is which country's stores, price sources, currency, and retailer data are shown. They are independent, so combinations like "English language + Croatia market" or "Croatian language + Austria market" are intended.
+
+When the market axis is built, it should be a **separate** setting (its own cookie/preference), not an overload of `NEXT_LOCALE`. The fixed `Europe/Zagreb` time zone can then derive from the market instead of being constant (all current markets HR/AT/SI happen to share CET).
+
+---
+
+## 12. Gotchas & lessons learned
+
+| Trap | Fix |
+|---|---|
+| Reading the cookie / headers opts routes into dynamic rendering | Expected and unavoidable for cookie-based i18n without routing; not a bug |
+| `no-literal-string` in `jsx-only` mode also flags `t("key")` arguments and className ternaries | Exclude translation/util callees via `callees.exclude`; hoist class ternaries into plain-JS helpers |
+| `getMessageFallback` / `onError` cannot be passed from Server to Client Components (they are functions) | Wire them inside a `"use client"` module (`intl-client-provider.tsx`) |
+| next-intl warns `ENVIRONMENT_FALLBACK` when a date is formatted with no time zone | Set a global `TIME_ZONE` on server config, client provider, and email translator |
+| Emails render outside a request, so `getTranslations` is unavailable | Use `createTranslator` (via `getEmailTranslator`) with the locale resolved by `getRequestLocale` at send time |
+| Croatian and Slovenian have three plural forms, not two | Use ICU `{count, plural, one {} few {} other {}}`, not a binary singular/plural helper |
+| `pnpm exec tsc` sometimes runs a deps-status check that fails on ignored build scripts | Run `./node_modules/.bin/tsc --noEmit` directly if that happens |
+| Endonyms look like untranslated strings | They are intentional (languages named in themselves); keep them out of the catalogs |
+| Currency and dates still render the same in every locale | Known gap: `.toFixed(2)€` and the custom `formatDate` are not yet locale-aware (see TODOs) |
+| Em dashes in copy | Never use em dashes anywhere, including catalog values |
+
+---
+
+## 13. Files that had hardcoded Croatian (migration checklist)
+
+Every file below contained hardcoded user-facing Croatian and was migrated to `t()` / `t.rich()` in this branch. If the app is ever re-internationalized from scratch, use this as the checklist of files to re-verify. It does **not** include the i18n infrastructure files (catalogs, `config.ts`, `request.ts`, the provider, `next-intl.d.ts`, the switcher, `use-nav-translation.ts`), which are new rather than migrated.
+
+Deliberately **not** migrated (intentional, so do not "fix" them): SEO keyword arrays in `layout.tsx`, `manifest.ts` and `navigation.ts` manifest labels, `constants/name-mappings.ts` (store/city proper nouns), mock content data (`updates/posts.ts`, `suggestions/suggestions.ts`), the `Slovenščina` endonym, and the deferred Zod messages in `lib/api/schemas/*` (see TODOs).
+
+### Root, layout & legal
+- [ ] `app/layout.tsx`
+- [ ] `app/not-found.tsx`
+- [ ] `app/(root)/page.tsx`
+- [ ] `app/(root)/components/sections/hero-section.tsx`
+- [ ] `app/(root)/components/sections/hero-actions.tsx`
+- [ ] `app/privacy-policy/page.tsx`
+- [ ] `app/terms-of-service/page.tsx`
+- [ ] `app/data-deletion/page.tsx`
+- [ ] `components/custom/legal-page.tsx`
+
+### Header, footer, sidebar & shared UI
+- [ ] `components/custom/header/header.tsx`
+- [ ] `components/custom/header/user-menu.tsx`
+- [ ] `components/custom/header/notifications-dropdown.tsx`
+- [ ] `components/custom/footer.tsx`
+- [ ] `components/custom/app-sidebar.tsx`
+- [ ] `components/custom/search-bar.tsx`
+- [ ] `components/custom/coming-soon.tsx`
+- [ ] `components/custom/no-results.tsx`
+- [ ] `components/custom/camera-scanner.tsx`
+- [ ] `components/custom/view-switcher.tsx`
+- [ ] `components/custom/price-history-period-select.tsx`
+- [ ] `components/custom/store-chain-select.tsx`
+- [ ] `components/custom/store-chain-multi-select.tsx`
+- [ ] `components/custom/oauth-error-toast.tsx`
+- [ ] `components/custom/offline/offline-indicator.tsx`
+- [ ] `components/custom/offline/last-synced-label.tsx`
+- [ ] `components/custom/pwa/install-banner.tsx`
+- [ ] `components/custom/pwa/install-sidebar-banner.tsx`
+- [ ] `components/custom/pwa/install-instructions-sheet.tsx`
+
+### Auth (forms & modals)
+- [ ] `components/custom/header/forms/auth-modal.tsx`
+- [ ] `components/custom/header/forms/login-form.tsx`
+- [ ] `components/custom/header/forms/signup-form.tsx`
+- [ ] `components/custom/header/forms/forgot-password-form.tsx`
+- [ ] `components/custom/header/forms/inbox-notice.tsx`
+- [ ] `components/custom/header/forms/account-credentials-form.tsx`
+- [ ] `components/custom/header/forms/linked-accounts.tsx`
+- [ ] `components/custom/header/forms/profile-modal.tsx`
+- [ ] `components/custom/header/forms/security-modal.tsx`
+- [ ] `components/custom/header/forms/user-preferences-modal.tsx`
+- [ ] `app/reset-password/page.tsx`
+- [ ] `app/reset-password/reset-password-modal.tsx`
+
+### Products & product detail
+- [ ] `app/products/page.tsx`
+- [ ] `app/products/components/products-client.tsx`
+- [ ] `app/products/components/product-info-display.tsx`
+- [ ] `app/products/components/product-info-table.tsx`
+- [ ] `app/products/components/product-action-buttons.tsx`
+- [ ] `app/products/components/watchlist-action-button.tsx`
+- [ ] `app/products/components/product-item/product-info.tsx`
+- [ ] `app/products/components/product-item/product-price.tsx`
+- [ ] `app/products/components/forms/add-to-shopping-list-form.tsx`
+- [ ] `app/products/components/forms/shopping-list-selector.tsx`
+- [ ] `app/products/components/forms/quantity-input.tsx`
+- [ ] `app/products/components/forms/mark-as-checked-checkbox.tsx`
+- [ ] `app/products/components/forms/watchlist-item-modal.tsx`
+- [ ] `app/products/[id]/page.tsx`
+- [ ] `app/products/[id]/components/product-detail-client.tsx`
+- [ ] `app/products/[id]/components/store-item/store-item.tsx`
+- [ ] `app/products/[id]/components/store-item/store-prices-table.tsx`
+- [ ] `app/products/[id]/components/price-history/price-history-base.tsx`
+- [ ] `app/products/[id]/components/price-history/price-history-chart.tsx`
+
+### Shopping lists
+- [ ] `app/(user)/shopping-lists/page.tsx`
+- [ ] `app/(user)/shopping-lists/components/shopping-lists-client.tsx`
+- [ ] `app/(user)/shopping-lists/components/shopping-list-item.tsx`
+- [ ] `app/(user)/shopping-lists/components/create-shopping-list-button.tsx`
+- [ ] `app/(user)/shopping-lists/components/forms/shopping-list-modal.tsx`
+- [ ] `app/(user)/shopping-lists/components/forms/delete-shopping-list-dialog.tsx`
+- [ ] `app/(user)/shopping-lists/hooks/use-shopping-list-modal.ts`
+- [ ] `app/(user)/shopping-lists/[id]/page.tsx`
+- [ ] `app/(user)/shopping-lists/[id]/components/shopping-list-detail-client.tsx`
+- [ ] `app/(user)/shopping-lists/[id]/components/shopping-list-header.tsx`
+- [ ] `app/(user)/shopping-lists/[id]/components/shopping-list-info-table.tsx`
+- [ ] `app/(user)/shopping-lists/[id]/components/shopping-list-action-buttons.tsx`
+- [ ] `app/(user)/shopping-lists/[id]/components/shopping-list-price-history.tsx`
+- [ ] `app/(user)/shopping-lists/[id]/components/items/shopping-list-items.tsx`
+- [ ] `app/(user)/shopping-lists/[id]/components/items/shopping-list-item.tsx`
+- [ ] `app/(user)/shopping-lists/[id]/components/stores/shopping-list-stores-list.tsx`
+- [ ] `app/(user)/shopping-lists/[id]/components/stores/shopping-list-store-card.tsx`
+- [ ] `app/(user)/shopping-lists/[id]/components/stores/shopping-list-items-table.tsx`
+- [ ] `app/(user)/shopping-lists/[id]/hooks/use-shopping-list-mutations.ts`
+- [ ] `app/(user)/shopping-lists/[id]/hooks/use-shopping-list-item-mutations.ts`
+
+### Watchlist
+- [ ] `app/(user)/watchlist/page.tsx`
+- [ ] `app/(user)/watchlist/components/watchlist-client.tsx`
+- [ ] `app/(user)/watchlist/components/watchlist-item.tsx`
+- [ ] `app/(user)/watchlist/components/watchlist-item-discount-info.tsx`
+- [ ] `app/(user)/watchlist/components/create-discounted-list-button.tsx`
+
+### Digital cards
+- [ ] `app/(user)/digital-cards/page.tsx`
+- [ ] `app/(user)/digital-cards/components/digital-cards-client.tsx`
+- [ ] `app/(user)/digital-cards/components/digital-card-item.tsx`
+- [ ] `app/(user)/digital-cards/components/forms/digital-card-modal.tsx`
+
+### Other pages
+- [ ] `app/(user)/spending/page.tsx`
+- [ ] `app/map/page.tsx`
+- [ ] `app/map/components/map-client.tsx`
+- [ ] `app/suggestions/page.tsx`
+- [ ] `app/suggestions/components/suggestions-client.tsx`
+- [ ] `app/suggestions/[id]/page.tsx`
+- [ ] `app/suggestions/[id]/components/suggestion-details-client.tsx`
+- [ ] `app/updates/page.tsx`
+- [ ] `app/updates/components/updates-client.tsx`
+- [ ] `app/updates/[id]/page.tsx`
+- [ ] `app/offline/page.tsx`
+- [ ] `app/offline/components/offline-retry-button.tsx`
+
+### Dashboard & statistics
+- [ ] `app/dashboard/page.tsx`
+- [ ] `app/dashboard/components/dashboard-content.tsx`
+- [ ] `app/dashboard/components/admin-users-table.tsx`
+- [ ] `app/statistics/page.tsx`
+- [ ] `app/statistics/components/health-status.tsx`
+- [ ] `app/statistics/components/store-item.tsx`
+- [ ] `app/statistics/components/stores-list.tsx`
+
+### Emails & their wiring
+- [ ] `emails/verification-email.tsx`
+- [ ] `emails/password-reset-email.tsx`
+- [ ] `emails/set-password-email.tsx`
+- [ ] `emails/change-email-confirmation.tsx`
+- [ ] `emails/components/action-email.tsx`
+- [ ] `emails/components/email-layout.tsx`
+- [ ] `lib/email/email-service.ts`
+- [ ] `lib/auth.ts`
+
+---
+
+## 14. Future improvements & TODOs
+
+- **Locale-aware currency, number, and date formatting.** The knowledge base section 19 explicitly requires this, and it is the largest remaining gap. Prices still render as `.toFixed(2)€` and dates via a custom `formatDate`, so a German user sees Croatian-style numbers. Replace with `useFormatter().number(v, { style: "currency", currency: "EUR" })` and `format.dateTime(...)`, ideally behind one shared helper reused everywhere.
+- **Market / country axis.** Implement `market: 'HR' | 'AT' | 'SI'` as a separate setting (see section 11), which controls stores, price sources, and currency independently of language.
+- **Zod validation messages in `lib/api/schemas/*`.** These schemas are double-duty (form validation and API-response parsing via the `@/lib/api/types` barrel), so translating them cleanly needs a message-object factory plus passthrough static instances for the DTO schemas. The `validation` namespace keys are already in the catalogs; only the form-only inline schemas (forgot-password, reset-password) are translated so far.
+- **Persist the locale to the user profile.** Today the cookie is the source of truth, so a logged-in user on a new device gets detection or the default. A `language` field via better-auth `additionalFields`, synced on login, would make the preference follow the account.
+- **Native review of `de` and `sl`.** Current German and Slovenian are solid machine-quality; a native pass (or a TMS like Tolgee/Crowdin/Lokalise if this grows) is the professional next step.
+- **Backend-generated content.** Product labels/categories (from the cijene API) and notification content are not covered by frontend i18n; localizing them is a backend concern.
+- **SEO in other languages.** Cookie-based i18n means search engines only index the default (`hr`). If ranking `en`/`de`/`sl` content matters later, that requires URL-based routing plus `hreflang` tags and per-locale sitemaps, a deliberate trade-off away from the current simplicity.
+- **Update the stale docs.** `disscount_technical_documentation.md` and `disscount_state_of_reality.md` still describe the app as "Croatian only / i18n not wired"; refresh them now that this subsystem is live.
diff --git a/frontend/.gitignore b/frontend/.gitignore
index 36e82fe4..2eabf9ca 100644
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@@ -17,6 +17,10 @@
 /.next/
 /out/
 
+# serwist (generated service worker)
+public/sw*
+public/swe-worker*
+
 # production
 /build
 
diff --git a/frontend/eslint.config.mjs b/frontend/eslint.config.mjs
index f4438352..f9abddc0 100644
--- a/frontend/eslint.config.mjs
+++ b/frontend/eslint.config.mjs
@@ -1,5 +1,6 @@
 import { defineConfig, globalIgnores } from "eslint/config";
 import nextVitals from "eslint-config-next/core-web-vitals";
+import i18next from "eslint-plugin-i18next";
 
 const eslintConfig = defineConfig([
   ...nextVitals,
@@ -11,6 +12,76 @@ const eslintConfig = defineConfig([
     "build/**",
     "next-env.d.ts",
   ]),
+
+  // Enforce that user-facing JSX text goes through next-intl (no hardcoded
+  // strings — this is what keeps translations from regressing). Only JSX text
+  // nodes are checked; plain .ts (schemas/constants/mock data) and technical
+  // attributes are ignored to avoid noise.
+  {
+    files: ["src/**/*.tsx"],
+    ignores: [
+      "src/components/ui/**", // shadcn primitives (library code)
+      "src/components/custom/sidebar-08/**", // unused scaffold
+      "src/components/shadcn-studio/**", // unused scaffold
+      "src/emails/**", // localized via the email service, not next-intl
+      // Unused landing-page scaffolds (only HeroSection is rendered).
+      "src/app/(root)/components/sections/features-section.tsx",
+      "src/app/(root)/components/sections/features-section2.tsx",
+      "src/app/(root)/components/sections/pricing-section.tsx",
+      "src/app/(root)/components/sections/stats-section.tsx",
+      "src/app/(root)/components/sections/stores-section.tsx",
+    ],
+    plugins: { i18next },
+    rules: {
+      "i18next/no-literal-string": [
+        "error",
+        {
+          mode: "jsx-only",
+          message:
+            "Hardcoded string. Use next-intl (useTranslations) instead.",
+          // Check JSX text plus these user-visible attributes only.
+          "jsx-attributes": {
+            include: ["placeholder", "alt", "title", "aria-label", "label"],
+          },
+          // Don't flag the key argument of translation/util calls, e.g.
+          // t("key"), tCommon("key"), nav.label("id"), form.register("email"),
+          // "x".localeCompare(y, "hr").
+          callees: {
+            exclude: [
+              "^t$",
+              "^t[A-Z]\\w*$",
+              "^tv$",
+              "rich",
+              "label",
+              "short",
+              "localeCompare",
+              "register",
+              "watch",
+              "setValue",
+              "getValues",
+              "useTranslations",
+              "getTranslations",
+            ],
+          },
+          words: {
+            exclude: [
+              // symbol / number / emoji-only text (separators, prices, etc.)
+              "^[^A-Za-zČĆŽŠĐčćžšđ]*$",
+              // hex color examples (e.g. #ffffff placeholder)
+              "^#[0-9A-Fa-f]{3,8}$",
+              // brand + proper names + universal tokens (not translated)
+              "Disscount",
+              "disscount",
+              "Jakov Jakovac",
+              "GitHub",
+              "LinkedIn",
+              "N/A",
+            ],
+          },
+        },
+      ],
+    },
+  },
 ]);
 
 export default eslintConfig;
diff --git a/frontend/next.config.ts b/frontend/next.config.ts
index 826c6e9e..a436f5fe 100644
--- a/frontend/next.config.ts
+++ b/frontend/next.config.ts
@@ -1,6 +1,23 @@
 import { withSentryConfig } from "@sentry/nextjs";
+import withSerwistInit from "@serwist/next";
+import createNextIntlPlugin from "next-intl/plugin";
+import { randomUUID } from "node:crypto";
 import type { NextConfig } from "next";
 
+// Points at the per-request locale + messages config (src/i18n/request.ts).
+const withNextIntl = createNextIntlPlugin("./src/i18n/request.ts");
+
+const withSerwist = withSerwistInit({
+  swSrc: "src/app/sw.ts",
+  swDest: "public/sw.js",
+  // Service worker only runs in production builds; in dev it would fight
+  // Turbopack/HMR. The React Query persistence layer still works in dev.
+  disable: process.env.NODE_ENV === "development",
+  // Precache the offline fallback page so it's available with no connection.
+  additionalPrecacheEntries: [{ url: "/offline", revision: randomUUID() }],
+  reloadOnOnline: true,
+});
+
 const nextConfig: NextConfig = {
   // Emit a minimal self-contained server build (.next/standalone) for a lean Docker image.
   output: "standalone",
@@ -60,7 +77,8 @@ const nextConfig: NextConfig = {
   },
 };
 
-export default withSentryConfig(nextConfig, {
+export default withSerwist(
+  withSentryConfig(withNextIntl(nextConfig), {
   // For all available options, see:
   // https://www.npmjs.com/package/@sentry/webpack-plugin#options
 
@@ -90,4 +108,5 @@ export default withSentryConfig(nextConfig, {
       removeDebugLogging: true,
     },
   },
-});
+  }),
+);
diff --git a/frontend/package.json b/frontend/package.json
index c8dd52d3..31d0d9ac 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -5,9 +5,10 @@
   "license": "BUSL-1.1",
   "scripts": {
     "dev": "next dev",
-    "build": "next build",
+    "build": "next build --webpack",
     "start": "next start",
     "lint": "eslint .",
+    "i18n:check": "node scripts/check-i18n.mjs",
     "email": "email dev --dir src/emails --port 3366"
   },
   "dependencies": {
@@ -26,8 +27,11 @@
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@sentry/nextjs": "^10.62.0",
+    "@serwist/next": "^9.5.11",
+    "@tanstack/query-async-storage-persister": "^5.101.1",
     "@tanstack/react-query": "^5.90.12",
     "@tanstack/react-query-devtools": "^5.91.1",
+    "@tanstack/react-query-persist-client": "^5.101.1",
     "@tanstack/react-virtual": "^3.13.13",
     "@yudiel/react-qr-scanner": "^2.4.1",
     "axios": "^1.13.2",
@@ -37,10 +41,12 @@
     "cmdk": "^1.1.1",
     "disscount": "link:",
     "drizzle-orm": "0.45.2",
+    "idb-keyval": "^6.2.5",
     "kysely": "0.28.17",
     "lucide-react": "^0.561.0",
     "motion": "^12.23.26",
     "next": "16.2.9",
+    "next-intl": "^4.13.0",
     "pg": "8.21.0",
     "radix-ui": "^1.4.3",
     "react": "19.2.4",
@@ -68,6 +74,9 @@
     "drizzle-kit": "^0.31.10",
     "eslint": "^9",
     "eslint-config-next": "16.2.2",
+    "eslint-plugin-i18next": "^6.1.5",
+    "serwist": "^9.5.11",
+    "sharp": "^0.35.2",
     "tailwindcss": "^4",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.7"
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
index e06b4cc6..9de76339 100644
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -10,7 +10,7 @@ importers:
     dependencies:
       '@daveyplate/better-auth-ui':
         specifier: ^3.2.13
-        version: 3.4.0(7cba73d98a64fa1f7427e1b78929c147)
+        version: 3.4.0(2e97e51b7de348ab45b8706c958356e1)
       '@hookform/resolvers':
         specifier: ^5.2.2
         version: 5.4.0(react-hook-form@7.80.0(react@19.2.4))
@@ -53,12 +53,21 @@ importers:
       '@sentry/nextjs':
         specifier: ^10.62.0
         version: 10.62.0(@opentelemetry/core@2.8.0(@opentelemetry/api@1.9.1))(@opentelemetry/sdk-trace-base@2.8.0(@opentelemetry/api@1.9.1))(next@16.2.9(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react@19.2.4)(webpack@5.108.1)
+      '@serwist/next':
+        specifier: ^9.5.11
+        version: 9.5.11(next@16.2.9(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react@19.2.4)(typescript@5.9.3)(webpack@5.108.1)
+      '@tanstack/query-async-storage-persister':
+        specifier: ^5.101.1
+        version: 5.101.1
       '@tanstack/react-query':
         specifier: ^5.90.12
         version: 5.101.1(react@19.2.4)
       '@tanstack/react-query-devtools':
         specifier: ^5.91.1
         version: 5.101.1(@tanstack/react-query@5.101.1(react@19.2.4))(react@19.2.4)
+      '@tanstack/react-query-persist-client':
+        specifier: ^5.101.1
+        version: 5.101.1(@tanstack/react-query@5.101.1(react@19.2.4))(react@19.2.4)
       '@tanstack/react-virtual':
         specifier: ^3.13.13
         version: 3.14.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -86,6 +95,9 @@ importers:
       drizzle-orm:
         specifier: 0.45.2
         version: 0.45.2(@opentelemetry/api@1.9.1)(@types/pg@8.20.0)(kysely@0.28.17)(pg@8.21.0)
+      idb-keyval:
+        specifier: ^6.2.5
+        version: 6.2.5
       kysely:
         specifier: 0.28.17
         version: 0.28.17
@@ -98,6 +110,9 @@ importers:
       next:
         specifier: 16.2.9
         version: 16.2.9(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      next-intl:
+        specifier: ^4.13.0
+        version: 4.13.0(next@16.2.9(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react@19.2.4)(typescript@5.9.3)
       pg:
         specifier: 8.21.0
         version: 8.21.0
@@ -174,6 +189,15 @@ importers:
       eslint-config-next:
         specifier: 16.2.2
         version: 16.2.2(@typescript-eslint/parser@8.62.0(eslint@9.39.4(jiti@2.7.0))(typescript@5.9.3))(eslint@9.39.4(jiti@2.7.0))(typescript@5.9.3)
+      eslint-plugin-i18next:
+        specifier: ^6.1.5
+        version: 6.1.5
+      serwist:
+        specifier: ^9.5.11
+        version: 9.5.11(browserslist@4.28.4)(typescript@5.9.3)
+      sharp:
+        specifier: ^0.35.2
+        version: 0.35.2
       tailwindcss:
         specifier: ^4
         version: 4.3.1
@@ -969,6 +993,18 @@ packages:
   '@floating-ui/utils@0.2.11':
     resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}
 
+  '@formatjs/fast-memoize@3.1.6':
+    resolution: {integrity: sha512-H5aexk1Le7T9TPmscacZ+1pR6CTa2n1wq+HDVGXhH8TzUlQQpeXzZs91dRtmFHrbeNbjPFPfQujUqm7MHgVoXQ==}
+
+  '@formatjs/icu-messageformat-parser@3.5.12':
+    resolution: {integrity: sha512-YyzzxVgYJ8DELmmkhn0Yr0rUj0dTJFf9Jp628K3S0ysInBWxLVDOS8i3RP91cCp4DMK4WYb4cVMhWA9i4knSJg==}
+
+  '@formatjs/icu-skeleton-parser@2.1.10':
+    resolution: {integrity: sha512-XuSva+8ZGawk8VnD5VD6UeH8KarQ/Z022zgjHDoHmlNiAewstXuuzXc0Hk5pGFSdG+nNw5bfJKXqj1ZXHn9yUA==}
+
+  '@formatjs/intl-localematcher@0.8.10':
+    resolution: {integrity: sha512-P/IC3qws3jH+1fEs+o0RIFgXKRaQlFehjS5W0FPAqdo6hgzawLl+eD0q0JjheQ3XtoOe5n8WSYfX06KQZI/QJA==}
+
   '@hcaptcha/react-hcaptcha@2.0.2':
     resolution: {integrity: sha512-VbuH6VJ6m3BHmVBHs0fL9t+suZd7PQEqCzqL2BiUbBvbHI3XfvSgdiug2QiEPN8zskbPTIV/FfGPF53JCckrow==}
 
@@ -1010,70 +1046,145 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
+  '@img/sharp-darwin-arm64@0.35.2':
+    resolution: {integrity: sha512-eEieHsMksAW4IiO5NzauESRl2D2qz3J/kwUxUrSfV06A93eEaRfMpHXyUb1mAqrR7i8U9A0GRqE9pjn6u1Jjpg==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm64]
+    os: [darwin]
+
   '@img/sharp-darwin-x64@0.34.5':
     resolution: {integrity: sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [x64]
     os: [darwin]
 
+  '@img/sharp-darwin-x64@0.35.2':
+    resolution: {integrity: sha512-BaktuGPCeHJMARpodR8jK4uKiZrPAy9WrfQW0sdI37clracq8Bp01AYS3SZgi5FS/y5twa9t4+LIuuxQjqRrWw==}
+    engines: {node: '>=20.9.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-freebsd-wasm32@0.35.2':
+    resolution: {integrity: sha512-YoAxdnd8hPUkvLHd3bWY+YA8nw3xM/RyRopYucNsWHVSan8NLVM3X2volsfoRDcXdUJPg6tXahSd7HXPK7lRnw==}
+    engines: {node: '>=20.9.0'}
+    os: [freebsd]
+
   '@img/sharp-libvips-darwin-arm64@1.2.4':
     resolution: {integrity: sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==}
     cpu: [arm64]
     os: [darwin]
 
+  '@img/sharp-libvips-darwin-arm64@1.3.1':
+    resolution: {integrity: sha512-4V/M3roRMTYjiwZY9IOVQOE8OyeCxFAkYmyZDrZl51uOKjibm3oeEJ4WAmLxutAfzFbC9jqUiPs2gbnGflH+7g==}
+    cpu: [arm64]
+    os: [darwin]
+
   '@img/sharp-libvips-darwin-x64@1.2.4':
     resolution: {integrity: sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==}
     cpu: [x64]
     os: [darwin]
 
+  '@img/sharp-libvips-darwin-x64@1.3.1':
+    resolution: {integrity: sha512-c0/DxItpJv2+dGhgycJBBgotdqruGYDvA79drdh0MD1dFpy7JzJ/PlXwi1H4rFf0eTy8tgbI91aHDnZIceY3jQ==}
+    cpu: [x64]
+    os: [darwin]
+
   '@img/sharp-libvips-linux-arm64@1.2.4':
     resolution: {integrity: sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
+  '@img/sharp-libvips-linux-arm64@1.3.1':
+    resolution: {integrity: sha512-JznefmcK9j1JKPz8AkQDh89kjojubyfOasWBPKfzMIhPwsgDy9evpE/naJTXXXmghS1iFwR8u/kTwh/I2/+GCw==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
   '@img/sharp-libvips-linux-arm@1.2.4':
     resolution: {integrity: sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==}
     cpu: [arm]
     os: [linux]
     libc: [glibc]
 
+  '@img/sharp-libvips-linux-arm@1.3.1':
+    resolution: {integrity: sha512-aGGy9aWzXgHBG7HNyQPWorZthlp7+x6fDRoPAQbGO3ThcttuTyKIx3NuSHb6zb4gBNq6/yNn9f1cy9nFKS/Vmg==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
   '@img/sharp-libvips-linux-ppc64@1.2.4':
     resolution: {integrity: sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==}
     cpu: [ppc64]
     os: [linux]
     libc: [glibc]
 
+  '@img/sharp-libvips-linux-ppc64@1.3.1':
+    resolution: {integrity: sha512-1EkwGNCZk6iWNCMWqrvdJ+r1j0PT1zIz60CNPhYnJlK/zyeWqlsPZIe+ocBVqPF8k/Ssee/NCk+tE9Ryrko6ng==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
   '@img/sharp-libvips-linux-riscv64@1.2.4':
     resolution: {integrity: sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==}
     cpu: [riscv64]
     os: [linux]
     libc: [glibc]
 
+  '@img/sharp-libvips-linux-riscv64@1.3.1':
+    resolution: {integrity: sha512-Ilays+w2bXdnxzxtQdmXR62u8o8GYa3eL4+Gr+1KiE4xperMZUslRaVPJwwPkzlHEjGfXAfRVAa/7CYCtSqsBw==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
   '@img/sharp-libvips-linux-s390x@1.2.4':
     resolution: {integrity: sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==}
     cpu: [s390x]
     os: [linux]
     libc: [glibc]
 
+  '@img/sharp-libvips-linux-s390x@1.3.1':
+    resolution: {integrity: sha512-VfBwVHQTbRoj4XlpA/KLZ7ltgMpz+4WSejFzQ+GnoImjo1PtEJ59QB2qR1xQEeRPYIkNrPIm2L4cICMvz4C2ew==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
   '@img/sharp-libvips-linux-x64@1.2.4':
     resolution: {integrity: sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
+  '@img/sharp-libvips-linux-x64@1.3.1':
+    resolution: {integrity: sha512-+c8ukgwU62DS54nCAjw7keOfHUkmr0B5QHEdcOqRnodF/MNXJbVI8Eopoj4B/0H8Asr65I+A4Amrn7a85/md6A==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
   '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
     resolution: {integrity: sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
+  '@img/sharp-libvips-linuxmusl-arm64@1.3.1':
+    resolution: {integrity: sha512-qlKb/pwbkAi1WMsJrYHk7CuDrd12s27U2QnRhFYUoJNrRCmkosMTttuRFat/DDB3IlDm5qE1TJgZ4JDnHX8Ldw==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
   '@img/sharp-libvips-linuxmusl-x64@1.2.4':
     resolution: {integrity: sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
+  '@img/sharp-libvips-linuxmusl-x64@1.3.1':
+    resolution: {integrity: sha512-yO21HwoUVLN8Qa+/SBjQLMYwBWAVJjeGPNe+hc0OUeMeifEtJqu5a1c4HayE1nNpDih9y3/KkoltfkDodmKAlg==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
   '@img/sharp-linux-arm64@0.34.5':
     resolution: {integrity: sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
@@ -1081,6 +1192,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@img/sharp-linux-arm64@0.35.2':
+    resolution: {integrity: sha512-af12Pnd0ZGu2HfP8NayB0kk6eC/lrfbQE6HlR4jD+34wdJ1Vw9TF6TMn6ZvffT+WgqVsl0hRbmNvz2u/23VmwA==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
   '@img/sharp-linux-arm@0.34.5':
     resolution: {integrity: sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
@@ -1088,6 +1206,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@img/sharp-linux-arm@0.35.2':
+    resolution: {integrity: sha512-SE4kzF2mepn6z+6E7L6lsV8FzuLL6IPQdyX8ZiwROAG/G8td+hP/m7FsFPwidtrF19gvajuC9l6TxAVcsA4S7A==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
   '@img/sharp-linux-ppc64@0.34.5':
     resolution: {integrity: sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
@@ -1095,6 +1220,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@img/sharp-linux-ppc64@0.35.2':
+    resolution: {integrity: sha512-hYSBm7zcNtDCozCxQHYZJiu63b/bXsgRZuOxCIBZsStMM9Vap47iFHdbX4kCvQsblPB/k+clhELpdQJHQLSHvg==}
+    engines: {node: '>=20.9.0'}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
   '@img/sharp-linux-riscv64@0.34.5':
     resolution: {integrity: sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
@@ -1102,6 +1234,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@img/sharp-linux-riscv64@0.35.2':
+    resolution: {integrity: sha512-qQt0Kc13+Hoan/Awq/qMSQw3L+RI1NCRPgD5cUJ/1WSSmIoysLOc72jlRM3E0OHN9Yr313jgeQ2T+zW+F03QFA==}
+    engines: {node: '>=20.9.0'}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
   '@img/sharp-linux-s390x@0.34.5':
     resolution: {integrity: sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
@@ -1109,6 +1248,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@img/sharp-linux-s390x@0.35.2':
+    resolution: {integrity: sha512-E4fLLfRPzDLlEeDaTzI98OFLcv++WL5ChLLMwPoVd0CIoZQqupBSNbOisPL5am9XsbQ9T84+iiMpUvbFtkunbA==}
+    engines: {node: '>=20.9.0'}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
   '@img/sharp-linux-x64@0.34.5':
     resolution: {integrity: sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
@@ -1116,6 +1262,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@img/sharp-linux-x64@0.35.2':
+    resolution: {integrity: sha512-gi0zFJJRLswfCZmHtJdikXPOc5u7qamSOS3NHedLqLd4W8Q0NqjdBr6TTRIgsfFjqfTsHFgdfvJ9LwqSgcHiAA==}
+    engines: {node: '>=20.9.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
   '@img/sharp-linuxmusl-arm64@0.34.5':
     resolution: {integrity: sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
@@ -1123,6 +1276,13 @@ packages:
     os: [linux]
     libc: [musl]
 
+  '@img/sharp-linuxmusl-arm64@0.35.2':
+    resolution: {integrity: sha512-siWbOW1u6HFnFLrp0waKyW7VEf7jYvcDWdrXEFa8AkdAQgEvuu5Fz8/Y70w9EeqAdwDtfU012BhEHHaDqvQNzg==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
   '@img/sharp-linuxmusl-x64@0.34.5':
     resolution: {integrity: sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
@@ -1130,29 +1290,63 @@ packages:
     os: [linux]
     libc: [musl]
 
+  '@img/sharp-linuxmusl-x64@0.35.2':
+    resolution: {integrity: sha512-YBqMMcjDi4QGYiSn4vNOYBhmlC4z5AXqkOUUqI2e0AFA4urNv4ESgOgwNl3K+4etQhha0twXlzeF20bbULm9Yg==}
+    engines: {node: '>=20.9.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
   '@img/sharp-wasm32@0.34.5':
     resolution: {integrity: sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [wasm32]
 
+  '@img/sharp-wasm32@0.35.2':
+    resolution: {integrity: sha512-Mrv4JQNYVQ94xH+jzZ9r+gowleN8mv2FTgKT+PI6bx5C0G8TdNYndu161pg2i7uoBwxy2ImPMHrJOM2LZef7Bw==}
+    engines: {node: '>=20.9.0'}
+
+  '@img/sharp-webcontainers-wasm32@0.35.2':
+    resolution: {integrity: sha512-QNV27pxs9wpApEiCfvHM1RDoP1w1+2KrUWWDPEhEwg+latvOrfuhWrHWZKwdSFwU6jh3myjw/yOCRsUIuOft3g==}
+    engines: {node: '>=20.9.0'}
+    cpu: [wasm32]
+
   '@img/sharp-win32-arm64@0.34.5':
     resolution: {integrity: sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [arm64]
     os: [win32]
 
+  '@img/sharp-win32-arm64@0.35.2':
+    resolution: {integrity: sha512-BiVRYc/t6/Vl3e1hBx0hugG4oN9Pydf4fgMSpxTQJmwGUg/YoXTWHiFeRymHfCZzifxu4F4rpk/I67D0LQ20wQ==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm64]
+    os: [win32]
+
   '@img/sharp-win32-ia32@0.34.5':
     resolution: {integrity: sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [ia32]
     os: [win32]
 
+  '@img/sharp-win32-ia32@0.35.2':
+    resolution: {integrity: sha512-YYEhx9PImCC7T0tI8JDMi4DB9LwLCXCU5OWNYEXAxh5Q1ShKkyC6byxzoBJ3gEFDnH2lQckWuDe70G7mB2XJog==}
+    engines: {node: ^20.9.0}
+    cpu: [ia32]
+    os: [win32]
+
   '@img/sharp-win32-x64@0.34.5':
     resolution: {integrity: sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [x64]
     os: [win32]
 
+  '@img/sharp-win32-x64@0.35.2':
+    resolution: {integrity: sha512-imoOyBcoM/iiUr4J6VPpCNjPnjvP/Gks95898yB8YqoGGYmHYbOyCuNv9FMhFgtaiHFGbHW8bxKqRV6VjtXThQ==}
+    engines: {node: '>=20.9.0'}
+    cpu: [x64]
+    os: [win32]
+
   '@inquirer/core@6.0.0':
     resolution: {integrity: sha512-fKi63Khkisgda3ohnskNf5uZJj+zXOaBvOllHsOkdsXRA/ubQLJQrZchFFi57NKbZzkTunXiBMdvWOv71alonw==}
     engines: {node: '>=14.18.0'}
@@ -1385,6 +1579,94 @@ packages:
     resolution: {integrity: sha512-/UhIkaZgPutTFmQ7RnIJGgDXZmtEJ7Dvi86xNTFWcnRxVRNk/aotsqDJYeEvDP+FSMB2SdW+pQzNMcWP0rwuNA==}
     engines: {node: '>=14'}
 
+  '@parcel/watcher-android-arm64@2.5.6':
+    resolution: {integrity: sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  '@parcel/watcher-darwin-arm64@2.5.6':
+    resolution: {integrity: sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@parcel/watcher-darwin-x64@2.5.6':
+    resolution: {integrity: sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@parcel/watcher-freebsd-x64@2.5.6':
+    resolution: {integrity: sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@parcel/watcher-linux-arm-glibc@2.5.6':
+    resolution: {integrity: sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@parcel/watcher-linux-arm-musl@2.5.6':
+    resolution: {integrity: sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
+
+  '@parcel/watcher-linux-arm64-glibc@2.5.6':
+    resolution: {integrity: sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@parcel/watcher-linux-arm64-musl@2.5.6':
+    resolution: {integrity: sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@parcel/watcher-linux-x64-glibc@2.5.6':
+    resolution: {integrity: sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@parcel/watcher-linux-x64-musl@2.5.6':
+    resolution: {integrity: sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@parcel/watcher-win32-arm64@2.5.6':
+    resolution: {integrity: sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@parcel/watcher-win32-ia32@2.5.6':
+    resolution: {integrity: sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@parcel/watcher-win32-x64@2.5.6':
+    resolution: {integrity: sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  '@parcel/watcher@2.5.6':
+    resolution: {integrity: sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==}
+    engines: {node: '>= 10.0.0'}
+
   '@peculiar/asn1-android@2.8.0':
     resolution: {integrity: sha512-skLbS+IOGv1lUgDqtChr8xvtvEr3HMse/JGBaL2r1J1o/n7a8wqOrovMtlRq/UXLhxvmLaONP67hwtshgzwfzA==}
 
@@ -2485,6 +2767,9 @@ packages:
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
 
+  '@schummar/icu-type-parser@1.21.5':
+    resolution: {integrity: sha512-bXHSaW5jRTmke9Vd0h5P7BtWZG9Znqb8gSDxZnxaGSJnGwPLDPfS+3g0BKzeWqzgZPsIVZkM7m2tbo18cm5HBw==}
+
   '@selderee/plugin-htmlparser2@0.11.0':
     resolution: {integrity: sha512-P33hHGdldxGabLFjPPpaTxVolMrzrcegejx+0GxjrIb9Zv48D8yAIA/QTDR2dFl7Uz7urX8aX6+5bCZslr+gWQ==}
 
@@ -2635,6 +2920,57 @@ packages:
     peerDependencies:
       webpack: '>=5.0.0'
 
+  '@serwist/build@9.5.11':
+    resolution: {integrity: sha512-PQfW+LhADYFOOp0PhEnjlgJCyKor6cYa06d3rID1OpiKzkmCApJV1WYfdTBB96jXaWv6OWcWSbSV4tqDLxvaVA==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      typescript: '>=5.0.0'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@serwist/next@9.5.11':
+    resolution: {integrity: sha512-omT32H7U21ihCymSvOG9QeRJBuOEomJx4JdzKhUoqOW3DR10tH3m84VOHj3BvK0OcA7av3qj5FsyNFBB+f0n8A==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      '@serwist/cli': ^9.5.11
+      next: '>=14.0.0'
+      react: '>=18.0.0'
+      typescript: '>=5.0.0'
+    peerDependenciesMeta:
+      '@serwist/cli':
+        optional: true
+      typescript:
+        optional: true
+
+  '@serwist/utils@9.5.11':
+    resolution: {integrity: sha512-zqxmwuHqWA3OwN82Wo8gFZ9QBemygJP3cap5JWAOG4UyJZgUZfmBXAXj+IMaD4eKZ/6pqrxHHDZ9uSWZmJ1mXA==}
+    peerDependencies:
+      browserslist: '>=4'
+    peerDependenciesMeta:
+      browserslist:
+        optional: true
+
+  '@serwist/webpack-plugin@9.5.11':
+    resolution: {integrity: sha512-SlvO3A1UMcc1htCzMtLCtPQK6yISCO7B859ixLv7EiY/yayXjVxGm9vHqkJYpQ768PWyjEZXRY/X6EGRMA6wJQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      typescript: '>=5.0.0'
+      webpack: 4.4.0 || ^5.9.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+      webpack:
+        optional: true
+
+  '@serwist/window@9.5.11':
+    resolution: {integrity: sha512-OrH9srhmifUvY36NuukHSZby24XTEk4pHh3pfY0GBQzA9ouU1fYh+ORWhKxH7/wkVHRr3sc4YAhjtpfL14PjjQ==}
+    peerDependencies:
+      typescript: '>=5.0.0'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   '@simplewebauthn/browser@13.3.0':
     resolution: {integrity: sha512-BE/UWv6FOToAdVk0EokzkqQQDOWtNydYlY6+OrmiZ5SCNmb41VehttboTetUM3T/fr6EAFYVXjz4My2wg230rQ==}
 
@@ -2654,9 +2990,102 @@ packages:
   '@standard-schema/utils@0.3.0':
     resolution: {integrity: sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==}
 
+  '@swc/core-darwin-arm64@1.15.43':
+    resolution: {integrity: sha512-v1aVuvXdo/BHxJzco9V2xpHrvwWmhfS8t6gziY5wJxd+Z2h8AeJRnAwPD8itCDaGXVBwJ/CaKfxEzTkG0Va0OA==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@swc/core-darwin-x64@1.15.43':
+    resolution: {integrity: sha512-lp3d4Lamc8dt5huYdGLSR+9hLxmfr1jb0l+4XXG2zPqZwYWRN9R0U2qYoTrggiU2RWW0oV9VbWM3kBnqIc2kdQ==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@swc/core-linux-arm-gnueabihf@1.15.43':
+    resolution: {integrity: sha512-JWTQQELtsG5GgphDrr/XqqmM2pDN3cZqbMS0Mrg+iTiXL3F74sn/S2IyYE/5u4h2KLkTf9qQ7dXyxsbx7YzkeA==}
+    engines: {node: '>=10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@swc/core-linux-arm64-gnu@1.15.43':
+    resolution: {integrity: sha512-B4otJRdPWIsmiSBf0uG7Z/+vMWmkufjz5MmYxubwKuZazDW14Zd3symga1N62QR4RT+kEFeHEgsXfZGyn/w0hw==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@swc/core-linux-arm64-musl@1.15.43':
+    resolution: {integrity: sha512-6zB6OnpViBxYy4tgY3v2i6AZY9fwkcHZ032UOwtwUuW1d19sdT07qF0kZe6/3UR1tUaK6jjg2rmVcUIBCEYVjQ==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@swc/core-linux-ppc64-gnu@1.15.43':
+    resolution: {integrity: sha512-coxE1ZWdB3uSDVNoEtYNrRi/1epvckZx9cTJ8ICUxTMTxGk+yvQ/Twacp3ruZSaMPGCriUjP86C37VhaT6nyRg==}
+    engines: {node: '>=10'}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@swc/core-linux-s390x-gnu@1.15.43':
+    resolution: {integrity: sha512-lXfLhs+LpBsD5inuYx+YDH5WsPPBQ95KPUiy8P5wq9ob9xKDZFqwNfU2QW6bGO8NqRO/H9JQomTSt5Yyh+FGfA==}
+    engines: {node: '>=10'}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@swc/core-linux-x64-gnu@1.15.43':
+    resolution: {integrity: sha512-07XnKwTmKy8TGOZG3D9fRnLWGynxPjwQnZLVmBFbo6F+7vHYzBIOuwXEhemrChBWb6yDNZsVCcMWCPX6FDD2xg==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@swc/core-linux-x64-musl@1.15.43':
+    resolution: {integrity: sha512-TJc+bsSIaBh+hZvZ5GRtW/K1bw66TJ9vsUwvVIsZdiWxU5ObLwZvfcnZ3UpgVfMnFibRes9uriJrQNBHEEogRQ==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@swc/core-win32-arm64-msvc@1.15.43':
+    resolution: {integrity: sha512-jfd7s2/bUQYkOHLs+LWQNKZdmDa8+sufKLllhpWAhVQ2GDCwsHe3vR/j+OSiItZNtkzFuaawa3+SAKz9y5gYfw==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@swc/core-win32-ia32-msvc@1.15.43':
+    resolution: {integrity: sha512-rLAE8JvucqEW1ZGohxPQrQWPBQeJG4+ypKbWfdlU/qmKScvCkxf9/Jxnzki1dkUQCQ7P5Enp13RlvqOlvx/32g==}
+    engines: {node: '>=10'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@swc/core-win32-x64-msvc@1.15.43':
+    resolution: {integrity: sha512-h8MLDHZcfIukwQWj03rIJZx1I0E81AYj2X7J/nGErG4nz+QAv6G1Z+peotvinL3lqpbo32tLYSMFo32/ySzxKg==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@swc/core@1.15.43':
+    resolution: {integrity: sha512-1CuKjFkPxIgGdeHVuNbkxmBxkcbdc08u0aiI43pFq6yY1tTVKmXT9hFEooyyKs/sJ3xf1GPHyEwTtk9Xl8dvQw==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@swc/helpers': '>=0.5.17'
+    peerDependenciesMeta:
+      '@swc/helpers':
+        optional: true
+
+  '@swc/counter@0.1.3':
+    resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==}
+
   '@swc/helpers@0.5.15':
     resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}
 
+  '@swc/types@0.1.27':
+    resolution: {integrity: sha512-K6h3iUlqeM946U4sXFYeahefR1YBbXJvko+hv8WS8/0BNJ4OHiHRywMnQUJCqkR7Y9+hqQ1TvEpiKqUhz7NEFg==}
+
   '@tailwindcss/node@4.3.1':
     resolution: {integrity: sha512-6NDaqRoAMSXD1mr/RXu0HBvNE9a2n5tHPsxu9XHLws8o4Twes5rBM2205SUUiJ9goAtadrN6xTGX0UDEwp/N4A==}
 
@@ -2749,18 +3178,33 @@ packages:
   '@tailwindcss/postcss@4.3.1':
     resolution: {integrity: sha512-dNJuNbdEJT/SWRuXTYP1WSamelsz3ztkUsdtWQPjrexysrTpaEPM40P/71knXiXLYEojqPOEGitVLLpPMS5T6A==}
 
+  '@tanstack/query-async-storage-persister@5.101.1':
+    resolution: {integrity: sha512-QuHhCTLyQjiVFUYRW5xtgeuiP1NEmqL5wnuFgPGeO6SjTLKeN9VnAhAKsKzde3AcEZEe4PL7FehfKbVhM/9kLA==}
+
   '@tanstack/query-core@5.101.1':
     resolution: {integrity: sha512-Y6Y92dkXtNqx67m2pMSxUsA3zOCwv862JexZRP8/EPwvKXMPu9m8rv43spiXWzOUIggQ3SQApttALStzhA8B4g==}
 
+  '@tanstack/query-core@5.101.2':
+    resolution: {integrity: sha512-hH5MLoJhF7KaIGd7q3xTXGXvslI+GYlM1Z/35aSHHWaCJWB7XvTSHYuV3eM7tw+aE0mT/xMro4M4Q9rCGHT0lw==}
+
   '@tanstack/query-devtools@5.101.1':
     resolution: {integrity: sha512-37RQ9U2PxlXQiv1era2t+uHgVhmiyvxqTMu30+KoVf0rufiucu6rpGRKFJk61Wh5OAZFKqCQd6lxTzFWfLZiuQ==}
 
+  '@tanstack/query-persist-client-core@5.101.1':
+    resolution: {integrity: sha512-rR5Er6jmdI3Oo8o6Wc0ceM6glDU4umgePu2IxM3Gy2UvPqcQONduxxxSzU1+F17mpS09XHqHKmj0Irhfb2cGYg==}
+
   '@tanstack/react-query-devtools@5.101.1':
     resolution: {integrity: sha512-OXFR9XKdEslraq3cpl3kCUeNvTIq/xGWEZiFZdn2bLB/q4WxSALMEDKYZ5yYjMQytsfnQxwQYqV4qtVEf0nuog==}
     peerDependencies:
       '@tanstack/react-query': ^5.101.1
       react: ^18 || ^19
 
+  '@tanstack/react-query-persist-client@5.101.1':
+    resolution: {integrity: sha512-bBSne+3+28EZ/Ch5a06J0YQi6d5yaT2G+vyHAyhzwzYA1FAEAFe6Ou6TsNVQaT6ef6pFShU73FL/NB4guTWNng==}
+    peerDependencies:
+      '@tanstack/react-query': ^5.101.1
+      react: ^18 || ^19
+
   '@tanstack/react-query@5.101.1':
     resolution: {integrity: sha512-ZnONUuQKJe1bJMStXUL1s5uKN9FcfC28j5cK+iDZcdSHtUv1wtin1cGc/Oewhf2Oc4eKY7lggtpvT/AbMmhHew==}
     peerDependencies:
@@ -2883,6 +3327,9 @@ packages:
   '@types/react@19.2.14':
     resolution: {integrity: sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==}
 
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+
   '@types/use-sync-external-store@0.0.6':
     resolution: {integrity: sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==}
 
@@ -3422,6 +3869,11 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
+  browserslist@4.28.2:
+    resolution: {integrity: sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
   browserslist@4.28.4:
     resolution: {integrity: sha512-MTc8i/x9jBQd1iMw2CFGS+rwMa07eYjLR0CCTLDACl9xhxy+nIs3KeML/biicXtk9JrZ6dnnTatmc7ErPXIxqw==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
@@ -3528,6 +3980,10 @@ packages:
     resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
     engines: {node: '>= 12'}
 
+  common-tags@1.8.2:
+    resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
+    engines: {node: '>=4.0.0'}
+
   commondir@1.0.1:
     resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
 
@@ -4002,6 +4458,10 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
 
+  eslint-plugin-i18next@6.1.5:
+    resolution: {integrity: sha512-xCTfstbK9ZpQ6UFT5S1s6zbZMhKn2o2jRSQYiU2UkV7wt8y1m3WjkUYGkGlipgRdFInYI9+LAqE+JQU/L73HmA==}
+    engines: {node: '>=18.10.0'}
+
   eslint-plugin-import@2.32.0:
     resolution: {integrity: sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==}
     engines: {node: '>=4'}
@@ -4355,6 +4815,15 @@ packages:
     resolution: {integrity: sha512-ag87y7cJJ9/3+GxFr8Oy4O5faDsGRGnBGsJj/YjOSsSx/5eadKLYTMPlzuR6obgoCDDm0abAAZitXXQkMOPSpA==}
     engines: {node: '>= 20'}
 
+  icu-minify@4.13.0:
+    resolution: {integrity: sha512-SIFMeUHZJjzS5RvIGvybKvWoHjDm9cGVEs2EpJ8PmywOdJLWyblPm7TdPLLoUtkJtwQD7iGhl2WMptZ+N0on+w==}
+
+  idb-keyval@6.2.5:
+    resolution: {integrity: sha512-eKQkTnS0relYsSOYomx8ozIbmdsQCKUdhyuIaQ2DZgKuaxtyQQMkyD/wlnQN32pO3yutN1b1L8uqwcDKaJd7/Q==}
+
+  idb@8.0.3:
+    resolution: {integrity: sha512-LtwtVyVYO5BqRvcsKuB2iUMnHwPVByPCXFXOpuU96IZPPoPN6xjOGxZQ74pgSVVLQWtUOYgyeL4GE98BY5D3wg==}
+
   ieee754@1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
 
@@ -4398,6 +4867,9 @@ packages:
     resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
     engines: {node: '>=12'}
 
+  intl-messageformat@11.2.9:
+    resolution: {integrity: sha512-cGzymZerpDhVXRKjKLgXKda9gI29TU2o88L7gwNMHp3WZVxA/0c5tX52udXbW9JklDApolvMXZG6Dhhdz5eirA==}
+
   ip-address@10.2.0:
     resolution: {integrity: sha512-/+S6j4E9AHvW9SWMSEY9Xfy66O5PWvVEJ08O0y5JGyEKQpojb0K0GKpz/v5HJ/G0vi3D2sjGK78119oXZeE0qA==}
     engines: {node: '>= 12'}
@@ -4607,6 +5079,9 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
+  kolorist@1.8.0:
+    resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
+
   kysely@0.28.17:
     resolution: {integrity: sha512-nbD8lB9EB3wNdMhOCdx5Li8DxnLbvKByylRLcJ1h+4SkrowVeECAyZlyiKMThF7xFdRz0jSQ2MoJr+wXux2y0Q==}
     engines: {node: '>=20.0.0'}
@@ -4714,6 +5189,9 @@ packages:
   lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
+  lodash.sortby@4.7.0:
+    resolution: {integrity: sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==}
+
   log-symbols@7.0.1:
     resolution: {integrity: sha512-ja1E3yCr9i/0hmBVaM0bfwDjnGy8I/s6PP4DFp+yP+a+mrHO4Rm7DtmnqROTUkHIkqffC84YY7AeqX6oFk0WFg==}
     engines: {node: '>=18'}
@@ -4909,6 +5387,10 @@ packages:
     resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
     engines: {node: '>= 0.6'}
 
+  negotiator@1.0.0:
+    resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
+    engines: {node: '>= 0.6'}
+
   neo-async@2.6.2:
     resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
 
@@ -4916,6 +5398,19 @@ packages:
     resolution: {integrity: sha512-eonl3sLUha+S1GzTPxychyhnUzKyeQkZ7jLjKrBagJgPla13F+uQ71HgpFefyHgqrjEbCPkDArxYsjY8/+gLKA==}
     engines: {node: '>= 0.4.0'}
 
+  next-intl-swc-plugin-extractor@4.13.0:
+    resolution: {integrity: sha512-6S/fJI0KXvLCL8nhBo9P8eGaJPzmwJBTCzX0NaUIj0VyU8U89d//T+vjMLdNIXl5MlLaYH7B9MbAjb8Mvu+tqQ==}
+
+  next-intl@4.13.0:
+    resolution: {integrity: sha512-OvNq2v5XLx4EkQOsAhVE9g+6zdb83XHusADCXXtIW4LILYnjEVaeINdr1lkVWKSjzwNUiMSlH5N4K0OQTRiv6A==}
+    peerDependencies:
+      next: ^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   next@16.2.9:
     resolution: {integrity: sha512-MEOJiq/UvuezAdqVSceHbqDgZt1kDw2tpGVOlsdIoJsQdbN2JY2hpVG4xnXGkbdJUOEWhnRfiu/O4Hpc9Juwww==}
     engines: {node: '>=20.9.0'}
@@ -4937,6 +5432,9 @@ packages:
       sass:
         optional: true
 
+  node-addon-api@7.1.1:
+    resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
+
   node-exports-info@1.6.2:
     resolution: {integrity: sha512-kXs9Go0cah0qHVV2v389IXQLdLCeE1xfFtjOAF+iobu0OIoG1pje8At2vMHyaPMiPMnG/LWP50twML21eMcAag==}
     engines: {node: '>= 0.4'}
@@ -5111,6 +5609,9 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  po-parser@2.1.1:
+    resolution: {integrity: sha512-ECF4zHLbUItpUgE3OTtLKlPjeBN+fKEczj2zYjDfCGOzicNs0GK3Vg2IoAYwx7LH/XYw43fZQP6xnZ4TkNxSLQ==}
+
   possible-typed-array-names@1.1.0:
     resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
     engines: {node: '>= 0.4'}
@@ -5154,6 +5655,10 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
+  pretty-bytes@6.1.1:
+    resolution: {integrity: sha512-mQUvGU6aUFQ+rNvTIAcZuWGRT9a6f6Yrg9bHs4ImKF+HZCEK+plBvnAZYSIQztknZF2qnzNtr6F8s0+IuptdlQ==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+
   prismjs@1.30.0:
     resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
     engines: {node: '>=6'}
@@ -5367,6 +5872,10 @@ packages:
     resolution: {integrity: sha512-QT7FVMXfWOYFbeRBF6nu+I6tr2Tf3u0q8RIEjNob/heKY/nh7drD/k7eeMFmSQgnTtCzLDcCu/XEnpW2wk4xCQ==}
     engines: {node: '>=9.3.0 || >=8.10.0 <9.0.0'}
 
+  requireindex@1.1.0:
+    resolution: {integrity: sha512-LBnkqsDE7BZKvqylbmn7lTIVdpx4K/QCduRATpO5R+wtPmky/a8pN1bO2D6wXppn1497AJF9mNjqAXr6bdl9jg==}
+    engines: {node: '>=0.10.5'}
+
   reselect@5.2.0:
     resolution: {integrity: sha512-AgZ3UOZm3YndfrJ4OYjgrT7bmCm/1iqkjvEfH/oYjzh6PD2qw4QuT3jjnXIrpdt4MTpMXclMT3lXbmRY+XRakw==}
 
@@ -5445,6 +5954,11 @@ packages:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
+  semver@7.7.4:
+    resolution: {integrity: sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   semver@7.8.5:
     resolution: {integrity: sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==}
     engines: {node: '>=10'}
@@ -5453,6 +5967,14 @@ packages:
   server-only@0.0.1:
     resolution: {integrity: sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==}
 
+  serwist@9.5.11:
+    resolution: {integrity: sha512-Bq6uwJFd4ET60BWI77v3VbazKHv6k7lECOiiCFwKyBu/slaCn0GHJ5L5RfsuJUKrnbD9lYUCDo6sqaKRM5M2vA==}
+    peerDependencies:
+      typescript: '>=5.0.0'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   set-cookie-parser@3.1.1:
     resolution: {integrity: sha512-vM9SUhjsUYs6UeJUmygc5Ofm5eQGe85riob5ju6XCgFGJI5PLV4nrDAQpQjd+LkFBpAkADn5BQQpZ9EUNkyLuA==}
 
@@ -5472,6 +5994,10 @@ packages:
     resolution: {integrity: sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
 
+  sharp@0.35.2:
+    resolution: {integrity: sha512-FVtFjtBCMiJS6yb5CX7Sop45WFMpeGw6oRKuJnXYgf/f1ms/D7LE/ZUSNxnW7rZ/dbslQWYkoqFHGPaDBtaK4w==}
+    engines: {node: '>=20.9.0'}
+
   shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}
@@ -5550,6 +6076,11 @@ packages:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
 
+  source-map@0.8.0-beta.0:
+    resolution: {integrity: sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==}
+    engines: {node: '>= 8'}
+    deprecated: The work that was done in this beta branch won't be included in future versions
+
   split2@4.2.0:
     resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
     engines: {node: '>= 10.x'}
@@ -5699,6 +6230,9 @@ packages:
   tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
 
+  tr46@1.0.1:
+    resolution: {integrity: sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==}
+
   tree-kill@1.2.2:
     resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
     hasBin: true
@@ -5746,6 +6280,10 @@ packages:
     resolution: {integrity: sha512-Ne2YiiGN8bmrmJJEuTWTLJR32nh/JdL1+PSicowtNb0WFpn59GK8/lfD61bVtzguz7b3PBt74nxpv/Pw5po5Rg==}
     engines: {node: '>=8'}
 
+  type-fest@5.6.0:
+    resolution: {integrity: sha512-8ZiHFm91orbSAe2PSAiSVBVko18pbhbiB3U9GglSzF/zCGkR+rxpHx6sEMCUm4kxY4LjDIUGgCfUMtwfZfjfUA==}
+    engines: {node: '>=20'}
+
   type-fest@5.7.0:
     resolution: {integrity: sha512-1URUxUqfHFM1c+zfSPsa3gnkO7Aq21qyH75SIduNYz4SzY964rn1X2vCMQaHSHhktiw+0kPa2iyb6PUpXqB6Vg==}
     engines: {node: '>=20'}
@@ -5826,6 +6364,11 @@ packages:
       '@types/react':
         optional: true
 
+  use-intl@4.13.0:
+    resolution: {integrity: sha512-fAFDrWaASxlhXOipcOyb5VDD+YONqj6+8O8EcG/J7RBoOUF3A8YahRWLN+mBxYMrlMQB8N6Voqk5X+YC+HSL0A==}
+    peerDependencies:
+      react: ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0
+
   use-sidecar@1.1.3:
     resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
     engines: {node: '>=10'}
@@ -5874,6 +6417,9 @@ packages:
   webidl-conversions@3.0.1:
     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
 
+  webidl-conversions@4.0.2:
+    resolution: {integrity: sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==}
+
   webpack-sources@3.5.0:
     resolution: {integrity: sha512-HPuy+uuoTCaaoEoI1LQ3JN9+vrPBvEesnnX1jADHy728cHSMlq4wUc4afYqahq2B1mhQVZxCXOkNTnXltr+2vQ==}
     engines: {node: '>=10.13.0'}
@@ -5898,6 +6444,9 @@ packages:
   whatwg-url@5.0.0:
     resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
 
+  whatwg-url@7.1.0:
+    resolution: {integrity: sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==}
+
   when-exit@2.1.5:
     resolution: {integrity: sha512-VGkKJ564kzt6Ms1dbgPP/yuIoQCrsFAnRbptpC5wOEsDaNsbCB2bnfnaA8i/vRs5tjUSEOtIuvl9/MyVsvQZCg==}
 
@@ -5979,6 +6528,9 @@ packages:
     peerDependencies:
       zod: ^3.25.0 || ^4.0.0
 
+  zod@4.4.1:
+    resolution: {integrity: sha512-a6ENMBBGZBsnlSebQ/eKCguSBeGKSf4O7BPnqVPmYGtpBYI7VSqoVqw+QcB7kPRjbqPwhYTpFbVj/RqNz/CT0Q==}
+
   zod@4.4.3:
     resolution: {integrity: sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==}
 
@@ -6249,21 +6801,21 @@ snapshots:
       picocolors: 1.1.1
       sisteransi: 1.0.5
 
-  '@daveyplate/better-auth-tanstack@1.3.6(@tanstack/query-core@5.101.1)(@tanstack/react-query@5.101.1(react@19.2.4))(better-auth@1.6.14(@opentelemetry/api@1.9.1)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@opentelemetry/api@1.9.1)(@types/pg@8.20.0)(kysely@0.28.17)(pg@8.21.0))(next@16.2.9(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(pg@8.21.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+  '@daveyplate/better-auth-tanstack@1.3.6(@tanstack/query-core@5.101.2)(@tanstack/react-query@5.101.1(react@19.2.4))(better-auth@1.6.14(@opentelemetry/api@1.9.1)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@opentelemetry/api@1.9.1)(@types/pg@8.20.0)(kysely@0.28.17)(pg@8.21.0))(next@16.2.9(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(pg@8.21.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@tanstack/query-core': 5.101.1
+      '@tanstack/query-core': 5.101.2
       '@tanstack/react-query': 5.101.1(react@19.2.4)
       better-auth: 1.6.14(@opentelemetry/api@1.9.1)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@opentelemetry/api@1.9.1)(@types/pg@8.20.0)(kysely@0.28.17)(pg@8.21.0))(next@16.2.9(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(pg@8.21.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
 
-  '@daveyplate/better-auth-ui@3.4.0(7cba73d98a64fa1f7427e1b78929c147)':
+  '@daveyplate/better-auth-ui@3.4.0(2e97e51b7de348ab45b8706c958356e1)':
     dependencies:
       '@better-auth/api-key': 1.6.22(@better-auth/core@1.6.14(@better-auth/utils@0.4.2)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.1)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.2)(better-auth@1.6.14(@opentelemetry/api@1.9.1)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@opentelemetry/api@1.9.1)(@types/pg@8.20.0)(kysely@0.28.17)(pg@8.21.0))(next@16.2.9(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(pg@8.21.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(better-call@2.0.2(zod@4.4.3))
       '@better-auth/passkey': 1.6.22(@better-auth/core@1.6.14(@better-auth/utils@0.4.2)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.1)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.2)(@better-fetch/fetch@1.1.21)(better-auth@1.6.14(@opentelemetry/api@1.9.1)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@opentelemetry/api@1.9.1)(@types/pg@8.20.0)(kysely@0.28.17)(pg@8.21.0))(next@16.2.9(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(pg@8.21.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(better-call@1.3.5(zod@4.4.3))(nanostores@1.3.0)
       '@better-fetch/fetch': 1.3.1
       '@captchafox/react': 1.12.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
-      '@daveyplate/better-auth-tanstack': 1.3.6(@tanstack/query-core@5.101.1)(@tanstack/react-query@5.101.1(react@19.2.4))(better-auth@1.6.14(@opentelemetry/api@1.9.1)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@opentelemetry/api@1.9.1)(@types/pg@8.20.0)(kysely@0.28.17)(pg@8.21.0))(next@16.2.9(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(pg@8.21.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@daveyplate/better-auth-tanstack': 1.3.6(@tanstack/query-core@5.101.2)(@tanstack/react-query@5.101.1(react@19.2.4))(better-auth@1.6.14(@opentelemetry/api@1.9.1)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@opentelemetry/api@1.9.1)(@types/pg@8.20.0)(kysely@0.28.17)(pg@8.21.0))(next@16.2.9(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(pg@8.21.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@hcaptcha/react-hcaptcha': 2.0.2
       '@hookform/resolvers': 5.4.0(react-hook-form@7.80.0(react@19.2.4))
       '@instantdb/react': 1.0.49(react@19.2.4)
@@ -6629,6 +7181,18 @@ snapshots:
 
   '@floating-ui/utils@0.2.11': {}
 
+  '@formatjs/fast-memoize@3.1.6': {}
+
+  '@formatjs/icu-messageformat-parser@3.5.12':
+    dependencies:
+      '@formatjs/icu-skeleton-parser': 2.1.10
+
+  '@formatjs/icu-skeleton-parser@2.1.10': {}
+
+  '@formatjs/intl-localematcher@0.8.10':
+    dependencies:
+      '@formatjs/fast-memoize': 3.1.6
+
   '@hcaptcha/react-hcaptcha@2.0.2': {}
 
   '@hexagon/base64@1.1.28': {}
@@ -6654,103 +7218,206 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.3': {}
 
-  '@img/colour@1.1.0':
-    optional: true
+  '@img/colour@1.1.0': {}
 
   '@img/sharp-darwin-arm64@0.34.5':
     optionalDependencies:
       '@img/sharp-libvips-darwin-arm64': 1.2.4
     optional: true
 
+  '@img/sharp-darwin-arm64@0.35.2':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-arm64': 1.3.1
+    optional: true
+
   '@img/sharp-darwin-x64@0.34.5':
     optionalDependencies:
       '@img/sharp-libvips-darwin-x64': 1.2.4
     optional: true
 
+  '@img/sharp-darwin-x64@0.35.2':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-x64': 1.3.1
+    optional: true
+
+  '@img/sharp-freebsd-wasm32@0.35.2':
+    dependencies:
+      '@img/sharp-wasm32': 0.35.2
+    optional: true
+
   '@img/sharp-libvips-darwin-arm64@1.2.4':
     optional: true
 
+  '@img/sharp-libvips-darwin-arm64@1.3.1':
+    optional: true
+
   '@img/sharp-libvips-darwin-x64@1.2.4':
     optional: true
 
+  '@img/sharp-libvips-darwin-x64@1.3.1':
+    optional: true
+
   '@img/sharp-libvips-linux-arm64@1.2.4':
     optional: true
 
+  '@img/sharp-libvips-linux-arm64@1.3.1':
+    optional: true
+
   '@img/sharp-libvips-linux-arm@1.2.4':
     optional: true
 
+  '@img/sharp-libvips-linux-arm@1.3.1':
+    optional: true
+
   '@img/sharp-libvips-linux-ppc64@1.2.4':
     optional: true
 
+  '@img/sharp-libvips-linux-ppc64@1.3.1':
+    optional: true
+
   '@img/sharp-libvips-linux-riscv64@1.2.4':
     optional: true
 
+  '@img/sharp-libvips-linux-riscv64@1.3.1':
+    optional: true
+
   '@img/sharp-libvips-linux-s390x@1.2.4':
     optional: true
 
+  '@img/sharp-libvips-linux-s390x@1.3.1':
+    optional: true
+
   '@img/sharp-libvips-linux-x64@1.2.4':
     optional: true
 
+  '@img/sharp-libvips-linux-x64@1.3.1':
+    optional: true
+
   '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
     optional: true
 
+  '@img/sharp-libvips-linuxmusl-arm64@1.3.1':
+    optional: true
+
   '@img/sharp-libvips-linuxmusl-x64@1.2.4':
     optional: true
 
+  '@img/sharp-libvips-linuxmusl-x64@1.3.1':
+    optional: true
+
   '@img/sharp-linux-arm64@0.34.5':
     optionalDependencies:
       '@img/sharp-libvips-linux-arm64': 1.2.4
     optional: true
 
+  '@img/sharp-linux-arm64@0.35.2':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm64': 1.3.1
+    optional: true
+
   '@img/sharp-linux-arm@0.34.5':
     optionalDependencies:
       '@img/sharp-libvips-linux-arm': 1.2.4
     optional: true
 
+  '@img/sharp-linux-arm@0.35.2':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm': 1.3.1
+    optional: true
+
   '@img/sharp-linux-ppc64@0.34.5':
     optionalDependencies:
       '@img/sharp-libvips-linux-ppc64': 1.2.4
     optional: true
 
+  '@img/sharp-linux-ppc64@0.35.2':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-ppc64': 1.3.1
+    optional: true
+
   '@img/sharp-linux-riscv64@0.34.5':
     optionalDependencies:
       '@img/sharp-libvips-linux-riscv64': 1.2.4
     optional: true
 
+  '@img/sharp-linux-riscv64@0.35.2':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-riscv64': 1.3.1
+    optional: true
+
   '@img/sharp-linux-s390x@0.34.5':
     optionalDependencies:
       '@img/sharp-libvips-linux-s390x': 1.2.4
     optional: true
 
+  '@img/sharp-linux-s390x@0.35.2':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-s390x': 1.3.1
+    optional: true
+
   '@img/sharp-linux-x64@0.34.5':
     optionalDependencies:
       '@img/sharp-libvips-linux-x64': 1.2.4
     optional: true
 
+  '@img/sharp-linux-x64@0.35.2':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-x64': 1.3.1
+    optional: true
+
   '@img/sharp-linuxmusl-arm64@0.34.5':
     optionalDependencies:
       '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
     optional: true
 
+  '@img/sharp-linuxmusl-arm64@0.35.2':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-arm64': 1.3.1
+    optional: true
+
   '@img/sharp-linuxmusl-x64@0.34.5':
     optionalDependencies:
       '@img/sharp-libvips-linuxmusl-x64': 1.2.4
     optional: true
 
+  '@img/sharp-linuxmusl-x64@0.35.2':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.3.1
+    optional: true
+
   '@img/sharp-wasm32@0.34.5':
     dependencies:
       '@emnapi/runtime': 1.11.1
     optional: true
 
+  '@img/sharp-wasm32@0.35.2':
+    dependencies:
+      '@emnapi/runtime': 1.11.1
+    optional: true
+
+  '@img/sharp-webcontainers-wasm32@0.35.2':
+    dependencies:
+      '@img/sharp-wasm32': 0.35.2
+    optional: true
+
   '@img/sharp-win32-arm64@0.34.5':
     optional: true
 
+  '@img/sharp-win32-arm64@0.35.2':
+    optional: true
+
   '@img/sharp-win32-ia32@0.34.5':
     optional: true
 
+  '@img/sharp-win32-ia32@0.35.2':
+    optional: true
+
   '@img/sharp-win32-x64@0.34.5':
     optional: true
 
+  '@img/sharp-win32-x64@0.35.2':
+    optional: true
+
   '@inquirer/core@6.0.0':
     dependencies:
       '@inquirer/type': 1.5.5
@@ -6992,6 +7659,66 @@ snapshots:
 
   '@opentelemetry/semantic-conventions@1.41.1': {}
 
+  '@parcel/watcher-android-arm64@2.5.6':
+    optional: true
+
+  '@parcel/watcher-darwin-arm64@2.5.6':
+    optional: true
+
+  '@parcel/watcher-darwin-x64@2.5.6':
+    optional: true
+
+  '@parcel/watcher-freebsd-x64@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-arm-glibc@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-arm-musl@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-arm64-glibc@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-arm64-musl@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-x64-glibc@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-x64-musl@2.5.6':
+    optional: true
+
+  '@parcel/watcher-win32-arm64@2.5.6':
+    optional: true
+
+  '@parcel/watcher-win32-ia32@2.5.6':
+    optional: true
+
+  '@parcel/watcher-win32-x64@2.5.6':
+    optional: true
+
+  '@parcel/watcher@2.5.6':
+    dependencies:
+      detect-libc: 2.1.2
+      is-glob: 4.0.3
+      node-addon-api: 7.1.1
+      picomatch: 4.0.4
+    optionalDependencies:
+      '@parcel/watcher-android-arm64': 2.5.6
+      '@parcel/watcher-darwin-arm64': 2.5.6
+      '@parcel/watcher-darwin-x64': 2.5.6
+      '@parcel/watcher-freebsd-x64': 2.5.6
+      '@parcel/watcher-linux-arm-glibc': 2.5.6
+      '@parcel/watcher-linux-arm-musl': 2.5.6
+      '@parcel/watcher-linux-arm64-glibc': 2.5.6
+      '@parcel/watcher-linux-arm64-musl': 2.5.6
+      '@parcel/watcher-linux-x64-glibc': 2.5.6
+      '@parcel/watcher-linux-x64-musl': 2.5.6
+      '@parcel/watcher-win32-arm64': 2.5.6
+      '@parcel/watcher-win32-ia32': 2.5.6
+      '@parcel/watcher-win32-x64': 2.5.6
+
   '@peculiar/asn1-android@2.8.0':
     dependencies:
       '@peculiar/asn1-schema': 2.8.0
@@ -8088,6 +8815,8 @@ snapshots:
 
   '@rtsao/scc@1.1.0': {}
 
+  '@schummar/icu-type-parser@1.21.5': {}
+
   '@selderee/plugin-htmlparser2@0.11.0':
     dependencies:
       domhandler: 5.0.3
@@ -8273,6 +9002,68 @@ snapshots:
       - encoding
       - supports-color
 
+  '@serwist/build@9.5.11(browserslist@4.28.2)(typescript@5.9.3)':
+    dependencies:
+      '@serwist/utils': 9.5.11(browserslist@4.28.2)
+      common-tags: 1.8.2
+      glob: 13.0.6
+      pretty-bytes: 6.1.1
+      source-map: 0.8.0-beta.0
+      type-fest: 5.6.0
+      zod: 4.4.1
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - browserslist
+
+  '@serwist/next@9.5.11(next@16.2.9(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react@19.2.4)(typescript@5.9.3)(webpack@5.108.1)':
+    dependencies:
+      '@serwist/build': 9.5.11(browserslist@4.28.2)(typescript@5.9.3)
+      '@serwist/utils': 9.5.11(browserslist@4.28.2)
+      '@serwist/webpack-plugin': 9.5.11(browserslist@4.28.2)(typescript@5.9.3)(webpack@5.108.1)
+      '@serwist/window': 9.5.11(browserslist@4.28.2)(typescript@5.9.3)
+      browserslist: 4.28.2
+      glob: 13.0.6
+      kolorist: 1.8.0
+      next: 16.2.9(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      react: 19.2.4
+      semver: 7.7.4
+      serwist: 9.5.11(browserslist@4.28.2)(typescript@5.9.3)
+      zod: 4.4.1
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - webpack
+
+  '@serwist/utils@9.5.11(browserslist@4.28.2)':
+    optionalDependencies:
+      browserslist: 4.28.2
+
+  '@serwist/utils@9.5.11(browserslist@4.28.4)':
+    optionalDependencies:
+      browserslist: 4.28.4
+
+  '@serwist/webpack-plugin@9.5.11(browserslist@4.28.2)(typescript@5.9.3)(webpack@5.108.1)':
+    dependencies:
+      '@serwist/build': 9.5.11(browserslist@4.28.2)(typescript@5.9.3)
+      '@serwist/utils': 9.5.11(browserslist@4.28.2)
+      pretty-bytes: 6.1.1
+      zod: 4.4.1
+    optionalDependencies:
+      typescript: 5.9.3
+      webpack: 5.108.1
+    transitivePeerDependencies:
+      - browserslist
+
+  '@serwist/window@9.5.11(browserslist@4.28.2)(typescript@5.9.3)':
+    dependencies:
+      '@types/trusted-types': 2.0.7
+      serwist: 9.5.11(browserslist@4.28.2)(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - browserslist
+
   '@simplewebauthn/browser@13.3.0': {}
 
   '@simplewebauthn/server@13.3.2':
@@ -8294,10 +9085,70 @@ snapshots:
 
   '@standard-schema/utils@0.3.0': {}
 
+  '@swc/core-darwin-arm64@1.15.43':
+    optional: true
+
+  '@swc/core-darwin-x64@1.15.43':
+    optional: true
+
+  '@swc/core-linux-arm-gnueabihf@1.15.43':
+    optional: true
+
+  '@swc/core-linux-arm64-gnu@1.15.43':
+    optional: true
+
+  '@swc/core-linux-arm64-musl@1.15.43':
+    optional: true
+
+  '@swc/core-linux-ppc64-gnu@1.15.43':
+    optional: true
+
+  '@swc/core-linux-s390x-gnu@1.15.43':
+    optional: true
+
+  '@swc/core-linux-x64-gnu@1.15.43':
+    optional: true
+
+  '@swc/core-linux-x64-musl@1.15.43':
+    optional: true
+
+  '@swc/core-win32-arm64-msvc@1.15.43':
+    optional: true
+
+  '@swc/core-win32-ia32-msvc@1.15.43':
+    optional: true
+
+  '@swc/core-win32-x64-msvc@1.15.43':
+    optional: true
+
+  '@swc/core@1.15.43':
+    dependencies:
+      '@swc/counter': 0.1.3
+      '@swc/types': 0.1.27
+    optionalDependencies:
+      '@swc/core-darwin-arm64': 1.15.43
+      '@swc/core-darwin-x64': 1.15.43
+      '@swc/core-linux-arm-gnueabihf': 1.15.43
+      '@swc/core-linux-arm64-gnu': 1.15.43
+      '@swc/core-linux-arm64-musl': 1.15.43
+      '@swc/core-linux-ppc64-gnu': 1.15.43
+      '@swc/core-linux-s390x-gnu': 1.15.43
+      '@swc/core-linux-x64-gnu': 1.15.43
+      '@swc/core-linux-x64-musl': 1.15.43
+      '@swc/core-win32-arm64-msvc': 1.15.43
+      '@swc/core-win32-ia32-msvc': 1.15.43
+      '@swc/core-win32-x64-msvc': 1.15.43
+
+  '@swc/counter@0.1.3': {}
+
   '@swc/helpers@0.5.15':
     dependencies:
       tslib: 2.8.1
 
+  '@swc/types@0.1.27':
+    dependencies:
+      '@swc/counter': 0.1.3
+
   '@tailwindcss/node@4.3.1':
     dependencies:
       '@jridgewell/remapping': 2.3.5
@@ -8367,16 +9218,33 @@ snapshots:
       postcss: 8.5.15
       tailwindcss: 4.3.1
 
+  '@tanstack/query-async-storage-persister@5.101.1':
+    dependencies:
+      '@tanstack/query-core': 5.101.1
+      '@tanstack/query-persist-client-core': 5.101.1
+
   '@tanstack/query-core@5.101.1': {}
 
+  '@tanstack/query-core@5.101.2': {}
+
   '@tanstack/query-devtools@5.101.1': {}
 
+  '@tanstack/query-persist-client-core@5.101.1':
+    dependencies:
+      '@tanstack/query-core': 5.101.1
+
   '@tanstack/react-query-devtools@5.101.1(@tanstack/react-query@5.101.1(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@tanstack/query-devtools': 5.101.1
       '@tanstack/react-query': 5.101.1(react@19.2.4)
       react: 19.2.4
 
+  '@tanstack/react-query-persist-client@5.101.1(@tanstack/react-query@5.101.1(react@19.2.4))(react@19.2.4)':
+    dependencies:
+      '@tanstack/query-persist-client-core': 5.101.1
+      '@tanstack/react-query': 5.101.1(react@19.2.4)
+      react: 19.2.4
+
   '@tanstack/react-query@5.101.1(react@19.2.4)':
     dependencies:
       '@tanstack/query-core': 5.101.1
@@ -8509,6 +9377,8 @@ snapshots:
     dependencies:
       csstype: 3.2.3
 
+  '@types/trusted-types@2.0.7': {}
+
   '@types/use-sync-external-store@0.0.6': {}
 
   '@types/wrap-ansi@3.0.0': {}
@@ -9045,6 +9915,14 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
+  browserslist@4.28.2:
+    dependencies:
+      baseline-browser-mapping: 2.10.40
+      caniuse-lite: 1.0.30001799
+      electron-to-chromium: 1.5.379
+      node-releases: 2.0.50
+      update-browserslist-db: 1.2.3(browserslist@4.28.2)
+
   browserslist@4.28.4:
     dependencies:
       baseline-browser-mapping: 2.10.40
@@ -9144,6 +10022,8 @@ snapshots:
 
   commander@8.3.0: {}
 
+  common-tags@1.8.2: {}
+
   commondir@1.0.1: {}
 
   compare-versions@6.1.1: {}
@@ -9680,6 +10560,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  eslint-plugin-i18next@6.1.5:
+    dependencies:
+      requireindex: 1.1.0
+
   eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.62.0(eslint@9.39.4(jiti@2.7.0))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4(jiti@2.7.0)):
     dependencies:
       '@rtsao/scc': 1.1.0
@@ -10115,6 +10999,14 @@ snapshots:
       - kerberos
       - supports-color
 
+  icu-minify@4.13.0:
+    dependencies:
+      '@formatjs/icu-messageformat-parser': 3.5.12
+
+  idb-keyval@6.2.5: {}
+
+  idb@8.0.3: {}
+
   ieee754@1.2.1: {}
 
   ignore@5.3.2: {}
@@ -10152,6 +11044,11 @@ snapshots:
 
   internmap@2.0.3: {}
 
+  intl-messageformat@11.2.9:
+    dependencies:
+      '@formatjs/fast-memoize': 3.1.6
+      '@formatjs/icu-messageformat-parser': 3.5.12
+
   ip-address@10.2.0: {}
 
   is-array-buffer@3.0.5:
@@ -10352,6 +11249,8 @@ snapshots:
 
   kleur@4.1.5: {}
 
+  kolorist@1.8.0: {}
+
   kysely@0.28.17: {}
 
   language-subtag-registry@0.3.23: {}
@@ -10426,6 +11325,8 @@ snapshots:
 
   lodash.merge@4.6.2: {}
 
+  lodash.sortby@4.7.0: {}
+
   log-symbols@7.0.1:
     dependencies:
       is-unicode-supported: 2.1.0
@@ -10538,10 +11439,31 @@ snapshots:
 
   negotiator@0.6.3: {}
 
+  negotiator@1.0.0: {}
+
   neo-async@2.6.2: {}
 
   netmask@2.1.1: {}
 
+  next-intl-swc-plugin-extractor@4.13.0: {}
+
+  next-intl@4.13.0(next@16.2.9(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react@19.2.4)(typescript@5.9.3):
+    dependencies:
+      '@formatjs/intl-localematcher': 0.8.10
+      '@parcel/watcher': 2.5.6
+      '@swc/core': 1.15.43
+      icu-minify: 4.13.0
+      negotiator: 1.0.0
+      next: 16.2.9(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      next-intl-swc-plugin-extractor: 4.13.0
+      po-parser: 2.1.1
+      react: 19.2.4
+      use-intl: 4.13.0(react@19.2.4)
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - '@swc/helpers'
+
   next@16.2.9(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
       '@next/env': 16.2.9
@@ -10567,6 +11489,8 @@ snapshots:
       - '@babel/core'
       - babel-plugin-macros
 
+  node-addon-api@7.1.1: {}
+
   node-exports-info@1.6.2:
     dependencies:
       array.prototype.flatmap: 1.3.3
@@ -10750,6 +11674,8 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.2
 
+  po-parser@2.1.1: {}
+
   possible-typed-array-names@1.1.0: {}
 
   postal-mime@2.7.4: {}
@@ -10782,6 +11708,8 @@ snapshots:
 
   prettier@3.8.5: {}
 
+  pretty-bytes@6.1.1: {}
+
   prismjs@1.30.0: {}
 
   progress@2.0.3: {}
@@ -11082,6 +12010,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  requireindex@1.1.0: {}
+
   reselect@5.2.0: {}
 
   resend@6.16.0(@react-email/render@2.0.9(react-dom@19.2.4(react@19.2.4))(react@19.2.4)):
@@ -11187,10 +12117,30 @@ snapshots:
 
   semver@6.3.1: {}
 
+  semver@7.7.4: {}
+
   semver@7.8.5: {}
 
   server-only@0.0.1: {}
 
+  serwist@9.5.11(browserslist@4.28.2)(typescript@5.9.3):
+    dependencies:
+      '@serwist/utils': 9.5.11(browserslist@4.28.2)
+      idb: 8.0.3
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - browserslist
+
+  serwist@9.5.11(browserslist@4.28.4)(typescript@5.9.3):
+    dependencies:
+      '@serwist/utils': 9.5.11(browserslist@4.28.4)
+      idb: 8.0.3
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - browserslist
+
   set-cookie-parser@3.1.1: {}
 
   set-function-length@1.2.2:
@@ -11247,6 +12197,38 @@ snapshots:
       '@img/sharp-win32-x64': 0.34.5
     optional: true
 
+  sharp@0.35.2:
+    dependencies:
+      '@img/colour': 1.1.0
+      detect-libc: 2.1.2
+      semver: 7.8.5
+    optionalDependencies:
+      '@img/sharp-darwin-arm64': 0.35.2
+      '@img/sharp-darwin-x64': 0.35.2
+      '@img/sharp-freebsd-wasm32': 0.35.2
+      '@img/sharp-libvips-darwin-arm64': 1.3.1
+      '@img/sharp-libvips-darwin-x64': 1.3.1
+      '@img/sharp-libvips-linux-arm': 1.3.1
+      '@img/sharp-libvips-linux-arm64': 1.3.1
+      '@img/sharp-libvips-linux-ppc64': 1.3.1
+      '@img/sharp-libvips-linux-riscv64': 1.3.1
+      '@img/sharp-libvips-linux-s390x': 1.3.1
+      '@img/sharp-libvips-linux-x64': 1.3.1
+      '@img/sharp-libvips-linuxmusl-arm64': 1.3.1
+      '@img/sharp-libvips-linuxmusl-x64': 1.3.1
+      '@img/sharp-linux-arm': 0.35.2
+      '@img/sharp-linux-arm64': 0.35.2
+      '@img/sharp-linux-ppc64': 0.35.2
+      '@img/sharp-linux-riscv64': 0.35.2
+      '@img/sharp-linux-s390x': 0.35.2
+      '@img/sharp-linux-x64': 0.35.2
+      '@img/sharp-linuxmusl-arm64': 0.35.2
+      '@img/sharp-linuxmusl-x64': 0.35.2
+      '@img/sharp-webcontainers-wasm32': 0.35.2
+      '@img/sharp-win32-arm64': 0.35.2
+      '@img/sharp-win32-ia32': 0.35.2
+      '@img/sharp-win32-x64': 0.35.2
+
   shebang-command@2.0.0:
     dependencies:
       shebang-regex: 3.0.0
@@ -11348,6 +12330,10 @@ snapshots:
 
   source-map@0.6.1: {}
 
+  source-map@0.8.0-beta.0:
+    dependencies:
+      whatwg-url: 7.1.0
+
   split2@4.2.0: {}
 
   stable-hash@0.0.5: {}
@@ -11510,6 +12496,10 @@ snapshots:
 
   tr46@0.0.3: {}
 
+  tr46@1.0.1:
+    dependencies:
+      punycode: 2.3.1
+
   tree-kill@1.2.2: {}
 
   ts-api-utils@2.5.0(typescript@5.9.3):
@@ -11553,6 +12543,10 @@ snapshots:
 
   type-fest@0.7.1: {}
 
+  type-fest@5.6.0:
+    dependencies:
+      tagged-tag: 1.0.0
+
   type-fest@5.7.0:
     dependencies:
       tagged-tag: 1.0.0
@@ -11655,6 +12649,12 @@ snapshots:
       '@unrs/resolver-binding-win32-ia32-msvc': 1.12.2
       '@unrs/resolver-binding-win32-x64-msvc': 1.12.2
 
+  update-browserslist-db@1.2.3(browserslist@4.28.2):
+    dependencies:
+      browserslist: 4.28.2
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
   update-browserslist-db@1.2.3(browserslist@4.28.4):
     dependencies:
       browserslist: 4.28.4
@@ -11672,6 +12672,14 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.14
 
+  use-intl@4.13.0(react@19.2.4):
+    dependencies:
+      '@formatjs/fast-memoize': 3.1.6
+      '@schummar/icu-type-parser': 1.21.5
+      icu-minify: 4.13.0
+      intl-messageformat: 11.2.9
+      react: 19.2.4
+
   use-sidecar@1.1.3(@types/react@19.2.14)(react@19.2.4):
     dependencies:
       detect-node-es: 1.1.0
@@ -11731,6 +12739,8 @@ snapshots:
 
   webidl-conversions@3.0.1: {}
 
+  webidl-conversions@4.0.2: {}
+
   webpack-sources@3.5.0: {}
 
   webpack-virtual-modules@0.6.2:
@@ -11783,6 +12793,12 @@ snapshots:
       tr46: 0.0.3
       webidl-conversions: 3.0.1
 
+  whatwg-url@7.1.0:
+    dependencies:
+      lodash.sortby: 4.7.0
+      tr46: 1.0.1
+      webidl-conversions: 4.0.2
+
   when-exit@2.1.5: {}
 
   which-boxed-primitive@1.1.1:
@@ -11871,6 +12887,8 @@ snapshots:
     dependencies:
       zod: 4.4.3
 
+  zod@4.4.1: {}
+
   zod@4.4.3: {}
 
   zxing-wasm@3.1.0(@types/emscripten@1.41.5):
diff --git a/frontend/pnpm-workspace.yaml b/frontend/pnpm-workspace.yaml
index 0d2b6a23..76c46b88 100644
--- a/frontend/pnpm-workspace.yaml
+++ b/frontend/pnpm-workspace.yaml
@@ -1,6 +1,8 @@
 allowBuilds:
   '@openapitools/openapi-generator-cli': set this to true or false
+  '@parcel/watcher': set this to true or false
   '@sentry/cli': set this to true or false
+  '@swc/core': set this to true or false
   core-js: set this to true or false
   esbuild: set this to true or false
   sharp: set this to true or false
diff --git a/frontend/public/icons/apple-touch-icon-180.png b/frontend/public/icons/apple-touch-icon-180.png
new file mode 100644
index 00000000..f5f23d0c
Binary files /dev/null and b/frontend/public/icons/apple-touch-icon-180.png differ
diff --git a/frontend/public/icons/icon-192.png b/frontend/public/icons/icon-192.png
new file mode 100644
index 00000000..955b8566
Binary files /dev/null and b/frontend/public/icons/icon-192.png differ
diff --git a/frontend/public/icons/icon-512.png b/frontend/public/icons/icon-512.png
new file mode 100644
index 00000000..6511f954
Binary files /dev/null and b/frontend/public/icons/icon-512.png differ
diff --git a/frontend/public/icons/icon-maskable-512.png b/frontend/public/icons/icon-maskable-512.png
new file mode 100644
index 00000000..0e7dd3b6
Binary files /dev/null and b/frontend/public/icons/icon-maskable-512.png differ
diff --git a/frontend/public/screenshots/screenshot-narrow.png b/frontend/public/screenshots/screenshot-narrow.png
new file mode 100644
index 00000000..f108aa24
Binary files /dev/null and b/frontend/public/screenshots/screenshot-narrow.png differ
diff --git a/frontend/public/screenshots/screenshot-wide.png b/frontend/public/screenshots/screenshot-wide.png
new file mode 100644
index 00000000..8fe69dda
Binary files /dev/null and b/frontend/public/screenshots/screenshot-wide.png differ
diff --git a/frontend/public/splash/apple-splash-1080-2340.png b/frontend/public/splash/apple-splash-1080-2340.png
new file mode 100644
index 00000000..5636deb8
Binary files /dev/null and b/frontend/public/splash/apple-splash-1080-2340.png differ
diff --git a/frontend/public/splash/apple-splash-1125-2436.png b/frontend/public/splash/apple-splash-1125-2436.png
new file mode 100644
index 00000000..9d458fcd
Binary files /dev/null and b/frontend/public/splash/apple-splash-1125-2436.png differ
diff --git a/frontend/public/splash/apple-splash-1170-2532.png b/frontend/public/splash/apple-splash-1170-2532.png
new file mode 100644
index 00000000..1db208d7
Binary files /dev/null and b/frontend/public/splash/apple-splash-1170-2532.png differ
diff --git a/frontend/public/splash/apple-splash-1179-2556.png b/frontend/public/splash/apple-splash-1179-2556.png
new file mode 100644
index 00000000..c1a01432
Binary files /dev/null and b/frontend/public/splash/apple-splash-1179-2556.png differ
diff --git a/frontend/public/splash/apple-splash-1206-2622.png b/frontend/public/splash/apple-splash-1206-2622.png
new file mode 100644
index 00000000..e6b7f149
Binary files /dev/null and b/frontend/public/splash/apple-splash-1206-2622.png differ
diff --git a/frontend/public/splash/apple-splash-1242-2208.png b/frontend/public/splash/apple-splash-1242-2208.png
new file mode 100644
index 00000000..a019eda0
Binary files /dev/null and b/frontend/public/splash/apple-splash-1242-2208.png differ
diff --git a/frontend/public/splash/apple-splash-1242-2688.png b/frontend/public/splash/apple-splash-1242-2688.png
new file mode 100644
index 00000000..aef04bc6
Binary files /dev/null and b/frontend/public/splash/apple-splash-1242-2688.png differ
diff --git a/frontend/public/splash/apple-splash-1284-2778.png b/frontend/public/splash/apple-splash-1284-2778.png
new file mode 100644
index 00000000..1dfffd43
Binary files /dev/null and b/frontend/public/splash/apple-splash-1284-2778.png differ
diff --git a/frontend/public/splash/apple-splash-1290-2796.png b/frontend/public/splash/apple-splash-1290-2796.png
new file mode 100644
index 00000000..330bb22e
Binary files /dev/null and b/frontend/public/splash/apple-splash-1290-2796.png differ
diff --git a/frontend/public/splash/apple-splash-1320-2868.png b/frontend/public/splash/apple-splash-1320-2868.png
new file mode 100644
index 00000000..a7216d58
Binary files /dev/null and b/frontend/public/splash/apple-splash-1320-2868.png differ
diff --git a/frontend/public/splash/apple-splash-1536-2048.png b/frontend/public/splash/apple-splash-1536-2048.png
new file mode 100644
index 00000000..075103c7
Binary files /dev/null and b/frontend/public/splash/apple-splash-1536-2048.png differ
diff --git a/frontend/public/splash/apple-splash-1620-2160.png b/frontend/public/splash/apple-splash-1620-2160.png
new file mode 100644
index 00000000..7b0e0ce0
Binary files /dev/null and b/frontend/public/splash/apple-splash-1620-2160.png differ
diff --git a/frontend/public/splash/apple-splash-1640-2360.png b/frontend/public/splash/apple-splash-1640-2360.png
new file mode 100644
index 00000000..8fbda9dc
Binary files /dev/null and b/frontend/public/splash/apple-splash-1640-2360.png differ
diff --git a/frontend/public/splash/apple-splash-1668-2224.png b/frontend/public/splash/apple-splash-1668-2224.png
new file mode 100644
index 00000000..30ef9295
Binary files /dev/null and b/frontend/public/splash/apple-splash-1668-2224.png differ
diff --git a/frontend/public/splash/apple-splash-1668-2388.png b/frontend/public/splash/apple-splash-1668-2388.png
new file mode 100644
index 00000000..9d6118c7
Binary files /dev/null and b/frontend/public/splash/apple-splash-1668-2388.png differ
diff --git a/frontend/public/splash/apple-splash-2048-2732.png b/frontend/public/splash/apple-splash-2048-2732.png
new file mode 100644
index 00000000..56ef87bb
Binary files /dev/null and b/frontend/public/splash/apple-splash-2048-2732.png differ
diff --git a/frontend/public/splash/apple-splash-750-1334.png b/frontend/public/splash/apple-splash-750-1334.png
new file mode 100644
index 00000000..ecbf99f0
Binary files /dev/null and b/frontend/public/splash/apple-splash-750-1334.png differ
diff --git a/frontend/public/splash/apple-splash-828-1792.png b/frontend/public/splash/apple-splash-828-1792.png
new file mode 100644
index 00000000..0353d191
Binary files /dev/null and b/frontend/public/splash/apple-splash-828-1792.png differ
diff --git a/frontend/scripts/check-i18n.mjs b/frontend/scripts/check-i18n.mjs
new file mode 100644
index 00000000..a67c1162
--- /dev/null
+++ b/frontend/scripts/check-i18n.mjs
@@ -0,0 +1,73 @@
+// Verifies that every locale catalog in src/i18n/messages/ has exactly the same
+// set of keys as the reference locale (hr). Run via `pnpm i18n:check`.
+// Exits non-zero on any missing/extra key so CI fails when a translation is
+// forgotten in one language.
+import { readFileSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { dirname, join } from "node:path";
+
+const MESSAGES_DIR = join(
+  dirname(fileURLToPath(import.meta.url)),
+  "..",
+  "src",
+  "i18n",
+  "messages",
+);
+
+const REFERENCE = "hr";
+const LOCALES = ["hr", "en", "de", "sl"];
+
+function flattenKeys(obj, prefix = "") {
+  const keys = [];
+
+  for (const [key, value] of Object.entries(obj)) {
+    const path = prefix ? `${prefix}.${key}` : key;
+
+    if (value && typeof value === "object" && !Array.isArray(value)) {
+      keys.push(...flattenKeys(value, path));
+    } else {
+      keys.push(path);
+    }
+  }
+
+  return keys.sort();
+}
+
+function loadKeys(locale) {
+  const raw = readFileSync(join(MESSAGES_DIR, `${locale}.json`), "utf8");
+  return flattenKeys(JSON.parse(raw));
+}
+
+const reference = loadKeys(REFERENCE);
+let hasError = false;
+
+for (const locale of LOCALES) {
+  if (locale === REFERENCE) continue;
+
+  const keys = loadKeys(locale);
+  const missing = reference.filter((key) => !keys.includes(key));
+  const extra = keys.filter((key) => !reference.includes(key));
+
+  if (missing.length > 0) {
+    hasError = true;
+    console.error(`\n❌ ${locale}.json is MISSING ${missing.length} key(s):`);
+    missing.forEach((key) => console.error(`   - ${key}`));
+  }
+
+  if (extra.length > 0) {
+    hasError = true;
+    console.error(`\n❌ ${locale}.json has ${extra.length} EXTRA key(s):`);
+    extra.forEach((key) => console.error(`   + ${key}`));
+  }
+}
+
+if (hasError) {
+  console.error(
+    "\ni18n parity check failed. Every locale must define the same keys as hr.\n",
+  );
+  process.exit(1);
+}
+
+console.log(
+  `✅ i18n parity OK — ${reference.length} keys across ${LOCALES.join(", ")}.`,
+);
diff --git a/frontend/scripts/generate-ios-splash.mjs b/frontend/scripts/generate-ios-splash.mjs
new file mode 100644
index 00000000..74286450
--- /dev/null
+++ b/frontend/scripts/generate-ios-splash.mjs
@@ -0,0 +1,46 @@
+// One-off generator for iOS launch (splash) screens. Run from the frontend dir:
+//   node scripts/generate-ios-splash.mjs
+// iOS ignores the web manifest for launch screens and instead shows the image
+// referenced by a device-matched <link rel="apple-touch-startup-image">.
+// The device list is shared with the <AppleSplashScreens> component
+// (src/constants/ios-splash-screens.json) so the tags and files never drift.
+import sharp from "sharp";
+import { readFile, mkdir } from "node:fs/promises";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const ROOT = path.join(path.dirname(fileURLToPath(import.meta.url)), "..");
+const SRC_LOGO = path.join(ROOT, "public/disscount-logo.png");
+const OUT = path.join(ROOT, "public/splash");
+
+const BACKGROUND = { r: 255, g: 255, b: 255, alpha: 1 };
+const LOGO_RATIO = 0.35; // logo occupies ~35% of the shorter edge
+
+const devices = JSON.parse(
+  await readFile(path.join(ROOT, "src/constants/ios-splash-screens.json"), "utf8"),
+);
+
+await mkdir(OUT, { recursive: true });
+
+for (const device of devices) {
+  const pxWidth = device.width * device.ratio;
+  const pxHeight = device.height * device.ratio;
+  const logoSize = Math.round(Math.min(pxWidth, pxHeight) * LOGO_RATIO);
+
+  const logo = await sharp(SRC_LOGO)
+    .resize(logoSize, logoSize, {
+      fit: "contain",
+      background: { r: 0, g: 0, b: 0, alpha: 0 },
+    })
+    .png()
+    .toBuffer();
+
+  await sharp({
+    create: { width: pxWidth, height: pxHeight, channels: 4, background: BACKGROUND },
+  })
+    .composite([{ input: logo, gravity: "centre" }])
+    .png()
+    .toFile(path.join(OUT, `apple-splash-${pxWidth}-${pxHeight}.png`));
+}
+
+console.log(`Generated ${devices.length} iOS splash screens in public/splash/`);
diff --git a/frontend/scripts/generate-pwa-icons.mjs b/frontend/scripts/generate-pwa-icons.mjs
new file mode 100644
index 00000000..ae0c66cb
--- /dev/null
+++ b/frontend/scripts/generate-pwa-icons.mjs
@@ -0,0 +1,47 @@
+// One-off generator for the PWA icon set. Run from the frontend dir:
+//   node scripts/generate-pwa-icons.mjs
+// Produces the icons referenced by app/manifest.ts and layout metadata.
+import sharp from "sharp";
+import { mkdir } from "node:fs/promises";
+import path from "node:path";
+
+const SRC = "public/disscount-logo.png";
+const OUT = "public/icons";
+
+const transparent = { r: 0, g: 0, b: 0, alpha: 0 };
+const white = { r: 255, g: 255, b: 255, alpha: 1 };
+
+// "any"-purpose icon: the logo on a transparent canvas.
+async function generateTransparent(size, file) {
+  await sharp(SRC)
+    .resize(size, size, { fit: "contain", background: transparent })
+    .png()
+    .toFile(path.join(OUT, file));
+}
+
+// maskable / apple icon: the logo centered on a solid background with padding
+// so OS masks (circle, squircle) never clip it, and iOS gets no transparency.
+async function generateOnBackground(size, logoRatio, background, file) {
+  const logoSize = Math.round(size * logoRatio);
+
+  const logo = await sharp(SRC)
+    .resize(logoSize, logoSize, { fit: "contain", background: transparent })
+    .png()
+    .toBuffer();
+
+  await sharp({
+    create: { width: size, height: size, channels: 4, background },
+  })
+    .composite([{ input: logo, gravity: "centre" }])
+    .png()
+    .toFile(path.join(OUT, file));
+}
+
+await mkdir(OUT, { recursive: true });
+
+await generateTransparent(192, "icon-192.png");
+await generateTransparent(512, "icon-512.png");
+await generateOnBackground(512, 0.66, white, "icon-maskable-512.png");
+await generateOnBackground(180, 0.82, white, "apple-touch-icon-180.png");
+
+console.log(`Generated PWA icons in ${OUT}/`);
diff --git a/frontend/scripts/generate-pwa-screenshots.mjs b/frontend/scripts/generate-pwa-screenshots.mjs
new file mode 100644
index 00000000..9d221d36
--- /dev/null
+++ b/frontend/scripts/generate-pwa-screenshots.mjs
@@ -0,0 +1,67 @@
+// One-off generator for the manifest `screenshots` (branded promo cards shown
+// in Chrome's richer install dialog). Run from the frontend dir:
+//   node scripts/generate-pwa-screenshots.mjs
+// These are placeholder brand cards — swap them for real app captures whenever
+// you have them; the manifest wiring stays the same.
+import sharp from "sharp";
+import { mkdir } from "node:fs/promises";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const ROOT = path.join(path.dirname(fileURLToPath(import.meta.url)), "..");
+const SRC_LOGO = path.join(ROOT, "public/disscount-logo.png");
+const OUT = path.join(ROOT, "public/screenshots");
+
+const NAVY = "#143a5a";
+const GRAY = "#6b7280";
+const GREEN = "#2ec50d";
+const TAGLINE = "Pronađi najbolje cijene u Hrvatskoj";
+
+async function generateScreenshot({ width, height, logoSize, logoTop, fontSize, file }) {
+  const centerX = width / 2;
+  const wordmarkY = logoTop + logoSize + fontSize;
+  const accentY = wordmarkY + fontSize * 0.35;
+  const taglineY = accentY + fontSize * 0.9;
+
+  const svg = `
+    <svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg">
+      <rect width="${width}" height="${height}" fill="#ffffff" />
+      <text x="${centerX}" y="${wordmarkY}" text-anchor="middle"
+        font-family="Helvetica, Arial, sans-serif" font-size="${fontSize}" font-weight="700" fill="${NAVY}">Disscount</text>
+      <rect x="${centerX - 110}" y="${accentY}" width="220" height="8" rx="4" fill="${GREEN}" />
+      <text x="${centerX}" y="${taglineY}" text-anchor="middle"
+        font-family="Helvetica, Arial, sans-serif" font-size="${Math.round(fontSize * 0.42)}" fill="${GRAY}">${TAGLINE}</text>
+    </svg>`;
+
+  const logo = await sharp(SRC_LOGO)
+    .resize(logoSize, logoSize, { fit: "contain", background: { r: 0, g: 0, b: 0, alpha: 0 } })
+    .png()
+    .toBuffer();
+
+  await sharp(Buffer.from(svg))
+    .composite([{ input: logo, top: logoTop, left: Math.round((width - logoSize) / 2) }])
+    .png()
+    .toFile(path.join(OUT, file));
+}
+
+await mkdir(OUT, { recursive: true });
+
+await generateScreenshot({
+  width: 1080,
+  height: 1920,
+  logoSize: 420,
+  logoTop: 560,
+  fontSize: 110,
+  file: "screenshot-narrow.png",
+});
+
+await generateScreenshot({
+  width: 1920,
+  height: 1080,
+  logoSize: 300,
+  logoTop: 230,
+  fontSize: 96,
+  file: "screenshot-wide.png",
+});
+
+console.log("Generated PWA screenshots in public/screenshots/");
diff --git a/frontend/src/app/(root)/components/sections/hero-actions.tsx b/frontend/src/app/(root)/components/sections/hero-actions.tsx
index 01073169..fb44f3aa 100644
--- a/frontend/src/app/(root)/components/sections/hero-actions.tsx
+++ b/frontend/src/app/(root)/components/sections/hero-actions.tsx
@@ -2,6 +2,7 @@
 
 import { useCallback, Suspense } from "react";
 import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
 import { ScanBarcode } from "lucide-react";
 import { Card } from "@/components/ui/card";
@@ -11,6 +12,7 @@ import SearchBar from "@/components/custom/search-bar";
 import SearchBarSkeleton from "@/components/custom/search-bar-skeleton";
 
 export default function HeroActions() {
+  const t = useTranslations("hero");
   const { openScanner } = useCameraScanner();
   const router = useRouter();
 
@@ -28,7 +30,7 @@ export default function HeroActions() {
       <Card className="bg-background max-w-xl mx-auto rounded-2xl shadow-xl p-8 space-y-4">
         <Suspense fallback={<SearchBarSkeleton submitButtonLocation="block" />}>
           <SearchBar
-            placeholder="Pretraži proizvode..."
+            placeholder={t("searchPlaceholder")}
             searchRoute="/products"
             clearable={true}
             allowScanning={false}
@@ -40,7 +42,7 @@ export default function HeroActions() {
           <Separator />
           <div className="absolute inset-0 flex items-center justify-center">
             <h2 className="bg-background text-lg px-2 text-muted-foreground">
-              ili
+              {t("or")}
             </h2>
           </div>
         </div>
@@ -53,7 +55,7 @@ export default function HeroActions() {
             className="w-full text-lg"
           >
             <ScanBarcode className="size-6 mr-2" />
-            Skeniraj barkod
+            {t("scanBarcode")}
           </Button>
         </div>
       </Card>
diff --git a/frontend/src/app/(root)/components/sections/hero-section.tsx b/frontend/src/app/(root)/components/sections/hero-section.tsx
index d6ab2be8..5c1923b9 100644
--- a/frontend/src/app/(root)/components/sections/hero-section.tsx
+++ b/frontend/src/app/(root)/components/sections/hero-section.tsx
@@ -1,29 +1,19 @@
 import Image from "next/image";
+import { getTranslations } from "next-intl/server";
 import HeroActions from "@/app/(root)/components/sections/hero-actions";
 
-const tagLines: string[] = [
-  "Usporedi trgovine i cijene!",
-  "Uštedi pri svakoj kupnji!",
-  "Nikad ne propusti akciju!",
-  "Zaboravi kartice - olakšaj novčanik!",
-  "Izradi i podijeli popis za kupnju!",
-  "Prati povijest cijena!",
-  "Skeniraj barkod i usporedi cijene!",
-  "Uživaj u pametnom kupovanju!",
-  "Pronađi najbolje ponude u Hrvatskoj!",
-  "Kupuj kvalitetno i jeftino!",
-  "Kupuj pametno, uštedi više!",
-  "Tvoj partner u pametnoj kupovini!",
-  "Zaboravi na kataloge i letke!",
-];
-
-function getTagLine(): string {
-  const randomIndex = Math.floor(Math.random() * tagLines.length);
-  return tagLines[randomIndex];
+function pickRandom(taglines: string[]): string {
+  const randomIndex = Math.floor(Math.random() * taglines.length);
+  return taglines[randomIndex];
 }
 
-export default function HeroSection() {
-  const tagLine: string = getTagLine();
+export default async function HeroSection() {
+  const t = await getTranslations("hero");
+  const tCommon = await getTranslations("common");
+
+  // `taglines` is an array message; `t.raw` returns it untransformed.
+  const taglines = t.raw("taglines") as string[];
+  const tagLine = pickRandom(taglines);
 
   return (
     <section className="min-h-[70dvh] relative grid items-center">
@@ -32,7 +22,7 @@ export default function HeroSection() {
           {/* App logo */}
           <Image
             src="/disscount-logo.png"
-            alt="Disscount logo"
+            alt={tCommon("logoAlt")}
             width={512}
             height={512}
             className="mx-auto w-32 sm:w-48"
diff --git a/frontend/src/app/(root)/page.tsx b/frontend/src/app/(root)/page.tsx
index ab854ad3..357e1201 100644
--- a/frontend/src/app/(root)/page.tsx
+++ b/frontend/src/app/(root)/page.tsx
@@ -4,12 +4,16 @@ import StoresSection from "@/app/(root)/components/sections/stores-section";
 import PricingSection from "@/app/(root)/components/sections/pricing-section";
 import StatsSection from "@/app/(root)/components/sections/stats-section";
 import { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 
-export const metadata: Metadata = {
-  title: "Pronađi najbolje cijene u Hrvatskoj",
-  description:
-    "App for shoppers in Croatia to compare store prices, create smart shopping lists, track loyalty cards, and get deal alerts with barcode scanning & AI suggestions.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("pages.home");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
 
 export default function Home() {
   return (
diff --git a/frontend/src/app/(user)/digital-cards/components/digital-card-item.tsx b/frontend/src/app/(user)/digital-cards/components/digital-card-item.tsx
index bc4f4d9b..b9f25d56 100644
--- a/frontend/src/app/(user)/digital-cards/components/digital-card-item.tsx
+++ b/frontend/src/app/(user)/digital-cards/components/digital-card-item.tsx
@@ -13,6 +13,7 @@ import {
 } from "@/components/ui/dropdown-menu";
 import { digitalCardService } from "@/lib/api";
 import { toast } from "sonner";
+import { useTranslations } from "next-intl";
 import { useQueryClient } from "@tanstack/react-query";
 import { formatDate } from "@/utils/strings";
 import { useUser } from "@/context/user-context";
@@ -27,19 +28,21 @@ export default function DigitalCardItem({
   handleEdit,
 }: IDigitalCardItemProps) {
   const queryClient = useQueryClient();
+  const t = useTranslations("pages.digitalCards");
+  const tCommon = useTranslations("common");
   const deleteDigitalCardMutation = digitalCardService.useDeleteDigitalCard();
 
   async function handleDelete(d: DigitalCardDto) {
-    if (confirm(`Jeste li sigurni da želite obrisati karticu "${d.title}"?`)) {
+    if (confirm(t("deleteConfirm", { title: d.title }))) {
       deleteDigitalCardMutation.mutate(d.id, {
         onSuccess: async () => {
-          toast.success("Kartica obrisana.");
+          toast.success(t("deleted"));
           await queryClient.invalidateQueries({
             queryKey: ["digitalCards"],
           });
         },
         onError: (error: Error) => {
-          toast.error("Greška prilikom brisanja: " + error.message);
+          toast.error(t("deleteError", { message: error.message }));
         },
       });
     }
@@ -69,7 +72,7 @@ export default function DigitalCardItem({
           <DropdownMenuContent align="end">
             <DropdownMenuItem onClick={() => handleEdit(digitalCard)}>
               <Edit className="h-4 w-4 mr-2" />
-              Uredi
+              {t("edit")}
             </DropdownMenuItem>
 
             <DropdownMenuItem
@@ -77,7 +80,7 @@ export default function DigitalCardItem({
               className="text-red-700"
             >
               <Trash2 className="h-4 w-4 mr-2" />
-              Obriši
+              {tCommon("delete")}
             </DropdownMenuItem>
           </DropdownMenuContent>
         </DropdownMenu>
@@ -96,7 +99,7 @@ export default function DigitalCardItem({
         )}
 
         <p className="text-xs text-gray-500">
-          Stvoreno {formatDate(digitalCard.createdAt)}
+          {t("createdLabel", { date: formatDate(digitalCard.createdAt) })}
         </p>
       </div>
     </Card>
diff --git a/frontend/src/app/(user)/digital-cards/components/digital-cards-client.tsx b/frontend/src/app/(user)/digital-cards/components/digital-cards-client.tsx
index 609a0788..e5073774 100644
--- a/frontend/src/app/(user)/digital-cards/components/digital-cards-client.tsx
+++ b/frontend/src/app/(user)/digital-cards/components/digital-cards-client.tsx
@@ -3,6 +3,7 @@
 import { useState, Suspense } from "react";
 import { usePathname } from "next/navigation";
 import { Search, Plus, Loader2, CreditCard } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
 import SearchBar from "@/components/custom/search-bar";
 import SearchBarSkeleton from "@/components/custom/search-bar-skeleton";
@@ -21,6 +22,7 @@ import { useQueryClient } from "@tanstack/react-query";
 import BlockLoadingSpinner from "@/components/custom/block-loading-spinner";
 
 export default function DigitalCardsClient({ query }: { query: string }) {
+  const t = useTranslations("pages.digitalCards");
   const pathname = usePathname();
   const queryClient = useQueryClient();
   const [isModalOpen, setIsModalOpen] = useState(false);
@@ -64,13 +66,13 @@ export default function DigitalCardsClient({ query }: { query: string }) {
       <FloatingActionButton
         onClick={() => setIsModalOpen(true)}
         icon={<Plus size={24} />}
-        label="Dodaj digitalnu karticu"
+        label={t("add")}
       />
 
       <div className="space-y-4">
         <Suspense fallback={<SearchBarSkeleton submitButtonLocation="none" />}>
           <SearchBar
-            placeholder="Pretraži digitalne kartice..."
+            placeholder={t("searchPlaceholder")}
             searchRoute={pathname}
             clearable={true}
             submitButtonLocation="none"
@@ -81,10 +83,15 @@ export default function DigitalCardsClient({ query }: { query: string }) {
         <div className="flex items-center justify-between gap-4">
           <h3>
             {query.length > 0
-              ? `Rezultati pretrage za "${query}" (${matchingDigitalCards.length})`
-              : `Moje digitalne kartice${
-                  isUserLoading ? "" : ` (${matchingDigitalCards.length})`
-                }`}
+              ? t("searchResults", {
+                  query,
+                  count: matchingDigitalCards.length,
+                })
+              : t("heading", {
+                  count: isUserLoading
+                    ? ""
+                    : ` (${matchingDigitalCards.length})`,
+                })}
           </h3>
 
           {/* <ViewSwitcher viewMode={viewMode} setViewMode={setViewMode} /> */}
@@ -119,12 +126,10 @@ export default function DigitalCardsClient({ query }: { query: string }) {
           <div className="text-center py-12">
             <CreditCard className="size-12 text-gray-400 mx-auto mb-4" />
             <h3 className="text-lg font-semibold text-gray-900 mb-2">
-              Nema digitalnih kartica
+              {t("emptyTitle")}
             </h3>
 
-            <p className="text-gray-600 mb-6">
-              Stvorite svoju prvu digitalnu karticu…
-            </p>
+            <p className="text-gray-600 mb-6">{t("emptyDescription")}</p>
 
             <Button
               effect="shineHover"
@@ -132,7 +137,7 @@ export default function DigitalCardsClient({ query }: { query: string }) {
               iconPlacement="left"
               onClick={() => setIsModalOpen(true)}
             >
-              Dodaj digitalnu karticu
+              {t("add")}
             </Button>
           </div>
         )}
diff --git a/frontend/src/app/(user)/digital-cards/components/forms/digital-card-modal.tsx b/frontend/src/app/(user)/digital-cards/components/forms/digital-card-modal.tsx
index fb7dbb82..4993f902 100644
--- a/frontend/src/app/(user)/digital-cards/components/forms/digital-card-modal.tsx
+++ b/frontend/src/app/(user)/digital-cards/components/forms/digital-card-modal.tsx
@@ -3,6 +3,7 @@
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Save } from "lucide-react";
+import { useTranslations } from "next-intl";
 import {
   Dialog,
   DialogContent,
@@ -51,6 +52,8 @@ export default function DigitalCardModal({
   digitalCard,
 }: IDigitalCardModalProps) {
   const queryClient = useQueryClient();
+  const t = useTranslations("pages.digitalCards.modal");
+  const tCommon = useTranslations("common");
 
   const createMutation = digitalCardService.useCreateDigitalCard();
   const updateMutation = digitalCardService.useUpdateDigitalCard();
@@ -73,7 +76,7 @@ export default function DigitalCardModal({
         { id: digitalCard.id, data },
         {
           onSuccess: async () => {
-            toast.success("Digitalna kartica je uspješno ažurirana!");
+            toast.success(t("updated"));
             await queryClient.invalidateQueries({
               queryKey: ["digitalCards"],
             });
@@ -84,8 +87,7 @@ export default function DigitalCardModal({
             const message =
               error instanceof Error ? error.message : String(error);
             form.setError("root", {
-              message:
-                message || "Došlo je do greške prilikom ažuriranja kartice",
+              message: message || t("updateError"),
             });
           },
         }
@@ -93,7 +95,7 @@ export default function DigitalCardModal({
     } else {
       createMutation.mutate(data, {
         onSuccess: async () => {
-          toast.success("Digitalna kartica je uspješno kreirana!");
+          toast.success(t("created"));
           await queryClient.invalidateQueries({
             queryKey: ["digitalCards"],
           });
@@ -104,7 +106,7 @@ export default function DigitalCardModal({
           const message =
             error instanceof Error ? error.message : String(error);
           form.setError("root", {
-            message: message || "Došlo je do greške prilikom kreiranja kartice",
+            message: message || t("createError"),
           });
         },
       });
@@ -123,7 +125,7 @@ export default function DigitalCardModal({
       <DialogContent>
         <DialogHeader>
           <DialogTitle className="text-xl">
-            {digitalCard ? "Uredi digitalnu karticu" : "Nova digitalna kartica"}
+            {digitalCard ? t("editTitle") : t("createTitle")}
           </DialogTitle>
         </DialogHeader>
 
@@ -140,7 +142,7 @@ export default function DigitalCardModal({
               name="title"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Naziv kartice</FormLabel>
+                  <FormLabel>{t("titleLabel")}</FormLabel>
                   <FormControl>
                     <Input {...field} />
                   </FormControl>
@@ -154,7 +156,7 @@ export default function DigitalCardModal({
               name="value"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Vrijednost/Kod</FormLabel>
+                  <FormLabel>{t("valueLabel")}</FormLabel>
                   <FormControl>
                     <Input {...field} />
                   </FormControl>
@@ -169,22 +171,28 @@ export default function DigitalCardModal({
                 name="type"
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>Tip kartice</FormLabel>
+                    <FormLabel>{t("typeLabel")}</FormLabel>
                     <Select
                       onValueChange={field.onChange}
                       defaultValue={field.value}
                     >
                       <FormControl>
                         <SelectTrigger className="w-full">
-                          <SelectValue placeholder="Odaberite tip" />
+                          <SelectValue placeholder={t("typePlaceholder")} />
                         </SelectTrigger>
                       </FormControl>
                       <SelectContent>
-                        <SelectItem value="loyalty">Loyalty kartica</SelectItem>
-                        <SelectItem value="discount">Popust kartica</SelectItem>
-                        <SelectItem value="membership">Članstvo</SelectItem>
-                        <SelectItem value="gift">Poklon kartica</SelectItem>
-                        <SelectItem value="other">Ostalo</SelectItem>
+                        <SelectItem value="loyalty">
+                          {t("typeLoyalty")}
+                        </SelectItem>
+                        <SelectItem value="discount">
+                          {t("typeDiscount")}
+                        </SelectItem>
+                        <SelectItem value="membership">
+                          {t("typeMembership")}
+                        </SelectItem>
+                        <SelectItem value="gift">{t("typeGift")}</SelectItem>
+                        <SelectItem value="other">{t("typeOther")}</SelectItem>
                       </SelectContent>
                     </Select>
                     <FormMessage />
@@ -197,21 +205,23 @@ export default function DigitalCardModal({
                 name="codeType"
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>Tip koda</FormLabel>
+                    <FormLabel>{t("codeTypeLabel")}</FormLabel>
                     <Select
                       onValueChange={field.onChange}
                       defaultValue={field.value}
                     >
                       <FormControl>
                         <SelectTrigger className="w-full">
-                          <SelectValue placeholder="Odaberite tip koda" />
+                          <SelectValue placeholder={t("codeTypePlaceholder")} />
                         </SelectTrigger>
                       </FormControl>
                       <SelectContent>
-                        <SelectItem value="barcode">Barkod</SelectItem>
-                        <SelectItem value="qr">QR kod</SelectItem>
-                        <SelectItem value="number">Broj</SelectItem>
-                        <SelectItem value="text">Tekst</SelectItem>
+                        <SelectItem value="barcode">
+                          {t("codeBarcode")}
+                        </SelectItem>
+                        <SelectItem value="qr">{t("codeQr")}</SelectItem>
+                        <SelectItem value="number">{t("codeNumber")}</SelectItem>
+                        <SelectItem value="text">{t("codeText")}</SelectItem>
                       </SelectContent>
                     </Select>
                     <FormMessage />
@@ -225,7 +235,7 @@ export default function DigitalCardModal({
               name="color"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Boja kartice</FormLabel>
+                  <FormLabel>{t("colorLabel")}</FormLabel>
                   <FormControl>
                     <Input
                       type="color"
@@ -245,18 +255,19 @@ export default function DigitalCardModal({
               name="note"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Napomena</FormLabel>
+                  <FormLabel>{t("noteLabel")}</FormLabel>
                   <FormControl>
                     <Textarea
-                      placeholder="Unesite napomenu"
+                      placeholder={t("notePlaceholder")}
                       {...field}
                       value={field.value || ""}
                       maxLength={200}
                     />
                   </FormControl>
                   <FormDescription>
-                    Dodatne informacije o vašoj kartici ({" "}
-                    {200 - (field.value?.length || 0)} preostalo).
+                    {t("noteHint", {
+                      remaining: 200 - (field.value?.length || 0),
+                    })}
                   </FormDescription>
                   <FormMessage />
                 </FormItem>
@@ -271,7 +282,7 @@ export default function DigitalCardModal({
                 onClick={handleCancel}
                 disabled={isLoading}
               >
-                Odustani
+                {tCommon("cancel")}
               </Button>
 
               <Button
@@ -283,7 +294,7 @@ export default function DigitalCardModal({
                 disabled={isLoading}
                 loading={isLoading}
               >
-                {digitalCard ? "Ažuriraj" : "Stvori"}
+                {digitalCard ? tCommon("update") : tCommon("create")}
               </Button>
             </div>
           </form>
diff --git a/frontend/src/app/(user)/digital-cards/page.tsx b/frontend/src/app/(user)/digital-cards/page.tsx
index 4740b04d..9ea3185c 100644
--- a/frontend/src/app/(user)/digital-cards/page.tsx
+++ b/frontend/src/app/(user)/digital-cards/page.tsx
@@ -1,10 +1,15 @@
 import { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 import DigitalCardsClient from "@/app/(user)/digital-cards/components/digital-cards-client";
 
-export const metadata: Metadata = {
-  title: "Moje digitalne kartice",
-  description: "Pregled i upravljanje digitalnim karticama.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("pages.digitalCards");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
 
 interface IPageProps {
   searchParams?: Record<string, string | string[] | undefined>;
diff --git a/frontend/src/app/(user)/shopping-lists/[id]/components/items/shopping-list-item.tsx b/frontend/src/app/(user)/shopping-lists/[id]/components/items/shopping-list-item.tsx
index 60e1735f..1e0cecf9 100644
--- a/frontend/src/app/(user)/shopping-lists/[id]/components/items/shopping-list-item.tsx
+++ b/frontend/src/app/(user)/shopping-lists/[id]/components/items/shopping-list-item.tsx
@@ -1,5 +1,6 @@
 import Link from "next/link";
 import { Minus, Plus, X, Loader2 } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
 import { Separator } from "@/components/ui/separator";
@@ -34,6 +35,8 @@ export default function ShoppingListItem({
   storePrices,
   showSeparator,
 }: ShoppingListItemProps) {
+  const t = useTranslations("shoppingListDetail");
+
   // Average price - from DB for checked items, from API for unchecked items
   const displayPrice = item.isChecked ? item.avgPrice : averagePrice;
 
@@ -77,7 +80,7 @@ export default function ShoppingListItem({
           {/* Delete button - shown on mobile in same row as item name */}
           <Button
             size="icon"
-            aria-label="Ukloni proizvod"
+            aria-label={t("removeItem")}
             className="sm:hidden size-8 sm:size-10 shrink-0 bg-red-600 hover:bg-red-700"
             onClick={onDelete}
             disabled={isDeleting}
@@ -120,7 +123,7 @@ export default function ShoppingListItem({
               <div className="flex items-center gap-2">
                 <Button
                   size="icon"
-                  aria-label="Povećaj količinu za 1"
+                  aria-label={t("decreaseQuantity")}
                   className="size-8 sm:size-10 shrink-0"
                   onClick={() =>
                     onUpdate({
@@ -138,7 +141,7 @@ export default function ShoppingListItem({
 
                 <Button
                   size="icon"
-                  aria-label="Povećaj količinu za 1"
+                  aria-label={t("increaseQuantity")}
                   className="size-8 sm:size-10 shrink-0"
                   onClick={() =>
                     onUpdate({
@@ -178,7 +181,7 @@ export default function ShoppingListItem({
 
           <Button
             size="icon"
-            aria-label="Ukloni proizvod"
+            aria-label={t("removeItem")}
             className="hidden sm:flex size-8 sm:size-10 shrink-0 bg-red-600 hover:bg-red-700"
             onClick={onDelete}
             disabled={isDeleting}
diff --git a/frontend/src/app/(user)/shopping-lists/[id]/components/items/shopping-list-items.tsx b/frontend/src/app/(user)/shopping-lists/[id]/components/items/shopping-list-items.tsx
index 06b33977..663612c9 100644
--- a/frontend/src/app/(user)/shopping-lists/[id]/components/items/shopping-list-items.tsx
+++ b/frontend/src/app/(user)/shopping-lists/[id]/components/items/shopping-list-items.tsx
@@ -2,6 +2,7 @@
 
 import { useState } from "react";
 import { ChevronDown } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Card } from "@/components/ui/card";
 import {
   Collapsible,
@@ -31,6 +32,9 @@ export default function ShoppingListItems({
   averagePrices,
   storePrices,
 }: ShoppingListItemsProps) {
+  const t = useTranslations("shoppingListDetail");
+  const tCommon = useTranslations("common");
+
   const { handleUpdateItem, handleDeleteItem, deletingItemId } =
     useShoppingListItemMutations(shoppingList.id, averagePrices, storePrices);
 
@@ -57,15 +61,18 @@ export default function ShoppingListItems({
           <div className="flex items-center justify-between gap-4">
             <h2 className="text-lg font-semibold">
               {checkedCount > 0
-                ? `Proizvodi (${checkedCount}/${shoppingList.items.length} kupljeno)`
-                : `Proizvodi (${shoppingList.items.length})`}
+                ? t("productsHeadingChecked", {
+                    checked: checkedCount,
+                    total: shoppingList.items.length,
+                  })
+                : t("productsHeading", { count: shoppingList.items.length })}
             </h2>
 
             <Separator className="flex-1 my-2" />
 
             <div className="flex items-center gap-4">
               <p className="hidden sm:inline text-gray-700 text-sm">
-                {isItemsOpen ? "Sakrij" : "Prikaži"}
+                {isItemsOpen ? tCommon("hide") : tCommon("show")}
               </p>
 
               <ChevronDown
@@ -81,10 +88,7 @@ export default function ShoppingListItems({
 
       <CollapsibleContent>
         {shoppingList.items.length === 0 ? (
-          <p className="p-2 text-gray-600 text-center">
-            Ovaj popis još ne sadrži proizvode. Probaj pretražiti proizvode pa
-            ih dodaj na ovaj popis.
-          </p>
+          <p className="p-2 text-gray-600 text-center">{t("emptyItems")}</p>
         ) : (
           <Card className="p-4">
             <div className="space-y-1">
diff --git a/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-action-buttons.tsx b/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-action-buttons.tsx
index 8062f0ba..e334a532 100644
--- a/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-action-buttons.tsx
+++ b/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-action-buttons.tsx
@@ -7,6 +7,7 @@ import {
   Share2,
   MoreVertical,
 } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
 import {
   Tooltip,
@@ -45,6 +46,7 @@ export default function ShoppingListActionButtons({
   showShareButton = false,
 }: ShoppingListActionButtonsProps) {
   const queryClient = useQueryClient();
+  const t = useTranslations("shoppingListDetail");
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
   const [isSharing, setIsSharing] = useState(false);
@@ -68,10 +70,10 @@ export default function ShoppingListActionButtons({
     try {
       const shareText = formatShoppingListForSharing(shoppingList);
       await navigator.clipboard.writeText(shareText);
-      toast.success("Popis je kopiran u međuspremnik!");
+      toast.success(t("toasts.shared"));
     } catch (error) {
       console.error("Error sharing shopping list:", error);
-      toast.error("Greška pri kopiranju popisa");
+      toast.error(t("toasts.shareError"));
     } finally {
       setIsSharing(false);
     }
@@ -101,7 +103,7 @@ export default function ShoppingListActionButtons({
             <TooltipTrigger asChild>
               <Button
                 size="icon"
-                aria-label="Podijeli popis"
+                aria-label={t("share")}
                 className="size-10 sm:size-12 shrink-0"
                 onClick={handleShare}
                 disabled={isSharing}
@@ -115,7 +117,7 @@ export default function ShoppingListActionButtons({
             </TooltipTrigger>
 
             <TooltipContent className="px-2 py-1 text-xs">
-              Podijeli popis
+              {t("share")}
             </TooltipContent>
           </Tooltip>
         )}
@@ -125,7 +127,7 @@ export default function ShoppingListActionButtons({
             <TooltipTrigger asChild>
               <Button
                 size="icon"
-                aria-label="Kopiraj popis"
+                aria-label={t("copy")}
                 className="size-10 sm:size-12 shrink-0"
                 onClick={() => {
                   handleCopy();
@@ -141,7 +143,7 @@ export default function ShoppingListActionButtons({
             </TooltipTrigger>
 
             <TooltipContent className="px-2 py-1 text-xs">
-              Kopiraj popis
+              {t("copy")}
             </TooltipContent>
           </Tooltip>
         )}
@@ -151,7 +153,7 @@ export default function ShoppingListActionButtons({
             <TooltipTrigger asChild>
               <Button
                 size="icon"
-                aria-label="Uredi popis"
+                aria-label={t("edit")}
                 className="size-10 sm:size-12 shrink-0"
                 onClick={() => {
                   setIsModalOpen(true);
@@ -162,7 +164,7 @@ export default function ShoppingListActionButtons({
             </TooltipTrigger>
 
             <TooltipContent className="px-2 py-1 text-xs">
-              Uredi popis
+              {t("edit")}
             </TooltipContent>
           </Tooltip>
         )}
@@ -172,7 +174,7 @@ export default function ShoppingListActionButtons({
             <TooltipTrigger asChild>
               <Button
                 size="icon"
-                aria-label="Obriši popis"
+                aria-label={t("deleteAction")}
                 className="size-10 sm:size-12 shrink-0 bg-red-600 hover:bg-red-700"
                 onClick={() => {
                   setIsDeleteDialogOpen(true);
@@ -188,7 +190,7 @@ export default function ShoppingListActionButtons({
             </TooltipTrigger>
 
             <TooltipContent className="px-2 py-1 text-xs">
-              Obriši popis
+              {t("deleteAction")}
             </TooltipContent>
           </Tooltip>
         )}
@@ -198,7 +200,7 @@ export default function ShoppingListActionButtons({
       <div className="flex sm:hidden">
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
-            <Button size="icon" aria-label="Dodatne opcije" variant="default">
+            <Button size="icon" aria-label={t("moreOptions")} variant="default">
               <MoreVertical className="size-6" />
             </Button>
           </DropdownMenuTrigger>
@@ -214,7 +216,7 @@ export default function ShoppingListActionButtons({
                 ) : (
                   <Share2 className="size-5" />
                 )}
-                <span>Podijeli popis</span>
+                <span>{t("share")}</span>
               </DropdownMenuItem>
             )}
 
@@ -231,7 +233,7 @@ export default function ShoppingListActionButtons({
                 ) : (
                   <Copy className="size-5" />
                 )}
-                <span>Kopiraj popis</span>
+                <span>{t("copy")}</span>
               </DropdownMenuItem>
             )}
 
@@ -243,7 +245,7 @@ export default function ShoppingListActionButtons({
                 className="cursor-pointer flex items-center gap-4"
               >
                 <LucideClipboardEdit className="size-5" />
-                <span>Uredi popis</span>
+                <span>{t("edit")}</span>
               </DropdownMenuItem>
             )}
 
@@ -260,7 +262,7 @@ export default function ShoppingListActionButtons({
                 ) : (
                   <Trash2 className="size-5 text-red-600" />
                 )}
-                <span>Obriši popis</span>
+                <span>{t("deleteAction")}</span>
               </DropdownMenuItem>
             )}
           </DropdownMenuContent>
diff --git a/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-detail-client.tsx b/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-detail-client.tsx
index c6f59773..1c297754 100644
--- a/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-detail-client.tsx
+++ b/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-detail-client.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { ArrowLeft } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
 import Link from "next/link";
 import BlockLoadingSpinner from "@/components/custom/block-loading-spinner";
@@ -9,6 +10,7 @@ import ShoppingListHeader from "@/app/(user)/shopping-lists/[id]/components/shop
 import ShoppingListItems from "@/app/(user)/shopping-lists/[id]/components/items/shopping-list-items";
 import ShoppingListPriceHistory from "@/app/(user)/shopping-lists/[id]/components/shopping-list-price-history";
 import ShoppingListInfoTable from "@/app/(user)/shopping-lists/[id]/components/shopping-list-info-table";
+import LastSyncedLabel from "@/components/custom/offline/last-synced-label";
 import { useShoppingListData } from "@/app/(user)/shopping-lists/[id]/hooks/use-shopping-list-data";
 
 interface ShoppingListDetailClientProps {
@@ -18,11 +20,14 @@ interface ShoppingListDetailClientProps {
 export default function ShoppingListDetailClient({
   listId,
 }: ShoppingListDetailClientProps) {
+  const t = useTranslations("shoppingListDetail");
+
   // Use custom hooks for data and mutations
   const {
     shoppingList,
     isLoading,
     error,
+    listUpdatedAt,
     cheapestStores,
     averagePrices,
     storePrices,
@@ -42,14 +47,14 @@ export default function ShoppingListDetailClient({
       <div className="mx-auto">
         <div className="text-center py-12">
           <div className="text-red-700 mb-4">
-            <h3 className="text-lg font-semibold mb-2">Greška</h3>
-            <p>Popis za kupnju nije pronađen ili se dogodila greška.</p>
+            <h3 className="text-lg font-semibold mb-2">{t("errorTitle")}</h3>
+            <p>{t("errorText")}</p>
           </div>
 
           <Link href="/shopping-lists">
             <Button variant="ghost" size="icon">
               <ArrowLeft className="h-4 w-4 mr-2" />
-              Natrag na popise za kupnju
+              {t("backToLists")}
             </Button>
           </Link>
         </div>
@@ -62,6 +67,14 @@ export default function ShoppingListDetailClient({
       {/* Header Section */}
       <section>
         <ShoppingListHeader shoppingList={shoppingList} />
+
+        {listUpdatedAt > 0 && (
+          <LastSyncedLabel
+            updatedAt={listUpdatedAt}
+            prefix={t("listRefreshed")}
+            className="mt-1 block"
+          />
+        )}
       </section>
 
       {/* Info Display Section */}
diff --git a/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-header.tsx b/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-header.tsx
index 75bfb577..6ccb6e49 100644
--- a/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-header.tsx
+++ b/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-header.tsx
@@ -1,4 +1,5 @@
 import { ArrowLeft, Calendar, ChevronLeft, Globe, Lock } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
 import Link from "next/link";
 import type { ShoppingListDto as ShoppingList } from "@/lib/api/types";
@@ -16,6 +17,8 @@ interface ShoppingListHeaderProps {
 export default function ShoppingListHeader({
   shoppingList,
 }: ShoppingListHeaderProps) {
+  const t = useTranslations("shoppingListDetail");
+
   return (
     <div className="mb-6 space-y-4">
       <div className="flex items-center gap-4">
@@ -41,9 +44,7 @@ export default function ShoppingListHeader({
 
         <div className="flex items-center gap-2 ml-auto">
           <div
-            title={
-              shoppingList.isPublic ? "Popis je javan" : "Popis je privatan"
-            }
+            title={shoppingList.isPublic ? t("public") : t("private")}
             className="mr-2"
           >
             {shoppingList.isPublic ? (
diff --git a/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-info-table.tsx b/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-info-table.tsx
index 3e0f0733..2f340aa8 100644
--- a/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-info-table.tsx
+++ b/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-info-table.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { useMemo } from "react";
+import { useTranslations } from "next-intl";
 import { ShoppingListDto } from "@/lib/api/types";
 import { formatDate } from "@/utils/strings";
 import { calculateShoppingListStats } from "@/app/(user)/shopping-lists/utils/shopping-list-utils";
@@ -17,6 +18,8 @@ export default function ShoppingListInfoTable({
   averagePrices,
   isPricesLoading = false,
 }: IShoppingListInfoTableProps) {
+  const t = useTranslations("shoppingListDetail");
+
   const {
     minTotal,
     avgTotal,
@@ -49,18 +52,18 @@ export default function ShoppingListInfoTable({
         <tbody>
           <tr className="flex flex-col sm:table-row">
             <td className="p-2 whitespace-nowrap border-b sm:border-b-0 sm:border-r">
-              <span className="font-bold">Stvoreno: </span>
+              <span className="font-bold">{t("created")}: </span>
               {formatDate(shoppingList.createdAt)}
             </td>
             <td className="p-2">
-              <span className="font-bold">Ažurirano: </span>
+              <span className="font-bold">{t("updated")}: </span>
               {formatDate(shoppingList.updatedAt)}
             </td>
           </tr>
 
           <tr className="flex flex-col sm:table-row border-y">
             <td className="p-2 border-b sm:border-b-0 sm:border-r">
-              <span className="font-bold">Ukupno: </span>
+              <span className="font-bold">{t("total")}: </span>
               {isPricesLoading ? (
                 <BlockLoadingSpinner size={16} />
               ) : totalCount > 0 ? (
@@ -78,7 +81,7 @@ export default function ShoppingListInfoTable({
             </td>
 
             <td className="p-2">
-              <span className="font-bold">Preostalo: </span>
+              <span className="font-bold">{t("remaining")}: </span>
               {isPricesLoading ? (
                 <BlockLoadingSpinner size={16} />
               ) : totalCount > 0 ? (
@@ -99,7 +102,7 @@ export default function ShoppingListInfoTable({
           </tr>
           <tr className="flex flex-col sm:table-row">
             <td className="p-2 border-b sm:border-b-0 sm:border-r">
-              <span className="font-bold">Potrošeno: </span>
+              <span className="font-bold">{t("spent")}: </span>
               {checkedCount > 0 ? (
                 <span className={spentColor}>{moneySpent.toFixed(2)}€</span>
               ) : (
@@ -111,9 +114,9 @@ export default function ShoppingListInfoTable({
               <span className="font-bold">
                 {checkedCount > 0
                   ? savedAmount >= 0
-                    ? "Ušteđeno: "
-                    : "Preplaćeno: "
-                  : "Ušteđeno: "}
+                    ? `${t("saved")}: `
+                    : `${t("overpaid")}: `
+                  : `${t("saved")}: `}
               </span>
               {checkedCount > 0 ? (
                 <span
diff --git a/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-price-history.tsx b/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-price-history.tsx
index 83b9010a..3df1db67 100644
--- a/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-price-history.tsx
+++ b/frontend/src/app/(user)/shopping-lists/[id]/components/shopping-list-price-history.tsx
@@ -2,6 +2,7 @@
 
 import { useMemo, useState, useCallback, useEffect } from "react";
 import { useQueries } from "@tanstack/react-query";
+import { useTranslations } from "next-intl";
 import { CartesianGrid, Line, LineChart, XAxis, YAxis } from "recharts";
 import {
   ChartConfig,
@@ -58,6 +59,8 @@ export default function ShoppingListPriceHistory({
   shoppingList,
 }: ShoppingListPriceHistoryProps) {
   const { user } = useUser();
+  const t = useTranslations("priceHistory");
+  const tCommon = useTranslations("common");
   const { tooltipActive, touchHandlers } = useTouchTooltipDismiss();
   const [period, setPeriod] = useState<PeriodOption>(() =>
     getEnabledPeriod(getShoppingListPriceHistoryPeriod(shoppingList.id)),
@@ -355,13 +358,13 @@ export default function ShoppingListPriceHistory({
       <CollapsibleTrigger asChild className="py-2">
         <button type="button" className="w-full text-left">
           <div className="flex items-center justify-between gap-4">
-            <h2 className="text-lg font-semibold">Povijest cijena</h2>
+            <h2 className="text-lg font-semibold">{t("heading")}</h2>
 
             <Separator className="flex-1 my-2" />
 
             <div className="flex items-center gap-4">
               <p className="hidden sm:inline text-gray-700 text-sm">
-                {isPriceHistoryOpen ? "Sakrij" : "Prikaži"}
+                {isPriceHistoryOpen ? tCommon("hide") : tCommon("show")}
               </p>
 
               <ChevronDown
@@ -405,9 +408,7 @@ export default function ShoppingListPriceHistory({
                   </div>
                 ) : chartData.length === 0 || hasError ? (
                   <div className="text-center py-8">
-                    <p className="text-gray-600">
-                      Nema dostupnih povijesnih podataka.
-                    </p>
+                    <p className="text-gray-600">{t("noData")}</p>
                   </div>
                 ) : (
                   <ChartContainer config={chartConfig} {...touchHandlers}>
diff --git a/frontend/src/app/(user)/shopping-lists/[id]/components/stores/shopping-list-items-table.tsx b/frontend/src/app/(user)/shopping-lists/[id]/components/stores/shopping-list-items-table.tsx
index eda52833..586b99b3 100644
--- a/frontend/src/app/(user)/shopping-lists/[id]/components/stores/shopping-list-items-table.tsx
+++ b/frontend/src/app/(user)/shopping-lists/[id]/components/stores/shopping-list-items-table.tsx
@@ -8,6 +8,7 @@ import {
   ArrowBigDownDash,
   TriangleAlert,
 } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Badge } from "@/components/ui/badge";
 import {
   Table,
@@ -41,12 +42,11 @@ interface ShoppingListItemsTableProps {
 export const ShoppingListItemsTable = memo(
   ({ chain, shoppingList, productsData }: ShoppingListItemsTableProps) => {
     const isMobile = useIsMobile();
+    const t = useTranslations("shoppingListDetail");
 
     if (!shoppingList.items || shoppingList.items.length === 0) {
       return (
-        <div className="text-center py-8 text-gray-500">
-          Nema stavki na popisu za kupnju
-        </div>
+        <div className="text-center py-8 text-gray-500">{t("noItems")}</div>
       );
     }
 
@@ -55,10 +55,16 @@ export const ShoppingListItemsTable = memo(
         <Table>
           <TableHeader>
             <TableRow>
-              <TableHead className="font-bold">Proizvod</TableHead>
-              <TableHead className="font-bold text-center">Količina</TableHead>
-              <TableHead className="font-bold text-center">Cijena</TableHead>
-              <TableHead className="font-bold text-center">Ukupno</TableHead>
+              <TableHead className="font-bold">{t("colProduct")}</TableHead>
+              <TableHead className="font-bold text-center">
+                {t("colQuantity")}
+              </TableHead>
+              <TableHead className="font-bold text-center">
+                {t("colPrice")}
+              </TableHead>
+              <TableHead className="font-bold text-center">
+                {t("colTotal")}
+              </TableHead>
             </TableRow>
           </TableHeader>
           <TableBody>
@@ -141,13 +147,13 @@ export const ShoppingListItemsTable = memo(
                                 className="bg-orange-100 text-orange-800 border-orange-200 ml-2"
                               >
                                 <TriangleAlert className="size-4 shrink-0 text-amber-600" />
-                                Proizvod nedostupan
+                                {t("unavailable")}
                               </Badge>
                             )}
                           </TooltipTrigger>
 
                           <TooltipContent className="px-2 py-1 text-xs">
-                            Proizvod nije dostupan u ovoj trgovini
+                            {t("unavailableTooltip")}
                           </TooltipContent>
                         </Tooltip>
                       )}
@@ -186,7 +192,9 @@ export const ShoppingListItemsTable = memo(
                                 className="size-5"
                                 aria-hidden="true"
                               />
-                              <span className="sr-only">najniža cijena</span>
+                              <span className="sr-only">
+                                {t("lowestPrice")}
+                              </span>
                             </>
                           )}
                           {isHighestPrice && (
@@ -195,7 +203,9 @@ export const ShoppingListItemsTable = memo(
                                 className="size-5"
                                 aria-hidden="true"
                               />
-                              <span className="sr-only">najviša cijena</span>
+                              <span className="sr-only">
+                                {t("highestPrice")}
+                              </span>
                             </>
                           )}
                         </span>
diff --git a/frontend/src/app/(user)/shopping-lists/[id]/components/stores/shopping-list-store-card.tsx b/frontend/src/app/(user)/shopping-lists/[id]/components/stores/shopping-list-store-card.tsx
index 1a98a5f6..6b0bad1e 100644
--- a/frontend/src/app/(user)/shopping-lists/[id]/components/stores/shopping-list-store-card.tsx
+++ b/frontend/src/app/(user)/shopping-lists/[id]/components/stores/shopping-list-store-card.tsx
@@ -7,6 +7,7 @@ import {
   ArrowBigUpDash,
   ArrowBigDownDash,
 } from "lucide-react";
+import { useTranslations } from "next-intl";
 import StoreChainLogo from "@/components/custom/store-chain-logo";
 import {
   Collapsible,
@@ -52,6 +53,8 @@ const ShoppingListStoreItemComponent = ({
   hasHighestPriceItem,
 }: ShoppingListStoreItemProps) => {
   const { user } = useUser();
+  const t = useTranslations("shoppingListDetail");
+  const tProduct = useTranslations("productDetail");
   const [expandedStore, setExpandedStore] = useState<string | null>(null);
 
   const toggleStoreExpansion = useCallback((chainCode: string) => {
@@ -134,8 +137,10 @@ const ShoppingListStoreItemComponent = ({
                           className="bg-orange-100 text-orange-800 border-orange-200"
                         >
                           <TriangleAlert className="size-4 mr-1" />
-                          Proizvodi nedostupni ({chain.itemCount}/
-                          {totalItemsInList})
+                          {t("productsUnavailable", {
+                            available: chain.itemCount,
+                            total: totalItemsInList,
+                          })}
                         </Badge>
                       )}
 
@@ -145,7 +150,9 @@ const ShoppingListStoreItemComponent = ({
                           className="bg-amber-100 text-amber-800 border-amber-200"
                         >
                           <TriangleAlert className="size-4 mr-1" />
-                          Podaci od {formatDate(chain.price_date)}
+                          {tProduct("dataFrom", {
+                            date: formatDate(chain.price_date),
+                          })}
                         </Badge>
                       )}
                     </div>
@@ -163,7 +170,7 @@ const ShoppingListStoreItemComponent = ({
                               : "text-gray-700",
                         )}
                       >
-                        Min: {storeMinPrice.toFixed(2)}€
+                        {tProduct("min")}: {storeMinPrice.toFixed(2)}€
                       </span>
                       <span
                         className={cn(
@@ -174,7 +181,7 @@ const ShoppingListStoreItemComponent = ({
                               : "text-gray-700",
                         )}
                       >
-                        Prosjek: {storeAvgPrice.toFixed(2)}€
+                        {tProduct("avg")}: {storeAvgPrice.toFixed(2)}€
                       </span>
                       <span
                         className={cn(
@@ -185,7 +192,7 @@ const ShoppingListStoreItemComponent = ({
                               : "text-gray-700",
                         )}
                       >
-                        Max: {storeMaxPrice.toFixed(2)}€
+                        {tProduct("max")}: {storeMaxPrice.toFixed(2)}€
                       </span>
                     </div>
                   </div>
@@ -194,7 +201,7 @@ const ShoppingListStoreItemComponent = ({
 
               <div className="flex-1 flex items-center justify-end gap-4">
                 <p className="hidden sm:inline text-gray-700 text-sm text-pretty text-right">
-                  Dostupnost proizvoda
+                  {t("productAvailability")}
                 </p>
 
                 <ChevronDown
diff --git a/frontend/src/app/(user)/shopping-lists/[id]/components/stores/shopping-list-stores-list.tsx b/frontend/src/app/(user)/shopping-lists/[id]/components/stores/shopping-list-stores-list.tsx
index 74582cc9..97bb00ab 100644
--- a/frontend/src/app/(user)/shopping-lists/[id]/components/stores/shopping-list-stores-list.tsx
+++ b/frontend/src/app/(user)/shopping-lists/[id]/components/stores/shopping-list-stores-list.tsx
@@ -3,6 +3,7 @@
 import { useMemo, useState } from "react";
 import { useQueries } from "@tanstack/react-query";
 import { ChevronDown } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Card } from "@/components/ui/card";
 import BlockLoadingSpinner from "@/components/custom/block-loading-spinner";
 import cijeneService from "@/lib/cijene-api";
@@ -34,6 +35,9 @@ export default function ShoppingListStoreSummary({
   shoppingList,
 }: ShoppingListStoreSummaryProps) {
   const { user } = useUser();
+  const t = useTranslations("shoppingListDetail");
+  const tCommon = useTranslations("common");
+  const tProduct = useTranslations("productDetail");
 
   const [isStoresOpen, setIsStoresOpen] = useState(() =>
     getShoppingListStoresOpen(shoppingList.id),
@@ -266,14 +270,14 @@ export default function ShoppingListStoreSummary({
         <button type="button" className="w-full text-left">
           <div className="flex items-center justify-between gap-4">
             <h2 className="text-lg font-semibold">
-              Cijene po lancima trgovina
+              {t("storeChainsHeading")}
             </h2>
 
             <Separator className="flex-1 my-2" />
 
             <div className="flex items-center gap-4">
               <p className="hidden sm:inline text-gray-700 text-sm">
-                {isStoresOpen ? "Sakrij" : "Prikaži"}
+                {isStoresOpen ? tCommon("hide") : tCommon("show")}
               </p>
 
               <ChevronDown
@@ -293,18 +297,13 @@ export default function ShoppingListStoreSummary({
             <BlockLoadingSpinner />
           </div>
         ) : !shoppingList.items || shoppingList.items.length === 0 ? (
-          <p className="p-2 text-gray-600 text-center">
-            Ovaj popis još ne sadrži proizvode. Probaj pretražiti proizvode pa
-            ih dodaj na ovaj popis.
-          </p>
+          <p className="p-2 text-gray-600 text-center">{t("emptyItems")}</p>
         ) : productsError ? (
           <p className="p-2 text-gray-600 text-center">
-            Greška pri učitavanju cijena. Pokušajte ponovno.
+            {tProduct("pricesError")}
           </p>
         ) : allChains.length === 0 ? (
-          <p className="p-2 text-gray-600 text-center">
-            Nema dostupnih cijena za stavke na popisu.
-          </p>
+          <p className="p-2 text-gray-600 text-center">{t("noStorePrices")}</p>
         ) : (
           <div className="space-y-4">
             {allChains
diff --git a/frontend/src/app/(user)/shopping-lists/[id]/hooks/use-shopping-list-data.ts b/frontend/src/app/(user)/shopping-lists/[id]/hooks/use-shopping-list-data.ts
index 02dd757a..7d3e758a 100644
--- a/frontend/src/app/(user)/shopping-lists/[id]/hooks/use-shopping-list-data.ts
+++ b/frontend/src/app/(user)/shopping-lists/[id]/hooks/use-shopping-list-data.ts
@@ -25,6 +25,7 @@ export function useShoppingListData(listId: string) {
     data: shoppingList,
     isLoading,
     error,
+    dataUpdatedAt: listUpdatedAt,
   } = shoppingListService.useGetShoppingListById(listId);
 
   // Compute cheapest stores for all items
@@ -131,6 +132,7 @@ export function useShoppingListData(listId: string) {
     shoppingList,
     isLoading,
     error,
+    listUpdatedAt,
     cheapestStores,
     averagePrices,
     storePrices,
diff --git a/frontend/src/app/(user)/shopping-lists/[id]/hooks/use-shopping-list-item-mutations.ts b/frontend/src/app/(user)/shopping-lists/[id]/hooks/use-shopping-list-item-mutations.ts
index 6d1aafff..0a4a1b53 100644
--- a/frontend/src/app/(user)/shopping-lists/[id]/hooks/use-shopping-list-item-mutations.ts
+++ b/frontend/src/app/(user)/shopping-lists/[id]/hooks/use-shopping-list-item-mutations.ts
@@ -1,6 +1,7 @@
 import { useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
 import { toast } from "sonner";
+import { useTranslations } from "next-intl";
 import { shoppingListService } from "@/lib/api";
 import type { ShoppingListDto as ShoppingList } from "@/lib/api/types";
 
@@ -10,6 +11,7 @@ export function useShoppingListItemMutations(
   storePrices: Record<string, Record<string, number>>
 ) {
   const queryClient = useQueryClient();
+  const t = useTranslations("shoppingListDetail.toasts");
   const [deletingItemId, setDeletingItemId] = useState<string | null>(null);
 
   const updateItemMutation = shoppingListService.useUpdateShoppingListItem();
@@ -98,9 +100,7 @@ export function useShoppingListItemMutations(
           if (previousData) {
             queryClient.setQueryData(["shoppingLists", listId], previousData);
           }
-          toast.error(
-            error.message || "Greška pri ažuriranju stavke. Pokušajte ponovno."
-          );
+          toast.error(error.message || t("updateItemError"));
         },
         onSettled: () => {
           queryClient.invalidateQueries({
@@ -141,12 +141,10 @@ export function useShoppingListItemMutations(
           if (previousData) {
             queryClient.setQueryData(["shoppingLists", listId], previousData);
           }
-          toast.error(
-            error.message || "Greška pri brisanju stavke. Pokušajte ponovno."
-          );
+          toast.error(error.message || t("deleteItemError"));
         },
         onSuccess: () => {
-          toast.success("Stavka je uspješno obrisana!");
+          toast.success(t("itemDeleted"));
         },
         onSettled: () => {
           setDeletingItemId(null);
diff --git a/frontend/src/app/(user)/shopping-lists/[id]/hooks/use-shopping-list-mutations.ts b/frontend/src/app/(user)/shopping-lists/[id]/hooks/use-shopping-list-mutations.ts
index c1808f43..d7e9bb16 100644
--- a/frontend/src/app/(user)/shopping-lists/[id]/hooks/use-shopping-list-mutations.ts
+++ b/frontend/src/app/(user)/shopping-lists/[id]/hooks/use-shopping-list-mutations.ts
@@ -2,6 +2,7 @@ import { useState } from "react";
 import { useRouter } from "next/navigation";
 import { useQueryClient } from "@tanstack/react-query";
 import { toast } from "sonner";
+import { useTranslations } from "next-intl";
 import { shoppingListService } from "@/lib/api";
 import type {
   ShoppingListDto as ShoppingList,
@@ -15,6 +16,8 @@ export function useShoppingListMutations(
 ) {
   const router = useRouter();
   const queryClient = useQueryClient();
+  const t = useTranslations("shoppingListDetail.toasts");
+  const tDetail = useTranslations("shoppingListDetail");
   const [isCopying, setIsCopying] = useState(false);
 
   const deleteShoppingListMutation =
@@ -40,13 +43,10 @@ export function useShoppingListMutations(
         if (previous) {
           queryClient.setQueryData(["shoppingLists", "me"], previous);
         }
-        toast.error(
-          error.message ||
-            "Greška pri brisanju popisa za kupnju. Pokušajte ponovno."
-        );
+        toast.error(error.message || t("deleteListError"));
       },
       onSuccess: () => {
-        toast.success("Popis za kupnju je uspješno obrisan!");
+        toast.success(t("listDeleted"));
         queryClient.invalidateQueries({ queryKey: ["shoppingLists", "me"] });
         router.push("/shopping-lists");
       },
@@ -63,7 +63,7 @@ export function useShoppingListMutations(
     try {
       // Create new shopping list with copied title
       const newListData: ShoppingListRequest = {
-        title: `${shoppingList.title} (Kopija)`,
+        title: `${shoppingList.title} ${tDetail("copySuffix")}`,
         isPublic: false,
       };
 
@@ -101,13 +101,13 @@ export function useShoppingListMutations(
       });
 
       // Show success toast
-      toast.success("Popis za kupnju je uspješno kopiran!");
+      toast.success(t("listCopied"));
 
       // Navigate to new shopping list
       router.push(`/shopping-lists/${newList.id}`);
     } catch (error) {
       console.error("Error copying shopping list:", error);
-      toast.error("Greška pri kopiranju popisa za kupnju");
+      toast.error(t("copyListError"));
     } finally {
       setIsCopying(false);
     }
diff --git a/frontend/src/app/(user)/shopping-lists/[id]/page.tsx b/frontend/src/app/(user)/shopping-lists/[id]/page.tsx
index 3aea9c94..cf49af29 100644
--- a/frontend/src/app/(user)/shopping-lists/[id]/page.tsx
+++ b/frontend/src/app/(user)/shopping-lists/[id]/page.tsx
@@ -1,10 +1,15 @@
 import { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 import ShoppingListDetailClient from "@/app/(user)/shopping-lists/[id]/components/shopping-list-detail-client";
 
-export const metadata: Metadata = {
-  title: "Popis za kupnju - Detalji",
-  description: "Pregled i upravljanje stavkama na popisu za kupnju.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("pages.shoppingListDetail");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
 
 interface IPageProps {
   params: { id: string };
diff --git a/frontend/src/app/(user)/shopping-lists/components/create-shopping-list-button.tsx b/frontend/src/app/(user)/shopping-lists/components/create-shopping-list-button.tsx
index 0bfaa52b..ac0cfd72 100644
--- a/frontend/src/app/(user)/shopping-lists/components/create-shopping-list-button.tsx
+++ b/frontend/src/app/(user)/shopping-lists/components/create-shopping-list-button.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { Plus } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
 import { FloatingActionButton } from "@/components/custom/floating-action-button";
 
@@ -11,7 +12,8 @@ interface CreateShoppingListButtonProps {
 export default function CreateShoppingListButton({
   onCreateClick,
 }: CreateShoppingListButtonProps) {
-  const buttonText = "Stvori popis za kupnju";
+  const t = useTranslations("pages.shoppingLists");
+  const buttonText = t("create");
 
   return (
     <>
diff --git a/frontend/src/app/(user)/shopping-lists/components/forms/delete-shopping-list-dialog.tsx b/frontend/src/app/(user)/shopping-lists/components/forms/delete-shopping-list-dialog.tsx
index ded59c06..6c60ed15 100644
--- a/frontend/src/app/(user)/shopping-lists/components/forms/delete-shopping-list-dialog.tsx
+++ b/frontend/src/app/(user)/shopping-lists/components/forms/delete-shopping-list-dialog.tsx
@@ -1,4 +1,5 @@
 import { Loader2 } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
 import {
   Dialog,
@@ -24,14 +25,16 @@ export default function DeleteListDialog({
   isDeleting,
   listTitle,
 }: DeleteListDialogProps) {
+  const t = useTranslations("pages.shoppingLists.deleteDialog");
+  const tCommon = useTranslations("common");
+
   return (
     <Dialog open={isOpen} onOpenChange={onOpenChange}>
       <DialogContent>
         <DialogHeader>
-          <DialogTitle>Obriši popis za kupnju</DialogTitle>
+          <DialogTitle>{t("title")}</DialogTitle>
           <DialogDescription>
-            Jeste li sigurni da želite obrisati popis &quot;{listTitle}&quot;?
-            Ova akcija se ne može poništiti.
+            {t("description", { title: listTitle })}
           </DialogDescription>
         </DialogHeader>
 
@@ -42,7 +45,7 @@ export default function DeleteListDialog({
               size="lg"
               onClick={() => onOpenChange(false)}
             >
-              Odustani
+              {tCommon("cancel")}
             </Button>
 
             <Button
@@ -54,7 +57,7 @@ export default function DeleteListDialog({
               {isDeleting ? (
                 <Loader2 className="size-4 animate-spin mr-2" />
               ) : null}
-              Obriši
+              {tCommon("delete")}
             </Button>
           </div>
         </DialogFooter>
diff --git a/frontend/src/app/(user)/shopping-lists/components/forms/shopping-list-modal.tsx b/frontend/src/app/(user)/shopping-lists/components/forms/shopping-list-modal.tsx
index e7bedad9..db4c5867 100644
--- a/frontend/src/app/(user)/shopping-lists/components/forms/shopping-list-modal.tsx
+++ b/frontend/src/app/(user)/shopping-lists/components/forms/shopping-list-modal.tsx
@@ -4,6 +4,7 @@ import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Save } from "lucide-react";
+import { useTranslations } from "next-intl";
 import {
   Dialog,
   DialogContent,
@@ -37,6 +38,9 @@ export default function ShoppingListModal({
   onSuccess,
   shoppingList,
 }: IShoppingListModalProps) {
+  const t = useTranslations("pages.shoppingLists.modal");
+  const tCommon = useTranslations("common");
+
   const form = useForm<ShoppingListRequest>({
     resolver: zodResolver(shoppingListRequestSchema),
     defaultValues: {
@@ -68,7 +72,7 @@ export default function ShoppingListModal({
       <DialogContent>
         <DialogHeader>
           <DialogTitle className="text-xl">
-            {shoppingList ? "Uredi popis za kupnju" : "Novi popis za kupnju"}
+            {shoppingList ? t("editTitle") : t("createTitle")}
           </DialogTitle>
         </DialogHeader>
 
@@ -85,11 +89,11 @@ export default function ShoppingListModal({
               name="title"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Naziv popisa</FormLabel>
+                  <FormLabel>{t("nameLabel")}</FormLabel>
                   <FormControl>
                     <Input
                       {...field}
-                      placeholder="Roštilj 01.05.2026."
+                      placeholder={t("namePlaceholder")}
                       autoFocus
                     />
                   </FormControl>
@@ -106,7 +110,7 @@ export default function ShoppingListModal({
                 onClick={handleCancel}
                 disabled={isLoading}
               >
-                Odustani
+                {tCommon("cancel")}
               </Button>
 
               <Button
@@ -118,7 +122,7 @@ export default function ShoppingListModal({
                 disabled={isLoading}
                 loading={isLoading}
               >
-                {shoppingList ? "Ažuriraj" : "Stvori"}
+                {shoppingList ? tCommon("update") : tCommon("create")}
               </Button>
             </div>
           </form>
diff --git a/frontend/src/app/(user)/shopping-lists/components/shopping-list-item.tsx b/frontend/src/app/(user)/shopping-lists/components/shopping-list-item.tsx
index 3aae2e7b..25691fa2 100644
--- a/frontend/src/app/(user)/shopping-lists/components/shopping-list-item.tsx
+++ b/frontend/src/app/(user)/shopping-lists/components/shopping-list-item.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import Link from "next/link";
+import { useTranslations } from "next-intl";
 import { ShoppingListDto } from "@/lib/api/types";
 import { Card } from "@/components/ui/card";
 import {
@@ -19,6 +20,7 @@ interface IShoppingListListItemProps {
 export default function ShoppingListListItem({
   shoppingList,
 }: IShoppingListListItemProps) {
+  const t = useTranslations("pages.shoppingLists");
   const checkedCount = shoppingList.items.filter(
     (item) => item.isChecked,
   ).length;
@@ -46,7 +48,9 @@ export default function ShoppingListListItem({
             </TooltipTrigger>
 
             <TooltipContent sideOffset={4}>
-              {shoppingList.isPublic ? "Popis je javan" : "Popis je privatan"}
+              {shoppingList.isPublic
+                ? t("publicTooltip")
+                : t("privateTooltip")}
             </TooltipContent>
           </Tooltip>
         </div>
diff --git a/frontend/src/app/(user)/shopping-lists/components/shopping-lists-client.tsx b/frontend/src/app/(user)/shopping-lists/components/shopping-lists-client.tsx
index e8926ac4..d437c772 100644
--- a/frontend/src/app/(user)/shopping-lists/components/shopping-lists-client.tsx
+++ b/frontend/src/app/(user)/shopping-lists/components/shopping-lists-client.tsx
@@ -3,6 +3,7 @@
 import { useState, Suspense } from "react";
 import { usePathname } from "next/navigation";
 import { Search, Plus, ShoppingCart } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
 import SearchBar from "@/components/custom/search-bar";
 import SearchBarSkeleton from "@/components/custom/search-bar-skeleton";
@@ -17,6 +18,7 @@ import { useQueryClient } from "@tanstack/react-query";
 import BlockLoadingSpinner from "@/components/custom/block-loading-spinner";
 
 export default function ShoppingListsClient({ query }: { query: string }) {
+  const t = useTranslations("pages.shoppingLists");
   const pathname = usePathname();
   const queryClient = useQueryClient();
   const [isModalOpen, setIsModalOpen] = useState(false);
@@ -47,7 +49,7 @@ export default function ShoppingListsClient({ query }: { query: string }) {
       <div className="space-y-4">
         <Suspense fallback={<SearchBarSkeleton submitButtonLocation="none" />}>
           <SearchBar
-            placeholder="Pretraži popise za kupnju..."
+            placeholder={t("searchPlaceholder")}
             searchRoute={pathname}
             clearable={true}
             submitButtonLocation="none"
@@ -58,10 +60,15 @@ export default function ShoppingListsClient({ query }: { query: string }) {
         <div className="flex items-center justify-between gap-4">
           <h3>
             {query.length > 0
-              ? `Rezultati pretrage za "${query}" (${matchingShoppingLists.length})`
-              : `Moji popisi za kupnju${
-                  isUserLoading ? "" : ` (${matchingShoppingLists.length})`
-                }`}
+              ? t("searchResults", {
+                  query,
+                  count: matchingShoppingLists.length,
+                })
+              : t("heading", {
+                  count: isUserLoading
+                    ? ""
+                    : ` (${matchingShoppingLists.length})`,
+                })}
           </h3>
 
           <CreateShoppingListButton
@@ -90,18 +97,16 @@ export default function ShoppingListsClient({ query }: { query: string }) {
           <div className="text-center py-12">
             <ShoppingCart className="size-12 text-gray-400 mx-auto mb-4" />
             <h3 className="text-lg font-semibold text-gray-900 mb-2">
-              Nema popisa za kupnju
+              {t("emptyTitle")}
             </h3>
-            <p className="text-gray-600 mb-6">
-              Stvorite svoj prvi popis za kupnju…
-            </p>
+            <p className="text-gray-600 mb-6">{t("emptyDescription")}</p>
             <Button
               effect="shineHover"
               icon={Plus}
               iconPlacement="left"
               onClick={() => setIsModalOpen(true)}
             >
-              Stvori popis za kupnju
+              {t("create")}
             </Button>
           </div>
         )}
diff --git a/frontend/src/app/(user)/shopping-lists/hooks/use-shopping-list-modal.ts b/frontend/src/app/(user)/shopping-lists/hooks/use-shopping-list-modal.ts
index df166e73..08afddad 100644
--- a/frontend/src/app/(user)/shopping-lists/hooks/use-shopping-list-modal.ts
+++ b/frontend/src/app/(user)/shopping-lists/hooks/use-shopping-list-modal.ts
@@ -1,5 +1,6 @@
-import { useQueryClient } from "@tanstack/react-query";
+import { onlineManager, useQueryClient } from "@tanstack/react-query";
 import { toast } from "sonner";
+import { useTranslations } from "next-intl";
 import { shoppingListService } from "@/lib/api";
 import type { ShoppingListDto, ShoppingListRequest } from "@/lib/api/types";
 import type { UseFormSetError } from "react-hook-form";
@@ -20,17 +21,23 @@ export function useShoppingListModal({
   reset,
 }: UseShoppingListModalProps) {
   const queryClient = useQueryClient();
+  const t = useTranslations("shoppingListDetail.toasts");
 
   const createMutation = shoppingListService.useCreateShoppingList();
   const updateMutation = shoppingListService.useUpdateShoppingList();
 
   function onSubmit(data: ShoppingListRequest) {
+    // Offline, the mutation is paused and replays on reconnect, so its
+    // onSuccess (which closes the modal) won't run for a while. Close the modal
+    // now and tell the user instead of leaving the submit button spinning.
+    const isOffline = !onlineManager.isOnline();
+
     if (shoppingList) {
       updateMutation.mutate(
         { id: shoppingList.id, data },
         {
           onSuccess: async () => {
-            toast.success("Popis za kupnju je uspješno ažuriran!");
+            toast.success(t("listUpdated"));
             await queryClient.invalidateQueries({
               queryKey: ["shoppingLists"],
             });
@@ -41,8 +48,7 @@ export function useShoppingListModal({
             const message =
               error instanceof Error ? error.message : String(error);
             setError("root", {
-              message:
-                message || "Došlo je do greške prilikom ažuriranja popisa",
+              message: message || t("updateListError"),
             });
           },
         }
@@ -50,7 +56,7 @@ export function useShoppingListModal({
     } else {
       createMutation.mutate(data, {
         onSuccess: async () => {
-          toast.success("Popis za kupnju je uspješno kreiran!");
+          toast.success(t("listCreated"));
           await queryClient.invalidateQueries({
             queryKey: ["shoppingLists"],
           });
@@ -62,11 +68,17 @@ export function useShoppingListModal({
           const message =
             error instanceof Error ? error.message : String(error);
           setError("root", {
-            message: message || "Došlo je do greške prilikom kreiranja popisa",
+            message: message || t("createListError"),
           });
         },
       });
     }
+
+    if (isOffline) {
+      toast.info(t("offlineSync"));
+      onOpenChange(false);
+      if (!shoppingList) reset();
+    }
   }
 
   function handleCancel() {
diff --git a/frontend/src/app/(user)/shopping-lists/page.tsx b/frontend/src/app/(user)/shopping-lists/page.tsx
index 327c3db7..015993a5 100644
--- a/frontend/src/app/(user)/shopping-lists/page.tsx
+++ b/frontend/src/app/(user)/shopping-lists/page.tsx
@@ -1,10 +1,15 @@
 import { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 import ShoppingListsClient from "@/app/(user)/shopping-lists/components/shopping-lists-client";
 
-export const metadata: Metadata = {
-  title: "Popisi za kupnju",
-  description: "Upravljanje popisima za kupnju.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("pages.shoppingLists");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
 
 interface IPageProps {
   searchParams?: Record<string, string | string[] | undefined>;
diff --git a/frontend/src/app/(user)/spending/page.tsx b/frontend/src/app/(user)/spending/page.tsx
index 67a473ca..0feca5b8 100644
--- a/frontend/src/app/(user)/spending/page.tsx
+++ b/frontend/src/app/(user)/spending/page.tsx
@@ -1,19 +1,26 @@
 import { Metadata } from "next";
 import { Wallet } from "lucide-react";
+import { getTranslations } from "next-intl/server";
 
 import ComingSoon from "@/components/custom/coming-soon";
 
-export const metadata: Metadata = {
-  title: "Potrošnja",
-  description: "Pregled i analiza vaše potrošnje.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("pages.spending");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
+
+export default async function SpendingPage() {
+  const t = await getTranslations("pages.spending");
 
-export default function SpendingPage() {
   return (
     <ComingSoon
-      title="Potrošnja"
+      title={t("title")}
       icon={<Wallet className="size-12 text-primary" />}
-      description="Pregled i analiza vaše potrošnje uskoro će biti dostupni."
+      description={t("comingSoonDescription")}
     />
   );
 }
diff --git a/frontend/src/app/(user)/watchlist/components/create-discounted-list-button.tsx b/frontend/src/app/(user)/watchlist/components/create-discounted-list-button.tsx
index f126a070..3e7148e5 100644
--- a/frontend/src/app/(user)/watchlist/components/create-discounted-list-button.tsx
+++ b/frontend/src/app/(user)/watchlist/components/create-discounted-list-button.tsx
@@ -4,6 +4,7 @@ import { useState } from "react";
 import { useRouter } from "next/navigation";
 import { toast } from "sonner";
 import { Sparkles, Loader2 } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
 import { FloatingActionButton } from "@/components/custom/floating-action-button";
 import { shoppingListService } from "@/lib/api";
@@ -18,9 +19,10 @@ export default function CreateDiscountedListButton({
   discountedItems,
 }: CreateDiscountedListButtonProps) {
   const router = useRouter();
+  const t = useTranslations("pages.watchlist");
   const [isCreating, setIsCreating] = useState(false);
 
-  const buttonText = `Stvori popis sniženih proizvoda (${discountedItems.length})`;
+  const buttonText = t("createDiscountedList", { count: discountedItems.length });
 
   async function handleCreateDiscountedList() {
     if (isCreating || discountedItems.length === 0) {
@@ -33,7 +35,7 @@ export default function CreateDiscountedListButton({
       const today = formatDate(new Date().toISOString());
 
       const createdList = await shoppingListService.createShoppingList({
-        title: `Sniženo ${today}`,
+        title: t("discountedListTitle", { date: today }),
         isPublic: false,
       });
 
@@ -66,13 +68,9 @@ export default function CreateDiscountedListButton({
         try {
           await shoppingListService.deleteShoppingList(createdList.id);
 
-          toast.error(
-            "Neke stavke nije bilo moguće dodati. Popis je automatski uklonjen.",
-          );
+          toast.error(t("partialFailRemoved"));
         } catch {
-          toast.error(
-            "Neke stavke nije bilo moguće dodati, a popis nije moguće automatski ukloniti.",
-          );
+          toast.error(t("partialFailNotRemoved"));
 
           router.push(`/shopping-lists/${createdList.id}`);
         }
@@ -80,10 +78,10 @@ export default function CreateDiscountedListButton({
         return;
       }
 
-      toast.success("Popis sniženih proizvoda je uspješno kreiran");
+      toast.success(t("createSuccess"));
       router.push(`/shopping-lists/${createdList.id}`);
     } catch {
-      toast.error("Greška pri kreiranju popisa sniženih proizvoda");
+      toast.error(t("createError"));
     } finally {
       setIsCreating(false);
     }
@@ -99,7 +97,7 @@ export default function CreateDiscountedListButton({
         iconPlacement="left"
         disabled={isCreating || discountedItems.length === 0}
         loading={isCreating}
-        loadingText="Stvaranje popisa..."
+        loadingText={t("creatingList")}
         className="hidden sm:inline-flex"
       >
         {buttonText}
diff --git a/frontend/src/app/(user)/watchlist/components/watchlist-client.tsx b/frontend/src/app/(user)/watchlist/components/watchlist-client.tsx
index fcda0f45..981ac847 100644
--- a/frontend/src/app/(user)/watchlist/components/watchlist-client.tsx
+++ b/frontend/src/app/(user)/watchlist/components/watchlist-client.tsx
@@ -4,12 +4,14 @@ import { Suspense, useMemo, useState } from "react";
 import { usePathname } from "next/navigation";
 import { useQueries } from "@tanstack/react-query";
 import { Search, Eye, ChevronDown } from "lucide-react";
+import { useTranslations } from "next-intl";
 import SearchBar from "@/components/custom/search-bar";
 import SearchBarSkeleton from "@/components/custom/search-bar-skeleton";
 import NoResults from "@/components/custom/no-results";
 import BlockLoadingSpinner from "@/components/custom/block-loading-spinner";
 import WatchlistItem from "@/app/(user)/watchlist/components/watchlist-item";
 import CreateDiscountedListButton from "@/app/(user)/watchlist/components/create-discounted-list-button";
+import LastSyncedLabel from "@/components/custom/offline/last-synced-label";
 import { shoppingListService, watchlistService } from "@/lib/api";
 import { useUser } from "@/context/user-context";
 import { getProductByEan } from "@/lib/cijene-api";
@@ -37,6 +39,7 @@ interface WatchlistSearchItem extends WatchlistItemWithProduct {
 }
 
 export default function WatchlistClient({ query }: { query: string }) {
+  const t = useTranslations("pages.watchlist");
   const pathname = usePathname();
   const [isSuggestionsOpen, setIsSuggestionsOpen] = useState(true);
 
@@ -71,6 +74,16 @@ export default function WatchlistClient({ query }: { query: string }) {
     (query) => query.isLoading || query.isFetching,
   );
 
+  // Freshest successful price fetch across the tracked products, for the
+  // "last synced" label.
+  const pricesUpdatedAt = useMemo(() => {
+    const timestamps = productQueries
+      .map((query) => query.dataUpdatedAt)
+      .filter((timestamp) => timestamp > 0);
+
+    return timestamps.length > 0 ? Math.max(...timestamps) : 0;
+  }, [productQueries]);
+
   const enrichedItems = useMemo<WatchlistItemWithProduct[]>(() => {
     return groupedWatchlistItems.map((groupedItem, index) => {
       const productQuery = productQueries[index];
@@ -245,7 +258,7 @@ export default function WatchlistClient({ query }: { query: string }) {
     <div className="space-y-4">
       <Suspense fallback={<SearchBarSkeleton submitButtonLocation="none" />}>
         <SearchBar
-          placeholder="Pretraži popis za praćenje..."
+          placeholder={t("searchPlaceholder")}
           searchRoute={pathname}
           clearable={true}
           submitButtonLocation="none"
@@ -254,11 +267,25 @@ export default function WatchlistClient({ query }: { query: string }) {
       </Suspense>
 
       <div className="flex items-center justify-between gap-4 flex-wrap">
-        <h3>
-          {query.length > 0
-            ? `Rezultati pretrage za "${query}" (${filteredItems.length})`
-            : `Praćeni proizvodi${userLoading || watchlistLoading ? "" : ` (${filteredItems.length})`}`}
-        </h3>
+        <div className="flex flex-col">
+          <h3>
+            {query.length > 0
+              ? t("searchResults", { query, count: filteredItems.length })
+              : t("heading", {
+                  count:
+                    userLoading || watchlistLoading
+                      ? ""
+                      : ` (${filteredItems.length})`,
+                })}
+          </h3>
+
+          {pricesUpdatedAt > 0 && (
+            <LastSyncedLabel
+              updatedAt={pricesUpdatedAt}
+              prefix={t("pricesUpdated")}
+            />
+          )}
+        </div>
 
         {!productsLoading && (
           <CreateDiscountedListButton discountedItems={discountedItems} />
@@ -285,13 +312,10 @@ export default function WatchlistClient({ query }: { query: string }) {
         <div className="text-center py-12">
           <Eye className="size-12 text-gray-400 mx-auto mb-4" />
           <h3 className="text-lg font-semibold text-gray-900 mb-2">
-            Nema praćenih proizvoda
+            {t("emptyTitle")}
           </h3>
 
-          <p className="text-gray-600 mb-6">
-            Dodajte proizvode na popis za praćenje kako biste primali obavijesti
-            o popustima.
-          </p>
+          <p className="text-gray-600 mb-6">{t("emptyDescription")}</p>
         </div>
       )}
 
@@ -306,15 +330,16 @@ export default function WatchlistClient({ query }: { query: string }) {
               <button type="button" className="w-full text-left">
                 <div className="flex items-center justify-between gap-4">
                   <h2 className="text-lg font-semibold">
-                    Prijedlozi proizvoda za praćenje (
-                    {filteredSuggestionItems.length})
+                    {t("suggestionsHeading", {
+                      count: filteredSuggestionItems.length,
+                    })}
                   </h2>
 
                   <Separator className="flex-1 my-2" />
 
                   <div className="flex items-center gap-4">
                     <p className="hidden sm:inline text-gray-700 text-sm">
-                      {isSuggestionsOpen ? "Sakrij" : "Prikaži"}
+                      {isSuggestionsOpen ? t("hide") : t("show")}
                     </p>
 
                     <ChevronDown
diff --git a/frontend/src/app/(user)/watchlist/components/watchlist-item-discount-info.tsx b/frontend/src/app/(user)/watchlist/components/watchlist-item-discount-info.tsx
index 9b6a2a4e..205184d1 100644
--- a/frontend/src/app/(user)/watchlist/components/watchlist-item-discount-info.tsx
+++ b/frontend/src/app/(user)/watchlist/components/watchlist-item-discount-info.tsx
@@ -1,4 +1,5 @@
 import { Star, Store } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Skeleton } from "@/components/ui/skeleton";
 import { Separator } from "@/components/ui/separator";
 import { DiscountInfo } from "@/app/(user)/watchlist/utils/watchlist-utils";
@@ -19,6 +20,7 @@ export default function WatchlistItemDiscountInfo({
   isLoading,
   error,
 }: WatchlistItemDiscountInfoProps) {
+  const t = useTranslations("pages.watchlist");
   const [isPreferencesModalOpen, setIsPreferencesModalOpen] = useState(false);
 
   if (isLoading) {
@@ -32,11 +34,15 @@ export default function WatchlistItemDiscountInfo({
   }
 
   if (error) {
-    return <p className="text-sm text-destructive">Greška pri učitavanju</p>;
+    return (
+      <p className="text-sm text-destructive">{t("discountLoadError")}</p>
+    );
   }
 
   if (!discountInfo) {
-    return <p className="text-sm text-muted-foreground">Nema podataka</p>;
+    return (
+      <p className="text-sm text-muted-foreground">{t("discountNoData")}</p>
+    );
   }
 
   return (
@@ -67,7 +73,7 @@ export default function WatchlistItemDiscountInfo({
               {discountInfo.preferredDifference !== null &&
               discountInfo.preferredPercentage !== null
                 ? `${discountInfo.preferredDifference > 0 ? "+" : ""}${discountInfo.preferredDifference.toFixed(2)}€ (${Math.round(Math.abs(discountInfo.preferredPercentage))}%)`
-                : "Nedostupno"}
+                : t("unavailable")}
             </p>
           ) : (
             <button
@@ -75,7 +81,7 @@ export default function WatchlistItemDiscountInfo({
               className="text-xs text-muted-foreground hover:text-primary transition-colors cursor-pointer italic"
               onClick={() => setIsPreferencesModalOpen(true)}
             >
-              Postavi preference
+              {t("setPreferences")}
             </button>
           )}
         </div>
@@ -104,7 +110,7 @@ export default function WatchlistItemDiscountInfo({
             {discountInfo.totalDifference !== null &&
             discountInfo.totalPercentage !== null
               ? `${discountInfo.totalDifference > 0 ? "+" : ""}${discountInfo.totalDifference.toFixed(2)}€ (${Math.round(Math.abs(discountInfo.totalPercentage))}%)`
-              : "Nema podataka"}
+              : t("discountNoData")}
           </p>
         </div>
       </div>
diff --git a/frontend/src/app/(user)/watchlist/components/watchlist-item.tsx b/frontend/src/app/(user)/watchlist/components/watchlist-item.tsx
index bb801203..b1387a53 100644
--- a/frontend/src/app/(user)/watchlist/components/watchlist-item.tsx
+++ b/frontend/src/app/(user)/watchlist/components/watchlist-item.tsx
@@ -4,6 +4,7 @@ import { useState } from "react";
 import Link from "next/link";
 import { X, Loader2, Eye } from "lucide-react";
 import { toast } from "sonner";
+import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
@@ -44,10 +45,12 @@ function WatchlistActionButton({
   onAdd,
   onRemove,
 }: WatchlistActionButtonProps) {
+  const t = useTranslations("pages.watchlist");
+
   return (
     <Button
       size="icon"
-      aria-label={isAddMode ? "Dodaj proizvod" : "Ukloni proizvod"}
+      aria-label={isAddMode ? t("addProductAria") : t("removeProductAria")}
       className={cn(
         visibilityClassName,
         isAddMode
@@ -83,6 +86,8 @@ export default function WatchlistItem({
   } = item;
   const queryClient = useQueryClient();
   const { user } = useUser();
+  const t = useTranslations("pages.watchlist");
+  const tCommon = useTranslations("common");
   const [isRemoving, setIsRemoving] = useState(false);
   const [isWatchlistModalOpen, setIsWatchlistModalOpen] = useState(false);
   const [selectedWatchType, setSelectedWatchType] = useState<WatchType>(
@@ -105,16 +110,14 @@ export default function WatchlistItem({
       ).length;
 
       if (failedRemovals === 0) {
-        toast.success("Proizvod uklonjen s popisa za praćenje");
+        toast.success(t("removed"));
       } else if (failedRemovals === watchlistItems.length) {
-        toast.error("Greška pri uklanjanju proizvoda");
+        toast.error(t("removeProductError"));
       } else {
-        toast.error(
-          `Djelomično uklanjanje: ${failedRemovals} stavki nije moguće ukloniti.`,
-        );
+        toast.error(t("partialRemove", { count: failedRemovals }));
       }
     } catch {
-      toast.error("Greška pri uklanjanju proizvoda");
+      toast.error(t("removeProductError"));
     } finally {
       await queryClient.invalidateQueries({
         queryKey: watchlistService.QUERY_KEYS.all,
@@ -125,7 +128,7 @@ export default function WatchlistItem({
   }
 
   // Display product name from API only (no fallback since productName removed from backend)
-  const productName = product?.name || "Učitavanje...";
+  const productName = product?.name || tCommon("loading");
   const productBrand = product?.brand || null;
   const formattedQuantity = formatQuantity(product?.quantity);
   const quantityWithUnit =
diff --git a/frontend/src/app/(user)/watchlist/page.tsx b/frontend/src/app/(user)/watchlist/page.tsx
index c4617899..95110364 100644
--- a/frontend/src/app/(user)/watchlist/page.tsx
+++ b/frontend/src/app/(user)/watchlist/page.tsx
@@ -1,10 +1,15 @@
 import { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 import WatchlistClient from "@/app/(user)/watchlist/components/watchlist-client";
 
-export const metadata: Metadata = {
-  title: "Popis za praćenje",
-  description: "Prati cijene proizvoda i primi obavijesti o popustima.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("pages.watchlist");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
 
 interface IPageProps {
   searchParams?: Promise<Record<string, string | string[] | undefined>>;
diff --git a/frontend/src/app/dashboard/components/admin-users-table.tsx b/frontend/src/app/dashboard/components/admin-users-table.tsx
index 0b7ad84c..8870547f 100644
--- a/frontend/src/app/dashboard/components/admin-users-table.tsx
+++ b/frontend/src/app/dashboard/components/admin-users-table.tsx
@@ -3,6 +3,7 @@
 import { useState } from "react";
 import { Loader2, Trash2 } from "lucide-react";
 import { toast } from "sonner";
+import { useTranslations } from "next-intl";
 
 import {
   Table,
@@ -34,6 +35,8 @@ const ACCOUNT_TYPES = Object.keys(ACCOUNT_TYPE_LABELS) as AccountType[];
 
 export default function AdminUsersTable() {
   const { user: currentUser } = useUser();
+  const t = useTranslations("pages.dashboard");
+  const tTypes = useTranslations("accountTypes");
   const { data: users, isLoading, isError } = adminService.useGetAllUsers();
   const updateAccountType = adminService.useUpdateUserAccountType();
   const deleteUser = adminService.useDeleteUser();
@@ -47,8 +50,8 @@ export default function AdminUsersTable() {
     updateAccountType.mutate(
       { userId, accountType },
       {
-        onSuccess: () => toast.success("Tip računa ažuriran!"),
-        onError: () => toast.error("Greška pri promjeni tipa računa."),
+        onSuccess: () => toast.success(t("accountTypeUpdated")),
+        onError: () => toast.error(t("accountTypeError")),
         onSettled: () => setUpdatingId(null),
       }
     );
@@ -59,10 +62,10 @@ export default function AdminUsersTable() {
 
     deleteUser.mutate(deleteTarget.id, {
       onSuccess: () => {
-        toast.success("Račun je obrisan!");
+        toast.success(t("accountDeleted"));
         setDeleteTarget(null);
       },
-      onError: () => toast.error("Greška pri brisanju računa."),
+      onError: () => toast.error(t("deleteError")),
     });
   }
 
@@ -76,21 +79,19 @@ export default function AdminUsersTable() {
 
   if (isError) {
     return (
-      <p className="text-sm text-destructive">
-        Greška pri dohvaćanju korisnika.
-      </p>
+      <p className="text-sm text-destructive">{t("loadError")}</p>
     );
   }
 
   return (
     <>
-      <div className="rounded-lg border">
+      <div className="rounded-lg border bg-card shadow-sm">
         <Table>
           <TableHeader>
             <TableRow>
-              <TableHead>Korisničko ime</TableHead>
-              <TableHead>Email</TableHead>
-              <TableHead className="w-48">Tip računa</TableHead>
+              <TableHead>{t("colUsername")}</TableHead>
+              <TableHead>{t("colEmail")}</TableHead>
+              <TableHead className="w-48">{t("colAccountType")}</TableHead>
               <TableHead className="w-12" />
             </TableRow>
           </TableHeader>
@@ -105,7 +106,7 @@ export default function AdminUsersTable() {
                     {u.username || "—"}
                     {isSelf && (
                       <Badge variant="secondary" className="ml-2">
-                        Ti
+                        {t("you")}
                       </Badge>
                     )}
                   </TableCell>
@@ -126,7 +127,7 @@ export default function AdminUsersTable() {
                       <SelectContent>
                         {ACCOUNT_TYPES.map((type) => (
                           <SelectItem key={type} value={type}>
-                            {ACCOUNT_TYPE_LABELS[type]}
+                            {tTypes(type)}
                           </SelectItem>
                         ))}
                       </SelectContent>
@@ -137,7 +138,7 @@ export default function AdminUsersTable() {
                       type="button"
                       variant="outline"
                       size="icon"
-                      aria-label="Obriši račun"
+                      aria-label={t("deleteAccountAria")}
                       className="text-destructive hover:text-destructive"
                       disabled={isSelf}
                       onClick={() => setDeleteTarget(u)}
@@ -155,11 +156,11 @@ export default function AdminUsersTable() {
       <ConfirmDialog
         isOpen={!!deleteTarget}
         onOpenChange={(open) => !open && setDeleteTarget(null)}
-        title="Brisanje računa"
-        description={`Jeste li sigurni da želite obrisati račun ${
-          deleteTarget?.username || deleteTarget?.email || ""
-        }? Ova akcija se ne može poništiti.`}
-        confirmLabel="Obriši račun"
+        title={t("deleteTitle")}
+        description={t("deleteConfirm", {
+          name: deleteTarget?.username || deleteTarget?.email || "",
+        })}
+        confirmLabel={t("confirmDelete")}
         variant="destructive"
         onConfirm={handleDelete}
         isLoading={deleteUser.isPending}
diff --git a/frontend/src/app/dashboard/components/dashboard-content.tsx b/frontend/src/app/dashboard/components/dashboard-content.tsx
index d37ae578..17c24004 100644
--- a/frontend/src/app/dashboard/components/dashboard-content.tsx
+++ b/frontend/src/app/dashboard/components/dashboard-content.tsx
@@ -1,28 +1,29 @@
 "use client";
 
+import { useTranslations } from "next-intl";
+
 import { useUser } from "@/context/user-context";
 import { isAdmin } from "@/lib/api/schemas/auth-user";
 import AdminUsersTable from "@/app/dashboard/components/admin-users-table";
 
 export default function DashboardContent() {
   const { user } = useUser();
+  const t = useTranslations("pages.dashboard");
   const userIsAdmin = isAdmin(user?.accountType);
 
   return (
     <div className="space-y-6">
       <h1 className="text-3xl font-bold">
-        <span className="text-primary">Disscount</span> Nadzorna ploča
+        <span className="text-primary">Disscount</span> {t("heading")}
       </h1>
 
       {userIsAdmin ? (
         <div className="space-y-3">
-          <h2 className="text-lg font-semibold">Upravljanje korisnicima</h2>
+          <h2 className="text-lg font-semibold">{t("userManagement")}</h2>
           <AdminUsersTable />
         </div>
       ) : (
-        <p className="text-muted-foreground">
-          Ovdje će uskoro biti dostupni podaci i alati.
-        </p>
+        <p className="text-muted-foreground">{t("noAdminInfo")}</p>
       )}
     </div>
   );
diff --git a/frontend/src/app/dashboard/page.tsx b/frontend/src/app/dashboard/page.tsx
index cb6b11fc..86450c67 100644
--- a/frontend/src/app/dashboard/page.tsx
+++ b/frontend/src/app/dashboard/page.tsx
@@ -1,11 +1,16 @@
 import { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 import DashboardGuard from "@/app/dashboard/components/dashboard-guard";
 import DashboardContent from "@/app/dashboard/components/dashboard-content";
 
-export const metadata: Metadata = {
-  title: "Nadzorna ploča",
-  description: "Nadzorna ploča za partnere, javni sektor i administratore.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("pages.dashboard");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
 
 export default function DashboardPage() {
   return (
diff --git a/frontend/src/app/data-deletion/page.tsx b/frontend/src/app/data-deletion/page.tsx
index c0d664f6..ad93bcc1 100644
--- a/frontend/src/app/data-deletion/page.tsx
+++ b/frontend/src/app/data-deletion/page.tsx
@@ -1,41 +1,46 @@
 import { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 import LegalPage, { LegalSection } from "@/components/custom/legal-page";
 
-export const metadata: Metadata = {
-  title: "Brisanje podataka",
-  description: "Kako obrisati svoj račun i podatke iz aplikacije Disscount.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("legal.dataDeletion");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
+
+export default async function DataDeletionPage() {
+  const t = await getTranslations("legal");
 
-export default function DataDeletionPage() {
   return (
     <LegalPage
-      title="Brisanje podataka"
-      intro="Upute za brisanje tvog računa i povezanih podataka iz Disscounta."
-      lastUpdated="21. lipnja 2026."
+      title={t("dataDeletion.title")}
+      intro={t("dataDeletion.intro")}
+      lastUpdated={t("lastUpdated")}
     >
-      <LegalSection heading="Brisanje unutar aplikacije">
-        <p>
-          Prijavi se, otvori izbornik računa pa odaberi Sigurnost. Tamo možeš
-          obrisati svoj račun. Brisanjem se uklanja tvoj identitet za prijavu, a
-          osobni podaci (ime, email, profilna slika) trajno se uklanjaju.
-        </p>
+      <LegalSection heading={t("dataDeletion.inAppHeading")}>
+        <p>{t("dataDeletion.inAppBody")}</p>
       </LegalSection>
 
-      <LegalSection heading="Brisanje na zahtjev">
+      <LegalSection heading={t("dataDeletion.onRequestHeading")}>
         <p>
-          Ako ne možeš pristupiti računu, pošalji zahtjev za brisanje na{" "}
-          <a className="text-primary underline" href="mailto:info@disscount.me">
-            info@disscount.me
-          </a>{" "}
-          s email adresom povezanom s računom. Zahtjev obrađujemo u razumnom roku.
+          {t.rich("dataDeletion.onRequestBody", {
+            mail: (chunks) => (
+              <a
+                className="text-primary underline"
+                href="mailto:info@disscount.me"
+              >
+                {chunks}
+              </a>
+            ),
+          })}
         </p>
       </LegalSection>
 
-      <LegalSection heading="Što se briše">
-        <p>
-          Uklanjamo tvoje osobne podatke i pristup računu. Pojedini anonimizirani
-          zapisi mogu se zadržati ako to zahtijeva zakon.
-        </p>
+      <LegalSection heading={t("dataDeletion.whatDeletedHeading")}>
+        <p>{t("dataDeletion.whatDeletedBody")}</p>
       </LegalSection>
     </LegalPage>
   );
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index ddae3aca..6ae3c63b 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -1,23 +1,52 @@
-import type { Metadata } from "next";
+import type { Metadata, Viewport } from "next";
 import Script from "next/script";
 import "./globals.css";
 
+import { getLocale, getMessages, getTranslations } from "next-intl/server";
+import { IntlClientProvider } from "@/i18n/intl-client-provider";
+
 import { AppSidebar } from "@/components/custom/app-sidebar";
 import Header from "@/components/custom/header/header";
 import Footer from "@/components/custom/footer";
 import OAuthErrorToast from "@/components/custom/oauth-error-toast";
+import InstallBanner from "@/components/custom/pwa/install-banner";
+import OfflineIndicator from "@/components/custom/offline/offline-indicator";
 import { Providers } from "@/app/providers/providers";
 import { ReactNode, Suspense } from "react";
 import { sairaStencil } from "@/app/fonts";
 
-export const metadata: Metadata = {
-  metadataBase: new URL("https://OffCrazyFreak.github.io/Disscount"),
-  title: {
-    default: "Disscount - Pronađi najbolje cijene u Hrvatskoj",
-    template: "Disscount - %s",
-  },
-  creator: "Jakov Jakovac",
-  keywords: [
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("metadata");
+
+  return {
+    metadataBase: new URL(
+      process.env.NEXT_PUBLIC_APP_URL ?? "http://localhost:3000",
+    ),
+    title: {
+      default: t("title"),
+      template: "Disscount - %s",
+    },
+    description: t("description"),
+    appleWebApp: {
+      capable: true,
+      statusBarStyle: "default",
+      title: "Disscount",
+    },
+    icons: {
+      icon: [
+        { url: "/icons/icon-192.png", sizes: "192x192", type: "image/png" },
+        { url: "/icons/icon-512.png", sizes: "512x512", type: "image/png" },
+      ],
+      apple: [
+        {
+          url: "/icons/apple-touch-icon-180.png",
+          sizes: "180x180",
+          type: "image/png",
+        },
+      ],
+    },
+    creator: "Jakov Jakovac",
+    keywords: [
     "disscount",
     "disscount app",
     "disscount hr",
@@ -38,22 +67,30 @@ export const metadata: Metadata = {
     "deal alerts",
     "barcode scanner",
     "ai suggestions",
-    "discounts",
-    "discount",
-  ],
-  robots: {
-    index: true,
-    follow: true,
-  },
+      "discounts",
+      "discount",
+    ],
+    robots: {
+      index: true,
+      follow: true,
+    },
+  };
+}
+
+export const viewport: Viewport = {
+  themeColor: "#ffffff",
 };
 
-export default function RootLayout({
+export default async function RootLayout({
   children,
 }: Readonly<{
   children: ReactNode;
 }>) {
+  const locale = await getLocale();
+  const messages = await getMessages();
+
   return (
-    <html lang="hr" data-scroll-behavior="smooth">
+    <html lang={locale} data-scroll-behavior="smooth">
       {process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID && (
         <Script
           defer
@@ -65,7 +102,11 @@ export default function RootLayout({
       <body
         className={`${sairaStencil.variable} antialiased bg-zinc-50 relative`}
       >
-        <Providers>
+        <IntlClientProvider locale={locale} messages={messages}>
+          <Providers>
+          <OfflineIndicator />
+          <InstallBanner />
+
           <Suspense fallback={null}>
             <OAuthErrorToast />
           </Suspense>
@@ -93,6 +134,7 @@ export default function RootLayout({
             <Footer />
           </div>
         </Providers>
+        </IntlClientProvider>
       </body>
     </html>
   );
diff --git a/frontend/src/app/manifest.ts b/frontend/src/app/manifest.ts
new file mode 100644
index 00000000..09600319
--- /dev/null
+++ b/frontend/src/app/manifest.ts
@@ -0,0 +1,77 @@
+import type { MetadataRoute } from "next";
+import { userNavItems } from "@/constants/navigation";
+
+// `launch_handler` isn't in Next's manifest type yet, so extend it here.
+type WebAppManifest = MetadataRoute.Manifest & {
+  launch_handler?: { client_mode?: string | string[] };
+};
+
+// Web App Manifest (served at /manifest.webmanifest). Next.js injects the
+// <link rel="manifest"> automatically when this file exists.
+export default function manifest(): WebAppManifest {
+  // App shortcuts (long-press the installed icon) mirror the live user nav
+  // items, skipping ones that aren't released yet so the list stays accurate.
+  const shortcuts = userNavItems
+    .filter((item) => !item.comingSoon)
+    .map((item) => ({
+      name: item.label,
+      short_name: item.shortLabel ?? item.label,
+      url: item.href,
+    }));
+
+  return {
+    name: "Disscount - Pronađi najbolje cijene u Hrvatskoj",
+    short_name: "Disscount",
+    description:
+      "Usporedi cijene proizvoda u hrvatskim trgovinama, izradi popise za kupnju i prati popuste.",
+    id: "/",
+    start_url: "/",
+    scope: "/",
+    display: "standalone",
+    orientation: "portrait",
+    lang: "hr",
+    dir: "ltr",
+    background_color: "#fafafa",
+    theme_color: "#ffffff",
+    categories: ["shopping", "lifestyle"],
+    icons: [
+      {
+        src: "/icons/icon-192.png",
+        sizes: "192x192",
+        type: "image/png",
+        purpose: "any",
+      },
+      {
+        src: "/icons/icon-512.png",
+        sizes: "512x512",
+        type: "image/png",
+        purpose: "any",
+      },
+      {
+        src: "/icons/icon-maskable-512.png",
+        sizes: "512x512",
+        type: "image/png",
+        purpose: "maskable",
+      },
+    ],
+    // Shown in the browser's richer (app-store-like) install dialog.
+    screenshots: [
+      {
+        src: "/screenshots/screenshot-narrow.png",
+        sizes: "1080x1920",
+        type: "image/png",
+        form_factor: "narrow",
+      },
+      {
+        src: "/screenshots/screenshot-wide.png",
+        sizes: "1920x1080",
+        type: "image/png",
+        form_factor: "wide",
+      },
+    ],
+    shortcuts,
+    // Reuse an already-open window instead of spawning a new one when launched
+    // from a shortcut or notification.
+    launch_handler: { client_mode: "focus-existing" },
+  };
+}
diff --git a/frontend/src/app/map/components/map-client.tsx b/frontend/src/app/map/components/map-client.tsx
index b165189b..0d34b2db 100644
--- a/frontend/src/app/map/components/map-client.tsx
+++ b/frontend/src/app/map/components/map-client.tsx
@@ -3,19 +3,21 @@
 import { Suspense } from "react";
 import { usePathname } from "next/navigation";
 import { MapPinned } from "lucide-react";
+import { useTranslations } from "next-intl";
 
 import SearchBar from "@/components/custom/search-bar";
 import SearchBarSkeleton from "@/components/custom/search-bar-skeleton";
 import ComingSoon from "@/components/custom/coming-soon";
 
 export default function MapClient({ query }: { query: string }) {
+  const t = useTranslations("pages.map");
   const pathname = usePathname();
 
   return (
     <div className="space-y-4">
       <Suspense fallback={<SearchBarSkeleton submitButtonLocation="none" />}>
         <SearchBar
-          placeholder="Pretraži po nazivu trgovine ili adresi..."
+          placeholder={t("searchPlaceholder")}
           searchRoute={pathname}
           clearable={true}
           submitButtonLocation="none"
@@ -26,14 +28,14 @@ export default function MapClient({ query }: { query: string }) {
       <div className="flex items-center justify-between gap-4">
         <h3>
           {query.length > 0
-            ? `Rezultati pretrage za "${query}"`
-            : "Karta i radno vrijeme trgovina"}
+            ? t("searchResultsPlain", { query })
+            : t("heading")}
         </h3>
       </div>
 
       <ComingSoon
         icon={<MapPinned className="size-12 text-primary" />}
-        description="Pretraživanje trgovina po nazivu lanca ili adresi te pregled njihovog radnog vremena na interaktivnoj karti uskoro će biti dostupni."
+        description={t("comingSoon")}
       />
     </div>
   );
diff --git a/frontend/src/app/map/page.tsx b/frontend/src/app/map/page.tsx
index 7dec3caf..a8a0e294 100644
--- a/frontend/src/app/map/page.tsx
+++ b/frontend/src/app/map/page.tsx
@@ -1,11 +1,16 @@
 import { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 
 import MapClient from "@/app/map/components/map-client";
 
-export const metadata: Metadata = {
-  title: "Karta i radno vrijeme trgovina",
-  description: "Pregled trgovina i njihovog radnog vremena na karti.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("pages.map");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
 
 interface IPageProps {
   searchParams?: Promise<Record<string, string | string[] | undefined>>;
diff --git a/frontend/src/app/not-found.tsx b/frontend/src/app/not-found.tsx
index 49de5101..21e0377a 100644
--- a/frontend/src/app/not-found.tsx
+++ b/frontend/src/app/not-found.tsx
@@ -10,13 +10,20 @@ import Link from "next/link";
 import NotFoundClient from "@/app/not-found/components/not-found-client";
 import { Suspense } from "react";
 import type { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 
-export const metadata: Metadata = {
-  title: "Stranica nije pronađena - 404",
-  description: "Stranica koju tražite ne postoji.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("pages.notFound");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
+
+export default async function NotFound() {
+  const t = await getTranslations("pages.notFound");
 
-export default function NotFound() {
   return (
     <div className="m-2 flex items-center justify-center min-h-[70dvh]">
       <Card className="w-full max-w-md mx-auto">
@@ -24,27 +31,25 @@ export default function NotFound() {
           <CardTitle>
             <div className="text-6xl font-bold">404</div>
 
-            <div className="text-2xl">Hmm… ovo je neugodno. 😅</div>
+            <div className="text-2xl">{t("heading")}</div>
           </CardTitle>
 
           <CardDescription className="space-y-2">
             <div>
-              Čini se da stranica
+              {t("descriptionBefore")}
               <Suspense>
                 <NotFoundClient />
               </Suspense>
-              ne postoji.
+              {t("descriptionAfter")}
             </div>
 
-            <div className="text-gray-600">
-              Vratimo se skupa na početnu stranicu, ili prijavi grešku!
-            </div>
+            <div className="text-gray-600">{t("help")}</div>
           </CardDescription>
         </CardHeader>
 
         <CardContent className="text-center mt-2 flex flex-wrap gap-4 items-center justify-center">
           <Button variant={"outline"} effect={"shineHover"} asChild>
-            <Link href="/">Prijavi grešku</Link>
+            <Link href="/">{t("reportError")}</Link>
             {/* TODO: contact form */}
           </Button>
 
@@ -54,7 +59,7 @@ export default function NotFound() {
             className="text-pretty whitespace-wrap"
           >
             <Link href="/" className="text-pretty whitespace-wrap">
-              Povratak na početnu
+              {t("backHome")}
             </Link>
           </Button>
         </CardContent>
diff --git a/frontend/src/app/offline/components/offline-retry-button.tsx b/frontend/src/app/offline/components/offline-retry-button.tsx
new file mode 100644
index 00000000..341d846f
--- /dev/null
+++ b/frontend/src/app/offline/components/offline-retry-button.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import { RotateCw } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { Button } from "@/components/ui/button";
+
+export default function OfflineRetryButton() {
+  const t = useTranslations("pages.offline");
+
+  return (
+    <Button effect="shineHover" onClick={() => window.location.reload()}>
+      <RotateCw className="size-4" />
+      {t("retry")}
+    </Button>
+  );
+}
diff --git a/frontend/src/app/offline/page.tsx b/frontend/src/app/offline/page.tsx
new file mode 100644
index 00000000..d6eb23c7
--- /dev/null
+++ b/frontend/src/app/offline/page.tsx
@@ -0,0 +1,45 @@
+import type { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import OfflineRetryButton from "@/app/offline/components/offline-retry-button";
+
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("pages.offline");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
+
+export default async function OfflinePage() {
+  const t = await getTranslations("pages.offline");
+
+  return (
+    <div className="m-2 flex items-center justify-center min-h-[70dvh]">
+      <Card className="w-full max-w-md mx-auto">
+        <CardHeader className="text-center space-y-4 text-muted-foreground">
+          <CardTitle>
+            <div className="text-2xl">{t("title")}</div>
+          </CardTitle>
+
+          <CardDescription className="space-y-2">
+            <div>{t("description")}</div>
+
+            <div className="text-gray-600">{t("checkConnection")}</div>
+          </CardDescription>
+        </CardHeader>
+
+        <CardContent className="mt-2 flex items-center justify-center text-center">
+          <OfflineRetryButton />
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
diff --git a/frontend/src/app/privacy-policy/page.tsx b/frontend/src/app/privacy-policy/page.tsx
index 965ee205..7f85af0c 100644
--- a/frontend/src/app/privacy-policy/page.tsx
+++ b/frontend/src/app/privacy-policy/page.tsx
@@ -1,55 +1,53 @@
 import { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 import LegalPage, { LegalSection } from "@/components/custom/legal-page";
 
-export const metadata: Metadata = {
-  title: "Pravila privatnosti",
-  description: "Kako Disscount prikuplja i koristi tvoje podatke.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("legal.privacy");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
+
+export default async function PrivacyPolicyPage() {
+  const t = await getTranslations("legal");
 
-export default function PrivacyPolicyPage() {
   return (
     <LegalPage
-      title="Pravila privatnosti"
-      intro="Ova pravila objašnjavaju koje podatke Disscount prikuplja i kako ih koristi."
-      lastUpdated="21. lipnja 2026."
+      title={t("privacy.title")}
+      intro={t("privacy.intro")}
+      lastUpdated={t("lastUpdated")}
     >
-      <LegalSection heading="Koje podatke prikupljamo">
-        <p>
-          Pri prijavi prikupljamo tvoje ime, email adresu i, ako je dostupna,
-          profilnu sliku od pružatelja prijave (Google ili Facebook). Spremamo i
-          podatke koje sam stvoriš u aplikaciji, poput popisa za kupnju i
-          postavki.
-        </p>
+      <LegalSection heading={t("privacy.collectHeading")}>
+        <p>{t("privacy.collectBody")}</p>
       </LegalSection>
 
-      <LegalSection heading="Kako koristimo podatke">
-        <p>
-          Podatke koristimo za pružanje usluge, prijavu u tvoj račun, prikaz
-          tvojih popisa i postavki te slanje obavijesti koje si omogućio.
-        </p>
+      <LegalSection heading={t("privacy.useHeading")}>
+        <p>{t("privacy.useBody")}</p>
       </LegalSection>
 
-      <LegalSection heading="Dijeljenje podataka">
-        <p>
-          Ne prodajemo tvoje podatke. Koristimo Google i Facebook isključivo za
-          prijavu putem tvojih postojećih računa.
-        </p>
+      <LegalSection heading={t("privacy.shareHeading")}>
+        <p>{t("privacy.shareBody")}</p>
       </LegalSection>
 
-      <LegalSection heading="Brisanje podataka">
-        <p>
-          Račun i povezane podatke možeš obrisati u bilo kojem trenutku unutar
-          aplikacije. Upute se nalaze na stranici brisanja podataka.
-        </p>
+      <LegalSection heading={t("privacy.deleteHeading")}>
+        <p>{t("privacy.deleteBody")}</p>
       </LegalSection>
 
-      <LegalSection heading="Kontakt">
+      <LegalSection heading={t("privacy.contactHeading")}>
         <p>
-          Za pitanja o privatnosti javi se na{" "}
-          <a className="text-primary underline" href="mailto:info@disscount.me">
-            info@disscount.me
-          </a>
-          .
+          {t.rich("privacy.contactBody", {
+            mail: (chunks) => (
+              <a
+                className="text-primary underline"
+                href="mailto:info@disscount.me"
+              >
+                {chunks}
+              </a>
+            ),
+          })}
         </p>
       </LegalSection>
     </LegalPage>
diff --git a/frontend/src/app/products/[id]/components/price-history/price-history-base.tsx b/frontend/src/app/products/[id]/components/price-history/price-history-base.tsx
index d9865ef6..07fa8b2f 100644
--- a/frontend/src/app/products/[id]/components/price-history/price-history-base.tsx
+++ b/frontend/src/app/products/[id]/components/price-history/price-history-base.tsx
@@ -2,6 +2,7 @@
 
 import { useEffect, useState, useMemo, useCallback } from "react";
 import { ChevronDown } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Tabs, TabsContent } from "@/components/ui/tabs";
 import { Card, CardContent, CardHeader } from "@/components/ui/card";
 import {
@@ -40,6 +41,8 @@ interface IPriceHistoryProps {
 
 export default function PriceHistory({ product }: IPriceHistoryProps) {
   const { user } = useUser();
+  const t = useTranslations("priceHistory");
+  const tCommon = useTranslations("common");
 
   const [chartPrefs, setChartPrefs] = useState<{
     period: PeriodOption;
@@ -142,13 +145,13 @@ export default function PriceHistory({ product }: IPriceHistoryProps) {
       <CollapsibleTrigger asChild className="py-2">
         <button type="button" className="w-full text-left">
           <div className="flex items-center justify-between gap-4">
-            <h2 className="text-lg font-semibold">Povijest cijena</h2>
+            <h2 className="text-lg font-semibold">{t("heading")}</h2>
 
             <Separator className="flex-1 my-2" />
 
             <div className="flex items-center gap-4">
               <p className="hidden sm:inline text-gray-700 text-sm">
-                {isPriceHistoryOpen ? "Sakrij" : "Prikaži"}
+                {isPriceHistoryOpen ? tCommon("hide") : tCommon("show")}
               </p>
 
               <ChevronDown
@@ -192,9 +195,7 @@ export default function PriceHistory({ product }: IPriceHistoryProps) {
                   </div>
                 ) : priceHistoryData.length === 0 || historyError ? (
                   <div className="text-center py-8">
-                    <p className="text-gray-600">
-                      Nema dostupnih povijesnih podataka.
-                    </p>
+                    <p className="text-gray-600">{t("noData")}</p>
                   </div>
                 ) : (
                   <PriceHistoryChart
diff --git a/frontend/src/app/products/[id]/components/price-history/price-history-chart.tsx b/frontend/src/app/products/[id]/components/price-history/price-history-chart.tsx
index bc41e19b..3a5aa260 100644
--- a/frontend/src/app/products/[id]/components/price-history/price-history-chart.tsx
+++ b/frontend/src/app/products/[id]/components/price-history/price-history-chart.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React, { useMemo } from "react";
+import { useTranslations } from "next-intl";
 import { CartesianGrid, Line, LineChart, XAxis, YAxis } from "recharts";
 import {
   ChartConfig,
@@ -26,6 +27,7 @@ const PriceHistoryChart = React.memo(function PriceHistoryChart({
   selectedChains,
 }: IPriceHistoryChartProps) {
   const { user } = useUser();
+  const t = useTranslations("priceHistory");
 
   const { tooltipActive, touchHandlers } = useTouchTooltipDismiss();
 
@@ -90,9 +92,9 @@ const PriceHistoryChart = React.memo(function PriceHistoryChart({
     priceHistoryChains.forEach((chain) => {
       cfg[chain] = { label: storeNamesMap[chain] || chain };
     });
-    cfg["_average"] = { label: "Prosjek" };
+    cfg["_average"] = { label: t("avg") };
     return cfg;
-  }, [priceHistoryChains]);
+  }, [priceHistoryChains, t]);
 
   return (
     <ChartContainer config={chartConfig} {...touchHandlers}>
diff --git a/frontend/src/app/products/[id]/components/product-detail-client.tsx b/frontend/src/app/products/[id]/components/product-detail-client.tsx
index 826d864b..d53decee 100644
--- a/frontend/src/app/products/[id]/components/product-detail-client.tsx
+++ b/frontend/src/app/products/[id]/components/product-detail-client.tsx
@@ -2,12 +2,14 @@
 
 import { useCallback, useMemo, useState } from "react";
 import { ChevronDown } from "lucide-react";
+import { useTranslations } from "next-intl";
 import cijeneService from "@/lib/cijene-api";
 import ProductInfoDisplay from "@/app/products/components/product-info-display";
 import { StoreItem } from "@/app/products/[id]/components/store-item/store-item";
 import { useUser } from "@/context/user-context";
 import PriceHistory from "@/app/products/[id]/components/price-history/price-history-base";
 import BlockLoadingSpinner from "@/components/custom/block-loading-spinner";
+import LastSyncedLabel from "@/components/custom/offline/last-synced-label";
 import {
   Collapsible,
   CollapsibleContent,
@@ -22,6 +24,8 @@ import {
 
 export default function ProductDetailClient({ ean }: { ean: string }) {
   const { user } = useUser();
+  const t = useTranslations("productDetail");
+  const tCommon = useTranslations("common");
   const [expandedStore, setExpandedStore] = useState<string | null>(null);
   const [isStoresOpen, setIsStoresOpen] = useState(() =>
     getProductStoresOpen(ean),
@@ -52,6 +56,7 @@ export default function ProductDetailClient({ ean }: { ean: string }) {
     data: pricesData,
     isLoading: pricesLoading,
     error: pricesError,
+    dataUpdatedAt: pricesUpdatedAt,
   } = cijeneService.useGetPrices({
     eans: ean,
   });
@@ -88,11 +93,9 @@ export default function ProductDetailClient({ ean }: { ean: string }) {
       <div className="flex items-center justify-center min-h-[400px]">
         <div className="text-center">
           <h2 className="text-xl font-semibold text-gray-900 mb-2">
-            Proizvod nije pronađen
+            {t("notFoundTitle")}
           </h2>
-          <p className="text-gray-600">
-            Nije moguće učitati podatke za ovaj proizvod.
-          </p>
+          <p className="text-gray-600">{t("notFoundDescription")}</p>
         </div>
       </div>
     );
@@ -114,14 +117,14 @@ export default function ProductDetailClient({ ean }: { ean: string }) {
             <button type="button" className="w-full text-left">
               <div className="flex items-center justify-between gap-4">
                 <h2 className="text-lg font-semibold">
-                  Cijene po lancima trgovina
+                  {t("storeChainsHeading")}
                 </h2>
 
                 <Separator className="flex-1 my-2" />
 
                 <div className="flex items-center gap-4">
                   <p className="hidden sm:inline text-gray-700 text-sm">
-                    {isStoresOpen ? "Sakrij" : "Prikaži"}
+                    {isStoresOpen ? tCommon("hide") : tCommon("show")}
                   </p>
 
                   <ChevronDown
@@ -136,18 +139,22 @@ export default function ProductDetailClient({ ean }: { ean: string }) {
           </CollapsibleTrigger>
 
           <CollapsibleContent>
+            {pricesUpdatedAt > 0 && (
+              <LastSyncedLabel
+                updatedAt={pricesUpdatedAt}
+                prefix={t("pricesRefreshed")}
+                className="mb-3 block"
+              />
+            )}
+
             {pricesLoading ? (
               <div className="grid place-items-center">
                 <BlockLoadingSpinner />
               </div>
             ) : pricesError ? (
-              <p className="p-2 text-gray-600 text-center">
-                Greška pri učitavanju cijena. Pokušajte ponovno.
-              </p>
+              <p className="p-2 text-gray-600 text-center">{t("pricesError")}</p>
             ) : product.chains.length === 0 ? (
-              <p className="p-2 text-gray-600 text-center">
-                Nema dostupnih cijena za ovaj proizvod.
-              </p>
+              <p className="p-2 text-gray-600 text-center">{t("noPrices")}</p>
             ) : (
               <div className="space-y-4">
                 {product.chains
diff --git a/frontend/src/app/products/[id]/components/store-item/store-item.tsx b/frontend/src/app/products/[id]/components/store-item/store-item.tsx
index c7379df8..914b1fee 100644
--- a/frontend/src/app/products/[id]/components/store-item/store-item.tsx
+++ b/frontend/src/app/products/[id]/components/store-item/store-item.tsx
@@ -2,6 +2,7 @@
 
 import { memo } from "react";
 import { ChevronDown, TriangleAlert } from "lucide-react";
+import { useTranslations } from "next-intl";
 import StoreChainLogo from "@/components/custom/store-chain-logo";
 import {
   Collapsible,
@@ -37,6 +38,7 @@ interface IStoreItemProps {
 export const StoreItem = memo(
   ({ isExpanded, onToggle, store, storePrices, product }: IStoreItemProps) => {
     const { user } = useUser();
+    const t = useTranslations("productDetail");
 
     // Check if this store chain is preferred by the user
     const isPreferred =
@@ -104,7 +106,7 @@ export const StoreItem = memo(
                             className="bg-amber-100 text-amber-800 border-amber-200"
                           >
                             <TriangleAlert className="size-4 mr-1" />
-                            Podaci od {formatDate(store.price_date)}
+                            {t("dataFrom", { date: formatDate(store.price_date) })}
                           </Badge>
                         )}
                       </div>
@@ -122,7 +124,7 @@ export const StoreItem = memo(
                                 : "text-gray-700",
                           )}
                         >
-                          Min: {storeMinPrice.toFixed(2)}€
+                          {t("min")}: {storeMinPrice.toFixed(2)}€
                         </span>
                         <span
                           className={cn(
@@ -133,7 +135,7 @@ export const StoreItem = memo(
                                 : "text-gray-700",
                           )}
                         >
-                          Prosjek: {storeAvgPrice.toFixed(2)}€
+                          {t("avg")}: {storeAvgPrice.toFixed(2)}€
                         </span>
                         <span
                           className={cn(
@@ -144,7 +146,7 @@ export const StoreItem = memo(
                                 : "text-gray-700",
                           )}
                         >
-                          Max: {storeMaxPrice.toFixed(2)}€
+                          {t("max")}: {storeMaxPrice.toFixed(2)}€
                         </span>
                       </div>
                     </div>
@@ -153,7 +155,7 @@ export const StoreItem = memo(
 
                 <div className="flex-1 flex items-center justify-end gap-4">
                   <p className="hidden sm:inline text-gray-700 text-sm text-pretty text-right">
-                    Cijene po lokacijama
+                    {t("pricesByLocation")}
                   </p>
 
                   <ChevronDown
diff --git a/frontend/src/app/products/[id]/components/store-item/store-prices-table.tsx b/frontend/src/app/products/[id]/components/store-item/store-prices-table.tsx
index d8895c0e..23c3195a 100644
--- a/frontend/src/app/products/[id]/components/store-item/store-prices-table.tsx
+++ b/frontend/src/app/products/[id]/components/store-item/store-prices-table.tsx
@@ -1,4 +1,5 @@
 import React, { memo } from "react";
+import { useTranslations } from "next-intl";
 import {
   Table,
   TableBody,
@@ -25,6 +26,8 @@ interface IStorePricesTableProps {
 export const StorePricesTable = memo(
   ({ storePrices, product }: IStorePricesTableProps) => {
     const { user } = useUser();
+    const t = useTranslations("productDetail");
+    const tCommon = useTranslations("common");
 
     const productMinPrice = getMinPrice(product);
     const productMaxPrice = getMaxPrice(product);
@@ -32,7 +35,7 @@ export const StorePricesTable = memo(
     if (storePrices.length === 0) {
       return (
         <div className="text-center py-8 text-gray-500">
-          Nema dostupnih cijena za ovaj lanac
+          {t("noChainPrices")}
         </div>
       );
     }
@@ -42,9 +45,11 @@ export const StorePricesTable = memo(
         <Table>
           <TableHeader>
             <TableRow>
-              <TableHead className="font-bold">Lokacija</TableHead>
-              <TableHead className="font-bold">Adresa</TableHead>
-              <TableHead className="font-bold text-center">Cijena</TableHead>
+              <TableHead className="font-bold">{t("location")}</TableHead>
+              <TableHead className="font-bold">{t("address")}</TableHead>
+              <TableHead className="font-bold text-center">
+                {t("price")}
+              </TableHead>
             </TableRow>
           </TableHeader>
 
@@ -125,10 +130,12 @@ export const StorePricesTable = memo(
                     <TableCell>
                       {price.store.city
                         ? locationNamesMap[price.store.city] || price.store.city
-                        : "Nepoznato"}
+                        : tCommon("unknown")}
                     </TableCell>
 
-                    <TableCell>{price.store.address || "Nepoznato"}</TableCell>
+                    <TableCell>
+                      {price.store.address || tCommon("unknown")}
+                    </TableCell>
 
                     <TableCell className="text-center">
                       {displayPrice != null ? (
diff --git a/frontend/src/app/products/[id]/page.tsx b/frontend/src/app/products/[id]/page.tsx
index c2d38642..31f309b6 100644
--- a/frontend/src/app/products/[id]/page.tsx
+++ b/frontend/src/app/products/[id]/page.tsx
@@ -1,10 +1,15 @@
 import { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 import ProductDetailClient from "@/app/products/[id]/components/product-detail-client";
 
-export const metadata: Metadata = {
-  title: "Detalji proizvoda",
-  description: "Usporedba cijena proizvoda.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("pages.productDetail");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
 
 interface IPageProps {
   params: { id: string };
diff --git a/frontend/src/app/products/components/forms/add-to-shopping-list-form.tsx b/frontend/src/app/products/components/forms/add-to-shopping-list-form.tsx
index 65728c48..420131c3 100644
--- a/frontend/src/app/products/components/forms/add-to-shopping-list-form.tsx
+++ b/frontend/src/app/products/components/forms/add-to-shopping-list-form.tsx
@@ -5,6 +5,7 @@ import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { toast } from "sonner";
 import { Save } from "lucide-react";
+import { useTranslations } from "next-intl";
 import {
   Dialog,
   DialogContent,
@@ -49,6 +50,8 @@ export default function AddToShoppingListForm({
   onOpenChange,
   product,
 }: IAddToShoppingListFormProps) {
+  const t = useTranslations("addToList");
+  const tCommon = useTranslations("common");
   const [customListTitle, setCustomListTitle] = useState("");
   const [storePrices, setStorePrices] = useState<Record<string, number>>({});
   const [averagePrice, setAveragePrice] = useState<number | null>(null);
@@ -220,9 +223,9 @@ export default function AddToShoppingListForm({
               data.shoppingListId === "new"
                 ? customListTitle
                 : sortedShoppingLists.find((list) => list.id === listId)
-                    ?.title || "popis";
+                    ?.title || t("fallbackListName");
 
-            toast.success(`Proizvod je dodan u "${listName}"`);
+            toast.success(t("addedToast", { name: listName }));
 
             // Reset form and close modal
             form.reset({
@@ -240,7 +243,7 @@ export default function AddToShoppingListForm({
             onOpenChange(false);
           },
           onError: (err) => {
-            toast.error("Greška pri dodavanju na popis: " + err.message);
+            toast.error(t("addError", { message: err.message }));
           },
         },
       );
@@ -255,11 +258,11 @@ export default function AddToShoppingListForm({
 
       createShoppingListMutation.mutate(createRequest, {
         onSuccess: (newList) => {
-          toast.success(`Popis za kupnju "${customListTitle}" je stvoren`);
+          toast.success(t("createdToast", { name: customListTitle }));
           proceedToAdd(newList.id);
         },
         onError: (err) => {
-          toast.error("Greška pri stvaranju popisa za kupnju: " + err.message);
+          toast.error(t("createError", { message: err.message }));
         },
       });
     } else {
@@ -284,9 +287,7 @@ export default function AddToShoppingListForm({
     <Dialog open={isOpen} onOpenChange={onOpenChange}>
       <DialogContent aria-describedby="add-to-shopping-list-form">
         <DialogHeader>
-          <DialogTitle className="text-xl mb-2">
-            Dodaj proizvod u popis za kupnju
-          </DialogTitle>
+          <DialogTitle className="text-xl mb-2">{t("title")}</DialogTitle>
         </DialogHeader>
 
         {/* Product Information Display */}
@@ -306,8 +307,11 @@ export default function AddToShoppingListForm({
             {/* Warning for duplicate EAN */}
             {duplicateItem && (
               <FormWarning
-                title="Proizvod već u popisu za kupnju"
-                text={`Ovaj proizvod je već dodan u odabran popis za kupnju. Dodavanjem ovog proizvoda će se samo povećati njegova količina u popisu za kupnju sa ${duplicateItem.amount} na ${duplicateItem.amount + form.watch("amount")}.`}
+                title={t("duplicateTitle")}
+                text={t("duplicateText", {
+                  from: duplicateItem.amount,
+                  to: duplicateItem.amount + form.watch("amount"),
+                })}
               />
             )}
 
@@ -319,7 +323,7 @@ export default function AddToShoppingListForm({
 
             <Activity mode={isChecked && !duplicateItem ? "visible" : "hidden"}>
               <div className="space-y-2">
-                <label className="text-sm font-medium">Trgovina</label>
+                <label className="text-sm font-medium">{t("storeLabel")}</label>
                 <StoreChainSelect
                   value={form.watch("chainCode") || ""}
                   onChange={(value) => form.setValue("chainCode", value)}
@@ -340,7 +344,7 @@ export default function AddToShoppingListForm({
                 onClick={handleCancel}
                 disabled={isSubmitting}
               >
-                Odustani
+                {tCommon("cancel")}
               </Button>
 
               <Button
@@ -350,9 +354,9 @@ export default function AddToShoppingListForm({
                 iconPlacement="right"
                 disabled={isSubmitting}
                 loading={isSubmitting}
-                loadingText="Dodavanje"
+                loadingText={t("adding")}
               >
-                Dodaj
+                {tCommon("add")}
               </Button>
             </div>
           </form>
diff --git a/frontend/src/app/products/components/forms/mark-as-checked-checkbox.tsx b/frontend/src/app/products/components/forms/mark-as-checked-checkbox.tsx
index d37b9c75..608c07a2 100644
--- a/frontend/src/app/products/components/forms/mark-as-checked-checkbox.tsx
+++ b/frontend/src/app/products/components/forms/mark-as-checked-checkbox.tsx
@@ -1,3 +1,4 @@
+import { useTranslations } from "next-intl";
 import { Checkbox } from "@/components/ui/checkbox";
 import {
   FormControl,
@@ -16,6 +17,8 @@ interface IMarkAsCheckedCheckboxProps {
 export default function MarkAsCheckedCheckbox({
   formField,
 }: IMarkAsCheckedCheckboxProps) {
+  const t = useTranslations("addToList");
+
   return (
     <FormField
       control={formField.control}
@@ -31,10 +34,10 @@ export default function MarkAsCheckedCheckbox({
 
           <div>
             <FormLabel className="cursor-pointer mb-1">
-              Unaprijed označi proizvod kao kupljen
+              {t("markCheckedLabel")}
             </FormLabel>
             <FormDescription className="text-xs text-gray-500">
-              Ovo je moguće naknadno izmjeniti u popisu za kupnju
+              {t("markCheckedHint")}
             </FormDescription>
           </div>
         </FormItem>
diff --git a/frontend/src/app/products/components/forms/quantity-input.tsx b/frontend/src/app/products/components/forms/quantity-input.tsx
index 00d45f54..a2a4ccb0 100644
--- a/frontend/src/app/products/components/forms/quantity-input.tsx
+++ b/frontend/src/app/products/components/forms/quantity-input.tsx
@@ -1,4 +1,5 @@
 import { Minus, Plus } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
 import {
@@ -17,20 +18,22 @@ interface IQuantityInputProps {
 }
 
 export default function QuantityInput({ formField }: IQuantityInputProps) {
+  const t = useTranslations("addToList");
+
   return (
     <FormField
       control={formField.control}
       name="amount"
       render={({ field }) => (
         <FormItem>
-          <FormLabel>Količina</FormLabel>
+          <FormLabel>{t("quantityLabel")}</FormLabel>
           <FormControl>
             <div className="flex items-center gap-4 mx-auto my-2">
               <Button
                 type="button"
                 size="sm"
                 variant="outline"
-                aria-label="Smanji količinu za 5"
+                aria-label={t("decreaseBy", { n: 5 })}
                 className="hidden sm:flex size-14 rounded-full shrink-0 text-lg font-bold"
                 onClick={() => field.onChange(Math.max(1, field.value - 5))}
                 disabled={field.value <= 5}
@@ -41,7 +44,7 @@ export default function QuantityInput({ formField }: IQuantityInputProps) {
               <Button
                 type="button"
                 size="icon"
-                aria-label="Smanji količinu za 2"
+                aria-label={t("decreaseBy", { n: 2 })}
                 className="size-13 rounded-full shrink-0 text-lg font-bold"
                 onClick={() => field.onChange(Math.max(1, field.value - 2))}
                 disabled={field.value <= 2}
@@ -71,7 +74,7 @@ export default function QuantityInput({ formField }: IQuantityInputProps) {
               <Button
                 type="button"
                 size="icon"
-                aria-label="Povećaj količinu za 2"
+                aria-label={t("increaseBy", { n: 2 })}
                 className="size-13 rounded-full shrink-0 text-lg font-bold"
                 onClick={() =>
                   field.onChange(
@@ -87,7 +90,7 @@ export default function QuantityInput({ formField }: IQuantityInputProps) {
                 type="button"
                 size="sm"
                 variant="outline"
-                aria-label="Povećaj količinu za 5"
+                aria-label={t("increaseBy", { n: 5 })}
                 className="hidden sm:flex size-14 rounded-full shrink-0 text-lg font-bold"
                 onClick={() =>
                   field.onChange(
diff --git a/frontend/src/app/products/components/forms/shopping-list-selector.tsx b/frontend/src/app/products/components/forms/shopping-list-selector.tsx
index 35fb8072..f8044153 100644
--- a/frontend/src/app/products/components/forms/shopping-list-selector.tsx
+++ b/frontend/src/app/products/components/forms/shopping-list-selector.tsx
@@ -1,5 +1,6 @@
 import { useState } from "react";
 import { Loader2, Plus, ChevronDown, ListChecks } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
 import {
   Tooltip,
@@ -52,6 +53,8 @@ export default function ShoppingListSelector({
   selectedList,
   disabled = false,
 }: IShoppingListSelectorProps) {
+  const t = useTranslations("addToList");
+  const tCommon = useTranslations("common");
   const [open, setOpen] = useState(false);
 
   return (
@@ -60,7 +63,7 @@ export default function ShoppingListSelector({
       name="shoppingListId"
       render={({ field }) => (
         <FormItem className="flex flex-col">
-          <FormLabel>Popis za kupnju</FormLabel>
+          <FormLabel>{t("listLabel")}</FormLabel>
 
           <Popover open={open} onOpenChange={setOpen} modal={true}>
             <PopoverTrigger asChild>
@@ -78,11 +81,11 @@ export default function ShoppingListSelector({
                     {isLoadingLists ? (
                       <div>
                         <Loader2 className="size-5 animate-spin" />
-                        <span className="sr-only">Učitavanje...</span>
+                        <span className="sr-only">{tCommon("loading")}</span>
                       </div>
                     ) : field.value === "new" && customListTitle.trim() ? (
                       <div className="truncate">
-                        {`Stvori novi popis "${customListTitle.trim()}"`}
+                        {t("createNewList", { title: customListTitle.trim() })}
                       </div>
                     ) : selectedList ? (
                       <div className="flex items-center gap-2">
@@ -103,7 +106,7 @@ export default function ShoppingListSelector({
                         </span>
                       </div>
                     ) : (
-                      "Odaberi popis..."
+                      t("selectPlaceholder")
                     )}
                   </div>
 
@@ -120,20 +123,17 @@ export default function ShoppingListSelector({
             <PopoverContent className="w-sm max-w-[75dvw]">
               <Command>
                 <CommandInput
-                  placeholder="Pretraži svoje popise ili stvori novi..."
+                  placeholder={t("searchPlaceholder")}
                   value={customListTitle}
                   onValueChange={setCustomListTitle}
                 />
                 <CommandList>
                   <CommandEmpty>
-                    <p>
-                      Počni upisivati naziv da stvoriš svoj prvi popis za kupnju
-                      direktno ovdje.
-                    </p>
+                    <p>{t("emptyHint")}</p>
                   </CommandEmpty>
 
                   {sortedShoppingLists.length > 0 && (
-                    <CommandGroup heading="Postojeći popisi">
+                    <CommandGroup heading={t("existingLists")}>
                       {sortedShoppingLists.map((list) => (
                         <CommandItem
                           key={list.id}
@@ -178,7 +178,7 @@ export default function ShoppingListSelector({
                   )}
 
                   {customListTitle.trim() && (
-                    <CommandGroup heading="Novi popis za kupnju">
+                    <CommandGroup heading={t("newListGroup")}>
                       <CommandItem
                         value={`new-${customListTitle}`}
                         onSelect={() => {
@@ -188,7 +188,7 @@ export default function ShoppingListSelector({
                         className="text-nowrap"
                       >
                         <Plus className="size-4" />
-                        Stvori &ldquo;
+                        {tCommon("create")} &ldquo;
                         <span className="truncate">
                           {customListTitle.trim()}
                         </span>
diff --git a/frontend/src/app/products/components/forms/watchlist-item-modal.tsx b/frontend/src/app/products/components/forms/watchlist-item-modal.tsx
index 124e6211..c9e7d581 100644
--- a/frontend/src/app/products/components/forms/watchlist-item-modal.tsx
+++ b/frontend/src/app/products/components/forms/watchlist-item-modal.tsx
@@ -3,6 +3,7 @@
 import { useState, useEffect } from "react";
 import { toast } from "sonner";
 import { Eye, TrendingDown, Percent } from "lucide-react";
+import { useTranslations } from "next-intl";
 import {
   Dialog,
   DialogContent,
@@ -40,6 +41,8 @@ export default function WatchlistItemModal({
   product,
   initialWatchType,
 }: IWatchlistItemModalProps) {
+  const t = useTranslations("watchModal");
+  const tCommon = useTranslations("common");
   const addToWatchlistMutation = watchlistService.useAddToWatchlist();
   const removeFromWatchlistMutation = watchlistService.useRemoveFromWatchlist();
 
@@ -152,7 +155,7 @@ export default function WatchlistItemModal({
     const value = parseFloat(thresholdValue);
 
     if (isNaN(value)) {
-      setError("Unesite valjanu vrijednost");
+      setError(t("invalidValue"));
       return false;
     }
 
@@ -161,7 +164,10 @@ export default function WatchlistItemModal({
       (value < minThresholdValue || value > maxThresholdValue)
     ) {
       setError(
-        `Postotak mora biti između ${minThresholdValue}% i ${maxThresholdValue}%`,
+        t("percentRange", {
+          min: minThresholdValue,
+          max: maxThresholdValue,
+        }),
       );
       return false;
     } else if (
@@ -169,7 +175,10 @@ export default function WatchlistItemModal({
       (value < minThresholdValue || value > maxThresholdValue)
     ) {
       setError(
-        `Iznos mora biti između ${minThresholdValue}€ i ${maxThresholdValue}€`,
+        t("amountRange", {
+          min: minThresholdValue,
+          max: maxThresholdValue,
+        }),
       );
       return false;
     }
@@ -194,15 +203,18 @@ export default function WatchlistItemModal({
 
       if (isUpdate) {
         toast.success(
-          `Prag ažuriran s ${oldValue} na ${parseFloat(thresholdValue)}`,
+          t("thresholdUpdated", {
+            old: String(oldValue),
+            new: parseFloat(thresholdValue),
+          }),
         );
       } else {
-        toast.success("Proizvod dodan na popis za praćenje");
+        toast.success(t("added"));
       }
 
       onOpenChange(false);
     } catch {
-      toast.error("Greška pri spremanju");
+      toast.error(t("saveError"));
     }
   }
 
@@ -213,11 +225,13 @@ export default function WatchlistItemModal({
       await removeFromWatchlistMutation.mutateAsync(existingItemForType.id);
 
       toast.success(
-        `Za proizvod se više ne prati ${existingItemForType.watchType === WatchType.percentage ? "postotak" : "cijena"}`,
+        existingItemForType.watchType === WatchType.percentage
+          ? t("removedPercent")
+          : t("removedPrice"),
       );
       onOpenChange(false);
     } catch {
-      toast.error("Greška pri uklanjanju");
+      toast.error(t("removeError"));
     }
   }
 
@@ -236,17 +250,17 @@ export default function WatchlistItemModal({
 
     if (percentageItem) {
       parts.push(
-        `minimalnim pragom postotka od ${Math.round(percentageItem.thresholdValue)}%`,
+        t("existingPercentPart", {
+          value: Math.round(percentageItem.thresholdValue),
+        }),
       );
     }
 
     if (absoluteItem) {
-      parts.push(
-        `minimalnim pragom popusta od ${absoluteItem.thresholdValue}€`,
-      );
+      parts.push(t("existingAbsPart", { value: absoluteItem.thresholdValue }));
     }
 
-    return `Ovaj proizvod je već na popisu za praćenje s ${parts.join(" te ")}.`;
+    return t("existingText", { parts: parts.join(` ${t("existingJoin")} `) });
   }
 
   const alertMessage = buildAlertMessage();
@@ -259,7 +273,7 @@ export default function WatchlistItemModal({
         <DialogHeader>
           <DialogTitle className="flex items-center gap-2">
             <Eye className="size-5 sm:size-6" />
-            Dodaj na popis za praćenje
+            {t("title")}
           </DialogTitle>
         </DialogHeader>
 
@@ -272,7 +286,7 @@ export default function WatchlistItemModal({
         <div className="space-y-6">
           {/* Watch Type Selection */}
           <Field>
-            <FieldLabel>Način praćenja</FieldLabel>
+            <FieldLabel>{t("mode")}</FieldLabel>
             <FieldContent>
               <div className="grid grid-cols-2 gap-4">
                 <button
@@ -285,9 +299,9 @@ export default function WatchlistItemModal({
                   }`}
                 >
                   <TrendingDown className="mb-3 size-6" />
-                  <span className="text-sm font-medium">Cijena</span>
+                  <span className="text-sm font-medium">{t("priceMode")}</span>
                   <span className="text-xs text-muted-foreground text-center">
-                    Obavijesti kad cijena padne za određeni iznos
+                    {t("priceModeHint")}
                   </span>
                 </button>
 
@@ -301,9 +315,9 @@ export default function WatchlistItemModal({
                   }`}
                 >
                   <Percent className="mb-3 size-6" />
-                  <span className="text-sm font-medium">Postotak</span>
+                  <span className="text-sm font-medium">{t("percentMode")}</span>
                   <span className="text-xs text-muted-foreground text-center">
-                    Obavijesti kad popust bude veći od određenog postotka
+                    {t("percentModeHint")}
                   </span>
                 </button>
               </div>
@@ -311,17 +325,15 @@ export default function WatchlistItemModal({
           </Field>
 
           {alertMessage && !isCheckingWatchlist && (
-            <FormWarning
-              title="Proizvod već na popisu za praćenje"
-              text={alertMessage}
-            />
+            <FormWarning title={t("existingTitle")} text={alertMessage} />
           )}
 
           {/* Threshold Input */}
           <Field data-invalid={!!error}>
             <FieldLabel htmlFor="thresholdValue">
-              Minimalno sniženje{" "}
-              {watchType === WatchType.absolute ? "(€)" : "(%)"}:
+              {watchType === WatchType.absolute
+                ? t("minReductionAbs")
+                : t("minReductionPct")}
             </FieldLabel>
 
             <FieldContent>
@@ -330,7 +342,9 @@ export default function WatchlistItemModal({
                   type="button"
                   size="sm"
                   variant="outline"
-                  aria-label={`Smanji prag za ${thresholdSteps.secondary}`}
+                  aria-label={t("decreaseThresholdBy", {
+                    n: thresholdSteps.secondary,
+                  })}
                   className="hidden sm:flex size-14 rounded-full shrink-0 text-lg font-bold"
                   onClick={() => updateThresholdBy(-thresholdSteps.secondary)}
                   disabled={
@@ -344,7 +358,9 @@ export default function WatchlistItemModal({
                 <Button
                   type="button"
                   size="icon"
-                  aria-label={`Smanji prag za ${thresholdSteps.primary}`}
+                  aria-label={t("decreaseThresholdBy", {
+                    n: thresholdSteps.primary,
+                  })}
                   className="size-13 rounded-full shrink-0 text-lg font-bold"
                   onClick={() => updateThresholdBy(-thresholdSteps.primary)}
                   disabled={
@@ -362,7 +378,9 @@ export default function WatchlistItemModal({
                   min={minThresholdValue}
                   max={maxThresholdValue}
                   placeholder={
-                    watchType === WatchType.absolute ? "Npr. 12€" : "Npr. 15%"
+                    watchType === WatchType.absolute
+                      ? t("placeholderAbs")
+                      : t("placeholderPct")
                   }
                   value={thresholdValue}
                   onChange={(e) => setThresholdValue(e.target.value)}
@@ -372,7 +390,9 @@ export default function WatchlistItemModal({
                 <Button
                   type="button"
                   size="icon"
-                  aria-label={`Povećaj prag za ${thresholdSteps.primary}`}
+                  aria-label={t("increaseThresholdBy", {
+                    n: thresholdSteps.primary,
+                  })}
                   className="size-13 rounded-full shrink-0 text-lg font-bold"
                   onClick={() => updateThresholdBy(thresholdSteps.primary)}
                   disabled={
@@ -387,7 +407,9 @@ export default function WatchlistItemModal({
                   type="button"
                   size="sm"
                   variant="outline"
-                  aria-label={`Povećaj prag za ${thresholdSteps.secondary}`}
+                  aria-label={t("increaseThresholdBy", {
+                    n: thresholdSteps.secondary,
+                  })}
                   className="hidden sm:flex size-14 rounded-full shrink-0 text-lg font-bold"
                   onClick={() => updateThresholdBy(thresholdSteps.secondary)}
                   disabled={
@@ -404,8 +426,10 @@ export default function WatchlistItemModal({
               existingItemForType?.thresholdValue !==
                 getCurrentThresholdValue() && (
                 <FieldDescription className="text-xs ">
-                  Minimalan prag će biti ažuriran s{" "}
-                  {existingItemForType?.thresholdValue} na {thresholdValue}.
+                  {t("updatePreview", {
+                    old: String(existingItemForType?.thresholdValue),
+                    new: thresholdValue,
+                  })}
                 </FieldDescription>
               )}
 
@@ -419,7 +443,7 @@ export default function WatchlistItemModal({
               variant="outline"
               onClick={() => onOpenChange(false)}
             >
-              Odustani
+              {tCommon("cancel")}
             </Button>
 
             <div className="flex items-center gap-3">
@@ -433,7 +457,7 @@ export default function WatchlistItemModal({
                   isCheckingWatchlist
                 }
               >
-                Ukloni
+                {tCommon("remove")}
               </Button>
 
               <Button
@@ -444,10 +468,10 @@ export default function WatchlistItemModal({
                 }
               >
                 {addToWatchlistMutation.isPending
-                  ? "Spremanje..."
+                  ? t("saving")
                   : existingItemForType
-                    ? "Ažuriraj"
-                    : "Dodaj"}
+                    ? tCommon("update")
+                    : tCommon("add")}
               </Button>
             </div>
           </div>
diff --git a/frontend/src/app/products/components/product-action-buttons.tsx b/frontend/src/app/products/components/product-action-buttons.tsx
index 2ce55f16..d97e953c 100644
--- a/frontend/src/app/products/components/product-action-buttons.tsx
+++ b/frontend/src/app/products/components/product-action-buttons.tsx
@@ -1,5 +1,6 @@
 import { useState } from "react";
 import { Image, ListPlus } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
 import {
   Tooltip,
@@ -28,6 +29,7 @@ export default function ProductActionButtons({
   showAddToWatchlist = true,
   className,
 }: IProductActionButtonsProps) {
+  const t = useTranslations("productDetail");
   const [isAddToListModalOpen, setIsAddToListModalOpen] = useState(false);
   const { data: currentUserWatchlist = [] } =
     watchlistService.useGetCurrentUserWatchlist();
@@ -50,7 +52,7 @@ export default function ProductActionButtons({
             <TooltipTrigger asChild>
               <Button
                 size="icon"
-                aria-label="Pretraži sliku proizvoda"
+                aria-label={t("searchImage")}
                 className="size-10 sm:size-12 shrink-0"
                 onClick={() => {
                   let searchQuery = `${product.name}`;
@@ -74,7 +76,7 @@ export default function ProductActionButtons({
             </TooltipTrigger>
 
             <TooltipContent className="px-2 py-1 text-xs">
-              Pretraži sliku proizvoda
+              {t("searchImage")}
             </TooltipContent>
           </Tooltip>
         )}
@@ -84,7 +86,7 @@ export default function ProductActionButtons({
             <TooltipTrigger asChild>
               <Button
                 size="icon"
-                aria-label="Dodaj na popis za kupnju"
+                aria-label={t("addToListAction")}
                 className="size-10 sm:size-12 shrink-0"
                 onClick={() => {
                   setIsAddToListModalOpen(true);
@@ -95,7 +97,7 @@ export default function ProductActionButtons({
             </TooltipTrigger>
 
             <TooltipContent className="px-2 py-1 text-xs">
-              Dodaj na popis za kupnju
+              {t("addToListAction")}
             </TooltipContent>
           </Tooltip>
         )}
diff --git a/frontend/src/app/products/components/product-info-display.tsx b/frontend/src/app/products/components/product-info-display.tsx
index c9c9fad8..018927e0 100644
--- a/frontend/src/app/products/components/product-info-display.tsx
+++ b/frontend/src/app/products/components/product-info-display.tsx
@@ -1,4 +1,5 @@
 import { useMemo } from "react";
+import { useTranslations } from "next-intl";
 
 import { ProductResponse } from "@/lib/cijene-api/schemas";
 import ProductActionButtons from "@/app/products/components/product-action-buttons";
@@ -16,6 +17,7 @@ export default function ProductInfoDisplay({
   product,
   enableActionButtons = true,
 }: IProductInfoDisplayProps) {
+  const t = useTranslations("common");
   const router = useRouter();
 
   const handleBackClick = () => {
@@ -69,7 +71,7 @@ export default function ProductInfoDisplay({
 
           {/* Product Name and Category */}
           <div className="text-pretty">
-            <h3 className="font-bold">{product.name || "Nepoznato"}</h3>
+            <h3 className="font-bold">{product.name || t("unknown")}</h3>
             {category && <p className="text-sm text-gray-500">{category}</p>}
           </div>
         </div>
diff --git a/frontend/src/app/products/components/product-info-table.tsx b/frontend/src/app/products/components/product-info-table.tsx
index fa26262c..a1f75cc7 100644
--- a/frontend/src/app/products/components/product-info-table.tsx
+++ b/frontend/src/app/products/components/product-info-table.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React from "react";
+import { useTranslations } from "next-intl";
 import { ProductResponse } from "@/lib/cijene-api/schemas";
 import {
   getAveragePrice,
@@ -17,6 +18,8 @@ interface IProductInfoTableProps {
 }
 
 export default function ProductInfoTable({ product }: IProductInfoTableProps) {
+  const t = useTranslations("productDetail");
+  const tCommon = useTranslations("common");
   const averagePrice = getAveragePrice(product);
   const minPrice = getMinPrice(product);
   const maxPrice = getMaxPrice(product);
@@ -31,23 +34,23 @@ export default function ProductInfoTable({ product }: IProductInfoTableProps) {
         <tbody>
           <tr className="flex flex-col sm:table-row">
             <td className="p-2 border-b sm:border-b-0 sm:border-r flex-1">
-              <span className="font-bold">Proizvođač: </span>
-              {product.brand || "Nepoznato"}
+              <span className="font-bold">{t("producer")}: </span>
+              {product.brand || tCommon("unknown")}
             </td>
             <td className="p-2 flex-1">
-              <span className="font-bold">Bar kod: </span>
-              {product.ean || "Nepoznato"}
+              <span className="font-bold">{t("barcode")}: </span>
+              {product.ean || tCommon("unknown")}
             </td>
           </tr>
 
           {product.quantity && product.unit && (
             <tr className="flex flex-col sm:table-row border-y">
               <td className="p-2 border-b sm:border-b-0 sm:border-r flex-1">
-                <span className="font-bold">Količina: </span>
+                <span className="font-bold">{t("quantity")}: </span>
                 {`${formatQuantity(product.quantity)} ${product.unit}`}
               </td>
               <td className="p-2 flex-1">
-                <span className="font-bold">Cijene: </span>
+                <span className="font-bold">{t("prices")}: </span>
                 {product.chains.length > 0 ? (
                   minPrice === maxPrice ? (
                     <span className="whitespace-nowrap text-gray-700">
@@ -68,7 +71,7 @@ export default function ProductInfoTable({ product }: IProductInfoTableProps) {
                     </span>
                   )
                 ) : (
-                  "Nepoznato"
+                  tCommon("unknown")
                 )}
               </td>
             </tr>
@@ -77,7 +80,7 @@ export default function ProductInfoTable({ product }: IProductInfoTableProps) {
           {product.chains.length > 0 && product.quantity && (
             <tr className="flex flex-col sm:table-row">
               <td className="p-2 flex-1">
-                <span className="font-bold">Jed. cijene: </span>
+                <span className="font-bold">{t("unitPrices")}: </span>
                 {minPricePerUnit === maxPricePerUnit ? (
                   <span className="whitespace-nowrap text-gray-700">
                     {minPricePerUnit?.toFixed(2)}€/{product.unit}
diff --git a/frontend/src/app/products/components/product-item/product-info.tsx b/frontend/src/app/products/components/product-item/product-info.tsx
index 5dd39eb3..f0d8f241 100644
--- a/frontend/src/app/products/components/product-item/product-info.tsx
+++ b/frontend/src/app/products/components/product-item/product-info.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { memo } from "react";
+import { useTranslations } from "next-intl";
 
 interface IProductInfoProps {
   name: string | null;
@@ -13,6 +14,8 @@ export const ProductInfo = memo(function ProductInfo({
   brand,
   category,
 }: IProductInfoProps) {
+  const t = useTranslations("common");
+
   return (
     <div className="flex-1">
       {category && (
@@ -20,7 +23,7 @@ export const ProductInfo = memo(function ProductInfo({
       )}
 
       <h3 className="font-bold text-sm sm:text-md">
-        {name || "Unknown product name"}
+        {name || t("unknownProduct")}
       </h3>
 
       {brand && <div className="text-xs sm:text-sm">{brand}</div>}
diff --git a/frontend/src/app/products/components/product-item/product-price.tsx b/frontend/src/app/products/components/product-item/product-price.tsx
index 8e521dc0..d2a1dd33 100644
--- a/frontend/src/app/products/components/product-item/product-price.tsx
+++ b/frontend/src/app/products/components/product-item/product-price.tsx
@@ -1,4 +1,5 @@
 import { memo } from "react";
+import { useTranslations } from "next-intl";
 import { Separator } from "@/components/ui/separator";
 import { formatQuantity } from "@/utils/strings";
 import {
@@ -15,6 +16,7 @@ interface IProductUnitPriceDetailsProps {
 
 export const ProductUnitPriceDetails = memo(
   ({ product }: IProductUnitPriceDetailsProps) => {
+    const t = useTranslations("productDetail");
     const minPrice = getMinPrice(product);
     const maxPrice = getMaxPrice(product);
 
@@ -54,7 +56,7 @@ export const ProductUnitPriceDetails = memo(
           </div> */}
             </div>
           ) : (
-            <div className="text-gray-500 text-sm">Nepoznata cijena</div>
+            <div className="text-gray-500 text-sm">{t("unknownPrice")}</div>
           )}
         </div>
 
diff --git a/frontend/src/app/products/components/products-client.tsx b/frontend/src/app/products/components/products-client.tsx
index 724f1dd4..bf9b65d6 100644
--- a/frontend/src/app/products/components/products-client.tsx
+++ b/frontend/src/app/products/components/products-client.tsx
@@ -2,6 +2,7 @@
 
 import { usePathname } from "next/navigation";
 import { Search, Loader2 } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { useViewMode } from "@/hooks/use-view-mode";
 import NoResults from "@/components/custom/no-results";
 import useInfiniteProducts from "@/app/products/hooks/useInfiniteProducts";
@@ -15,6 +16,7 @@ import { useIsMobile } from "@/hooks/use-mobile";
 import BlockLoadingSpinner from "@/components/custom/block-loading-spinner";
 
 export default function ProductsClient({ query }: { query: string }) {
+  const t = useTranslations("pages.products");
   const isMobile = useIsMobile();
   const pathname = usePathname();
   const [viewMode, setViewMode] = useViewMode(pathname);
@@ -26,7 +28,7 @@ export default function ProductsClient({ query }: { query: string }) {
     <div className="space-y-4">
       <Suspense fallback={<SearchBarSkeleton />}>
         <SearchBar
-          placeholder="Pretraži proizvode..."
+          placeholder={t("searchPlaceholder")}
           searchRoute={pathname}
           clearable={true}
           allowScanning={true}
@@ -36,9 +38,10 @@ export default function ProductsClient({ query }: { query: string }) {
       <div className="flex items-center justify-between gap-4">
         <h3>
           {query.length > 0 &&
-            `Rezultati pretrage za "${query}"${
-              isLoading ? "" : ` (${total}${total >= 100 ? "+" : ""})`
-            }`}
+            t("searchResults", {
+              query,
+              count: isLoading ? "" : ` (${total}${total >= 100 ? "+" : ""})`,
+            })}
         </h3>
 
         {/* <ViewSwitcher viewMode={viewMode} setViewMode={setViewMode} /> */}
@@ -52,11 +55,9 @@ export default function ProductsClient({ query }: { query: string }) {
         <div className="text-center py-12">
           <Search className="size-12 text-red-700 mx-auto mb-4" />
           <h3 className="text-lg font-semibold text-gray-900 mb-2">
-            Greška pri pretraživanju
+            {t("errorTitle")}
           </h3>
-          <p className="text-gray-600 mb-6">
-            Došlo je do greške pri dohvaćanju podataka. Pokušajte ponovo.
-          </p>
+          <p className="text-gray-600 mb-6">{t("errorDescription")}</p>
         </div>
       ) : query && total === 0 ? (
         <NoResults
@@ -104,11 +105,9 @@ export default function ProductsClient({ query }: { query: string }) {
         <div className="text-center py-12">
           <Search className="size-12 text-gray-400 mx-auto mb-4" />
           <h3 className="text-lg font-semibold text-gray-900 mb-2">
-            Počnite pretraživanje
+            {t("startTitle")}
           </h3>
-          <p className="text-gray-600 mb-6">
-            Unesite naziv proizvoda koji tražite
-          </p>
+          <p className="text-gray-600 mb-6">{t("startDescription")}</p>
         </div>
       )}
     </div>
diff --git a/frontend/src/app/products/components/watchlist-action-button.tsx b/frontend/src/app/products/components/watchlist-action-button.tsx
index 15504ac0..f33d2fcd 100644
--- a/frontend/src/app/products/components/watchlist-action-button.tsx
+++ b/frontend/src/app/products/components/watchlist-action-button.tsx
@@ -1,5 +1,6 @@
 import { useState } from "react";
 import { Eye, EyeOff } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
 import { ProductResponse } from "@/lib/cijene-api/schemas";
 import {
@@ -18,8 +19,9 @@ export default function WatchlistActionButton({
   product,
   isInWatchlist,
 }: IWatchlistActionButtonProps) {
+  const t = useTranslations("productDetail");
   const [isWatchlistModalOpen, setIsWatchlistModalOpen] = useState(false);
-  const actionLabel = isInWatchlist ? "Ažuriraj praćenje" : "Prati proizvod";
+  const actionLabel = isInWatchlist ? t("updateWatch") : t("watchProduct");
 
   return (
     <>
diff --git a/frontend/src/app/products/page.tsx b/frontend/src/app/products/page.tsx
index 5c96c354..b64e7746 100644
--- a/frontend/src/app/products/page.tsx
+++ b/frontend/src/app/products/page.tsx
@@ -1,10 +1,15 @@
 import { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 import ProductsClient from "@/app/products/components/products-client";
 
-export const metadata: Metadata = {
-  title: "Proizvodi",
-  description: "Pregled dostupnih proizvoda.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("pages.products");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
 
 interface IPageProps {
   searchParams?: Record<string, string | string[] | undefined>;
diff --git a/frontend/src/app/providers/providers.tsx b/frontend/src/app/providers/providers.tsx
index f7804496..d84f64f3 100644
--- a/frontend/src/app/providers/providers.tsx
+++ b/frontend/src/app/providers/providers.tsx
@@ -8,6 +8,8 @@ import { UserContextProvider } from "@/app/providers/user-provider";
 import { ReactScan } from "@/app/providers/react-scan";
 import { CameraScannerProvider } from "@/context/scanner-context";
 import { NotificationsProvider } from "@/context/notifications-context";
+import RequestPersistentStorage from "@/components/custom/pwa/request-persistent-storage";
+import AppleSplashScreens from "@/components/custom/pwa/apple-splash-screens";
 
 export function Providers({ children }: { children: ReactNode }) {
   return (
@@ -18,6 +20,8 @@ export function Providers({ children }: { children: ReactNode }) {
             <CameraScannerProvider>
               <ToasterProvider>
                 <ReactScan />
+                <RequestPersistentStorage />
+                <AppleSplashScreens />
 
                 {children}
               </ToasterProvider>
diff --git a/frontend/src/app/providers/react-query-provider.tsx b/frontend/src/app/providers/react-query-provider.tsx
index 0215b17c..3f2d7782 100644
--- a/frontend/src/app/providers/react-query-provider.tsx
+++ b/frontend/src/app/providers/react-query-provider.tsx
@@ -1,21 +1,50 @@
 "use client";
 
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { QueryClient } from "@tanstack/react-query";
+import { PersistQueryClientProvider } from "@tanstack/react-query-persist-client";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { useState, type ReactNode } from "react";
 
+import {
+  persistOptions,
+  OFFLINE_CACHE_MAX_AGE_MS,
+} from "@/lib/offline/persister";
+import { registerOfflineMutationDefaults } from "@/lib/offline/offline-mutations";
+
 export function ReactQueryProviderWrapper({
   children,
 }: {
   children: ReactNode;
 }) {
   // keep QueryClient stable across re-renders
-  const [queryClient] = useState(() => new QueryClient());
+  const [queryClient] = useState(() => {
+    const client = new QueryClient({
+      defaultOptions: {
+        queries: {
+          // gcTime must be >= the persister's maxAge, otherwise entries are
+          // evicted from memory before they can be restored from disk.
+          gcTime: OFFLINE_CACHE_MAX_AGE_MS,
+        },
+      },
+    });
+
+    // Register replay functions so offline writes restored from disk can resume.
+    registerOfflineMutationDefaults(client);
+
+    return client;
+  });
 
   return (
-    <QueryClientProvider client={queryClient}>
+    <PersistQueryClientProvider
+      client={queryClient}
+      persistOptions={persistOptions}
+      // Once the cache is restored, replay any writes that were queued offline.
+      onSuccess={() => {
+        queryClient.resumePausedMutations();
+      }}
+    >
       {children}
       <ReactQueryDevtools />
-    </QueryClientProvider>
+    </PersistQueryClientProvider>
   );
 }
diff --git a/frontend/src/app/reset-password/page.tsx b/frontend/src/app/reset-password/page.tsx
index 317d9436..614dd7d4 100644
--- a/frontend/src/app/reset-password/page.tsx
+++ b/frontend/src/app/reset-password/page.tsx
@@ -1,11 +1,16 @@
 import { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 
 import ResetPasswordModal from "@/app/reset-password/reset-password-modal";
 
-export const metadata: Metadata = {
-  title: "Nova lozinka",
-  description: "Postavi novu lozinku za svoj Disscount račun.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("pages.resetPassword");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
 
 interface IPageProps {
   searchParams?: Promise<{ token?: string | string[] }>;
diff --git a/frontend/src/app/reset-password/reset-password-modal.tsx b/frontend/src/app/reset-password/reset-password-modal.tsx
index 9cbd7774..60fd3e9d 100644
--- a/frontend/src/app/reset-password/reset-password-modal.tsx
+++ b/frontend/src/app/reset-password/reset-password-modal.tsx
@@ -1,11 +1,13 @@
 "use client";
 
+import { useMemo } from "react";
 import { useRouter } from "next/navigation";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Loader2 } from "lucide-react";
 import { toast } from "sonner";
 import { z } from "zod";
+import { useTranslations } from "next-intl";
 
 import {
   Dialog,
@@ -27,17 +29,7 @@ import {
 import { passwordSchema } from "@/lib/api/schemas/auth-user";
 import { authClient } from "@/lib/auth-client";
 
-const resetPasswordSchema = z
-  .object({
-    password: passwordSchema,
-    confirmPassword: z.string(),
-  })
-  .refine((data) => data.password === data.confirmPassword, {
-    message: "Lozinke se ne podudaraju",
-    path: ["confirmPassword"],
-  });
-
-type ResetPasswordForm = z.infer<typeof resetPasswordSchema>;
+type ResetPasswordForm = { password: string; confirmPassword: string };
 
 interface IResetPasswordModalProps {
   token: string;
@@ -51,6 +43,20 @@ export default function ResetPasswordModal({
   token,
 }: IResetPasswordModalProps) {
   const router = useRouter();
+  const t = useTranslations("pages.resetPassword");
+  const tv = useTranslations("validation");
+
+  // Built inside the component so the mismatch message is localized.
+  const resetPasswordSchema = useMemo(
+    () =>
+      z
+        .object({ password: passwordSchema, confirmPassword: z.string() })
+        .refine((data) => data.password === data.confirmPassword, {
+          message: tv("passwordsMismatch"),
+          path: ["confirmPassword"],
+        }),
+    [tv],
+  );
 
   const form = useForm<ResetPasswordForm>({
     resolver: zodResolver(resetPasswordSchema),
@@ -65,15 +71,15 @@ export default function ResetPasswordModal({
       });
 
       if (error) {
-        toast.error("Poveznica je nevažeća ili je istekla. Zatraži novu.");
+        toast.error(t("invalidLink"));
         return;
       }
     } catch {
-      toast.error("Greška pri postavljanju lozinke. Pokušaj ponovo.");
+      toast.error(t("error"));
       return;
     }
 
-    toast.success("Lozinka je postavljena. Sada se možeš prijaviti.");
+    toast.success(t("success"));
     router.push("/");
   }
 
@@ -86,17 +92,12 @@ export default function ResetPasswordModal({
     >
       <DialogContent>
         <DialogHeader>
-          <DialogTitle className="text-xl">Nova lozinka</DialogTitle>
-          <DialogDescription>
-            Postavi novu lozinku za svoj Disscount račun.
-          </DialogDescription>
+          <DialogTitle className="text-xl">{t("title")}</DialogTitle>
+          <DialogDescription>{t("description")}</DialogDescription>
         </DialogHeader>
 
         {!token ? (
-          <p className="text-sm text-red-700">
-            Nedostaje token. Zatraži novu poveznicu putem „Zaboravljena
-            lozinka?“ na prijavi.
-          </p>
+          <p className="text-sm text-red-700">{t("missingToken")}</p>
         ) : (
           <Form {...form}>
             <form onSubmit={form.handleSubmit(onSubmit)} className="grid gap-4">
@@ -105,7 +106,7 @@ export default function ResetPasswordModal({
                 name="password"
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>Nova lozinka</FormLabel>
+                    <FormLabel>{t("newPasswordLabel")}</FormLabel>
                     <FormControl>
                       <PasswordInput
                         {...field}
@@ -123,7 +124,7 @@ export default function ResetPasswordModal({
                 name="confirmPassword"
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>Potvrdi novu lozinku</FormLabel>
+                    <FormLabel>{t("confirmLabel")}</FormLabel>
                     <FormControl>
                       <PasswordInput
                         {...field}
@@ -145,7 +146,7 @@ export default function ResetPasswordModal({
                 {form.formState.isSubmitting ? (
                   <Loader2 size={16} className="animate-spin" />
                 ) : (
-                  "Postavi lozinku"
+                  t("submit")
                 )}
               </Button>
             </form>
diff --git a/frontend/src/app/statistics/components/health-status.tsx b/frontend/src/app/statistics/components/health-status.tsx
index 8f31a721..9bf5e50b 100644
--- a/frontend/src/app/statistics/components/health-status.tsx
+++ b/frontend/src/app/statistics/components/health-status.tsx
@@ -2,9 +2,11 @@
 
 import React from "react";
 import { Loader2 } from "lucide-react";
+import { useTranslations } from "next-intl";
 import cijeneService from "@/lib/cijene-api";
 
 export default function HealthStatus() {
+  const t = useTranslations("pages.statistics");
   const {
     data: health,
     isLoading: healthLoading,
@@ -15,24 +17,20 @@ export default function HealthStatus() {
     return (
       <div className="flex items-center gap-2">
         <Loader2 className="size-4 animate-spin" />
-        Provjera stanja...
+        {t("checking")}
       </div>
     );
   }
 
   if (error) {
-    return (
-      <div className="text-red-700">
-        ❌ Greška pri provjeri dostupnosti API-ja
-      </div>
-    );
+    return <div className="text-red-700">❌ {t("apiCheckError")}</div>;
   }
 
   return health ? (
     <div className="text-green-600" aria-live="polite">
-      ✅ Cijene API je dostupan
+      ✅ {t("apiAvailable")}
     </div>
   ) : (
-    <div className="text-red-700">❌ Cijene API nije dostupan</div>
+    <div className="text-red-700">❌ {t("apiUnavailable")}</div>
   );
 }
diff --git a/frontend/src/app/statistics/components/store-item.tsx b/frontend/src/app/statistics/components/store-item.tsx
index ea4f8910..732db500 100644
--- a/frontend/src/app/statistics/components/store-item.tsx
+++ b/frontend/src/app/statistics/components/store-item.tsx
@@ -2,6 +2,7 @@
 
 import React, { memo } from "react";
 import { ChevronDown, Loader2, MapPin, Tag } from "lucide-react";
+import { useTranslations } from "next-intl";
 import StoreChainLogo from "@/components/custom/store-chain-logo";
 import {
   Collapsible,
@@ -18,7 +19,6 @@ import {
   TableRow,
 } from "@/components/ui/table";
 import { storeNamesMap, locationNamesMap } from "@/constants/name-mappings";
-import { pluralizeCroatian } from "@/utils/strings";
 import { cn } from "@/lib/utils";
 import cijeneService from "@/lib/cijene-api";
 import { ChainStats } from "@/lib/cijene-api/schemas";
@@ -33,6 +33,9 @@ interface IStoreItemProps {
 // Memoized component for individual chain items to prevent unnecessary re-renders
 export const StoreItem = memo(
   ({ stat, isExpanded, onToggle, isLast }: IStoreItemProps) => {
+    const t = useTranslations("pages.statistics");
+    const tCommon = useTranslations("common");
+
     // Fetch stores for this specific chain when the item is rendered
     const { data: storesData, isLoading: storesLoading } =
       cijeneService.useListStoresByChain(stat.chain_code);
@@ -59,22 +62,12 @@ export const StoreItem = memo(
                       <p className="text-sm text-gray-600 flex items-center gap-2 sm:gap-4 flex-wrap my-2">
                         <span className="flex items-center gap-2">
                           <MapPin className="size-5 mb-1" />
-                          {stat.store_count}{" "}
-                          {pluralizeCroatian(
-                            stat.store_count,
-                            "trgovina",
-                            "trgovine",
-                          )}
+                          {t("storeCount", { count: stat.store_count })}
                         </span>
                         <span className="hidden sm:inline">|</span>
                         <span className="flex items-center gap-2">
                           <Tag className="size-5 mb-1" />
-                          {stat.price_count}{" "}
-                          {pluralizeCroatian(
-                            stat.price_count,
-                            "cijena",
-                            "cijene",
-                          )}
+                          {t("priceCount", { count: stat.price_count })}
                         </span>
                       </p>
                     </div>
@@ -98,15 +91,17 @@ export const StoreItem = memo(
               {storesLoading ? (
                 <div className="flex items-center justify-center py-8">
                   <Loader2 className="size-6 animate-spin mr-2" />
-                  Učitavanje trgovina...
+                  {t("loadingStores")}
                 </div>
               ) : storesData?.stores && storesData.stores.length > 0 ? (
                 <div className="max-h-128 overflow-y-auto">
                   <Table>
                     <TableHeader>
                       <TableRow>
-                        <TableHead className="font-bold">Grad</TableHead>
-                        <TableHead className="font-bold">Adresa</TableHead>
+                        <TableHead className="font-bold">{t("city")}</TableHead>
+                        <TableHead className="font-bold">
+                          {t("address")}
+                        </TableHead>
                       </TableRow>
                     </TableHeader>
 
@@ -128,10 +123,10 @@ export const StoreItem = memo(
                             <TableCell className="text-gray-700">
                               {store.city
                                 ? locationNamesMap[store.city] || store.city
-                                : "Nepoznato"}
+                                : tCommon("unknown")}
                             </TableCell>
                             <TableCell className="text-gray-700">
-                              {store.address || "Nepoznato"}
+                              {store.address || tCommon("unknown")}
                             </TableCell>
                           </TableRow>
                         ))}
@@ -140,7 +135,7 @@ export const StoreItem = memo(
                 </div>
               ) : (
                 <div className="text-center py-8 text-gray-500">
-                  Nema podataka o trgovinama
+                  {t("noStores")}
                 </div>
               )}
             </div>
diff --git a/frontend/src/app/statistics/components/stores-list.tsx b/frontend/src/app/statistics/components/stores-list.tsx
index b0eb7b74..611eba24 100644
--- a/frontend/src/app/statistics/components/stores-list.tsx
+++ b/frontend/src/app/statistics/components/stores-list.tsx
@@ -3,11 +3,14 @@
 import React, { useState } from "react";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Loader2, TrendingUp } from "lucide-react";
+import { useTranslations } from "next-intl";
 import cijeneService from "@/lib/cijene-api";
 import { StoreItem } from "@/app/statistics/components/store-item";
 import { ChainStats } from "@/lib/cijene-api/schemas";
 
 export default function ChainList() {
+  const t = useTranslations("pages.statistics");
+  const tCommon = useTranslations("common");
   const [expandedChain, setExpandedChain] = useState<string | null>(null);
 
   const { data: chainStats, isLoading: statsLoading } =
@@ -34,14 +37,14 @@ export default function ChainList() {
       <CardHeader>
         <CardTitle className="flex items-center gap-2">
           <TrendingUp className="size-5" />
-          Statistike po lancima
+          {t("chainStatsHeading")}
         </CardTitle>
       </CardHeader>
       <CardContent>
         {statsLoading ? (
           <div className="flex items-center gap-2">
             <Loader2 className="size-4 animate-spin" />
-            Učitavanje...
+            {tCommon("loading")}
           </div>
         ) : chainStats ? (
           <div>
@@ -62,7 +65,7 @@ export default function ChainList() {
               ))}
           </div>
         ) : (
-          <div className="text-gray-500">Nema podataka</div>
+          <div className="text-gray-500">{t("noData")}</div>
         )}
       </CardContent>
     </Card>
diff --git a/frontend/src/app/statistics/page.tsx b/frontend/src/app/statistics/page.tsx
index 84a00314..1ce6539c 100644
--- a/frontend/src/app/statistics/page.tsx
+++ b/frontend/src/app/statistics/page.tsx
@@ -2,13 +2,21 @@ import Image from "next/image";
 import HealthStatus from "@/app/statistics/components/health-status";
 import ChainList from "@/app/statistics/components/stores-list";
 import { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 
-export const metadata: Metadata = {
-  title: "Statistika",
-  description: "Pregled statistike lanaca trgovina.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("pages.statistics");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
+
+export default async function StatisticsPage() {
+  const t = await getTranslations("pages.statistics");
+  const tCommon = await getTranslations("common");
 
-export default function StatisticsPage() {
   return (
     <div className="space-y-6">
       <div className="text-center mb-8 space-y-4">
@@ -16,19 +24,17 @@ export default function StatisticsPage() {
           {/* App logo */}
           <Image
             src="/disscount-logo.png"
-            alt="Disscount logo"
+            alt={tCommon("logoAlt")}
             width={128}
             height={128}
             className="size-16"
           />
           <h1 className="text-3xl font-bold">
-            <span className="text-primary">Disscount</span> Statistika
+            <span className="text-primary">Disscount</span> {t("heading")}
           </h1>
         </div>
 
-        <p className="text-pretty text-md sm:text-lg">
-          Pregled statistike lanaca trgovina.
-        </p>
+        <p className="text-pretty text-md sm:text-lg">{t("description")}</p>
       </div>
 
       <HealthStatus />
diff --git a/frontend/src/app/suggestions/[id]/components/suggestion-details-client.tsx b/frontend/src/app/suggestions/[id]/components/suggestion-details-client.tsx
index 7aaca4da..7969ef3c 100644
--- a/frontend/src/app/suggestions/[id]/components/suggestion-details-client.tsx
+++ b/frontend/src/app/suggestions/[id]/components/suggestion-details-client.tsx
@@ -2,6 +2,7 @@
 
 import Link from "next/link";
 import { ArrowLeft, Calendar, MessageSquare } from "lucide-react";
+import { useTranslations } from "next-intl";
 
 import { Card } from "@/components/ui/card";
 import UpvoteButton from "@/app/suggestions/components/upvote-button";
@@ -13,6 +14,8 @@ export default function SuggestionDetailsClient({
 }: {
   suggestion: Suggestion;
 }) {
+  const t = useTranslations("pages.suggestions");
+
   return (
     <div className="space-y-6">
       <Link
@@ -20,7 +23,7 @@ export default function SuggestionDetailsClient({
         className="inline-flex items-center gap-1 text-sm text-muted-foreground transition-colors hover:text-primary"
       >
         <ArrowLeft className="size-4" />
-        Natrag na ideje i prijedloge
+        {t("backToList")}
       </Link>
 
       <Card className="space-y-4 p-6">
@@ -47,7 +50,7 @@ export default function SuggestionDetailsClient({
       <section className="space-y-4">
         <h2 className="flex items-center gap-2 text-lg font-semibold">
           <MessageSquare className="size-5" />
-          Komentari ({suggestion.comments.length})
+          {t("comments", { count: suggestion.comments.length })}
         </h2>
 
         {suggestion.comments.length > 0 ? (
@@ -66,10 +69,7 @@ export default function SuggestionDetailsClient({
             ))}
           </div>
         ) : (
-          <p className="text-sm text-muted-foreground">
-            Još nema komentara. Budi prvi koji će komentirati kada značajka
-            postane dostupna.
-          </p>
+          <p className="text-sm text-muted-foreground">{t("noComments")}</p>
         )}
       </section>
     </div>
diff --git a/frontend/src/app/suggestions/[id]/page.tsx b/frontend/src/app/suggestions/[id]/page.tsx
index f320d264..cf552233 100644
--- a/frontend/src/app/suggestions/[id]/page.tsx
+++ b/frontend/src/app/suggestions/[id]/page.tsx
@@ -1,13 +1,18 @@
 import { Metadata } from "next";
 import { notFound } from "next/navigation";
+import { getTranslations } from "next-intl/server";
 
 import SuggestionDetailsClient from "@/app/suggestions/[id]/components/suggestion-details-client";
 import { getSuggestionById } from "@/app/suggestions/suggestions";
 
-export const metadata: Metadata = {
-  title: "Ideje i prijedlozi - Detalji",
-  description: "Detalji prijedloga i komentari zajednice.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("pages.suggestionDetail");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
 
 interface IPageProps {
   params: Promise<{ id: string }>;
diff --git a/frontend/src/app/suggestions/components/suggestions-client.tsx b/frontend/src/app/suggestions/components/suggestions-client.tsx
index 348b9ed5..64483d40 100644
--- a/frontend/src/app/suggestions/components/suggestions-client.tsx
+++ b/frontend/src/app/suggestions/components/suggestions-client.tsx
@@ -3,6 +3,7 @@
 import { Suspense } from "react";
 import { usePathname } from "next/navigation";
 import { Search } from "lucide-react";
+import { useTranslations } from "next-intl";
 
 import SearchBar from "@/components/custom/search-bar";
 import SearchBarSkeleton from "@/components/custom/search-bar-skeleton";
@@ -13,6 +14,7 @@ import { templateSuggestions } from "@/app/suggestions/suggestions";
 import { filterByFields } from "@/utils/generic";
 
 export default function SuggestionsClient({ query }: { query: string }) {
+  const t = useTranslations("pages.suggestions");
   const pathname = usePathname();
 
   const matchingSuggestions = filterByFields(templateSuggestions, query, [
@@ -24,7 +26,7 @@ export default function SuggestionsClient({ query }: { query: string }) {
     <div className="space-y-4">
       <Suspense fallback={<SearchBarSkeleton submitButtonLocation="none" />}>
         <SearchBar
-          placeholder="Pretraži ideje i prijedloge..."
+          placeholder={t("searchPlaceholder")}
           searchRoute={pathname}
           clearable={true}
           submitButtonLocation="none"
@@ -35,8 +37,11 @@ export default function SuggestionsClient({ query }: { query: string }) {
       <div className="flex items-center justify-between gap-4">
         <h3>
           {query.length > 0
-            ? `Rezultati pretrage za "${query}" (${matchingSuggestions.length})`
-            : `Ideje i prijedlozi (${matchingSuggestions.length})`}
+            ? t("searchResults", {
+                query,
+                count: matchingSuggestions.length,
+              })
+            : t("heading", { count: matchingSuggestions.length })}
         </h3>
       </div>
 
diff --git a/frontend/src/app/suggestions/page.tsx b/frontend/src/app/suggestions/page.tsx
index b3fb3e96..051c6389 100644
--- a/frontend/src/app/suggestions/page.tsx
+++ b/frontend/src/app/suggestions/page.tsx
@@ -1,11 +1,16 @@
 import { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 
 import SuggestionsClient from "@/app/suggestions/components/suggestions-client";
 
-export const metadata: Metadata = {
-  title: "Ideje i prijedlozi",
-  description: "Predloži nove značajke i glasaj za one koje želiš vidjeti.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("pages.suggestions");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
 
 interface IPageProps {
   searchParams?: Promise<Record<string, string | string[] | undefined>>;
diff --git a/frontend/src/app/sw.ts b/frontend/src/app/sw.ts
new file mode 100644
index 00000000..dfc81efc
--- /dev/null
+++ b/frontend/src/app/sw.ts
@@ -0,0 +1,65 @@
+import { defaultCache } from "@serwist/next/worker";
+import type { PrecacheEntry, RuntimeCaching, SerwistGlobalConfig } from "serwist";
+import {
+  CacheableResponsePlugin,
+  ExpirationPlugin,
+  NetworkOnly,
+  Serwist,
+  StaleWhileRevalidate,
+} from "serwist";
+
+declare global {
+  interface WorkerGlobalScope extends SerwistGlobalConfig {
+    __SW_MANIFEST: (PrecacheEntry | string)[] | undefined;
+  }
+}
+
+declare const self: ServiceWorkerGlobalScope;
+
+const runtimeCaching: RuntimeCaching[] = [
+  // Public price/product data: serve fast from cache, refresh in the background.
+  {
+    matcher: ({ url, request, sameOrigin }) =>
+      sameOrigin &&
+      request.method === "GET" &&
+      url.pathname.startsWith("/api/cijene/"),
+    handler: new StaleWhileRevalidate({
+      cacheName: "cijene-api",
+      plugins: [
+        new CacheableResponsePlugin({ statuses: [0, 200] }),
+        new ExpirationPlugin({
+          maxEntries: 200,
+          maxAgeSeconds: 7 * 24 * 60 * 60,
+        }),
+      ],
+    }),
+  },
+  // Never store authed/proxied API responses in Cache Storage — offline authed
+  // data is owned by the React Query IndexedDB cache instead.
+  {
+    matcher: ({ url, sameOrigin }) =>
+      sameOrigin && url.pathname.startsWith("/api/"),
+    handler: new NetworkOnly(),
+  },
+  ...defaultCache,
+];
+
+const serwist = new Serwist({
+  precacheEntries: self.__SW_MANIFEST,
+  skipWaiting: true,
+  clientsClaim: true,
+  navigationPreload: true,
+  runtimeCaching,
+  fallbacks: {
+    entries: [
+      {
+        url: "/offline",
+        matcher({ request }) {
+          return request.destination === "document";
+        },
+      },
+    ],
+  },
+});
+
+serwist.addEventListeners();
diff --git a/frontend/src/app/terms-of-service/page.tsx b/frontend/src/app/terms-of-service/page.tsx
index 62017c18..535ee92b 100644
--- a/frontend/src/app/terms-of-service/page.tsx
+++ b/frontend/src/app/terms-of-service/page.tsx
@@ -1,61 +1,57 @@
 import { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 import LegalPage, { LegalSection } from "@/components/custom/legal-page";
 
-export const metadata: Metadata = {
-  title: "Uvjeti korištenja",
-  description: "Uvjeti korištenja aplikacije Disscount.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("legal.terms");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
+
+export default async function TermsOfServicePage() {
+  const t = await getTranslations("legal");
 
-export default function TermsOfServicePage() {
   return (
     <LegalPage
-      title="Uvjeti korištenja"
-      intro="Korištenjem aplikacije Disscount prihvaćaš ove uvjete."
-      lastUpdated="21. lipnja 2026."
+      title={t("terms.title")}
+      intro={t("terms.intro")}
+      lastUpdated={t("lastUpdated")}
     >
-      <LegalSection heading="Prihvaćanje uvjeta">
-        <p>
-          Pristupanjem aplikaciji ili njezinim korištenjem slažeš se s ovim
-          uvjetima. Ako se ne slažeš, nemoj koristiti aplikaciju.
-        </p>
+      <LegalSection heading={t("terms.acceptHeading")}>
+        <p>{t("terms.acceptBody")}</p>
       </LegalSection>
 
-      <LegalSection heading="Korištenje usluge">
-        <p>
-          Disscount služi za usporedbu cijena i organizaciju kupnje. Slažeš se da
-          aplikaciju nećeš koristiti u nezakonite svrhe ni na način koji ometa
-          njezin rad.
-        </p>
+      <LegalSection heading={t("terms.useHeading")}>
+        <p>{t("terms.useBody")}</p>
       </LegalSection>
 
-      <LegalSection heading="Računi">
-        <p>
-          Odgovoran si za aktivnosti na svom računu. Račun možeš obrisati u bilo
-          kojem trenutku unutar aplikacije.
-        </p>
+      <LegalSection heading={t("terms.accountsHeading")}>
+        <p>{t("terms.accountsBody")}</p>
       </LegalSection>
 
-      <LegalSection heading="Odgovornost">
-        <p>
-          Aplikacija se pruža „kakva jest”. Cijene i podaci mogu se razlikovati
-          od stvarnih u trgovinama te ne jamčimo njihovu potpunu točnost.
-        </p>
+      <LegalSection heading={t("terms.liabilityHeading")}>
+        <p>{t("terms.liabilityBody")}</p>
       </LegalSection>
 
-      <LegalSection heading="Izmjene">
-        <p>
-          Ove uvjete možemo povremeno ažurirati. Nastavak korištenja nakon izmjena
-          znači prihvaćanje novih uvjeta.
-        </p>
+      <LegalSection heading={t("terms.changesHeading")}>
+        <p>{t("terms.changesBody")}</p>
       </LegalSection>
 
-      <LegalSection heading="Kontakt">
+      <LegalSection heading={t("terms.contactHeading")}>
         <p>
-          Za pitanja o uvjetima javi se na{" "}
-          <a className="text-primary underline" href="mailto:info@disscount.me">
-            info@disscount.me
-          </a>
-          .
+          {t.rich("terms.contactBody", {
+            mail: (chunks) => (
+              <a
+                className="text-primary underline"
+                href="mailto:info@disscount.me"
+              >
+                {chunks}
+              </a>
+            ),
+          })}
         </p>
       </LegalSection>
     </LegalPage>
diff --git a/frontend/src/app/updates/[id]/page.tsx b/frontend/src/app/updates/[id]/page.tsx
index 4bb09554..cc56f8d9 100644
--- a/frontend/src/app/updates/[id]/page.tsx
+++ b/frontend/src/app/updates/[id]/page.tsx
@@ -4,6 +4,8 @@ import Image from "next/image";
 import Link from "next/link";
 import { ArrowLeft, Calendar } from "lucide-react";
 
+import { getTranslations } from "next-intl/server";
+
 import { formatDate } from "@/utils/strings";
 import { getPostById } from "@/app/updates/posts";
 
@@ -16,16 +18,18 @@ export async function generateMetadata({
 }: IPageProps): Promise<Metadata> {
   const { id } = await params;
   const post = getPostById(id);
+  const t = await getTranslations("pages.postDetail");
 
   return {
-    title: post ? post.title : "Novosti",
-    description: post?.excerpt ?? "Detalji objave.",
+    title: post ? post.title : t("metaTitleFallback"),
+    description: post?.excerpt ?? t("metaDescriptionFallback"),
   };
 }
 
 export default async function PostDetailPage({ params }: IPageProps) {
   const { id } = await params;
   const post = getPostById(id);
+  const t = await getTranslations("pages.postDetail");
 
   if (!post) {
     notFound();
@@ -38,7 +42,7 @@ export default async function PostDetailPage({ params }: IPageProps) {
         className="inline-flex items-center gap-1 text-sm text-muted-foreground transition-colors hover:text-primary"
       >
         <ArrowLeft className="size-4" />
-        Natrag na novosti
+        {t("backToNews")}
       </Link>
 
       <article className="space-y-4">
diff --git a/frontend/src/app/updates/components/updates-client.tsx b/frontend/src/app/updates/components/updates-client.tsx
index 53b914d7..3edaf7ec 100644
--- a/frontend/src/app/updates/components/updates-client.tsx
+++ b/frontend/src/app/updates/components/updates-client.tsx
@@ -4,6 +4,7 @@ import { Suspense } from "react";
 import { usePathname } from "next/navigation";
 import { Plus, Search } from "lucide-react";
 import { toast } from "sonner";
+import { useTranslations } from "next-intl";
 
 import SearchBar from "@/components/custom/search-bar";
 import SearchBarSkeleton from "@/components/custom/search-bar-skeleton";
@@ -17,6 +18,7 @@ import { isAdmin } from "@/lib/api/schemas/auth-user";
 import { filterByFields } from "@/utils/generic";
 
 export default function UpdatesClient({ query }: { query: string }) {
+  const t = useTranslations("pages.updates");
   const pathname = usePathname();
   const { user } = useUser();
 
@@ -32,7 +34,7 @@ export default function UpdatesClient({ query }: { query: string }) {
     <div className="space-y-4">
       <Suspense fallback={<SearchBarSkeleton submitButtonLocation="none" />}>
         <SearchBar
-          placeholder="Pretraži novosti..."
+          placeholder={t("searchPlaceholder")}
           searchRoute={pathname}
           clearable={true}
           submitButtonLocation="none"
@@ -43,8 +45,8 @@ export default function UpdatesClient({ query }: { query: string }) {
       <div className="flex items-center justify-between gap-4">
         <h3>
           {query.length > 0
-            ? `Rezultati pretrage za "${query}" (${matchingPosts.length})`
-            : `Novosti (${matchingPosts.length})`}
+            ? t("searchResults", { query, count: matchingPosts.length })
+            : t("heading", { count: matchingPosts.length })}
         </h3>
 
         {userIsAdmin && (
@@ -52,11 +54,9 @@ export default function UpdatesClient({ query }: { query: string }) {
             effect="shineHover"
             icon={Plus}
             iconPlacement="left"
-            onClick={() =>
-              toast.info("Stvaranje objava bit će uskoro dostupno.")
-            }
+            onClick={() => toast.info(t("newPostSoon"))}
           >
-            Nova objava
+            {t("newPost")}
           </Button>
         )}
       </div>
diff --git a/frontend/src/app/updates/page.tsx b/frontend/src/app/updates/page.tsx
index 69091be9..e4c8de4e 100644
--- a/frontend/src/app/updates/page.tsx
+++ b/frontend/src/app/updates/page.tsx
@@ -1,11 +1,16 @@
 import { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 
 import UpdatesClient from "@/app/updates/components/updates-client";
 
-export const metadata: Metadata = {
-  title: "Novosti",
-  description: "Najnovije objave i novosti o Disscountu.",
-};
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("pages.updates");
+
+  return {
+    title: t("metaTitle"),
+    description: t("metaDescription"),
+  };
+}
 
 interface IPageProps {
   searchParams?: Promise<Record<string, string | string[] | undefined>>;
diff --git a/frontend/src/components/custom/app-sidebar.tsx b/frontend/src/components/custom/app-sidebar.tsx
index e4f4883f..e821c6aa 100644
--- a/frontend/src/components/custom/app-sidebar.tsx
+++ b/frontend/src/components/custom/app-sidebar.tsx
@@ -9,6 +9,7 @@ import { usePathname, useSearchParams } from "next/navigation";
 import {
   Sidebar,
   SidebarContent,
+  SidebarFooter,
   SidebarGroup,
   SidebarGroupContent,
   SidebarHeader,
@@ -21,6 +22,8 @@ import {
   SidebarTrigger,
   useSidebar,
 } from "@/components/ui/sidebar";
+import InstallSidebarBanner from "@/components/custom/pwa/install-sidebar-banner";
+import LanguageSwitcher from "@/components/custom/language-switcher";
 import {
   Collapsible,
   CollapsibleContent,
@@ -42,6 +45,8 @@ import { Badge } from "@/components/ui/badge";
 import { useNotifications } from "@/context/notifications-context";
 import { useUser } from "@/context/user-context";
 import { canAccessDashboard, isAdmin } from "@/lib/api/schemas/auth-user";
+import { useTranslations } from "next-intl";
+import { useNavTranslation } from "@/hooks/use-nav-translation";
 
 type OpenSection = "categories" | "stores" | "locations" | null;
 
@@ -54,6 +59,9 @@ export const AppSidebar = memo(function AppSidebar() {
   const { notifications, hasNotifications } = useNotifications();
   const { user } = useUser();
 
+  const tCommon = useTranslations("common");
+  const nav = useNavTranslation();
+
   const showDashboard = canAccessDashboard(user?.accountType);
   const userIsAdmin = isAdmin(user?.accountType);
 
@@ -118,9 +126,9 @@ export const AppSidebar = memo(function AppSidebar() {
             <SidebarMenuButton asChild>
               <button type="button" className="cursor-pointer group">
                 <Icon />
-                <span>{item.label}</span>
+                <span>{nav.label(item.id)}</span>
                 <ChevronDown className="ml-auto transition-transform duration-200 group-data-[state=open]:rotate-180" />
-                <span className="sr-only">Toggle</span>
+                <span className="sr-only">{tCommon("toggle")}</span>
               </button>
             </SidebarMenuButton>
           </CollapsibleTrigger>
@@ -197,9 +205,11 @@ export const AppSidebar = memo(function AppSidebar() {
       return (
         <SidebarMenuButton type="button" disabled>
           <Icon />
-          <span>{item.label}</span>
+          <span>{nav.label(item.id)}</span>
 
-          <Badge className="ml-auto text-[10px]">USKORO</Badge>
+          <Badge className="ml-auto text-[10px]">
+            {tCommon("comingSoonBadge")}
+          </Badge>
         </SidebarMenuButton>
       );
     }
@@ -214,10 +224,12 @@ export const AppSidebar = memo(function AppSidebar() {
           )}
         >
           <Icon className={isActive ? "text-primary" : ""} />
-          <span>{item.label}</span>
+          <span>{nav.label(item.id)}</span>
 
           {item.comingSoon && (
-            <Badge className="ml-auto text-[10px]">USKORO</Badge>
+            <Badge className="ml-auto text-[10px]">
+            {tCommon("comingSoonBadge")}
+          </Badge>
           )}
         </Link>
       </SidebarMenuButton>
@@ -231,7 +243,7 @@ export const AppSidebar = memo(function AppSidebar() {
           <Link href="/" className="flex items-center gap-2">
             <Image
               src="/disscount-logo.png"
-              alt="Disscount logo"
+              alt={tCommon("logoAlt")}
               width={128}
               height={128}
               className="size-8 sm:size-10"
@@ -251,7 +263,7 @@ export const AppSidebar = memo(function AppSidebar() {
               fallback={<SearchBarSkeleton submitButtonLocation="block" />}
             >
               <SearchBar
-                placeholder="Pretraži proizvode..."
+                placeholder={tCommon("searchProducts")}
                 searchRoute="/products"
                 clearable={true}
                 allowScanning={true}
@@ -285,7 +297,7 @@ export const AppSidebar = memo(function AppSidebar() {
                         <LayoutDashboard
                           className={isDashboardActive ? "text-primary" : ""}
                         />
-                        <span>Nadzorna ploča</span>
+                        <span>{nav.label("dashboard")}</span>
                       </Link>
                     </SidebarMenuButton>
                   </SidebarMenuItem>
@@ -317,9 +329,11 @@ export const AppSidebar = memo(function AppSidebar() {
                       {item.comingSoon && !userIsAdmin ? (
                         <SidebarMenuButton type="button" disabled>
                           <Icon />
-                          <span>{item.label}</span>
+                          <span>{nav.label(item.id)}</span>
 
-                          <Badge className="ml-auto text-[10px]">USKORO</Badge>
+                          <Badge className="ml-auto text-[10px]">
+            {tCommon("comingSoonBadge")}
+          </Badge>
                         </SidebarMenuButton>
                       ) : (
                         <SidebarMenuButton
@@ -334,7 +348,7 @@ export const AppSidebar = memo(function AppSidebar() {
                             )}
                           >
                             <Icon className={isActive ? "text-primary" : ""} />
-                            <span>{item.label}</span>
+                            <span>{nav.label(item.id)}</span>
 
                             {item.badge && hasNotifications && (
                               <Badge className="ml-auto h-5 w-5 rounded-full p-0 flex items-center justify-center text-xs">
@@ -344,7 +358,7 @@ export const AppSidebar = memo(function AppSidebar() {
 
                             {item.comingSoon && (
                               <Badge className="ml-auto text-[10px]">
-                                USKORO
+                                {tCommon("comingSoonBadge")}
                               </Badge>
                             )}
                           </Link>
@@ -385,9 +399,16 @@ export const AppSidebar = memo(function AppSidebar() {
         </SidebarGroup>
       </SidebarContent>
 
-      {/* <SidebarFooter>
-        Za sve primjedbe i pohvale se javite na example@domain.com
-      </SidebarFooter> */}
+      <SidebarFooter>
+        {/* Language switcher lives here on mobile; desktop uses header/footer. */}
+        <SidebarMenu className="md:hidden">
+          <SidebarMenuItem>
+            <LanguageSwitcher variant="sidebar" />
+          </SidebarMenuItem>
+        </SidebarMenu>
+
+        <InstallSidebarBanner />
+      </SidebarFooter>
     </Sidebar>
   );
 });
diff --git a/frontend/src/components/custom/camera-scanner.tsx b/frontend/src/components/custom/camera-scanner.tsx
index 28f0904d..8644abac 100644
--- a/frontend/src/components/custom/camera-scanner.tsx
+++ b/frontend/src/components/custom/camera-scanner.tsx
@@ -2,6 +2,7 @@
 
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { Scanner } from "@yudiel/react-qr-scanner";
+import { useTranslations } from "next-intl";
 import {
   Dialog,
   DialogContent,
@@ -22,6 +23,7 @@ export default function CameraScanner({
   onClose,
   onScan,
 }: ICodeScannerProps) {
+  const t = useTranslations("scanner");
   const [error, setError] = useState<string | null>(null);
   const [hasPermission, setHasPermission] = useState<boolean | null>(null);
   const [videoTrack, setVideoTrack] = useState<MediaStreamTrack | null>(null);
@@ -52,11 +54,9 @@ export default function CameraScanner({
       setError(null);
     } catch {
       setHasPermission(false);
-      setError(
-        "Potreban je pristup kameri za skeniranje. Molimo omogućite pristup kameri u postavkama preglednika.",
-      );
+      setError(t("permissionError"));
     }
-  }, []);
+  }, [t]);
 
   useEffect(() => {
     if (isOpen) {
@@ -96,8 +96,8 @@ export default function CameraScanner({
   );
 
   const handleError = useCallback(() => {
-    setError("Greška pri skeniranju. Molimo pokušajte ponovno.");
-  }, []);
+    setError(t("scanError"));
+  }, [t]);
 
   function handleClose() {
     setError(null);
@@ -119,7 +119,7 @@ export default function CameraScanner({
         <DialogHeader>
           <DialogTitle className="flex items-center gap-2">
             <ScanBarcode className="size-6" />
-            <span>Skeniraj kod</span>
+            <span>{t("title")}</span>
           </DialogTitle>
         </DialogHeader>
 
@@ -137,7 +137,7 @@ export default function CameraScanner({
             <div className="relative w-full rounded-lg border border-blue-200 bg-blue-50 p-4 text-blue-800">
               <div className="flex items-start gap-3">
                 <TriangleAlert className="h-4 w-4 mt-0.5" />
-                <div className="text-sm">Provjeravam pristup kameri...</div>
+                <div className="text-sm">{t("checking")}</div>
               </div>
             </div>
           )}
@@ -179,7 +179,7 @@ export default function CameraScanner({
                 {/* Instructions */}
                 <div className="absolute bottom-4 left-4 right-4">
                   <div className="bg-black bg-opacity-70 text-white text-sm px-3 py-2 rounded text-center">
-                    Usmjeri kameru prema kodu
+                    {t("instruction")}
                   </div>
                 </div>
               </div>
diff --git a/frontend/src/components/custom/coming-soon.tsx b/frontend/src/components/custom/coming-soon.tsx
index ec8db07c..5fef266b 100644
--- a/frontend/src/components/custom/coming-soon.tsx
+++ b/frontend/src/components/custom/coming-soon.tsx
@@ -1,5 +1,8 @@
+"use client";
+
 import { ReactNode } from "react";
 import { Construction } from "lucide-react";
+import { useTranslations } from "next-intl";
 
 import { Badge } from "@/components/ui/badge";
 
@@ -11,9 +14,11 @@ interface IComingSoonProps {
 
 export default function ComingSoon({
   title,
-  description = "Ova značajka je u izradi i bit će uskoro dostupna.",
+  description,
   icon,
 }: IComingSoonProps) {
+  const t = useTranslations();
+
   return (
     <div className="space-y-6">
       {title && <h1 className="text-3xl font-bold">{title}</h1>}
@@ -21,10 +26,10 @@ export default function ComingSoon({
       <div className="flex flex-col items-center justify-center gap-4 rounded-2xl border border-dashed py-16 px-6 text-center">
         {icon ?? <Construction className="size-12 text-primary" />}
 
-        <Badge className="text-xs">USKORO</Badge>
+        <Badge className="text-xs">{t("common.comingSoonBadge")}</Badge>
 
         <p className="max-w-md text-pretty text-muted-foreground">
-          {description}
+          {description ?? t("comingSoon.defaultDescription")}
         </p>
       </div>
     </div>
diff --git a/frontend/src/components/custom/footer.tsx b/frontend/src/components/custom/footer.tsx
index adc9f75a..f5ecf541 100644
--- a/frontend/src/components/custom/footer.tsx
+++ b/frontend/src/components/custom/footer.tsx
@@ -1,31 +1,31 @@
 "use client";
 
 import Link from "next/link";
-import { usePathname } from "next/navigation";
 import Image from "next/image";
+import { useTranslations } from "next-intl";
 
 import { InstagramIcon } from "@/components/custom/icons/InstagramIcon";
 import { LinkedInIcon } from "@/components/custom/icons/LinkedinIcon";
 import { GithubIcon } from "@/components/custom/icons/GithubIcon";
 import { CopyrightIcon } from "@/components/custom/icons/CopyrightIcon";
+import LanguageSwitcher from "@/components/custom/language-switcher";
 
 export default function FooterSection() {
-  const pathname = usePathname();
-  const isEnglish = pathname.startsWith("/en");
+  const t = useTranslations("common");
 
   return (
     <footer className="mt-auto">
       <div className="m-4">
         <div className="bg-background/50 mx-auto max-w-5xl rounded-2xl border backdrop-blur-sm p-6  flex flex-wrap items-center justify-between gap-6">
           <div
-            aria-label="Copyright Jakov Jakovac 2025"
+            aria-label={t("copyrightAria", { year: new Date().getFullYear() })}
             className="text-muted-foreground text-sm flex-1 flex flex-wrap items-center gap-2"
           >
             <Link href="/" className="flex items-center space-x-2">
               {/* App logo */}
               <Image
                 src="/disscount-logo.png"
-                alt="Disscount logo"
+                alt={t("logoAlt")}
                 width={128}
                 height={128}
                 className="size-8"
@@ -43,22 +43,8 @@ export default function FooterSection() {
           </div>
 
           <div className="mx-auto flex items-center justify-center gap-4">
-            {/* Language Switcher */}
-            {/* <Link
-              href={isEnglish ? "/" : "/en"}
-              aria-label={
-                isEnglish ? "Switch to Croatian" : "Switch to English"
-              }
-              className="block hover:scale-110 transition-all"
-            >
-              <Image
-                src={isEnglish ? "/flags/cro.png" : "/flags/eng.png"}
-                alt={isEnglish ? "Croatian flag" : "English flag"}
-                width={32}
-                height={32}
-                className="size-6"
-              />
-            </Link> */}
+            {/* On mobile the language switcher lives in the sidebar instead. */}
+            <LanguageSwitcher className="hidden md:flex" />
 
             <Link
               href="https://github.com/OffCrazyFreak/Disscount"
diff --git a/frontend/src/components/custom/header/forms/account-credentials-form.tsx b/frontend/src/components/custom/header/forms/account-credentials-form.tsx
index 14f9cbd8..362a6139 100644
--- a/frontend/src/components/custom/header/forms/account-credentials-form.tsx
+++ b/frontend/src/components/custom/header/forms/account-credentials-form.tsx
@@ -4,6 +4,7 @@ import { useState } from "react";
 import { Loader2, Save } from "lucide-react";
 import { toast } from "sonner";
 import { z } from "zod";
+import { useTranslations } from "next-intl";
 
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -32,6 +33,8 @@ export default function AccountCredentialsForm({
   onChanged,
 }: IAccountCredentialsFormProps) {
   const { user, refreshUser } = useUser();
+  const t = useTranslations("settings.credentials");
+  const tCommon = useTranslations("common");
   const currentEmail = user?.email ?? "";
 
   // "One email defines the user": the email is editable only with a password AND no social
@@ -58,7 +61,7 @@ export default function AccountCredentialsForm({
 
     if (canEditEmail && email !== currentEmail) {
       if (!z.email().safeParse(email).success) {
-        next.email = "Unesi važeći email";
+        next.email = t("invalidEmail");
       }
     }
 
@@ -71,7 +74,7 @@ export default function AccountCredentialsForm({
     }
 
     if (hasPassword && !currentPassword) {
-      next.currentPassword = "Unesi trenutnu lozinku";
+      next.currentPassword = t("enterCurrentPassword");
     }
 
     setErrors(next);
@@ -86,7 +89,7 @@ export default function AccountCredentialsForm({
     });
 
     if (!response.ok) {
-      setErrors({ newPassword: "Greška pri postavljanju lozinke." });
+      setErrors({ newPassword: t("setPasswordError") });
       return;
     }
 
@@ -94,7 +97,7 @@ export default function AccountCredentialsForm({
     await refreshUser();
     onChanged();
     setNewPassword("");
-    toast.success("Lozinka je postavljena! Sada se možeš prijaviti i emailom.");
+    toast.success(t("passwordSet"));
   }
 
   async function handleUpdateCredentials() {
@@ -102,7 +105,7 @@ export default function AccountCredentialsForm({
     const wantPasswordChange = newPassword.length > 0;
 
     if (!emailChanged && !wantPasswordChange) {
-      toast.info("Nema promjena za spremiti.");
+      toast.info(t("noChanges"));
       return;
     }
 
@@ -117,8 +120,8 @@ export default function AccountCredentialsForm({
         setErrors({
           currentPassword:
             error.status === 400
-              ? "Trenutna lozinka nije točna."
-              : (error.message ?? "Greška pri promjeni lozinke."),
+              ? t("wrongCurrentPassword")
+              : (error.message ?? t("changePasswordError")),
         });
         return;
       }
@@ -132,7 +135,7 @@ export default function AccountCredentialsForm({
         });
 
         if (passwordError) {
-          setErrors({ currentPassword: "Trenutna lozinka nije točna." });
+          setErrors({ currentPassword: t("wrongCurrentPassword") });
           return;
         }
       }
@@ -151,8 +154,8 @@ export default function AccountCredentialsForm({
         setErrors({
           email:
             data.error === "social_linked"
-              ? "Za promjenu emaila prvo odspoji povezane račune (Google, Facebook)."
-              : "Greška pri promjeni emaila.",
+              ? t("changeEmailSocialError")
+              : t("changeEmailError"),
         });
         return;
       }
@@ -169,11 +172,11 @@ export default function AccountCredentialsForm({
       setEmail(currentEmail);
       toast.success(
         wantPasswordChange
-          ? "Lozinka je promijenjena. Za promjenu emaila potvrdi poveznicu poslanu na tvoju trenutnu adresu."
-          : "Poslali smo poveznicu za potvrdu na tvoju trenutnu email adresu. Promjena emaila primijenit će se nakon potvrde.",
+          ? t("passwordChangedEmailPending")
+          : t("emailChangePending"),
       );
     } else {
-      toast.success("Lozinka je promijenjena.");
+      toast.success(t("passwordChanged"));
     }
   }
 
@@ -190,7 +193,7 @@ export default function AccountCredentialsForm({
         await handleSetPassword();
       }
     } catch {
-      setSubmitError("Nešto je pošlo po krivu. Pokušaj ponovo.");
+      setSubmitError(t("genericError"));
     } finally {
       setIsSubmitting(false);
     }
@@ -203,7 +206,7 @@ export default function AccountCredentialsForm({
   return (
     <form onSubmit={onSubmit} className="space-y-4">
       <div className="space-y-1.5">
-        <Label htmlFor="account-email">Email</Label>
+        <Label htmlFor="account-email">{t("emailLabel")}</Label>
         <Input
           id="account-email"
           type="email"
@@ -217,12 +220,12 @@ export default function AccountCredentialsForm({
         />
         {!hasPassword && (
           <p className="text-xs text-muted-foreground">
-            Postavi lozinku da bi mogao promijeniti email.
+            {t("setPasswordHint")}
           </p>
         )}
         {hasPassword && hasLinkedSocial && (
           <p className="text-xs text-muted-foreground">
-            Za promjenu emaila prvo odspoji povezane račune (Google, Facebook).
+            {t("socialLinkedHint")}
           </p>
         )}
         {errors.email && (
@@ -232,7 +235,7 @@ export default function AccountCredentialsForm({
 
       <div className="space-y-1.5">
         <Label htmlFor="account-new-password">
-          {hasPassword ? "Nova lozinka" : "Lozinka"}
+          {hasPassword ? t("newPasswordLabel") : t("passwordLabel")}
         </Label>
         <PasswordInput
           id="account-new-password"
@@ -245,7 +248,7 @@ export default function AccountCredentialsForm({
         />
         {hasPassword && (
           <p className="text-xs text-muted-foreground">
-            Ostavi prazno ako ne mijenjaš lozinku.
+            {t("leaveBlankHint")}
           </p>
         )}
         {errors.newPassword && (
@@ -255,7 +258,9 @@ export default function AccountCredentialsForm({
 
       {hasPassword && (
         <div className="space-y-1.5">
-          <Label htmlFor="account-current-password">Trenutna lozinka</Label>
+          <Label htmlFor="account-current-password">
+            {t("currentPasswordLabel")}
+          </Label>
           <PasswordInput
             id="account-current-password"
             autoComplete="current-password"
@@ -266,7 +271,7 @@ export default function AccountCredentialsForm({
             }}
           />
           <p className="text-xs text-muted-foreground">
-            Potrebna za promjenu emaila ili lozinke.
+            {t("currentPasswordHint")}
           </p>
           {errors.currentPassword && (
             <p className="text-xs text-destructive">{errors.currentPassword}</p>
@@ -286,7 +291,7 @@ export default function AccountCredentialsForm({
         {isSubmitting ? (
           <Loader2 size={16} className="animate-spin" />
         ) : (
-          "Spremi"
+          tCommon("save")
         )}
       </Button>
     </form>
diff --git a/frontend/src/components/custom/header/forms/auth-modal.tsx b/frontend/src/components/custom/header/forms/auth-modal.tsx
index 5472537c..a7cfcf48 100644
--- a/frontend/src/components/custom/header/forms/auth-modal.tsx
+++ b/frontend/src/components/custom/header/forms/auth-modal.tsx
@@ -4,6 +4,7 @@ import { useState, useSyncExternalStore } from "react";
 import Link from "next/link";
 import { CircleCheck } from "lucide-react";
 import { toast } from "sonner";
+import { useTranslations } from "next-intl";
 import { signIn } from "@/lib/auth-client";
 
 import {
@@ -34,12 +35,6 @@ interface IAuthModalProps {
 
 type AuthMode = "login" | "signup" | "forgot";
 
-const TITLES: Record<AuthMode, string> = {
-  login: "Prijava",
-  signup: "Registracija",
-  forgot: "Zaboravljena lozinka",
-};
-
 // Re-read the badge when localStorage changes in another tab; same-tab writes happen right
 // before a redirect, so a no-op there is fine.
 function subscribeToStorage(callback: () => void) {
@@ -49,11 +44,20 @@ function subscribeToStorage(callback: () => void) {
 }
 
 export function AuthModal({ isOpen, onOpenChange }: IAuthModalProps) {
+  const t = useTranslations("auth.modal");
+  const tAuth = useTranslations("auth");
+
   const [authMode, setAuthMode] = useState<AuthMode>("login");
   const [socialPending, setSocialPending] = useState<
     "google" | "facebook" | null
   >(null);
 
+  const titles: Record<AuthMode, string> = {
+    login: t("loginTitle"),
+    signup: t("signupTitle"),
+    forgot: t("forgotTitle"),
+  };
+
   // The last-used method lives in localStorage (an external store); reading it via
   // useSyncExternalStore keeps the badge SSR-safe without a state-setting effect.
   const lastLoginMethod = useSyncExternalStore(
@@ -88,7 +92,7 @@ export function AuthModal({ isOpen, onOpenChange }: IAuthModalProps) {
       });
     } catch {
       const label = provider === "google" ? "Google" : "Facebook";
-      toast.error(`Greška pri ${label} prijavi. Pokušaj ponovo.`);
+      toast.error(tAuth("socialError", { provider: label }));
       setSocialPending(null);
     }
   }
@@ -98,7 +102,7 @@ export function AuthModal({ isOpen, onOpenChange }: IAuthModalProps) {
       <DialogContent>
         <DialogHeader>
           <DialogTitle className="text-xl mb-2">
-            {TITLES[authMode]}
+            {titles[authMode]}
           </DialogTitle>
         </DialogHeader>
 
@@ -122,7 +126,7 @@ export function AuthModal({ isOpen, onOpenChange }: IAuthModalProps) {
 
               <div className="absolute inset-0 flex items-center justify-center">
                 <span className="bg-background px-4 text-muted-foreground">
-                  ili
+                  {t("or")}
                 </span>
               </div>
             </div>
@@ -137,11 +141,11 @@ export function AuthModal({ isOpen, onOpenChange }: IAuthModalProps) {
               icon={GoogleIcon}
               iconPlacement="left"
             >
-              Nastavi sa Google računom
+              {t("continueGoogle")}
               {lastLoginMethod === "google" && socialPending !== "google" && (
                 <span className="absolute right-3 inline-flex items-center gap-0.5 rounded-full bg-primary px-1.5 py-0.5 text-[10px] font-medium text-white">
                   <CircleCheck size={9} />
-                  Zadnja prijava
+                  {t("lastUsed")}
                 </span>
               )}
             </Button>
@@ -156,40 +160,45 @@ export function AuthModal({ isOpen, onOpenChange }: IAuthModalProps) {
               icon={FacebookIcon}
               iconPlacement="left"
             >
-              Nastavi sa Facebook računom
+              {t("continueFacebook")}
               {FACEBOOK_COMING_SOON ? (
-                <Badge className="absolute right-3 text-[10px]">USKORO</Badge>
+                <Badge className="absolute right-3 text-[10px]">
+                  {t("comingSoon")}
+                </Badge>
               ) : (
                 lastLoginMethod === "facebook" &&
                 socialPending !== "facebook" && (
                   <span className="absolute right-3 inline-flex items-center gap-0.5 rounded-full bg-primary px-1.5 py-0.5 text-[10px] font-medium text-white">
                     <CircleCheck size={9} />
-                    Zadnja prijava
+                    {t("lastUsed")}
                   </span>
                 )
               )}
             </Button>
 
             <p className="text-center text-xs text-muted-foreground text-balance">
-              Nastavkom prihvaćaš naše{" "}
-              <Link
-                href="/terms-of-service"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="underline hover:text-primary"
-              >
-                Uvjete korištenja
-              </Link>{" "}
-              i{" "}
-              <Link
-                href="/privacy-policy"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="underline hover:text-primary"
-              >
-                Pravila privatnosti
-              </Link>
-              .
+              {t.rich("terms", {
+                terms: (chunks) => (
+                  <Link
+                    href="/terms-of-service"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="underline hover:text-primary"
+                  >
+                    {chunks}
+                  </Link>
+                ),
+                privacy: (chunks) => (
+                  <Link
+                    href="/privacy-policy"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="underline hover:text-primary"
+                  >
+                    {chunks}
+                  </Link>
+                ),
+              })}
             </p>
           </div>
         )}
@@ -197,25 +206,25 @@ export function AuthModal({ isOpen, onOpenChange }: IAuthModalProps) {
         <DialogFooter className="text-xs text-gray-500 text-center my-2 block">
           {authMode === "login" && (
             <>
-              Još nemaš račun?{" "}
+              {t("noAccount")}{" "}
               <button
                 type="button"
                 onClick={() => setAuthMode("signup")}
                 className="cursor-pointer underline text-primary hover:text-primary/80"
               >
-                Registriraj se
+                {t("signUpLink")}
               </button>
             </>
           )}
           {authMode === "signup" && (
             <>
-              Već imaš račun?{" "}
+              {t("haveAccount")}{" "}
               <button
                 type="button"
                 onClick={() => setAuthMode("login")}
                 className="cursor-pointer underline text-primary hover:text-primary/80"
               >
-                Prijavi se
+                {t("signInLink")}
               </button>
             </>
           )}
diff --git a/frontend/src/components/custom/header/forms/forgot-password-form.tsx b/frontend/src/components/custom/header/forms/forgot-password-form.tsx
index 24d9bd16..20050045 100644
--- a/frontend/src/components/custom/header/forms/forgot-password-form.tsx
+++ b/frontend/src/components/custom/header/forms/forgot-password-form.tsx
@@ -1,11 +1,12 @@
 "use client";
 
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Loader2 } from "lucide-react";
 import { toast } from "sonner";
 import { z } from "zod";
+import { useTranslations } from "next-intl";
 
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -14,19 +15,24 @@ import { authClient } from "@/lib/auth-client";
 import { cn } from "@/lib/utils";
 import InboxNotice from "@/components/custom/header/forms/inbox-notice";
 
-const forgotPasswordSchema = z.object({
-  email: z.email("Unesi važeći email"),
-});
-
-type ForgotPasswordForm = z.infer<typeof forgotPasswordSchema>;
+type ForgotPasswordForm = { email: string };
 
 interface IForgotPasswordFormProps {
   onBackToLogin: () => void;
 }
 
 export function ForgotPasswordForm({ onBackToLogin }: IForgotPasswordFormProps) {
+  const t = useTranslations("auth.forgotPassword");
+  const tv = useTranslations("validation");
+  const tCommon = useTranslations("common");
   const [submittedEmail, setSubmittedEmail] = useState<string | null>(null);
 
+  // Built inside the component so the validation message is localized.
+  const forgotPasswordSchema = useMemo(
+    () => z.object({ email: z.email(tv("invalidEmail")) }),
+    [tv],
+  );
+
   const form = useForm<ForgotPasswordForm>({
     resolver: zodResolver(forgotPasswordSchema),
     defaultValues: { email: "" },
@@ -44,7 +50,7 @@ export function ForgotPasswordForm({ onBackToLogin }: IForgotPasswordFormProps)
     } catch {
       // Only a thrown transport/runtime failure reaches here; API-level { error } is intentionally
       // ignored so the response can't reveal whether the account exists.
-      toast.error("Greška pri slanju poveznice. Pokušaj ponovo.");
+      toast.error(t("sendError"));
       return;
     }
 
@@ -55,8 +61,8 @@ export function ForgotPasswordForm({ onBackToLogin }: IForgotPasswordFormProps)
   if (submittedEmail) {
     return (
       <InboxNotice
-        title="Provjeri svoj inbox"
-        description="Ako račun s tom adresom postoji, poslali smo poveznicu za postavljanje nove lozinke na:"
+        title={t("inboxTitle")}
+        description={t("inboxDescription")}
         email={submittedEmail}
       />
     );
@@ -64,17 +70,14 @@ export function ForgotPasswordForm({ onBackToLogin }: IForgotPasswordFormProps)
 
   return (
     <form onSubmit={form.handleSubmit(onSubmit)} className="grid gap-4">
-      <p className="text-sm text-muted-foreground">
-        Unesi svoju email adresu i poslat ćemo ti poveznicu za postavljanje nove
-        lozinke.
-      </p>
+      <p className="text-sm text-muted-foreground">{t("intro")}</p>
 
       <div className="grid gap-2">
-        <Label htmlFor="forgot-email">Email</Label>
+        <Label htmlFor="forgot-email">{t("emailLabel")}</Label>
         <Input
           id="forgot-email"
           type="email"
-          placeholder="korisnik@example.com"
+          placeholder={tCommon("emailPlaceholder")}
           autoComplete="email"
           {...form.register("email")}
           className={cn(form.formState.errors.email && "border-red-700")}
@@ -95,7 +98,7 @@ export function ForgotPasswordForm({ onBackToLogin }: IForgotPasswordFormProps)
         {form.formState.isSubmitting ? (
           <Loader2 size={16} className="animate-spin" />
         ) : (
-          "Pošalji poveznicu"
+          t("submit")
         )}
       </Button>
 
@@ -104,7 +107,7 @@ export function ForgotPasswordForm({ onBackToLogin }: IForgotPasswordFormProps)
         onClick={onBackToLogin}
         className="cursor-pointer text-sm text-primary underline hover:text-primary/80"
       >
-        Natrag na prijavu
+        {t("backToLogin")}
       </button>
     </form>
   );
diff --git a/frontend/src/components/custom/header/forms/inbox-notice.tsx b/frontend/src/components/custom/header/forms/inbox-notice.tsx
index acb40a41..a97dbdd7 100644
--- a/frontend/src/components/custom/header/forms/inbox-notice.tsx
+++ b/frontend/src/components/custom/header/forms/inbox-notice.tsx
@@ -1,4 +1,5 @@
 import { MailCheck } from "lucide-react";
+import { useTranslations } from "next-intl";
 
 interface IInboxNoticeProps {
   title: string;
@@ -14,6 +15,8 @@ export default function InboxNotice({
   description,
   email,
 }: IInboxNoticeProps) {
+  const t = useTranslations("auth");
+
   return (
     <div className="flex flex-col items-center gap-3 py-4 text-center">
       <div className="flex size-12 items-center justify-center rounded-full bg-green-100 text-primary">
@@ -26,9 +29,7 @@ export default function InboxNotice({
 
       {email && <p className="text-sm font-medium">{email}</p>}
 
-      <p className="text-xs text-muted-foreground">
-        Ne zaboravi provjeriti i spam / neželjenu poštu.
-      </p>
+      <p className="text-xs text-muted-foreground">{t("inboxSpamHint")}</p>
     </div>
   );
 }
diff --git a/frontend/src/components/custom/header/forms/linked-accounts.tsx b/frontend/src/components/custom/header/forms/linked-accounts.tsx
index 6b2c4a93..510efd0d 100644
--- a/frontend/src/components/custom/header/forms/linked-accounts.tsx
+++ b/frontend/src/components/custom/header/forms/linked-accounts.tsx
@@ -3,6 +3,7 @@
 import { useState, type ComponentType, type SVGProps } from "react";
 import { Loader2, Link2, Unlink } from "lucide-react";
 import { toast } from "sonner";
+import { useTranslations } from "next-intl";
 
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
@@ -42,6 +43,9 @@ export default function LinkedAccounts({
   accounts,
   onChanged,
 }: ILinkedAccountsProps) {
+  const t = useTranslations("settings.linkedAccounts");
+  const tCommon = useTranslations("common");
+
   // Holds the provider currently being linked/unlinked, so only its row spins.
   const [pending, setPending] = useState<SocialProvider | null>(null);
 
@@ -60,7 +64,7 @@ export default function LinkedAccounts({
         errorCallbackURL: window.location.pathname,
       });
     } catch {
-      toast.error("Greška pri povezivanju računa.");
+      toast.error(t("linkError"));
       setPending(null);
     }
   }
@@ -73,9 +77,9 @@ export default function LinkedAccounts({
     });
 
     if (error) {
-      toast.error("Greška pri odspajanju računa.");
+      toast.error(t("unlinkError"));
     } else {
-      toast.success("Račun je odspojen.");
+      toast.success(t("unlinkSuccess"));
       onChanged();
     }
     setPending(null);
@@ -94,9 +98,9 @@ export default function LinkedAccounts({
             <div className="flex items-center gap-2">
               <Icon className="size-5" />
               <span className="text-sm">{label}</span>
-              {account && <Badge className="text-xs">Povezano</Badge>}
+              {account && <Badge className="text-xs">{t("connected")}</Badge>}
               {!account && comingSoon && (
-                <Badge className="text-xs">USKORO</Badge>
+                <Badge className="text-xs">{tCommon("comingSoonBadge")}</Badge>
               )}
             </div>
 
@@ -109,16 +113,12 @@ export default function LinkedAccounts({
                 iconPlacement="left"
                 disabled={pending !== null || !canUnlink}
                 onClick={() => handleUnlink(id, account.accountId)}
-                title={
-                  canUnlink
-                    ? undefined
-                    : "Ne možeš odspojiti jedini način prijave."
-                }
+                title={canUnlink ? undefined : t("cannotUnlinkOnly")}
               >
                 {isPending ? (
                   <Loader2 size={15} className="animate-spin" />
                 ) : (
-                  "Odspoji"
+                  t("unlink")
                 )}
               </Button>
             ) : (
@@ -134,7 +134,7 @@ export default function LinkedAccounts({
                 {isPending ? (
                   <Loader2 size={15} className="animate-spin" />
                 ) : (
-                  "Poveži"
+                  t("link")
                 )}
               </Button>
             )}
diff --git a/frontend/src/components/custom/header/forms/login-form.tsx b/frontend/src/components/custom/header/forms/login-form.tsx
index 111d9cfa..30523d56 100644
--- a/frontend/src/components/custom/header/forms/login-form.tsx
+++ b/frontend/src/components/custom/header/forms/login-form.tsx
@@ -4,6 +4,7 @@ import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { CircleCheck, Loader2 } from "lucide-react";
 import { toast } from "sonner";
+import { useTranslations } from "next-intl";
 
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -37,6 +38,8 @@ export function LoginForm({
   externalDisabled,
 }: ILoginFormProps) {
   const { handleUserLogin } = useUser();
+  const t = useTranslations("auth.login");
+  const tCommon = useTranslations("common");
 
   const form = useForm<LoginRequest>({
     resolver: zodResolver(loginRequestSchema),
@@ -60,24 +63,23 @@ export function LoginForm({
         let message: string;
         if (status === 403) {
           // Email not verified — Better Auth re-sends the verification link on each attempt.
-          message =
-            "Tvoj email još nije potvrđen. Poslali smo ti novu poveznicu — provjeri inbox (i spam).";
+          message = t("emailNotVerified");
         } else if (status === 401 || status === 400) {
-          message = "Neispravni email ili lozinka";
+          message = t("invalidCredentials");
         } else {
-          message = result.error.message || "Provjeri unesene podatke.";
+          message = result.error.message || t("checkInput");
         }
         form.setError("root", { type: "server", message });
         return;
       }
 
       await handleUserLogin();
-      toast.success("Prijava uspješna!");
+      toast.success(t("success"));
       form.reset();
       setLastLoginMethod("email");
       onSuccess?.();
     } catch {
-      toast.error("Greška pri prijavi. Pokušaj ponovo.");
+      toast.error(t("genericError"));
     }
   }
 
@@ -95,11 +97,11 @@ export function LoginForm({
         )}
 
         <div className="grid gap-2">
-          <Label htmlFor="email">Email</Label>
+          <Label htmlFor="email">{t("emailLabel")}</Label>
           <Input
             id="email"
             type="email"
-            placeholder="korisnik@example.com"
+            placeholder={tCommon("emailPlaceholder")}
             autoComplete="email"
             {...form.register("email")}
             className={cn(form.formState.errors.email && "border-red-700")}
@@ -116,7 +118,7 @@ export function LoginForm({
           name="password"
           render={({ field }) => (
             <FormItem>
-              <FormLabel>Lozinka</FormLabel>
+              <FormLabel>{t("passwordLabel")}</FormLabel>
               <FormControl>
                 <PasswordInput
                   {...field}
@@ -137,19 +139,19 @@ export function LoginForm({
           onClick={onForgotPassword}
           className="-mt-2 justify-self-end cursor-pointer text-sm text-primary underline hover:text-primary/80"
         >
-          Zaboravljena lozinka?
+          {t("forgotPassword")}
         </button>
 
         <Button type="submit" size="lg" className="w-full" disabled={form.formState.isSubmitting || externalDisabled}>
           {form.formState.isSubmitting ? (
             <Loader2 size={16} className="animate-spin" />
           ) : (
-            "Prijavi se"
+            t("submit")
           )}
           {isLastUsed && !form.formState.isSubmitting && !externalDisabled && (
             <span className="absolute right-3 inline-flex items-center gap-0.5 rounded-full bg-white px-1.5 py-0.5 text-[10px] font-medium text-primary">
               <CircleCheck size={9} />
-              Zadnja prijava
+              {t("lastUsed")}
             </span>
           )}
         </Button>
diff --git a/frontend/src/components/custom/header/forms/profile-modal.tsx b/frontend/src/components/custom/header/forms/profile-modal.tsx
index 710af17e..fbdc201e 100644
--- a/frontend/src/components/custom/header/forms/profile-modal.tsx
+++ b/frontend/src/components/custom/header/forms/profile-modal.tsx
@@ -6,6 +6,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { CloudUpload, X, Save } from "lucide-react";
 import { toast } from "sonner";
 import { isAxiosError } from "axios";
+import { useTranslations } from "next-intl";
 import { UserAvatar } from "@daveyplate/better-auth-ui";
 
 import {
@@ -39,6 +40,7 @@ import {
   userRequestSchema,
   UserRequest,
   ACQUISITION_CHANNEL_LABELS,
+  AcquisitionChannel,
 } from "@/lib/api/schemas/auth-user";
 import { userService } from "@/lib/api";
 import { fileToBase64 } from "@/utils/browser/file";
@@ -56,6 +58,9 @@ export default function ProfileModal({
   onOpenChange,
 }: IProfileModalProps) {
   const { user, isLoading: isUserLoading, setUser } = useUser();
+  const t = useTranslations("settings.profile");
+  const tCommon = useTranslations("common");
+  const tChannels = useTranslations("acquisitionChannels");
 
   const [avatarPreview, setAvatarPreview] = useState<string | null>(null);
   const [avatarTouched, setAvatarTouched] = useState(false);
@@ -94,7 +99,7 @@ export default function ProfileModal({
     if (!file) return;
 
     if (file.size > MAX_AVATAR_BYTES) {
-      toast.error("Slika je prevelika. Maksimalna veličina je 1 MB.");
+      toast.error(t("avatarTooLarge"));
       return;
     }
 
@@ -103,7 +108,7 @@ export default function ProfileModal({
       setAvatarPreview(base64);
       setAvatarTouched(true);
     } catch {
-      toast.error("Greška pri učitavanju slike.");
+      toast.error(t("avatarError"));
     }
   }
 
@@ -127,7 +132,7 @@ export default function ProfileModal({
       },
       {
         onSuccess: (updatedUser) => {
-          toast.success("Profil uspješno spremljen!");
+          toast.success(t("saveSuccess"));
           setUser(updatedUser);
           onOpenChange(false);
         },
@@ -147,10 +152,10 @@ export default function ProfileModal({
           if (status >= 400 && status < 500) {
             form.setError("root", {
               type: "server",
-              message: serverMessage || "Provjeri unesene podatke.",
+              message: serverMessage || t("checkInput"),
             });
           } else {
-            toast.error(serverMessage || "Greška pri spremanju profila");
+            toast.error(serverMessage || t("saveError"));
           }
         },
       }
@@ -163,7 +168,7 @@ export default function ProfileModal({
     <Dialog open={isOpen} onOpenChange={onOpenChange}>
       <DialogContent>
         <DialogHeader>
-          <DialogTitle className="text-xl">Profil</DialogTitle>
+          <DialogTitle className="text-xl">{t("title")}</DialogTitle>
         </DialogHeader>
 
         <Form {...form}>
@@ -183,18 +188,18 @@ export default function ProfileModal({
               name="username"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Korisničko ime</FormLabel>
+                  <FormLabel>{t("usernameLabel")}</FormLabel>
                   <FormControl>
                     <Input {...field} value={field.value || ""} />
                   </FormControl>
-                  <FormDescription>Kako ćemo te zvati?</FormDescription>
+                  <FormDescription>{t("usernameHint")}</FormDescription>
                   <FormMessage />
                 </FormItem>
               )}
             />
 
             <div className="space-y-3">
-              <Label>Avatar (opcionalno)</Label>
+              <Label>{t("avatarLabel")}</Label>
 
               <div className="flex items-center gap-4">
                 <UserAvatar
@@ -220,7 +225,7 @@ export default function ProfileModal({
                     className="inline-flex items-center gap-2 px-3 py-2 text-sm border rounded-lg cursor-pointer hover:bg-gray-50 transition-colors"
                   >
                     <CloudUpload className="w-4 h-4" />
-                    Učitaj sliku
+                    {t("uploadImage")}
                   </label>
 
                   {avatarPreview && (
@@ -232,13 +237,13 @@ export default function ProfileModal({
                       onClick={removeAvatar}
                     >
                       <X className="w-4 h-4" />
-                      Ukloni
+                      {t("remove")}
                     </Button>
                   )}
                 </div>
               </div>
 
-              <p className="text-xs text-gray-500">PNG, JPG ili GIF (do 1 MB).</p>
+              <p className="text-xs text-gray-500">{t("avatarHint")}</p>
             </div>
 
             <FormField
@@ -247,11 +252,8 @@ export default function ProfileModal({
               render={({ field }) => (
                 <FormItem className="flex flex-row items-center justify-between rounded-lg border p-4">
                   <div className="space-y-0.5">
-                    <FormLabel>Dopusti obavijesti aplikacije</FormLabel>
-                    <FormDescription>
-                      Na mobilnu aplikaciju ćeš dobiti obavijesti za akcije o
-                      proizvodima koje odabereš.
-                    </FormDescription>
+                    <FormLabel>{t("pushLabel")}</FormLabel>
+                    <FormDescription>{t("pushHint")}</FormDescription>
                   </div>
                   <FormControl>
                     <Switch
@@ -269,11 +271,8 @@ export default function ProfileModal({
               render={({ field }) => (
                 <FormItem className="flex flex-row items-center justify-between rounded-lg border p-4">
                   <div className="space-y-0.5">
-                    <FormLabel>Dopusti email obavijesti</FormLabel>
-                    <FormDescription>
-                      Na email ćeš dobiti obavijesti za akcije o proizvodima
-                      koje odabereš.
-                    </FormDescription>
+                    <FormLabel>{t("emailLabel")}</FormLabel>
+                    <FormDescription>{t("emailHint")}</FormDescription>
                   </div>
                   <FormControl>
                     <Switch
@@ -291,10 +290,8 @@ export default function ProfileModal({
               render={({ field }) => (
                 <FormItem className="flex flex-row items-center justify-between rounded-lg border p-4">
                   <div className="space-y-0.5">
-                    <FormLabel>Novosti i ažuriranja</FormLabel>
-                    <FormDescription>
-                      Povremene novosti o Disscountu na tvoj email.
-                    </FormDescription>
+                    <FormLabel>{t("newsletterLabel")}</FormLabel>
+                    <FormDescription>{t("newsletterHint")}</FormDescription>
                   </div>
                   <FormControl>
                     <Switch
@@ -312,11 +309,8 @@ export default function ProfileModal({
               render={({ field }) => (
                 <FormItem className="flex flex-row items-center justify-between rounded-lg border p-4">
                   <div className="space-y-0.5">
-                    <FormLabel>Kontakt za povratne informacije</FormLabel>
-                    <FormDescription>
-                      Dopusti da ti se javimo za povratne informacije o
-                      aplikaciji.
-                    </FormDescription>
+                    <FormLabel>{t("feedbackLabel")}</FormLabel>
+                    <FormDescription>{t("feedbackHint")}</FormDescription>
                   </div>
                   <FormControl>
                     <Switch
@@ -333,29 +327,29 @@ export default function ProfileModal({
               name="acquisitionChannel"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Kako si saznao za Disscount?</FormLabel>
+                  <FormLabel>{t("acquisitionLabel")}</FormLabel>
                   <Select
                     value={field.value ?? undefined}
                     onValueChange={field.onChange}
                   >
                     <FormControl>
                       <SelectTrigger className="w-full">
-                        <SelectValue placeholder="Odaberi izvor" />
+                        <SelectValue placeholder={t("acquisitionPlaceholder")} />
                       </SelectTrigger>
                     </FormControl>
                     <SelectContent>
-                      {Object.entries(ACQUISITION_CHANNEL_LABELS).map(
-                        ([value, label]) => (
-                          <SelectItem key={value} value={value}>
-                            {label}
-                          </SelectItem>
-                        )
-                      )}
+                      {(
+                        Object.keys(
+                          ACQUISITION_CHANNEL_LABELS,
+                        ) as AcquisitionChannel[]
+                      ).map((value) => (
+                        <SelectItem key={value} value={value}>
+                          {tChannels(value)}
+                        </SelectItem>
+                      ))}
                     </SelectContent>
                   </Select>
-                  <FormDescription>
-                    Pomaže nam da znamo gdje te možemo bolje pronaći.
-                  </FormDescription>
+                  <FormDescription>{t("acquisitionHint")}</FormDescription>
                   <FormMessage />
                 </FormItem>
               )}
@@ -369,7 +363,7 @@ export default function ProfileModal({
                 onClick={() => onOpenChange(false)}
                 disabled={isLoading}
               >
-                Odustani
+                {tCommon("cancel")}
               </Button>
 
               <Button
@@ -381,12 +375,12 @@ export default function ProfileModal({
                 disabled={isLoading}
                 loading={updateUserMutation.isPending}
               >
-                Spremi
+                {tCommon("save")}
               </Button>
             </div>
 
             <DialogFooter className="text-xs text-gray-500 text-center">
-              Ove podatke možeš kasnije izmijeniti u postavkama računa.
+              {t("footer")}
             </DialogFooter>
           </form>
         </Form>
diff --git a/frontend/src/components/custom/header/forms/security-modal.tsx b/frontend/src/components/custom/header/forms/security-modal.tsx
index 657ba80e..f29fef6b 100644
--- a/frontend/src/components/custom/header/forms/security-modal.tsx
+++ b/frontend/src/components/custom/header/forms/security-modal.tsx
@@ -13,6 +13,7 @@ import {
 import { toast } from "sonner";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { isAxiosError } from "axios";
+import { useTranslations } from "next-intl";
 
 import {
   Dialog,
@@ -69,6 +70,7 @@ export default function SecurityModal({
 }: ISecurityModalProps) {
   const { setUser } = useUser();
   const queryClient = useQueryClient();
+  const t = useTranslations("settings.security");
 
   const [isRevoking, setIsRevoking] = useState(false);
   const [isDeleting, setIsDeleting] = useState(false);
@@ -106,16 +108,16 @@ export default function SecurityModal({
     try {
       const { error } = await authClient.revokeOtherSessions();
       if (error) {
-        toast.error("Greška pri odjavi sa svih uređaja.");
+        toast.error(t("logoutAllError"));
         return;
       }
 
-      toast.success("Odjavljen si sa svih ostalih uređaja!");
+      toast.success(t("logoutAllSuccess"));
       onOpenChange(false);
     } catch (error) {
       const message =
-        error instanceof Error ? error.message : "Nepoznata greška";
-      toast.error(`Greška pri odjavi sa svih uređaja: ${message}`);
+        error instanceof Error ? error.message : t("unknownError");
+      toast.error(t("logoutAllErrorDetail", { message }));
     } finally {
       setIsRevoking(false);
     }
@@ -128,7 +130,7 @@ export default function SecurityModal({
     try {
       const { error } = await authClient.deleteUser();
       if (error) {
-        toast.error("Greška pri brisanju računa. Pokušaj ponovo.");
+        toast.error(t("deleteError"));
         return;
       }
 
@@ -138,7 +140,7 @@ export default function SecurityModal({
       queryClient.clear();
       setUser(null);
 
-      toast.success("Račun je uspješno obrisan!");
+      toast.success(t("deleteSuccess"));
       onOpenChange(false);
     } catch (error) {
       if (isAxiosError(error)) {
@@ -147,14 +149,14 @@ export default function SecurityModal({
           ?.message;
 
         if (status === 404) {
-          toast.error("Korisnički račun nije pronađen.");
+          toast.error(t("userNotFound"));
         } else if (status >= 500) {
-          toast.error("Serverska greška. Pokušaj ponovo.");
+          toast.error(t("serverError"));
         } else {
-          toast.error(serverMessage || "Greška pri brisanju računa.");
+          toast.error(serverMessage || t("deleteErrorGeneric"));
         }
       } else {
-        toast.error("Greška pri brisanju računa. Provjeri internetsku vezu.");
+        toast.error(t("deleteErrorNetwork"));
       }
     } finally {
       setIsDeleting(false);
@@ -168,10 +170,8 @@ export default function SecurityModal({
       <Dialog open={isOpen} onOpenChange={onOpenChange}>
         <DialogContent className="max-h-[85vh] overflow-y-auto">
           <DialogHeader>
-            <DialogTitle className="text-xl">Sigurnost</DialogTitle>
-            <DialogDescription>
-              Upravljaj prijavama i svojim računom.
-            </DialogDescription>
+            <DialogTitle className="text-xl">{t("title")}</DialogTitle>
+            <DialogDescription>{t("description")}</DialogDescription>
           </DialogHeader>
 
           <div className="flex flex-col gap-6">
@@ -182,16 +182,14 @@ export default function SecurityModal({
             )}
 
             {accountsStatus === "error" && (
-              <p className="text-sm text-destructive">
-                Greška pri dohvaćanju podataka o računu. Pokušaj ponovo.
-              </p>
+              <p className="text-sm text-destructive">{t("loadError")}</p>
             )}
 
             {accountsStatus === "success" && (
               <>
                 <section className="space-y-3">
                   <SectionLabel icon={ShieldCheck}>
-                    Prijava i sigurnost
+                    {t("loginSection")}
                   </SectionLabel>
 
                   <AccountCredentialsForm
@@ -202,7 +200,7 @@ export default function SecurityModal({
                 </section>
 
                 <section className="space-y-3">
-                  <SectionLabel icon={Link2}>Povezani računi</SectionLabel>
+                  <SectionLabel icon={Link2}>{t("linkedSection")}</SectionLabel>
                   <LinkedAccounts accounts={accounts} onChanged={reloadAccounts} />
                 </section>
               </>
@@ -210,14 +208,14 @@ export default function SecurityModal({
 
             <section className="space-y-4">
               <SectionLabel icon={TriangleAlert} className="text-destructive">
-                Opasna zona
+                {t("dangerZone")}
               </SectionLabel>
 
               <div className="flex items-center justify-between gap-4">
                 <div className="space-y-0.5">
-                  <p className="text-sm font-medium">Odjava sa svih uređaja</p>
+                  <p className="text-sm font-medium">{t("logoutAllTitle")}</p>
                   <p className="text-xs text-muted-foreground">
-                    Odjavi se sa svih ostalih uređaja osim ovog.
+                    {t("logoutAllHint")}
                   </p>
                 </div>
 
@@ -232,15 +230,15 @@ export default function SecurityModal({
                   disabled={isLoading}
                   className="shrink-0"
                 >
-                  Odjava
+                  {t("logoutAll")}
                 </Button>
               </div>
 
               <div className="flex items-center justify-between gap-4">
                 <div className="space-y-0.5">
-                  <p className="text-sm font-medium">Obriši račun</p>
+                  <p className="text-sm font-medium">{t("deleteAccountTitle")}</p>
                   <p className="text-xs text-muted-foreground">
-                    Trajno obriši svoj račun i sve podatke.
+                    {t("deleteAccountHint")}
                   </p>
                 </div>
 
@@ -255,7 +253,7 @@ export default function SecurityModal({
                   disabled={isLoading}
                   className="shrink-0"
                 >
-                  Obriši
+                  {t("deleteAccount")}
                 </Button>
               </div>
             </section>
@@ -266,9 +264,9 @@ export default function SecurityModal({
       <ConfirmDialog
         isOpen={showLogoutAllConfirm}
         onOpenChange={setShowLogoutAllConfirm}
-        title="Odjava sa svih uređaja"
-        description="Jeste li sigurni da se želite odjaviti sa svih ostalih uređaja? Ova sesija ostaje aktivna."
-        confirmLabel="Odjava"
+        title={t("logoutAllTitle")}
+        description={t("logoutAllConfirmDesc")}
+        confirmLabel={t("logoutAll")}
         variant="default"
         onConfirm={handleLogoutAll}
         isLoading={isRevoking}
@@ -277,9 +275,9 @@ export default function SecurityModal({
       <ConfirmDialog
         isOpen={showDeleteConfirm}
         onOpenChange={setShowDeleteConfirm}
-        title="Brisanje računa"
-        description="Ova akcija se ne može poništiti. Svi vaši podaci bit će trajno obrisani."
-        confirmLabel="Obriši račun"
+        title={t("deleteConfirmTitle")}
+        description={t("deleteConfirmDesc")}
+        confirmLabel={t("deleteConfirm")}
         variant="destructive"
         onConfirm={handleDeleteUser}
         isLoading={isDeleting}
diff --git a/frontend/src/components/custom/header/forms/signup-form.tsx b/frontend/src/components/custom/header/forms/signup-form.tsx
index 3d37ddad..c9a7125b 100644
--- a/frontend/src/components/custom/header/forms/signup-form.tsx
+++ b/frontend/src/components/custom/header/forms/signup-form.tsx
@@ -5,6 +5,7 @@ import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Loader2 } from "lucide-react";
 import { toast } from "sonner";
+import { useTranslations } from "next-intl";
 
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -30,6 +31,9 @@ interface ISignUpFormProps {
 }
 
 export function SignUpForm({ externalDisabled }: ISignUpFormProps) {
+  const t = useTranslations("auth.signup");
+  const tCommon = useTranslations("common");
+
   // Set once registration succeeds. Email verification is required, so we don't log in —
   // we show a "check your inbox" notice instead.
   const [submittedEmail, setSubmittedEmail] = useState<string | null>(null);
@@ -58,7 +62,7 @@ export function SignUpForm({ externalDisabled }: ISignUpFormProps) {
       if (!response.ok) {
         form.setError("root", {
           type: "server",
-          message: "Provjeri unesene podatke.",
+          message: t("checkInput"),
         });
         return;
       }
@@ -66,15 +70,15 @@ export function SignUpForm({ externalDisabled }: ISignUpFormProps) {
       setSubmittedEmail(data.email);
       form.reset();
     } catch {
-      toast.error("Greška pri registraciji. Pokušaj ponovo.");
+      toast.error(t("genericError"));
     }
   }
 
   if (submittedEmail) {
     return (
       <InboxNotice
-        title="Provjeri svoj inbox"
-        description="Poslali smo ti email s poveznicom za dovršetak registracije na:"
+        title={t("inboxTitle")}
+        description={t("inboxDescription")}
         email={submittedEmail}
       />
     );
@@ -94,11 +98,11 @@ export function SignUpForm({ externalDisabled }: ISignUpFormProps) {
         )}
 
         <div className="grid gap-2">
-          <Label htmlFor="email">Email</Label>
+          <Label htmlFor="email">{t("emailLabel")}</Label>
           <Input
             id="email"
             type="email"
-            placeholder="korisnik@example.com"
+            placeholder={tCommon("emailPlaceholder")}
             autoComplete="email"
             {...form.register("email")}
             className={cn(form.formState.errors.email && "border-red-700")}
@@ -115,7 +119,7 @@ export function SignUpForm({ externalDisabled }: ISignUpFormProps) {
           name="password"
           render={({ field }) => (
             <FormItem>
-              <FormLabel>Lozinka</FormLabel>
+              <FormLabel>{t("passwordLabel")}</FormLabel>
               <FormControl>
                 <PasswordInput
                   {...field}
@@ -136,7 +140,7 @@ export function SignUpForm({ externalDisabled }: ISignUpFormProps) {
           name="confirmPassword"
           render={({ field }) => (
             <FormItem>
-              <FormLabel>Potvrdi lozinku</FormLabel>
+              <FormLabel>{t("confirmPasswordLabel")}</FormLabel>
               <FormControl>
                 <PasswordInput
                   {...field}
@@ -161,7 +165,7 @@ export function SignUpForm({ externalDisabled }: ISignUpFormProps) {
           {form.formState.isSubmitting ? (
             <Loader2 size={16} className="animate-spin" />
           ) : (
-            "Registriraj se"
+            t("submit")
           )}
         </Button>
       </form>
diff --git a/frontend/src/components/custom/header/forms/user-preferences-modal.tsx b/frontend/src/components/custom/header/forms/user-preferences-modal.tsx
index f5ca170d..c946ad8d 100644
--- a/frontend/src/components/custom/header/forms/user-preferences-modal.tsx
+++ b/frontend/src/components/custom/header/forms/user-preferences-modal.tsx
@@ -5,6 +5,7 @@ import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Loader2 } from "lucide-react";
 import { toast } from "sonner";
+import { useTranslations } from "next-intl";
 
 import {
   FormControl,
@@ -55,6 +56,8 @@ export default function UserPreferencesModal({
   onOpenChange,
 }: IUserPreferencesModalProps) {
   const { user, updatePinnedStores, updatePinnedPlaces } = useUser();
+  const t = useTranslations("settings.preferences");
+  const tCommon = useTranslations("common");
 
   const form = useForm<UserPreferencesFormType>({
     resolver: zodResolver(userPreferencesSchema),
@@ -145,9 +148,7 @@ export default function UserPreferencesModal({
               // Success handled after both calls complete
             },
             onError: (error) => {
-              toast.error(
-                error.message || "Greška pri spremanju preferenca trgovina",
-              );
+              toast.error(error.message || t("saveStoresError"));
             },
           },
         ),
@@ -165,9 +166,7 @@ export default function UserPreferencesModal({
               // Success handled after both calls complete
             },
             onError: (error) => {
-              toast.error(
-                error.message || "Greška pri spremanju preferenca lokacija",
-              );
+              toast.error(error.message || t("saveLocationsError"));
             },
           },
         ),
@@ -177,9 +176,9 @@ export default function UserPreferencesModal({
       updatePinnedStores(storesResponse);
       updatePinnedPlaces(placesResponse);
 
-      toast.success("Preference uspješno spremljene!");
+      toast.success(t("saveSuccess"));
     } catch {
-      toast.error("Greška pri spremanju preferenca");
+      toast.error(t("saveError"));
     }
   };
 
@@ -203,7 +202,7 @@ export default function UserPreferencesModal({
     <Dialog open={isOpen} onOpenChange={onOpenChange}>
       <DialogContent aria-describedby="user-preferences-modal">
         <DialogHeader>
-          <DialogTitle className="text-xl">Preference</DialogTitle>
+          <DialogTitle className="text-xl">{t("title")}</DialogTitle>
         </DialogHeader>
 
         <Form {...form}>
@@ -215,10 +214,8 @@ export default function UserPreferencesModal({
             )}
             <div className="space-y-8">
               <FormItem className="gap-0">
-                <FormLabel className="text-md">Trgovine</FormLabel>
-                <p className="text-sm text-gray-500 mb-4">
-                  Odaberi trgovine u tvojoj blizini.
-                </p>
+                <FormLabel className="text-md">{t("storesLabel")}</FormLabel>
+                <p className="text-sm text-gray-500 mb-4">{t("storesHint")}</p>
 
                 <div className="flex flex-wrap items-center justify-center gap-2 sm:gap-4">
                   {chainStats?.chain_stats
@@ -228,9 +225,10 @@ export default function UserPreferencesModal({
                       }),
                     )
                     .map((chain: ChainStats) => {
-                      const isSelected = form
-                        .watch("pinnedStores")
-                        .includes(chain.chain_code);
+                      const pinnedStores = form.watch("pinnedStores");
+                      const isSelected = pinnedStores.includes(
+                        chain.chain_code,
+                      );
                       return (
                         <div
                           key={chain.chain_code}
@@ -281,10 +279,10 @@ export default function UserPreferencesModal({
                         ev.stopPropagation();
                       }}
                     >
-                      Lokacije
+                      {t("locationsLabel")}
                     </FormLabel>
                     <p className="text-sm text-gray-500 mb-2">
-                      Odaberi lokacije u tvojoj blizini.
+                      {t("locationsHint")}
                     </p>
 
                     <MultiSelect
@@ -293,7 +291,9 @@ export default function UserPreferencesModal({
                     >
                       <FormControl>
                         <MultiSelectTrigger className="w-full">
-                          <MultiSelectValue placeholder="Odaberi lokacije..." />
+                          <MultiSelectValue
+                            placeholder={t("locationsPlaceholder")}
+                          />
                         </MultiSelectTrigger>
                       </FormControl>
                       <MultiSelectContent className=" bg-white">
@@ -329,7 +329,7 @@ export default function UserPreferencesModal({
                 variant="outline"
                 onClick={handleCancel}
               >
-                Odustani
+                {tCommon("cancel")}
               </Button>
               <Button
                 size="lg"
@@ -339,7 +339,7 @@ export default function UserPreferencesModal({
                 {isLoading ? (
                   <Loader2 size={16} className="animate-spin" />
                 ) : (
-                  "Spremi"
+                  tCommon("save")
                 )}
               </Button>
             </div>
@@ -347,7 +347,7 @@ export default function UserPreferencesModal({
         </Form>
 
         <DialogFooter className="text-xs text-gray-500 text-center my-2 block">
-          Ove preference možeš uvijek izmijeniti u postavkama računa.
+          {t("footer")}
         </DialogFooter>
       </DialogContent>
     </Dialog>
diff --git a/frontend/src/components/custom/header/header.tsx b/frontend/src/components/custom/header/header.tsx
index a861ed0c..63f126a6 100644
--- a/frontend/src/components/custom/header/header.tsx
+++ b/frontend/src/components/custom/header/header.tsx
@@ -18,6 +18,9 @@ import { canAccessDashboard } from "@/lib/api/schemas/auth-user";
 import { userNavItems } from "@/constants/navigation";
 import { Badge } from "@/components/ui/badge";
 import { useNotifications } from "@/context/notifications-context";
+import { useTranslations } from "next-intl";
+import { useNavTranslation } from "@/hooks/use-nav-translation";
+import LanguageSwitcher from "@/components/custom/language-switcher";
 
 export default function Header(): JSX.Element {
   const [isScrolled, setIsScrolled] = useState(false); // Track if the page is scrolled for header opacity
@@ -30,6 +33,10 @@ export default function Header(): JSX.Element {
 
   const { notifications, hasNotifications } = useNotifications();
 
+  const tCommon = useTranslations("common");
+  const tAuth = useTranslations("auth");
+  const nav = useNavTranslation();
+
   const showDashboard = canAccessDashboard(user?.accountType);
 
   useEffect(() => {
@@ -61,7 +68,7 @@ export default function Header(): JSX.Element {
                   {/* App logo */}
                   <Image
                     src="/disscount-logo.png"
-                    alt="Disscount logo"
+                    alt={tCommon("logoAlt")}
                     width={128}
                     height={128}
                     className="size-8 sm:size-10"
@@ -90,7 +97,7 @@ export default function Header(): JSX.Element {
                         )}
                       />
                       <span className="group-hover:text-primary transition-colors">
-                        Nadzorna ploča
+                        {nav.label("dashboard")}
                       </span>
                     </Link>
                   </li>
@@ -100,7 +107,7 @@ export default function Header(): JSX.Element {
                     .map((item) => {
                       const Icon = item.icon;
                       const isActive = pathname.startsWith(item.href);
-                      const label = item.shortLabel ?? item.label;
+                      const label = nav.short(item.id);
 
                       // Coming-soon items are not navigable in the navbar; the
                       // USKORO badge sits on top, like the notification badge.
@@ -113,7 +120,7 @@ export default function Header(): JSX.Element {
                                 {label}
 
                                 <Badge className="absolute -top-3 -right-7 h-4 rounded-full px-1 py-0 text-[9px] leading-none">
-                                  USKORO
+                                  {tCommon("comingSoonBadge")}
                                 </Badge>
                               </span>
                             </span>
@@ -162,7 +169,7 @@ export default function Header(): JSX.Element {
                   fallback={<SearchBarSkeleton submitButtonLocation="none" />}
                 >
                   <SearchBar
-                    placeholder="Pretraži proizvode..."
+                    placeholder={tCommon("searchProducts")}
                     searchRoute="/products"
                     submitButtonLocation="none"
                     clearable={true}
@@ -171,29 +178,35 @@ export default function Header(): JSX.Element {
                 </Suspense>
               </div>
 
-              <div className="flex items-center justify-between gap-8">
+              <div className="flex items-center justify-between gap-4">
                 {isAuthenticated ? (
                   <div className="flex items-center gap-4">
                     <NotificationsDropdown />
                     <UserMenu />
                   </div>
                 ) : (
-                  <BgAnimateButton
-                    gradient={"forest"}
-                    rounded={"full"}
-                    animation="spin-slow"
-                    shadow="base"
-                    size={isMobile ? "sm" : "default"}
-                    className="cursor-pointer min-w-fit"
-                    onClick={() => {
-                      setIsAuthModalOpen(true);
-                    }}
-                  >
-                    <div className="flex items-center space-x-2 p-1">
-                      <LogIn className="w-5.5" />
-                      <span>Prijava</span>
-                    </div>
-                  </BgAnimateButton>
+                  <div className="flex items-center gap-4">
+                    {/* Guests switch language here on desktop; on mobile it lives in the
+                        sidebar. Signed-in users use the footer switcher. */}
+                    <LanguageSwitcher className="hidden md:flex" />
+
+                    <BgAnimateButton
+                      gradient={"forest"}
+                      rounded={"full"}
+                      animation="spin-slow"
+                      shadow="base"
+                      size={isMobile ? "sm" : "default"}
+                      className="cursor-pointer min-w-fit"
+                      onClick={() => {
+                        setIsAuthModalOpen(true);
+                      }}
+                    >
+                      <div className="flex items-center space-x-2 p-1">
+                        <LogIn className="w-5.5" />
+                        <span>{tAuth("signInCta")}</span>
+                      </div>
+                    </BgAnimateButton>
+                  </div>
                 )}
               </div>
             </div>
diff --git a/frontend/src/components/custom/header/notifications-dropdown.tsx b/frontend/src/components/custom/header/notifications-dropdown.tsx
index 5717c77c..0bb19ef3 100644
--- a/frontend/src/components/custom/header/notifications-dropdown.tsx
+++ b/frontend/src/components/custom/header/notifications-dropdown.tsx
@@ -3,6 +3,7 @@
 import { useState } from "react";
 import Link from "next/link";
 import { Loader2, HandCoins, Eye } from "lucide-react";
+import { useTranslations } from "next-intl";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -24,6 +25,7 @@ export default function NotificationsDropdown() {
     hasWatchlistItems,
   } = useNotifications();
   const router = useRouter();
+  const t = useTranslations("notifications");
 
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
 
@@ -51,12 +53,14 @@ export default function NotificationsDropdown() {
 
                 <div>
                   <div className="text-md text-green-700">
-                    Ukupna ušteda danas:
+                    {t("savingsToday")}
                   </div>
 
                   <div className="text-sm text-green-600">
-                    (≥ {summary.totalSavings.toFixed(2)}€ na {summary.itemCount}{" "}
-                    {summary.itemCount === 1 ? "proizvod" : "proizvoda"})
+                    {t("savingsDetail", {
+                      amount: summary.totalSavings.toFixed(2),
+                      count: summary.itemCount,
+                    })}
                   </div>
                 </div>
               </div>
@@ -72,14 +76,14 @@ export default function NotificationsDropdown() {
           {isLoading ? (
             <div className="p-6 flex items-center justify-center gap-2 text-muted-foreground">
               <Loader2 className="size-4 animate-spin" />
-              <span className="text-sm">Učitavanje...</span>
+              <span className="text-sm">{t("loading")}</span>
             </div>
           ) : notifications.length === 0 ? (
             <div className="p-2 space-y-4 text-center">
               <p className="text-sm text-muted-foreground text-pretty">
                 {hasWatchlistItems
-                  ? "Danas nema popusta na praćenim proizvodima."
-                  : "Dodaj proizvode na popis za praćenje kako bi te obavijestili kada proizvodi koje želiš budu na popustu u tvojim trgovinama!"}
+                  ? t("noDiscountsToday")
+                  : t("emptyPrompt")}
               </p>
 
               {!hasWatchlistItems && (
@@ -94,7 +98,7 @@ export default function NotificationsDropdown() {
                     router.push("/watchlist");
                   }}
                 >
-                  Dodaj proizvode
+                  {t("addProducts")}
                 </Button>
               )}
             </div>
diff --git a/frontend/src/components/custom/header/user-menu.tsx b/frontend/src/components/custom/header/user-menu.tsx
index 327d837a..2d648702 100644
--- a/frontend/src/components/custom/header/user-menu.tsx
+++ b/frontend/src/components/custom/header/user-menu.tsx
@@ -8,16 +8,18 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { LogOut, UserRound, Settings2, ShieldCheck } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { UserAvatar } from "@daveyplate/better-auth-ui";
 import UserPreferencesModal from "@/components/custom/header/forms/user-preferences-modal";
 import ProfileModal from "@/components/custom/header/forms/profile-modal";
 import SecurityModal from "@/components/custom/header/forms/security-modal";
 import { Badge } from "@/components/ui/badge";
-import { ACCOUNT_TYPE_LABELS } from "@/lib/api/schemas/auth-user";
 import { useUser } from "@/context/user-context";
 
 export default function UserMenu() {
   const { user, logout } = useUser();
+  const t = useTranslations("userMenu");
+  const tTypes = useTranslations("accountTypes");
   const [isProfileOpen, setIsProfileOpen] = useState(false);
   const [isSecurityOpen, setIsSecurityOpen] = useState(false);
   const [isPreferencesOpen, setIsPreferencesOpen] = useState(false);
@@ -35,7 +37,7 @@ export default function UserMenu() {
           <UserAvatar
             className="font-bold text-sm cursor-pointer"
             user={avatarUser}
-            aria-label="User menu"
+            aria-label={t("avatarAria")}
             size={"xl"}
           />
         </DropdownMenuTrigger>
@@ -51,9 +53,7 @@ export default function UserMenu() {
               <div className="font-bold">{user?.username}</div>
               <div className="text-xs text-gray-400">{user?.email}</div>
               {user?.accountType && user.accountType !== "CONSUMER" && (
-                <Badge className="text-xs">
-                  {ACCOUNT_TYPE_LABELS[user.accountType]}
-                </Badge>
+                <Badge className="text-xs">{tTypes(user.accountType)}</Badge>
               )}
             </div>
           </DropdownMenuLabel>
@@ -67,7 +67,7 @@ export default function UserMenu() {
             className="cursor-pointer flex items-center gap-4"
           >
             <Settings2 />
-            <span>Preference</span>
+            <span>{t("preferences")}</span>
           </DropdownMenuItem>
 
           <DropdownMenuItem
@@ -77,7 +77,7 @@ export default function UserMenu() {
             className="cursor-pointer flex items-center gap-4"
           >
             <UserRound />
-            <span>Profil</span>
+            <span>{t("profile")}</span>
           </DropdownMenuItem>
 
           <DropdownMenuItem
@@ -87,7 +87,7 @@ export default function UserMenu() {
             className="cursor-pointer flex items-center gap-4"
           >
             <ShieldCheck />
-            <span>Sigurnost</span>
+            <span>{t("security")}</span>
           </DropdownMenuItem>
 
           <DropdownMenuItem
@@ -95,7 +95,7 @@ export default function UserMenu() {
             className="cursor-pointer flex items-center gap-4"
           >
             <LogOut />
-            <span>Odjava</span>
+            <span>{t("logout")}</span>
           </DropdownMenuItem>
         </DropdownMenuContent>
       </DropdownMenu>
diff --git a/frontend/src/components/custom/language-switcher.tsx b/frontend/src/components/custom/language-switcher.tsx
new file mode 100644
index 00000000..1a3bac35
--- /dev/null
+++ b/frontend/src/components/custom/language-switcher.tsx
@@ -0,0 +1,103 @@
+"use client";
+
+import { useTransition } from "react";
+import { useLocale, useTranslations } from "next-intl";
+import { useRouter } from "next/navigation";
+import { Languages, ChevronDown } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import { SidebarMenuButton } from "@/components/ui/sidebar";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { cn } from "@/lib/utils";
+import { locales, type Locale } from "@/i18n/config";
+import { setLocale } from "@/i18n/locale-actions";
+
+// Endonyms (each language named in itself) — the conventional way to list
+// languages, so these are intentionally not translated.
+const LANGUAGE_NAMES: Record<Locale, string> = {
+  hr: "Hrvatski",
+  en: "English",
+  de: "Deutsch",
+  sl: "Slovenščina",
+};
+
+interface ILanguageSwitcherProps {
+  // "icon": compact icon button for the header/footer.
+  // "sidebar": full-width sidebar menu row with an icon + "Language" label.
+  variant?: "icon" | "sidebar";
+  className?: string;
+}
+
+export default function LanguageSwitcher({
+  variant = "icon",
+  className,
+}: ILanguageSwitcherProps) {
+  const t = useTranslations("common");
+  const locale = useLocale();
+  const router = useRouter();
+  const [isPending, startTransition] = useTransition();
+
+  function handleSelect(next: string) {
+    if (next === locale) return;
+
+    startTransition(async () => {
+      await setLocale(next as Locale);
+      router.refresh();
+    });
+  }
+
+  const options = (
+    <DropdownMenuRadioGroup value={locale} onValueChange={handleSelect}>
+      {locales.map((option) => (
+        <DropdownMenuRadioItem key={option} value={option}>
+          {LANGUAGE_NAMES[option]}
+        </DropdownMenuRadioItem>
+      ))}
+    </DropdownMenuRadioGroup>
+  );
+
+  if (variant === "sidebar") {
+    return (
+      <DropdownMenu>
+        <DropdownMenuTrigger asChild>
+          <SidebarMenuButton disabled={isPending} className={className}>
+            <Languages />
+            <span>{t("language")}</span>
+            <ChevronDown className="ml-auto size-4" />
+          </SidebarMenuButton>
+        </DropdownMenuTrigger>
+
+        <DropdownMenuContent side="top" align="start">
+          {options}
+        </DropdownMenuContent>
+      </DropdownMenu>
+    );
+  }
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button
+          variant="ghost"
+          size="icon"
+          aria-label={t("language")}
+          disabled={isPending}
+          className={cn(
+            "text-muted-foreground transition-all hover:scale-110 hover:bg-transparent hover:text-primary",
+            className,
+          )}
+        >
+          <Languages className="size-5" />
+        </Button>
+      </DropdownMenuTrigger>
+
+      <DropdownMenuContent align="end">{options}</DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
diff --git a/frontend/src/components/custom/legal-page.tsx b/frontend/src/components/custom/legal-page.tsx
index 0c3276fb..deb450b5 100644
--- a/frontend/src/components/custom/legal-page.tsx
+++ b/frontend/src/components/custom/legal-page.tsx
@@ -1,5 +1,6 @@
 import { ReactNode } from "react";
 import { TriangleAlert } from "lucide-react";
+import { getTranslations } from "next-intl/server";
 
 interface ILegalPageProps {
   title: string;
@@ -10,17 +11,19 @@ interface ILegalPageProps {
 
 // Shared wrapper for the static legal pages (terms, privacy, data deletion).
 // Refined, on-brand layout using the app's design tokens.
-export default function LegalPage({
+export default async function LegalPage({
   title,
   intro,
   lastUpdated,
   children,
 }: ILegalPageProps) {
+  const t = await getTranslations("legal");
+
   return (
     <article className="mx-auto max-w-2xl py-10">
       <header className="space-y-3 border-b pb-6">
         <p className="text-xs font-medium uppercase tracking-widest text-muted-foreground">
-          Pravni dokumenti
+          {t("documentsLabel")}
         </p>
 
         <h1 className="text-3xl font-bold tracking-tight sm:text-4xl">
@@ -30,16 +33,13 @@ export default function LegalPage({
         <p className="text-pretty text-muted-foreground">{intro}</p>
 
         <p className="text-xs text-muted-foreground">
-          Zadnje ažurirano: {lastUpdated}
+          {t("lastUpdatedLabel")}: {lastUpdated}
         </p>
       </header>
 
       <div className="mt-6 flex items-start gap-3 rounded-lg border border-dashed bg-muted/40 p-4">
         <TriangleAlert className="mt-0.5 size-4 shrink-0 text-primary" />
-        <p className="text-sm text-muted-foreground">
-          Ovo je privremena, skraćena verzija. Konačni pravni dokument je u
-          izradi.
-        </p>
+        <p className="text-sm text-muted-foreground">{t("draftNotice")}</p>
       </div>
 
       <div className="mt-8 space-y-8">{children}</div>
diff --git a/frontend/src/components/custom/no-results.tsx b/frontend/src/components/custom/no-results.tsx
index c224da55..fed70bdd 100644
--- a/frontend/src/components/custom/no-results.tsx
+++ b/frontend/src/components/custom/no-results.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { ReactNode } from "react";
+import { useTranslations } from "next-intl";
 
 interface INoResultsProps {
   icon?: ReactNode;
@@ -11,15 +12,19 @@ interface INoResultsProps {
 
 export default function NoResults({
   icon,
-  title = "Nema rezultata",
-  description = "Probajte s drugim pojmom za pretraživanje",
+  title,
+  description,
   className = "",
 }: INoResultsProps) {
+  const t = useTranslations("common");
+
   return (
     <div className={`text-center py-12 ${className}`}>
       {icon}
-      <h3 className="text-lg font-semibold text-gray-900 mb-2">{title}</h3>
-      <p className="text-gray-600">{description}</p>
+      <h3 className="text-lg font-semibold text-gray-900 mb-2">
+        {title ?? t("noResultsTitle")}
+      </h3>
+      <p className="text-gray-600">{description ?? t("noResultsDescription")}</p>
     </div>
   );
 }
diff --git a/frontend/src/components/custom/oauth-error-toast.tsx b/frontend/src/components/custom/oauth-error-toast.tsx
index 49fe2ad5..96cc7609 100644
--- a/frontend/src/components/custom/oauth-error-toast.tsx
+++ b/frontend/src/components/custom/oauth-error-toast.tsx
@@ -3,33 +3,28 @@
 import { useEffect, useRef } from "react";
 import { useSearchParams } from "next/navigation";
 import { toast } from "sonner";
+import { useTranslations } from "next-intl";
 
 // Better Auth appends ?error=<code> to the redirect when a social sign-in or account-linking
-// flow fails. Map every code we can hit to a localized, specific message so the user always
-// learns WHY (rather than a generic "something went wrong").
-const ERROR_MESSAGES: Record<string, string> = {
-  email_not_found:
-    "Tvoj Facebook račun nije podijelio email adresu. Prijavi se emailom ili Facebook računom koji ima email.",
+// flow fails. Map every code we can hit to a message key so the user always learns WHY
+// (rather than a generic "something went wrong"). The messages live in auth.oauthErrors.
+const CODE_TO_KEY: Record<string, string> = {
+  email_not_found: "emailNotFound",
   // Linking flow: the provider's email differs from the logged-in account's email.
-  "email_doesn't_match":
-    "Povezivanje nije uspjelo jer taj račun koristi drugu email adresu. Možeš povezati samo račune koji imaju istu email adresu kao tvoj.",
+  "email_doesn't_match": "emailMismatch",
   // Linking flow: that exact provider account already belongs to another Disscount user.
-  account_already_linked_to_different_user:
-    "Taj račun je već povezan s drugim Disscount korisnikom. Ne možeš ga povezati s ovim računom.",
+  account_already_linked_to_different_user: "accountAlreadyLinked",
   // Sign-in flow: a matching account exists but can't be auto-linked under current rules.
-  account_not_linked:
-    "Ovu prijavu nije moguće automatski povezati s postojećim računom. Prijavi se postojećom metodom pa poveži račun u postavkama sigurnosti.",
-  please_restart_the_process:
-    "Postupak prijave je istekao ili je prekinut. Pokušaj ponovo.",
+  account_not_linked: "accountNotLinked",
+  please_restart_the_process: "restart",
 };
 
-const DEFAULT_MESSAGE = "Došlo je do greške pri prijavi. Pokušaj ponovo.";
-
 // Surfaces failed OAuth flows (social sign-in OR account linking) as a toast, mounted app-wide.
 // Account-linking errors happen while logged in, so this must live outside the auth modal that
 // only logged-out users render. Reads ?error= from Next's router snapshot (useSearchParams)
 // rather than window.location, which loses a race against a URL rewrite during session load.
 export default function OAuthErrorToast() {
+  const t = useTranslations("auth.oauthErrors");
   const searchParams = useSearchParams();
   const error = searchParams.get("error");
   const shown = useRef(false);
@@ -38,7 +33,8 @@ export default function OAuthErrorToast() {
     if (!error || shown.current) return;
 
     shown.current = true;
-    toast.error(ERROR_MESSAGES[error] ?? DEFAULT_MESSAGE, { duration: 6000 });
+    const key = (CODE_TO_KEY[error] ?? "default") as Parameters<typeof t>[0];
+    toast.error(t(key), { duration: 6000 });
 
     // Strip the param from the address bar so a refresh doesn't re-show the toast.
     const params = new URLSearchParams(window.location.search);
@@ -50,7 +46,7 @@ export default function OAuthErrorToast() {
       "",
       window.location.pathname + (query ? `?${query}` : ""),
     );
-  }, [error]);
+  }, [error, t]);
 
   return null;
 }
diff --git a/frontend/src/components/custom/offline/last-synced-label.tsx b/frontend/src/components/custom/offline/last-synced-label.tsx
new file mode 100644
index 00000000..b0f4b99f
--- /dev/null
+++ b/frontend/src/components/custom/offline/last-synced-label.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useTranslations } from "next-intl";
+import { cn } from "@/lib/utils";
+import { formatRelativeTime } from "@/utils/date";
+
+interface LastSyncedLabelProps {
+  // React Query's `dataUpdatedAt` (epoch millis); 0 when there's no data yet.
+  updatedAt: number;
+  prefix?: string;
+  className?: string;
+}
+
+export default function LastSyncedLabel({
+  updatedAt,
+  prefix,
+  className,
+}: LastSyncedLabelProps) {
+  const t = useTranslations("offline");
+  // Render only after mount (relative time depends on `Date.now()`, which would
+  // otherwise mismatch between server and client) and re-render each minute so
+  // the label stays current.
+  const [mounted, setMounted] = useState(false);
+  const [, setTick] = useState(0);
+
+  useEffect(() => {
+    setMounted(true);
+
+    const intervalId = setInterval(() => setTick((tick) => tick + 1), 60_000);
+    return () => clearInterval(intervalId);
+  }, []);
+
+  if (!mounted || !updatedAt) return null;
+
+  return (
+    <span className={cn("text-xs text-muted-foreground", className)}>
+      {prefix ?? t("refreshed")} {formatRelativeTime(updatedAt)}
+    </span>
+  );
+}
diff --git a/frontend/src/components/custom/offline/offline-indicator.tsx b/frontend/src/components/custom/offline/offline-indicator.tsx
new file mode 100644
index 00000000..4dd9f150
--- /dev/null
+++ b/frontend/src/components/custom/offline/offline-indicator.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import { WifiOff } from "lucide-react";
+import { useIsMutating } from "@tanstack/react-query";
+import { useTranslations } from "next-intl";
+import { useOnlineStatus } from "@/hooks/use-online-status";
+import { isOfflineMutationKey } from "@/lib/offline/offline-mutation-keys";
+
+// Thin banner shown while the device is offline; reassures the user that the
+// data on screen is the locally cached copy and reports how many writes are
+// queued to sync when the connection returns.
+export default function OfflineIndicator() {
+  const t = useTranslations("offline");
+  const isOnline = useOnlineStatus();
+  const pendingWrites = useIsMutating({
+    predicate: (mutation) => isOfflineMutationKey(mutation.options.mutationKey),
+  });
+
+  if (isOnline) return null;
+
+  return (
+    <div className="fixed inset-x-0 top-0 z-[60] flex items-center justify-center gap-2 bg-amber-500 px-3 py-1.5 text-center text-sm font-medium text-white">
+      <WifiOff className="size-4 shrink-0" />
+      {pendingWrites > 0
+        ? t("withPending", { count: pendingWrites })
+        : t("cached")}
+    </div>
+  );
+}
diff --git a/frontend/src/components/custom/price-history-period-select.tsx b/frontend/src/components/custom/price-history-period-select.tsx
index 205e039d..f3847863 100644
--- a/frontend/src/components/custom/price-history-period-select.tsx
+++ b/frontend/src/components/custom/price-history-period-select.tsx
@@ -1,3 +1,4 @@
+import { useTranslations } from "next-intl";
 import { TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { PeriodOption } from "@/typings/history-period-options";
 
@@ -12,11 +13,13 @@ export default function PriceHistoryPeriodSelect({
   onChange,
   disabledPeriods = [],
 }: PriceHistoryPeriodSelectProps) {
+  const t = useTranslations("priceHistory");
+
   const periods: { value: PeriodOption; label: string }[] = [
-    { value: "1W", label: "1T" },
-    { value: "1M", label: "1M" },
-    { value: "1Y", label: "1G" },
-    { value: "ALL", label: "Sve" },
+    { value: "1W", label: t("period1W") },
+    { value: "1M", label: t("period1M") },
+    { value: "1Y", label: t("period1Y") },
+    { value: "ALL", label: t("periodAll") },
   ];
 
   return (
diff --git a/frontend/src/components/custom/pwa/apple-splash-screens.tsx b/frontend/src/components/custom/pwa/apple-splash-screens.tsx
new file mode 100644
index 00000000..d4a16415
--- /dev/null
+++ b/frontend/src/components/custom/pwa/apple-splash-screens.tsx
@@ -0,0 +1,26 @@
+import splashScreens from "@/constants/ios-splash-screens.json";
+
+// iOS ignores the web manifest for launch screens and instead uses
+// <link rel="apple-touch-startup-image"> tags matched to the device by media
+// query. React hoists these into <head>, so an installed app shows a branded
+// splash instead of a white flash on launch. Images live in public/splash and
+// are generated by scripts/generate-ios-splash.mjs from the same device list.
+export default function AppleSplashScreens() {
+  return (
+    <>
+      {splashScreens.map((device) => {
+        const pxWidth = device.width * device.ratio;
+        const pxHeight = device.height * device.ratio;
+
+        return (
+          <link
+            key={`${pxWidth}x${pxHeight}`}
+            rel="apple-touch-startup-image"
+            href={`/splash/apple-splash-${pxWidth}-${pxHeight}.png`}
+            media={`screen and (device-width: ${device.width}px) and (device-height: ${device.height}px) and (-webkit-device-pixel-ratio: ${device.ratio}) and (orientation: portrait)`}
+          />
+        );
+      })}
+    </>
+  );
+}
diff --git a/frontend/src/components/custom/pwa/install-banner.tsx b/frontend/src/components/custom/pwa/install-banner.tsx
new file mode 100644
index 00000000..ac177d7d
--- /dev/null
+++ b/frontend/src/components/custom/pwa/install-banner.tsx
@@ -0,0 +1,88 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import Image from "next/image";
+import { X, Plus } from "lucide-react";
+import { useTranslations } from "next-intl";
+
+import { Button } from "@/components/ui/button";
+import { useInstallPrompt } from "./use-install-prompt";
+import InstallInstructionsSheet from "./install-instructions-sheet";
+import {
+  getInstallBannerDismissed,
+  setInstallBannerDismissed,
+} from "@/utils/browser/local-storage";
+
+// One-time dismissible banner inviting first-time visitors to add the app to
+// their home screen (only on browsers that support installation).
+export default function InstallBanner() {
+  const t = useTranslations("pwa");
+  const { canShowInstallUI, canInstall, isIOS, promptInstall } =
+    useInstallPrompt();
+  const [dismissed, setDismissed] = useState(true);
+  const [instructionsOpen, setInstructionsOpen] = useState(false);
+
+  useEffect(() => {
+    // Read the persisted dismissal on the client to avoid a hydration mismatch.
+    setDismissed(getInstallBannerDismissed());
+  }, []);
+
+  function handleDismiss() {
+    setDismissed(true);
+    setInstallBannerDismissed(true);
+  }
+
+  async function handleInstall() {
+    if (canInstall) {
+      await promptInstall();
+      return;
+    }
+
+    setInstructionsOpen(true);
+  }
+
+  if (dismissed || !canShowInstallUI) return null;
+
+  return (
+    <>
+      <div className="fixed inset-x-0 bottom-0 z-50 p-4 sm:inset-x-auto sm:right-4 sm:max-w-sm">
+        <div className="flex flex-col gap-3 rounded-xl border bg-card p-3 shadow-lg">
+          <div className="flex items-center gap-3">
+            <Image
+              src="/icons/icon-192.png"
+              alt="Disscount"
+              width={48}
+              height={48}
+              className="size-12 shrink-0 rounded-lg"
+            />
+
+            <p className="min-w-0 flex-1 text-sm leading-tight">
+              {t("bannerText")}
+            </p>
+
+            <Button
+              size="icon"
+              variant="ghost"
+              onClick={handleDismiss}
+              aria-label={t("close")}
+              className="-mr-1 -mt-1 shrink-0"
+            >
+              <X className="size-4" />
+            </Button>
+          </div>
+
+          <Button size="sm" className="w-full" onClick={handleInstall}>
+            <Plus className="size-4" />
+            {t("addToHome")}
+          </Button>
+        </div>
+      </div>
+
+      <InstallInstructionsSheet
+        open={instructionsOpen}
+        onOpenChange={setInstructionsOpen}
+        isIOS={isIOS}
+      />
+    </>
+  );
+}
diff --git a/frontend/src/components/custom/pwa/install-instructions-sheet.tsx b/frontend/src/components/custom/pwa/install-instructions-sheet.tsx
new file mode 100644
index 00000000..e1ace074
--- /dev/null
+++ b/frontend/src/components/custom/pwa/install-instructions-sheet.tsx
@@ -0,0 +1,82 @@
+"use client";
+
+import { ComponentType, ReactNode } from "react";
+import {
+  SquareArrowUp,
+  Plus,
+  EllipsisVertical,
+  Download,
+  type LucideProps,
+} from "lucide-react";
+import { useTranslations } from "next-intl";
+
+import {
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+  SheetDescription,
+} from "@/components/ui/sheet";
+
+interface InstallInstructionsSheetProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  isIOS: boolean;
+}
+
+interface Step {
+  text: ReactNode;
+}
+
+// Renders a bold chunk and an inline icon inside a rich translation message.
+function bold(chunks: ReactNode) {
+  return <span className="font-medium">{chunks}</span>;
+}
+
+function inlineIcon(Icon: ComponentType<LucideProps>) {
+  return () => <Icon className="inline size-5 text-primary" />;
+}
+
+// Manual install steps for browsers without a usable install-prompt API:
+// iOS Safari uses Share -> Add to Home Screen; other browsers use their menu.
+export default function InstallInstructionsSheet({
+  open,
+  onOpenChange,
+  isIOS,
+}: InstallInstructionsSheetProps) {
+  const t = useTranslations("pwa");
+
+  const steps: Step[] = isIOS
+    ? [
+        { text: t.rich("iosStep1", { b: bold, icon: inlineIcon(SquareArrowUp) }) },
+        { text: t.rich("iosStep2", { b: bold, icon: inlineIcon(Plus) }) },
+        { text: t.rich("iosStep3", { b: bold }) },
+      ]
+    : [
+        { text: t.rich("androidStep1", { icon: inlineIcon(EllipsisVertical) }) },
+        { text: t.rich("androidStep2", { b: bold, icon: inlineIcon(Download) }) },
+        { text: t("androidStep3") },
+      ];
+
+  return (
+    <Sheet open={open} onOpenChange={onOpenChange}>
+      <SheetContent side="bottom" className="rounded-t-2xl">
+        <SheetHeader>
+          <SheetTitle>{t("addToHome")}</SheetTitle>
+          <SheetDescription>{t("instructionsDescription")}</SheetDescription>
+        </SheetHeader>
+
+        <ol className="flex flex-col gap-4 px-4 pb-8">
+          {steps.map((step, index) => (
+            <li key={index} className="flex items-center gap-3">
+              <span className="flex size-8 shrink-0 items-center justify-center rounded-full bg-primary/10 font-semibold text-primary">
+                {index + 1}
+              </span>
+              <span>{step.text}</span>
+            </li>
+          ))}
+        </ol>
+      </SheetContent>
+    </Sheet>
+  );
+}
diff --git a/frontend/src/components/custom/pwa/install-sidebar-banner.tsx b/frontend/src/components/custom/pwa/install-sidebar-banner.tsx
new file mode 100644
index 00000000..9f9cc427
--- /dev/null
+++ b/frontend/src/components/custom/pwa/install-sidebar-banner.tsx
@@ -0,0 +1,62 @@
+"use client";
+
+import { useState } from "react";
+import Image from "next/image";
+import { Plus } from "lucide-react";
+import { useTranslations } from "next-intl";
+
+import { Button } from "@/components/ui/button";
+import { useInstallPrompt } from "./use-install-prompt";
+import InstallInstructionsSheet from "./install-instructions-sheet";
+
+// Persistent banner pinned to the bottom of the sidebar. Stays visible while
+// the app isn't installed (on browsers that support it); uses the native
+// prompt when available and otherwise opens manual instructions.
+export default function InstallSidebarBanner() {
+  const t = useTranslations("pwa");
+  const { canShowInstallUI, canInstall, isIOS, promptInstall } =
+    useInstallPrompt();
+  const [instructionsOpen, setInstructionsOpen] = useState(false);
+
+  if (!canShowInstallUI) return null;
+
+  async function handleInstall() {
+    if (canInstall) {
+      await promptInstall();
+      return;
+    }
+
+    setInstructionsOpen(true);
+  }
+
+  return (
+    <>
+      <div className="flex flex-col gap-3 rounded-lg border bg-card p-3">
+        <div className="flex items-center gap-3">
+          <Image
+            src="/icons/icon-192.png"
+            alt="Disscount"
+            width={40}
+            height={40}
+            className="size-10 shrink-0 rounded-lg"
+          />
+
+          <p className="min-w-0 flex-1 text-sm leading-tight text-muted-foreground">
+            {t("bannerText")}
+          </p>
+        </div>
+
+        <Button size="sm" className="w-full" onClick={handleInstall}>
+          <Plus className="size-4" />
+          {t("addToHome")}
+        </Button>
+      </div>
+
+      <InstallInstructionsSheet
+        open={instructionsOpen}
+        onOpenChange={setInstructionsOpen}
+        isIOS={isIOS}
+      />
+    </>
+  );
+}
diff --git a/frontend/src/components/custom/pwa/request-persistent-storage.tsx b/frontend/src/components/custom/pwa/request-persistent-storage.tsx
new file mode 100644
index 00000000..030ae262
--- /dev/null
+++ b/frontend/src/components/custom/pwa/request-persistent-storage.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import { useEffect } from "react";
+
+// Ask the browser to keep our offline data (the IndexedDB React Query cache)
+// from being evicted under storage pressure or after disuse. Best-effort and
+// silent: support and the granting policy vary by browser (notably iOS).
+export default function RequestPersistentStorage() {
+  useEffect(() => {
+    if (!navigator.storage?.persist || !navigator.storage.persisted) return;
+
+    navigator.storage
+      .persisted()
+      .then((isPersisted) => {
+        if (!isPersisted) return navigator.storage.persist();
+      })
+      .catch(() => {
+        // Persistence is an optimization, not a requirement — ignore failures.
+      });
+  }, []);
+
+  return null;
+}
diff --git a/frontend/src/components/custom/pwa/use-install-prompt.ts b/frontend/src/components/custom/pwa/use-install-prompt.ts
new file mode 100644
index 00000000..1cb3ae03
--- /dev/null
+++ b/frontend/src/components/custom/pwa/use-install-prompt.ts
@@ -0,0 +1,141 @@
+"use client";
+
+import { useSyncExternalStore } from "react";
+
+// Chrome/Edge fire `beforeinstallprompt` before showing their own install UI.
+// We capture the event so we can trigger installation from our own button.
+interface BeforeInstallPromptEvent extends Event {
+  prompt: () => Promise<void>;
+  userChoice: Promise<{ outcome: "accepted" | "dismissed" }>;
+}
+
+// iOS Safari exposes a non-standard `navigator.standalone` flag.
+interface IOSNavigator extends Navigator {
+  standalone?: boolean;
+}
+
+function detectStandalone(): boolean {
+  return (
+    window.matchMedia("(display-mode: standalone)").matches ||
+    (window.navigator as IOSNavigator).standalone === true
+  );
+}
+
+function detectIOS(): boolean {
+  const ua = window.navigator.userAgent.toLowerCase();
+  const isIPhoneLike = /iphone|ipad|ipod/.test(ua);
+  // iPadOS reports as desktop Safari, so detect it via touch points.
+  const isIPadOS =
+    window.navigator.platform === "MacIntel" &&
+    window.navigator.maxTouchPoints > 1;
+
+  return isIPhoneLike || isIPadOS;
+}
+
+// On iOS only Safari can add to the home screen. Third-party iOS browsers
+// (Chrome/Firefox/Edge/Opera, the Google app) and in-app webviews
+// (Instagram, Facebook, ...) use WebKit but can't, so we treat them as
+// unsupported.
+function detectIOSSafari(): boolean {
+  if (!detectIOS()) return false;
+
+  const ua = window.navigator.userAgent;
+  const isOtheriOSBrowser = /CriOS|FxiOS|EdgiOS|OPiOS|GSA/i.test(ua);
+  const isInAppBrowser =
+    /FBAN|FBAV|FB_IAB|Instagram|Line|Twitter|TikTok|Snapchat/i.test(ua);
+
+  return !isOtheriOSBrowser && !isInAppBrowser;
+}
+
+// Shared install state. Lives at module scope so every consumer (the floating
+// banner and the sidebar banner) reads the same captured prompt; consuming it
+// once clears it everywhere. `ready` stays false until client detection runs,
+// which keeps SSR/first paint from flashing install UI.
+interface InstallState {
+  deferredPrompt: BeforeInstallPromptEvent | null;
+  isStandalone: boolean;
+  isIOS: boolean;
+  isIOSSafari: boolean;
+  ready: boolean;
+}
+
+const SERVER_STATE: InstallState = {
+  deferredPrompt: null,
+  isStandalone: false,
+  isIOS: false,
+  isIOSSafari: false,
+  ready: false,
+};
+
+let state: InstallState = SERVER_STATE;
+const listeners = new Set<() => void>();
+let initialized = false;
+
+function setState(patch: Partial<InstallState>) {
+  state = { ...state, ...patch };
+  listeners.forEach((listener) => listener());
+}
+
+// Attach the window listeners exactly once, on the first subscription.
+function init() {
+  if (initialized || typeof window === "undefined") return;
+  initialized = true;
+
+  window.addEventListener("beforeinstallprompt", (event) => {
+    event.preventDefault();
+    setState({ deferredPrompt: event as BeforeInstallPromptEvent });
+  });
+
+  window.addEventListener("appinstalled", () => {
+    setState({ deferredPrompt: null, isStandalone: true });
+  });
+
+  setState({
+    isStandalone: detectStandalone(),
+    isIOS: detectIOS(),
+    isIOSSafari: detectIOSSafari(),
+    ready: true,
+  });
+}
+
+function subscribe(onChange: () => void) {
+  listeners.add(onChange);
+  init();
+
+  return () => {
+    listeners.delete(onChange);
+  };
+}
+
+function getSnapshot() {
+  return state;
+}
+
+function getServerSnapshot() {
+  return SERVER_STATE;
+}
+
+async function promptInstall() {
+  const { deferredPrompt } = state;
+  if (!deferredPrompt) return;
+
+  await deferredPrompt.prompt();
+  await deferredPrompt.userChoice;
+
+  // The prompt can only be used once; clear it for all consumers.
+  setState({ deferredPrompt: null });
+}
+
+export function useInstallPrompt() {
+  const { deferredPrompt, isStandalone, isIOS, isIOSSafari, ready } =
+    useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+
+  // Only surface install UI when installation can actually work: either a
+  // native prompt was captured (Chromium), or it's iOS Safari (manual add to
+  // home screen). Unsupported browsers get nothing. Hidden once installed.
+  const canInstall = deferredPrompt !== null;
+  const canShowInstallUI =
+    ready && !isStandalone && (canInstall || isIOSSafari);
+
+  return { canInstall, canShowInstallUI, isIOS, isStandalone, promptInstall };
+}
diff --git a/frontend/src/components/custom/search-bar.tsx b/frontend/src/components/custom/search-bar.tsx
index 0a1ec665..d0c462e2 100644
--- a/frontend/src/components/custom/search-bar.tsx
+++ b/frontend/src/components/custom/search-bar.tsx
@@ -3,6 +3,7 @@
 import React, { useEffect, useCallback, useRef } from "react";
 import { useForm } from "react-hook-form";
 import { Search, ScanBarcode, X } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { useRouter, useSearchParams, usePathname } from "next/navigation";
@@ -20,17 +21,22 @@ interface ISearchBarProps {
 }
 
 export default function SearchBar({
-  placeholder = "Pretraži...",
+  placeholder,
   searchRoute,
   clearable = true,
   submitButtonLocation = "auto",
   autoSearch = false,
   allowScanning = false,
-  submitLabel = "Pretraži",
+  submitLabel,
 }: ISearchBarProps) {
+  const t = useTranslations("common");
   const searchParams = useSearchParams();
   const pathname = usePathname();
 
+  // Fall back to generic translated copy when the caller doesn't pass its own.
+  const resolvedPlaceholder = placeholder ?? t("searchPlaceholder");
+  const resolvedSubmitLabel = submitLabel ?? t("search");
+
   function decodeQuerySafely(rawQuery: string): string {
     try {
       return decodeURIComponent(rawQuery);
@@ -126,7 +132,7 @@ export default function SearchBar({
             }}
             {...registerProps}
             type="text"
-            placeholder={placeholder}
+            placeholder={resolvedPlaceholder}
             className="pl-10 pr-22 py-6 text-gray-500 focus:text-gray-700 bg-white"
             autoComplete="off"
           />
@@ -138,8 +144,8 @@ export default function SearchBar({
                 variant="ghost"
                 size="icon"
                 onClick={handleClear}
-                title="Clear search"
-                aria-label="Clear search"
+                title={t("clearSearch")}
+                aria-label={t("clearSearch")}
               >
                 <X className="size-5" />
               </Button>
@@ -151,8 +157,8 @@ export default function SearchBar({
                 variant="ghost"
                 size="icon"
                 onClick={() => openScanner(handleScan)}
-                title="Scan barcode"
-                aria-label="Scan barcode"
+                title={t("scanBarcode")}
+                aria-label={t("scanBarcode")}
               >
                 <ScanBarcode className="size-5" />
               </Button>
@@ -170,7 +176,7 @@ export default function SearchBar({
             disabled={!queryValue?.trim()}
           >
             <Search className="size-5 mr-2" />
-            {submitLabel}
+            {resolvedSubmitLabel}
           </Button>
         )}
       </form>
diff --git a/frontend/src/components/custom/store-chain-multi-select.tsx b/frontend/src/components/custom/store-chain-multi-select.tsx
index d1c326e5..44f50989 100644
--- a/frontend/src/components/custom/store-chain-multi-select.tsx
+++ b/frontend/src/components/custom/store-chain-multi-select.tsx
@@ -1,3 +1,4 @@
+import { useTranslations } from "next-intl";
 import {
   MultiSelect,
   MultiSelectContent,
@@ -21,10 +22,12 @@ export default function StoreChainMultiSelect({
   onChainsChange,
   className,
 }: StoreChainMultiSelectProps) {
+  const t = useTranslations("common");
+
   return (
     <MultiSelect values={selectedChains} onValuesChange={onChainsChange}>
       <MultiSelectTrigger className={className || "w-full sm:w-sm"}>
-        <MultiSelectValue placeholder="Odaberi trgovinske lance..." />
+        <MultiSelectValue placeholder={t("selectStoreChains")} />
       </MultiSelectTrigger>
       <MultiSelectContent>
         <MultiSelectGroup>
diff --git a/frontend/src/components/custom/store-chain-select.tsx b/frontend/src/components/custom/store-chain-select.tsx
index a9af0bf2..0ee840fa 100644
--- a/frontend/src/components/custom/store-chain-select.tsx
+++ b/frontend/src/components/custom/store-chain-select.tsx
@@ -8,6 +8,7 @@ import {
 import { cn } from "@/lib/utils";
 import { storeNamesMap } from "@/constants/name-mappings";
 import { useEffect, useState } from "react";
+import { useTranslations } from "next-intl";
 import { ArrowBigUpDash, ArrowBigDownDash } from "lucide-react";
 
 interface StoreChainSelectProps {
@@ -22,6 +23,18 @@ interface StoreChainSelectProps {
   classname?: string;
 }
 
+// Positive difference (more expensive than average) is red, negative (cheaper)
+// is green. Kept at module scope so the class names live in plain JS.
+function getDiffColorClass(difference: string | null): string {
+  if (difference === null) return "text-gray-500";
+
+  const value = parseFloat(difference);
+  if (value > 0) return "text-red-700";
+  if (value < 0) return "text-green-700";
+
+  return "text-gray-500";
+}
+
 export default function StoreChainSelect({
   value,
   onChange,
@@ -33,6 +46,7 @@ export default function StoreChainSelect({
   storePriceFromDb,
   classname,
 }: StoreChainSelectProps) {
+  const t = useTranslations("common");
   const [displayValue, setDisplayValue] = useState<string>(value || "");
 
   // If default value is provided and current value is null/undefined, use default
@@ -97,21 +111,15 @@ export default function StoreChainSelect({
       <SelectTrigger
         className={cn("min-w-0 h-9 text-xs sm:text-sm", classname)}
       >
-        <SelectValue placeholder="Trgovina" />
+        <SelectValue placeholder={t("storeChainPlaceholder")} />
       </SelectTrigger>
 
       <SelectContent>
         {availableChainCodes.map((chainCode) => {
           const priceDifference = getPriceDifference(chainCode);
-
-          // Determine color based on difference (positive = red, negative = green)
-          const diffColorClass = priceDifference
-            ? parseFloat(priceDifference.difference) > 0
-              ? "text-red-700"
-              : parseFloat(priceDifference.difference) < 0
-                ? "text-green-700"
-                : "text-gray-500"
-            : "text-gray-500";
+          const diffColorClass = getDiffColorClass(
+            priceDifference?.difference ?? null,
+          );
 
           return (
             <SelectItem key={chainCode} value={chainCode}>
diff --git a/frontend/src/components/custom/view-switcher.tsx b/frontend/src/components/custom/view-switcher.tsx
index b198252c..8e15754e 100644
--- a/frontend/src/components/custom/view-switcher.tsx
+++ b/frontend/src/components/custom/view-switcher.tsx
@@ -1,4 +1,5 @@
 import { Grid, List } from "lucide-react";
+import { useTranslations } from "next-intl";
 import {
   Tooltip,
   TooltipContent,
@@ -16,11 +17,13 @@ export default function ViewSwitcher({
   viewMode,
   setViewMode,
 }: IViewSwitcherProps) {
+  const t = useTranslations("common");
+
   return (
     <TooltipProvider>
       <div
         role="radiogroup"
-        aria-label="View mode"
+        aria-label={t("viewMode")}
         className="bg-muted inline-flex items-center rounded-lg p-1"
       >
         <Tooltip>
@@ -36,12 +39,12 @@ export default function ViewSwitcher({
                 value="grid"
                 checked={viewMode === "grid"}
                 onChange={() => setViewMode("grid")}
-                aria-label="Grid view"
+                aria-label={t("gridView")}
               />
               <Grid size={18} />
             </label>
           </TooltipTrigger>
-          <TooltipContent>Grid view</TooltipContent>
+          <TooltipContent>{t("gridView")}</TooltipContent>
         </Tooltip>
 
         <Tooltip>
@@ -57,12 +60,12 @@ export default function ViewSwitcher({
                 value="list"
                 checked={viewMode === "list"}
                 onChange={() => setViewMode("list")}
-                aria-label="List view"
+                aria-label={t("listView")}
               />
               <List size={18} />
             </label>
           </TooltipTrigger>
-          <TooltipContent>List view</TooltipContent>
+          <TooltipContent>{t("listView")}</TooltipContent>
         </Tooltip>
       </div>
     </TooltipProvider>
diff --git a/frontend/src/constants/ios-splash-screens.json b/frontend/src/constants/ios-splash-screens.json
new file mode 100644
index 00000000..29eba777
--- /dev/null
+++ b/frontend/src/constants/ios-splash-screens.json
@@ -0,0 +1,20 @@
+[
+  { "device": "iPhone SE / 8 / 7 / 6s", "width": 375, "height": 667, "ratio": 2 },
+  { "device": "iPhone 8/7/6s Plus", "width": 414, "height": 736, "ratio": 3 },
+  { "device": "iPhone X / XS / 11 Pro", "width": 375, "height": 812, "ratio": 3 },
+  { "device": "iPhone XR / 11", "width": 414, "height": 896, "ratio": 2 },
+  { "device": "iPhone XS Max / 11 Pro Max", "width": 414, "height": 896, "ratio": 3 },
+  { "device": "iPhone 12 mini / 13 mini", "width": 360, "height": 780, "ratio": 3 },
+  { "device": "iPhone 12 / 13 / 14", "width": 390, "height": 844, "ratio": 3 },
+  { "device": "iPhone 12/13 Pro Max / 14 Plus", "width": 428, "height": 926, "ratio": 3 },
+  { "device": "iPhone 14 Pro / 15 / 16", "width": 393, "height": 852, "ratio": 3 },
+  { "device": "iPhone 14 Pro Max / 15 Plus / 16 Plus", "width": 430, "height": 932, "ratio": 3 },
+  { "device": "iPhone 16 Pro", "width": 402, "height": 874, "ratio": 3 },
+  { "device": "iPhone 16 Pro Max", "width": 440, "height": 956, "ratio": 3 },
+  { "device": "iPad 9.7 / mini / Air", "width": 768, "height": 1024, "ratio": 2 },
+  { "device": "iPad 10.2", "width": 810, "height": 1080, "ratio": 2 },
+  { "device": "iPad Air 10.5 / Pro 10.5", "width": 834, "height": 1112, "ratio": 2 },
+  { "device": "iPad Air 10.9 / 11", "width": 820, "height": 1180, "ratio": 2 },
+  { "device": "iPad Pro 11", "width": 834, "height": 1194, "ratio": 2 },
+  { "device": "iPad Pro 12.9", "width": 1024, "height": 1366, "ratio": 2 }
+]
diff --git a/frontend/src/context/user-context.tsx b/frontend/src/context/user-context.tsx
index 9a5d93a7..a23382a5 100644
--- a/frontend/src/context/user-context.tsx
+++ b/frontend/src/context/user-context.tsx
@@ -5,6 +5,7 @@ import { useQueryClient } from "@tanstack/react-query";
 
 import { authClient, useSession } from "@/lib/auth-client";
 import { clearAuthToken, resetAuthToken } from "@/lib/api/api-base";
+import { purgeOfflineCache } from "@/lib/offline/purge";
 import { userService, preferencesService } from "@/lib/api";
 import { UserDto, PinnedStoreDto, PinnedPlaceDto } from "@/lib/api/types";
 
@@ -74,7 +75,7 @@ export function UserProvider({ children }: { children: React.ReactNode }) {
       await authClient.signOut();
     } finally {
       clearAuthToken();
-      queryClient.clear();
+      await purgeOfflineCache(queryClient);
       setUser(null);
     }
   }, [queryClient]);
diff --git a/frontend/src/emails/change-email-confirmation.tsx b/frontend/src/emails/change-email-confirmation.tsx
index d1d38b94..c4f592c9 100644
--- a/frontend/src/emails/change-email-confirmation.tsx
+++ b/frontend/src/emails/change-email-confirmation.tsx
@@ -1,8 +1,11 @@
 import ActionEmail from "./components/action-email";
+import { getEmailTranslator } from "@/emails/email-translator";
+import { defaultLocale, type Locale } from "@/i18n/config";
 
 interface IChangeEmailConfirmationProps {
   confirmUrl: string;
   newEmail: string;
+  locale?: Locale;
 }
 
 // Sent to the user's CURRENT address to approve a change before it applies, so a hijacked
@@ -10,21 +13,25 @@ interface IChangeEmailConfirmationProps {
 export default function ChangeEmailConfirmation({
   confirmUrl,
   newEmail,
+  locale = defaultLocale,
 }: IChangeEmailConfirmationProps) {
+  const t = getEmailTranslator(locale);
+
   return (
     <ActionEmail
-      preview="Potvrdi promjenu email adrese"
-      heading="Potvrdi promjenu email adrese"
-      intro={
-        <>
-          Zatražena je promjena email adrese tvog Disscount računa na{" "}
-          <span className="font-semibold text-gray-800">{newEmail}</span>.
-          Klikni na gumb ispod kako bi potvrdio/la promjenu.
-        </>
-      }
-      buttonLabel="Potvrdi promjenu"
+      t={t}
+      locale={locale}
+      preview={t("changeEmail.preview")}
+      heading={t("changeEmail.heading")}
+      intro={t.rich("changeEmail.intro", {
+        newEmail,
+        b: (chunks) => (
+          <span className="font-semibold text-gray-800">{chunks}</span>
+        ),
+      })}
+      buttonLabel={t("changeEmail.button")}
       buttonUrl={confirmUrl}
-      footnote="Ako nisi ti zatražio/la ovu promjenu, odmah promijeni lozinku i javi nam se — tvoja adresa ostaje nepromijenjena dok ne potvrdiš."
+      footnote={t("changeEmail.footnote")}
     />
   );
 }
diff --git a/frontend/src/emails/components/action-email.tsx b/frontend/src/emails/components/action-email.tsx
index 93af3187..3440f160 100644
--- a/frontend/src/emails/components/action-email.tsx
+++ b/frontend/src/emails/components/action-email.tsx
@@ -1,21 +1,27 @@
 import { ReactNode } from "react";
 import { Button, Link, Section, Text } from "react-email";
 
+import type { Locale } from "@/i18n/config";
+import type { EmailTranslator } from "@/emails/email-translator";
 import EmailLayout from "./email-layout";
 
 interface IActionEmailProps {
+  t: EmailTranslator;
+  locale: Locale;
   preview: string;
   heading: string;
   intro: ReactNode;
   buttonLabel: string;
   buttonUrl: string;
-  footnote: string;
+  footnote: ReactNode;
 }
 
 // Shared layout for the single-call-to-action transactional emails (verification, password
 // reset, set password, change-email confirmation): a heading, intro copy, one branded button,
 // a plain-text fallback link, and a closing footnote.
 export default function ActionEmail({
+  t,
+  locale,
   preview,
   heading,
   intro,
@@ -24,7 +30,7 @@ export default function ActionEmail({
   footnote,
 }: IActionEmailProps) {
   return (
-    <EmailLayout preview={preview}>
+    <EmailLayout t={t} locale={locale} preview={preview}>
       <Text className="m-0 mb-2 text-xl font-bold text-gray-800">{heading}</Text>
 
       <Text className="m-0 mb-6 text-sm leading-relaxed text-gray-600">
@@ -41,7 +47,7 @@ export default function ActionEmail({
       </Section>
 
       <Text className="m-0 mb-6 text-xs text-gray-500">
-        Ako gumb ne radi, kopiraj i zalijepi ovu poveznicu u preglednik:{" "}
+        {t("common.linkFallback")}{" "}
         <Link href={buttonUrl} className="break-all text-brand underline">
           {buttonUrl}
         </Link>
diff --git a/frontend/src/emails/components/email-layout.tsx b/frontend/src/emails/components/email-layout.tsx
index 7920a65a..38ec7bbf 100644
--- a/frontend/src/emails/components/email-layout.tsx
+++ b/frontend/src/emails/components/email-layout.tsx
@@ -12,6 +12,9 @@ import {
   pixelBasedPreset,
 } from "react-email";
 
+import type { Locale } from "@/i18n/config";
+import type { EmailTranslator } from "@/emails/email-translator";
+
 // Accessible representative of the app's green --primary (oklch ~141 hue) as a hex email
 // clients understand. Deep enough that white button text stays legible.
 const BRAND = "#16a34a";
@@ -19,15 +22,22 @@ const BRAND = "#16a34a";
 const APP_URL = process.env.NEXT_PUBLIC_APP_URL ?? "https://disscount.me";
 
 interface IEmailLayoutProps {
+  t: EmailTranslator;
+  locale: Locale;
   preview: string;
   children: ReactNode;
 }
 
 // Shared shell for every transactional email: brand wordmark, the message body, and a footer
 // that always links back to the app where the user can manage their email preferences.
-export default function EmailLayout({ preview, children }: IEmailLayoutProps) {
+export default function EmailLayout({
+  t,
+  locale,
+  preview,
+  children,
+}: IEmailLayoutProps) {
   return (
-    <Html lang="hr">
+    <Html lang={locale}>
       <Tailwind
         config={{
           presets: [pixelBasedPreset],
@@ -48,12 +58,13 @@ export default function EmailLayout({ preview, children }: IEmailLayoutProps) {
             <Hr className="my-6 border-solid border-gray-200" />
 
             <Text className="m-0 text-xs text-gray-500">
-              Ovaj email primaš jer postoji račun na Disscountu povezan s ovom
-              adresom. Email postavke možeš promijeniti kada se{" "}
-              <Link href={APP_URL} className="text-brand underline">
-                prijaviš na Disscount
-              </Link>
-              .
+              {t.rich("common.footerNotice", {
+                link: (chunks) => (
+                  <Link href={APP_URL} className="text-brand underline">
+                    {chunks}
+                  </Link>
+                ),
+              })}
             </Text>
 
             <Text className="m-0 mt-2 text-xs text-gray-400">
diff --git a/frontend/src/emails/email-translator.ts b/frontend/src/emails/email-translator.ts
new file mode 100644
index 00000000..fee145a9
--- /dev/null
+++ b/frontend/src/emails/email-translator.ts
@@ -0,0 +1,38 @@
+import { createTranslator } from "next-intl";
+import type { ReactNode } from "react";
+
+import { defaultLocale, TIME_ZONE, type Locale } from "@/i18n/config";
+import hr from "@/i18n/messages/hr.json";
+import en from "@/i18n/messages/en.json";
+import de from "@/i18n/messages/de.json";
+import sl from "@/i18n/messages/sl.json";
+
+const MESSAGES = { hr, en, de, sl };
+
+// Loose translator shape for the email templates: plain lookups plus t.rich for
+// the few messages with an inline link or bold value. Email keys are few, so we
+// forgo compile-time key typing here (createTranslator is cast to this).
+export interface EmailTranslator {
+  (key: string, values?: Record<string, string | number>): string;
+  rich(
+    key: string,
+    values?: Record<
+      string,
+      ((chunks: ReactNode) => ReactNode) | string | number
+    >,
+  ): ReactNode;
+}
+
+// Builds a translator bound to the recipient's locale and the "emails" namespace.
+// Synchronous and usable outside a request, since email sending isn't tied to the
+// i18n request config (unlike getTranslations).
+export function getEmailTranslator(locale: Locale): EmailTranslator {
+  const messages = (MESSAGES[locale] ?? MESSAGES[defaultLocale]) as typeof hr;
+
+  return createTranslator({
+    locale,
+    timeZone: TIME_ZONE,
+    messages,
+    namespace: "emails",
+  }) as unknown as EmailTranslator;
+}
diff --git a/frontend/src/emails/password-reset-email.tsx b/frontend/src/emails/password-reset-email.tsx
index 6b106f0a..d472c267 100644
--- a/frontend/src/emails/password-reset-email.tsx
+++ b/frontend/src/emails/password-reset-email.tsx
@@ -1,20 +1,28 @@
 import ActionEmail from "./components/action-email";
+import { getEmailTranslator } from "@/emails/email-translator";
+import { defaultLocale, type Locale } from "@/i18n/config";
 
 interface IPasswordResetEmailProps {
   resetUrl: string;
+  locale?: Locale;
 }
 
 export default function PasswordResetEmail({
   resetUrl,
+  locale = defaultLocale,
 }: IPasswordResetEmailProps) {
+  const t = getEmailTranslator(locale);
+
   return (
     <ActionEmail
-      preview="Ponovno postavi svoju lozinku za Disscount"
-      heading="Ponovno postavljanje lozinke"
-      intro="Zatražio/la si ponovno postavljanje lozinke. Klikni na gumb ispod kako bi postavio/la novu lozinku. Poveznica vrijedi ograničeno vrijeme."
-      buttonLabel="Postavi novu lozinku"
+      t={t}
+      locale={locale}
+      preview={t("reset.preview")}
+      heading={t("reset.heading")}
+      intro={t("reset.intro")}
+      buttonLabel={t("reset.button")}
       buttonUrl={resetUrl}
-      footnote="Ako nisi ti zatražio/la ovu promjenu, zanemari ovaj email — tvoja lozinka ostaje nepromijenjena."
+      footnote={t("reset.footnote")}
     />
   );
 }
diff --git a/frontend/src/emails/set-password-email.tsx b/frontend/src/emails/set-password-email.tsx
index a0bbb90a..99a8cbd7 100644
--- a/frontend/src/emails/set-password-email.tsx
+++ b/frontend/src/emails/set-password-email.tsx
@@ -1,7 +1,10 @@
 import ActionEmail from "./components/action-email";
+import { getEmailTranslator } from "@/emails/email-translator";
+import { defaultLocale, type Locale } from "@/i18n/config";
 
 interface ISetPasswordEmailProps {
   setPasswordUrl: string;
+  locale?: Locale;
 }
 
 // Sent when someone registers with an email that already has an OAuth-only account
@@ -9,15 +12,20 @@ interface ISetPasswordEmailProps {
 // "reset", since they are adding email/password login for the first time.
 export default function SetPasswordEmail({
   setPasswordUrl,
+  locale = defaultLocale,
 }: ISetPasswordEmailProps) {
+  const t = getEmailTranslator(locale);
+
   return (
     <ActionEmail
-      preview="Postavi lozinku za svoj Disscount račun"
-      heading="Postavi lozinku za svoj račun"
-      intro="Za ovu email adresu već postoji Disscount račun (prijava putem Googlea ili Facebooka). Klikni na gumb ispod kako bi postavio/la lozinku i ubuduće se mogao/la prijaviti i emailom. Poveznica vrijedi ograničeno vrijeme."
-      buttonLabel="Postavi lozinku"
+      t={t}
+      locale={locale}
+      preview={t("setPassword.preview")}
+      heading={t("setPassword.heading")}
+      intro={t("setPassword.intro")}
+      buttonLabel={t("setPassword.button")}
       buttonUrl={setPasswordUrl}
-      footnote="Ako nisi ti zatražio/la ovo, zanemari ovaj email — tvoj račun ostaje nepromijenjen."
+      footnote={t("setPassword.footnote")}
     />
   );
 }
diff --git a/frontend/src/emails/verification-email.tsx b/frontend/src/emails/verification-email.tsx
index 1a438213..bd580b80 100644
--- a/frontend/src/emails/verification-email.tsx
+++ b/frontend/src/emails/verification-email.tsx
@@ -1,20 +1,28 @@
 import ActionEmail from "./components/action-email";
+import { getEmailTranslator } from "@/emails/email-translator";
+import { defaultLocale, type Locale } from "@/i18n/config";
 
 interface IVerificationEmailProps {
   verificationUrl: string;
+  locale?: Locale;
 }
 
 export default function VerificationEmail({
   verificationUrl,
+  locale = defaultLocale,
 }: IVerificationEmailProps) {
+  const t = getEmailTranslator(locale);
+
   return (
     <ActionEmail
-      preview="Potvrdi svoju email adresu za Disscount"
-      heading="Potvrdi svoju email adresu"
-      intro="Hvala na registraciji! Klikni na gumb ispod kako bi potvrdio/la svoju email adresu i aktivirao/la svoj Disscount račun."
-      buttonLabel="Potvrdi email"
+      t={t}
+      locale={locale}
+      preview={t("verify.preview")}
+      heading={t("verify.heading")}
+      intro={t("verify.intro")}
+      buttonLabel={t("verify.button")}
       buttonUrl={verificationUrl}
-      footnote="Ako nisi ti zatražio/la ovaj račun, slobodno zanemari ovaj email."
+      footnote={t("verify.footnote")}
     />
   );
 }
diff --git a/frontend/src/hooks/use-nav-translation.ts b/frontend/src/hooks/use-nav-translation.ts
new file mode 100644
index 00000000..ef6a7b2c
--- /dev/null
+++ b/frontend/src/hooks/use-nav-translation.ts
@@ -0,0 +1,15 @@
+import { useTranslations } from "next-intl";
+
+// Navigation items are data-driven (their `id` is a plain string), but next-intl
+// types `t` to literal message keys. This hook centralizes the lookup and the one
+// necessary cast so the header and sidebar can translate nav labels by id without
+// repeating it. Keys live under the `navigation.<id>` namespace in the catalogs.
+export function useNavTranslation() {
+  const t = useTranslations("navigation");
+  type NavKey = Parameters<typeof t>[0];
+
+  return {
+    label: (id: string) => t(`${id}.label` as NavKey),
+    short: (id: string) => t(`${id}.short` as NavKey),
+  };
+}
diff --git a/frontend/src/hooks/use-online-status.ts b/frontend/src/hooks/use-online-status.ts
new file mode 100644
index 00000000..5fb7aa28
--- /dev/null
+++ b/frontend/src/hooks/use-online-status.ts
@@ -0,0 +1,14 @@
+"use client";
+
+import { onlineManager } from "@tanstack/react-query";
+import { useSyncExternalStore } from "react";
+
+// Reflects connectivity using React Query's onlineManager (navigator.onLine +
+// online/offline events), so the whole app shares one source of truth.
+export function useOnlineStatus() {
+  return useSyncExternalStore(
+    (onChange) => onlineManager.subscribe(onChange),
+    () => onlineManager.isOnline(),
+    () => true, // assume online during SSR
+  );
+}
diff --git a/frontend/src/i18n/config.ts b/frontend/src/i18n/config.ts
new file mode 100644
index 00000000..297cc655
--- /dev/null
+++ b/frontend/src/i18n/config.ts
@@ -0,0 +1,49 @@
+// Single source of truth for the app's locales. Imported by the request config,
+// the locale server action, and the language switcher so adding a language is a
+// one-line change here (plus a matching messages/<locale>.json catalog).
+export const locales = ["hr", "en", "de", "sl"] as const;
+
+export type Locale = (typeof locales)[number];
+
+export const defaultLocale: Locale = "hr";
+
+// next-intl's default cookie name. Kept as a constant so the action that writes
+// it and the request config that reads it can never drift apart.
+export const LOCALE_COOKIE = "NEXT_LOCALE";
+
+// Global default time zone for date/number formatting. Fixed (not per-request)
+// so server and client render identical markup and never mismatch on hydration.
+// Croatia is the launch market; all current markets (HR/AT/SI) share CET.
+export const TIME_ZONE = "Europe/Zagreb";
+
+export function isLocale(value: string | undefined): value is Locale {
+  return value !== undefined && locales.includes(value as Locale);
+}
+
+// Picks the best supported locale from an `Accept-Language` header value, so a
+// first-time visitor (no cookie yet) sees the app in their browser's language.
+// Matches on the primary subtag (e.g. "de-AT" -> "de"), honoring q-weights, and
+// returns undefined when nothing matches so the caller can fall back.
+export function matchLocale(
+  acceptLanguage: string | null | undefined,
+): Locale | undefined {
+  if (!acceptLanguage) return undefined;
+
+  const ranked = acceptLanguage
+    .split(",")
+    .map((part) => {
+      const [tag, ...params] = part.trim().split(";");
+      const quality = params
+        .map((p) => p.trim())
+        .find((p) => p.startsWith("q="));
+
+      return {
+        base: tag.trim().toLowerCase().split("-")[0],
+        quality: quality ? parseFloat(quality.slice(2)) : 1,
+      };
+    })
+    .filter((entry) => entry.base && !Number.isNaN(entry.quality))
+    .sort((a, b) => b.quality - a.quality);
+
+  return ranked.map((entry) => entry.base).find(isLocale);
+}
diff --git a/frontend/src/i18n/get-request-locale.ts b/frontend/src/i18n/get-request-locale.ts
new file mode 100644
index 00000000..186789b2
--- /dev/null
+++ b/frontend/src/i18n/get-request-locale.ts
@@ -0,0 +1,19 @@
+import { cookies, headers } from "next/headers";
+
+import {
+  defaultLocale,
+  isLocale,
+  LOCALE_COOKIE,
+  matchLocale,
+  type Locale,
+} from "./config";
+
+// Server-side locale resolution for non-render contexts (e.g. sending a
+// transactional email from a route handler). Same priority as request.ts:
+// NEXT_LOCALE cookie, then the Accept-Language header, then the default.
+export async function getRequestLocale(): Promise<Locale> {
+  const cookieLocale = (await cookies()).get(LOCALE_COOKIE)?.value;
+  if (isLocale(cookieLocale)) return cookieLocale;
+
+  return matchLocale((await headers()).get("accept-language")) ?? defaultLocale;
+}
diff --git a/frontend/src/i18n/intl-client-provider.tsx b/frontend/src/i18n/intl-client-provider.tsx
new file mode 100644
index 00000000..1c194764
--- /dev/null
+++ b/frontend/src/i18n/intl-client-provider.tsx
@@ -0,0 +1,36 @@
+"use client";
+
+import { NextIntlClientProvider } from "next-intl";
+import type { ComponentProps, ReactNode } from "react";
+
+import { TIME_ZONE } from "./config";
+import { getMessageFallback, onIntlError } from "./message-fallback";
+
+type ProviderProps = ComponentProps<typeof NextIntlClientProvider>;
+
+interface IntlClientProviderProps {
+  locale: ProviderProps["locale"];
+  messages: ProviderProps["messages"];
+  children: ReactNode;
+}
+
+// Wraps NextIntlClientProvider so the graceful hr fallback + non-throwing error
+// handler also apply on the client. These are functions and can't be passed
+// across the server/client boundary, so they're wired here in a client module.
+export function IntlClientProvider({
+  locale,
+  messages,
+  children,
+}: IntlClientProviderProps) {
+  return (
+    <NextIntlClientProvider
+      locale={locale}
+      messages={messages}
+      timeZone={TIME_ZONE}
+      onError={onIntlError}
+      getMessageFallback={getMessageFallback}
+    >
+      {children}
+    </NextIntlClientProvider>
+  );
+}
diff --git a/frontend/src/i18n/locale-actions.ts b/frontend/src/i18n/locale-actions.ts
new file mode 100644
index 00000000..9ef51c90
--- /dev/null
+++ b/frontend/src/i18n/locale-actions.ts
@@ -0,0 +1,19 @@
+"use server";
+
+import { cookies } from "next/headers";
+
+import { isLocale, LOCALE_COOKIE, type Locale } from "./config";
+
+// Persists the chosen locale in the NEXT_LOCALE cookie so it survives reloads and
+// is available to the request config on the next render. The switcher calls this,
+// then refreshes the router to re-render with the new locale.
+export async function setLocale(locale: Locale): Promise<void> {
+  if (!isLocale(locale)) return;
+
+  const store = await cookies();
+  store.set(LOCALE_COOKIE, locale, {
+    path: "/",
+    maxAge: 60 * 60 * 24 * 365,
+    sameSite: "lax",
+  });
+}
diff --git a/frontend/src/i18n/message-fallback.ts b/frontend/src/i18n/message-fallback.ts
new file mode 100644
index 00000000..aa8a401e
--- /dev/null
+++ b/frontend/src/i18n/message-fallback.ts
@@ -0,0 +1,33 @@
+import { IntlErrorCode, type IntlError } from "next-intl";
+
+import hrMessages from "./messages/hr.json";
+
+interface FallbackArgs {
+  namespace?: string;
+  key: string;
+  error: IntlError;
+}
+
+// Parity is enforced (pnpm i18n:check + the ESLint rule), so a missing key
+// should never ship. If one somehow slips through, resolve it from the default
+// (hr) catalog rather than surfacing the raw "namespace.key" path to the user.
+export function getMessageFallback({ namespace, key }: FallbackArgs): string {
+  const path = namespace ? `${namespace}.${key}` : key;
+
+  const resolved = path.split(".").reduce<unknown>(
+    (value, segment) =>
+      value && typeof value === "object"
+        ? (value as Record<string, unknown>)[segment]
+        : undefined,
+    hrMessages,
+  );
+
+  return typeof resolved === "string" ? resolved : path;
+}
+
+// A missing message is handled by getMessageFallback above, so don't let
+// next-intl throw (its dev default) for it. Everything else is still logged.
+export function onIntlError(error: IntlError): void {
+  if (error.code === IntlErrorCode.MISSING_MESSAGE) return;
+  console.error(error);
+}
diff --git a/frontend/src/i18n/messages/de.json b/frontend/src/i18n/messages/de.json
new file mode 100644
index 00000000..92e45c9b
--- /dev/null
+++ b/frontend/src/i18n/messages/de.json
@@ -0,0 +1,783 @@
+{
+  "metadata": {
+    "title": "Disscount - Finde die besten Preise in Kroatien",
+    "description": "Vergleiche Produktpreise in kroatischen Geschäften, erstelle Einkaufslisten und verfolge Rabatte."
+  },
+  "common": {
+    "comingSoonBadge": "BALD",
+    "searchProducts": "Produkte suchen...",
+    "searchPlaceholder": "Suchen...",
+    "search": "Suchen",
+    "clearSearch": "Suche löschen",
+    "scanBarcode": "Barcode scannen",
+    "toggle": "Umschalten",
+    "language": "Sprache",
+    "cancel": "Abbrechen",
+    "save": "Speichern",
+    "add": "Hinzufügen",
+    "remove": "Entfernen",
+    "update": "Aktualisieren",
+    "create": "Erstellen",
+    "delete": "Löschen",
+    "show": "Anzeigen",
+    "hide": "Ausblenden",
+    "unknown": "Unbekannt",
+    "loading": "Wird geladen...",
+    "noResultsTitle": "Keine Ergebnisse",
+    "noResultsDescription": "Versuche einen anderen Suchbegriff",
+    "gridView": "Rasteransicht",
+    "listView": "Listenansicht",
+    "viewMode": "Ansichtsmodus",
+    "emailPlaceholder": "nutzer@example.com",
+    "storeChainPlaceholder": "Geschäft",
+    "selectStoreChains": "Geschäftsketten auswählen...",
+    "logoAlt": "Disscount-Logo",
+    "copyrightAria": "Copyright Jakov Jakovac {year}",
+    "unknownProduct": "Unbekanntes Produkt"
+  },
+  "navigation": {
+    "dashboard": { "label": "Dashboard", "short": "Dashboard" },
+    "shopping-lists": { "label": "Einkaufslisten", "short": "Listen" },
+    "watchlist": { "label": "Beobachtete Produkte", "short": "Beobachtet" },
+    "digital-cards": { "label": "Digitale Karten", "short": "Karten" },
+    "spending": { "label": "Ausgaben", "short": "Ausgaben" },
+    "map": { "label": "Karte", "short": "Karte" },
+    "stores": { "label": "Geschäfte", "short": "Geschäfte" },
+    "locations": { "label": "Standorte", "short": "Standorte" },
+    "statistics": { "label": "Statistik", "short": "Statistik" },
+    "updates": { "label": "Neuigkeiten", "short": "News" },
+    "suggestions": { "label": "Ideen & Vorschläge", "short": "Ideen" }
+  },
+  "auth": {
+    "signInCta": "Anmelden",
+    "modal": {
+      "loginTitle": "Anmelden",
+      "signupTitle": "Registrieren",
+      "forgotTitle": "Passwort vergessen",
+      "or": "oder",
+      "continueGoogle": "Mit Google fortfahren",
+      "continueFacebook": "Mit Facebook fortfahren",
+      "lastUsed": "Letzte Anmeldung",
+      "comingSoon": "BALD",
+      "terms": "Indem du fortfährst, akzeptierst du unsere <terms>Nutzungsbedingungen</terms> und <privacy>Datenschutzrichtlinie</privacy>.",
+      "noAccount": "Noch kein Konto?",
+      "signUpLink": "Registrieren",
+      "haveAccount": "Bereits ein Konto?",
+      "signInLink": "Anmelden"
+    },
+    "socialError": "Fehler bei der Anmeldung mit {provider}. Bitte versuche es erneut.",
+    "inboxSpamHint": "Vergiss nicht, auch deinen Spam-/Junk-Ordner zu prüfen.",
+    "oauthErrors": {
+      "emailNotFound": "Dein Facebook-Konto hat keine E-Mail-Adresse geteilt. Melde dich per E-Mail oder mit einem Facebook-Konto an, das eine E-Mail hat.",
+      "emailMismatch": "Die Verknüpfung ist fehlgeschlagen, weil dieses Konto eine andere E-Mail-Adresse verwendet. Du kannst nur Konten verknüpfen, die dieselbe E-Mail-Adresse wie deine haben.",
+      "accountAlreadyLinked": "Dieses Konto ist bereits mit einem anderen Disscount-Benutzer verknüpft. Du kannst es nicht mit diesem Konto verknüpfen.",
+      "accountNotLinked": "Diese Anmeldung konnte nicht automatisch mit einem bestehenden Konto verknüpft werden. Melde dich mit deiner bestehenden Methode an und verknüpfe das Konto in den Sicherheitseinstellungen.",
+      "restart": "Der Anmeldevorgang ist abgelaufen oder wurde unterbrochen. Bitte versuche es erneut.",
+      "default": "Bei der Anmeldung ist ein Fehler aufgetreten. Bitte versuche es erneut."
+    },
+    "login": {
+      "emailLabel": "E-Mail",
+      "passwordLabel": "Passwort",
+      "forgotPassword": "Passwort vergessen?",
+      "submit": "Anmelden",
+      "lastUsed": "Letzte Anmeldung",
+      "success": "Erfolgreich angemeldet!",
+      "genericError": "Fehler bei der Anmeldung. Bitte versuche es erneut.",
+      "emailNotVerified": "Deine E-Mail ist noch nicht bestätigt. Wir haben dir einen neuen Link gesendet - prüfe dein Postfach (und Spam).",
+      "invalidCredentials": "Falsche E-Mail oder falsches Passwort",
+      "checkInput": "Überprüfe deine Eingaben."
+    },
+    "signup": {
+      "emailLabel": "E-Mail",
+      "passwordLabel": "Passwort",
+      "confirmPasswordLabel": "Passwort bestätigen",
+      "submit": "Registrieren",
+      "genericError": "Fehler bei der Registrierung. Bitte versuche es erneut.",
+      "checkInput": "Überprüfe deine Eingaben.",
+      "inboxTitle": "Überprüfe dein Postfach",
+      "inboxDescription": "Wir haben dir eine E-Mail mit einem Link zum Abschluss der Registrierung gesendet an:"
+    },
+    "forgotPassword": {
+      "intro": "Gib deine E-Mail-Adresse ein und wir senden dir einen Link, um ein neues Passwort festzulegen.",
+      "emailLabel": "E-Mail",
+      "submit": "Link senden",
+      "backToLogin": "Zurück zur Anmeldung",
+      "sendError": "Fehler beim Senden des Links. Bitte versuche es erneut.",
+      "inboxTitle": "Überprüfe dein Postfach",
+      "inboxDescription": "Falls ein Konto mit dieser Adresse existiert, haben wir einen Link zum Festlegen eines neuen Passworts gesendet an:"
+    }
+  },
+  "comingSoon": {
+    "defaultDescription": "Diese Funktion wird derzeit entwickelt und ist bald verfügbar."
+  },
+  "hero": {
+    "or": "oder",
+    "scanBarcode": "Barcode scannen",
+    "searchPlaceholder": "Produkte suchen...",
+    "taglines": [
+      "Vergleiche Geschäfte und Preise!",
+      "Spare bei jedem Einkauf!",
+      "Verpasse nie ein Angebot!",
+      "Vergiss die Karten - entlaste deine Geldbörse!",
+      "Erstelle und teile eine Einkaufsliste!",
+      "Verfolge den Preisverlauf!",
+      "Scanne einen Barcode und vergleiche Preise!",
+      "Genieße smartes Einkaufen!",
+      "Finde die besten Angebote in Kroatien!",
+      "Kaufe Qualität für weniger!",
+      "Kaufe smart, spare mehr!",
+      "Dein Partner beim smarten Einkaufen!",
+      "Vergiss Kataloge und Prospekte!"
+    ]
+  },
+  "pages": {
+    "home": {
+      "metaTitle": "Finde die besten Preise in Kroatien",
+      "metaDescription": "App für Käufer in Kroatien: Vergleiche Ladenpreise, erstelle smarte Einkaufslisten, verwalte Treuekarten und erhalte Rabatt-Benachrichtigungen mit Barcode-Scan und KI-Vorschlägen."
+    },
+    "products": {
+      "metaTitle": "Produkte",
+      "metaDescription": "Verfügbare Produkte durchsuchen.",
+      "searchPlaceholder": "Produkte suchen...",
+      "searchResults": "Suchergebnisse für \"{query}\"{count}",
+      "errorTitle": "Suchfehler",
+      "errorDescription": "Beim Abrufen der Daten ist ein Fehler aufgetreten. Bitte versuche es erneut.",
+      "startTitle": "Suche starten",
+      "startDescription": "Gib den Namen des gesuchten Produkts ein"
+    },
+    "watchlist": {
+      "metaTitle": "Beobachtungsliste",
+      "metaDescription": "Verfolge Produktpreise und werde über Rabatte benachrichtigt.",
+      "searchPlaceholder": "Beobachtungsliste durchsuchen...",
+      "searchResults": "Suchergebnisse für \"{query}\" ({count})",
+      "heading": "Beobachtete Produkte{count}",
+      "pricesUpdated": "Preise aktualisiert",
+      "emptyTitle": "Keine beobachteten Produkte",
+      "emptyDescription": "Füge Produkte zu deiner Beobachtungsliste hinzu, um über Rabatte benachrichtigt zu werden.",
+      "suggestionsHeading": "Vorgeschlagene Produkte zum Beobachten ({count})",
+      "show": "Anzeigen",
+      "hide": "Ausblenden",
+      "createDiscountedList": "Rabattliste erstellen ({count})",
+      "creatingList": "Liste wird erstellt...",
+      "discountedListTitle": "Rabattiert {date}",
+      "partialFailRemoved": "Einige Artikel konnten nicht hinzugefügt werden. Die Liste wurde automatisch entfernt.",
+      "partialFailNotRemoved": "Einige Artikel konnten nicht hinzugefügt werden, und die Liste konnte nicht automatisch entfernt werden.",
+      "createSuccess": "Rabattliste erfolgreich erstellt",
+      "createError": "Fehler beim Erstellen der Rabattliste",
+      "addProductAria": "Produkt hinzufügen",
+      "removeProductAria": "Produkt entfernen",
+      "removed": "Produkt von der Beobachtungsliste entfernt",
+      "removeProductError": "Fehler beim Entfernen des Produkts",
+      "partialRemove": "Teilweise Entfernung: {count} Artikel konnten nicht entfernt werden.",
+      "discountLoadError": "Fehler beim Laden",
+      "discountNoData": "Keine Daten",
+      "setPreferences": "Einstellungen festlegen",
+      "unavailable": "Nicht verfügbar"
+    },
+    "shoppingLists": {
+      "metaTitle": "Einkaufslisten",
+      "metaDescription": "Verwalte deine Einkaufslisten.",
+      "publicTooltip": "Die Liste ist öffentlich",
+      "privateTooltip": "Die Liste ist privat",
+      "searchPlaceholder": "Einkaufslisten durchsuchen...",
+      "searchResults": "Suchergebnisse für \"{query}\" ({count})",
+      "heading": "Meine Einkaufslisten{count}",
+      "emptyTitle": "Keine Einkaufslisten",
+      "emptyDescription": "Erstelle deine erste Einkaufsliste…",
+      "create": "Einkaufsliste erstellen",
+      "modal": {
+        "editTitle": "Einkaufsliste bearbeiten",
+        "createTitle": "Neue Einkaufsliste",
+        "nameLabel": "Listenname",
+        "namePlaceholder": "Grillen 01.05.2026"
+      },
+      "deleteDialog": {
+        "title": "Einkaufsliste löschen",
+        "description": "Möchtest du die Liste \"{title}\" wirklich löschen? Diese Aktion kann nicht rückgängig gemacht werden."
+      }
+    },
+    "suggestions": {
+      "metaTitle": "Ideen & Vorschläge",
+      "metaDescription": "Schlage neue Funktionen vor und stimme für die ab, die du sehen möchtest.",
+      "searchPlaceholder": "Ideen und Vorschläge durchsuchen...",
+      "searchResults": "Suchergebnisse für \"{query}\" ({count})",
+      "heading": "Ideen & Vorschläge ({count})",
+      "backToList": "Zurück zu Ideen und Vorschlägen",
+      "comments": "Kommentare ({count})",
+      "noComments": "Noch keine Kommentare. Sei der Erste, der kommentiert, sobald die Funktion verfügbar ist."
+    },
+    "updates": {
+      "metaTitle": "Neuigkeiten",
+      "metaDescription": "Neueste Beiträge und Neuigkeiten über Disscount.",
+      "searchPlaceholder": "Neuigkeiten durchsuchen...",
+      "searchResults": "Suchergebnisse für \"{query}\" ({count})",
+      "heading": "Neuigkeiten ({count})",
+      "newPost": "Neuer Beitrag",
+      "newPostSoon": "Das Erstellen von Beiträgen ist bald verfügbar."
+    },
+    "spending": {
+      "metaTitle": "Ausgaben",
+      "metaDescription": "Übersicht und Analyse deiner Ausgaben.",
+      "title": "Ausgaben",
+      "comingSoonDescription": "Übersicht und Analyse deiner Ausgaben sind bald verfügbar."
+    },
+    "digitalCards": {
+      "metaTitle": "Meine digitalen Karten",
+      "metaDescription": "Digitale Karten ansehen und verwalten.",
+      "add": "Digitale Karte hinzufügen",
+      "searchPlaceholder": "Digitale Karten durchsuchen...",
+      "searchResults": "Suchergebnisse für \"{query}\" ({count})",
+      "heading": "Meine digitalen Karten{count}",
+      "emptyTitle": "Keine digitalen Karten",
+      "emptyDescription": "Erstelle deine erste digitale Karte…",
+      "edit": "Bearbeiten",
+      "deleteConfirm": "Möchtest du die Karte \"{title}\" wirklich löschen?",
+      "deleted": "Karte gelöscht.",
+      "deleteError": "Fehler beim Löschen: {message}",
+      "createdLabel": "Erstellt {date}",
+      "modal": {
+        "editTitle": "Digitale Karte bearbeiten",
+        "createTitle": "Neue digitale Karte",
+        "titleLabel": "Kartenname",
+        "valueLabel": "Wert/Code",
+        "typeLabel": "Kartentyp",
+        "typePlaceholder": "Typ auswählen",
+        "typeLoyalty": "Treuekarte",
+        "typeDiscount": "Rabattkarte",
+        "typeMembership": "Mitgliedschaft",
+        "typeGift": "Geschenkkarte",
+        "typeOther": "Sonstiges",
+        "codeTypeLabel": "Codetyp",
+        "codeTypePlaceholder": "Codetyp auswählen",
+        "codeBarcode": "Barcode",
+        "codeQr": "QR-Code",
+        "codeNumber": "Nummer",
+        "codeText": "Text",
+        "colorLabel": "Kartenfarbe",
+        "noteLabel": "Notiz",
+        "notePlaceholder": "Notiz eingeben",
+        "noteHint": "Zusätzliche Infos zu deiner Karte ({remaining} übrig).",
+        "updated": "Digitale Karte erfolgreich aktualisiert!",
+        "updateError": "Beim Aktualisieren der Karte ist ein Fehler aufgetreten",
+        "created": "Digitale Karte erfolgreich erstellt!",
+        "createError": "Beim Erstellen der Karte ist ein Fehler aufgetreten"
+      }
+    },
+    "statistics": {
+      "metaTitle": "Statistik",
+      "metaDescription": "Übersicht der Statistiken von Ladenketten.",
+      "heading": "Statistik",
+      "description": "Übersicht der Statistiken von Ladenketten.",
+      "checking": "Status wird geprüft...",
+      "apiCheckError": "Fehler beim Prüfen der API-Verfügbarkeit",
+      "apiAvailable": "Preis-API ist verfügbar",
+      "apiUnavailable": "Preis-API ist nicht verfügbar",
+      "chainStatsHeading": "Statistiken nach Kette",
+      "noData": "Keine Daten",
+      "storeCount": "{count, plural, one {# Geschäft} other {# Geschäfte}}",
+      "priceCount": "{count, plural, one {# Preis} other {# Preise}}",
+      "city": "Stadt",
+      "address": "Adresse",
+      "loadingStores": "Geschäfte werden geladen...",
+      "noStores": "Keine Geschäftsdaten"
+    },
+    "map": {
+      "metaTitle": "Karte und Öffnungszeiten der Geschäfte",
+      "metaDescription": "Geschäfte und ihre Öffnungszeiten auf der Karte ansehen.",
+      "searchPlaceholder": "Nach Geschäftsname oder Adresse suchen...",
+      "searchResultsPlain": "Suchergebnisse für \"{query}\"",
+      "heading": "Karte und Öffnungszeiten der Geschäfte",
+      "comingSoon": "Die Suche nach Geschäften nach Kettenname oder Adresse und die Anzeige ihrer Öffnungszeiten auf einer interaktiven Karte sind bald verfügbar."
+    },
+    "offline": {
+      "metaTitle": "Keine Internetverbindung",
+      "metaDescription": "Du bist derzeit offline.",
+      "title": "Keine Internetverbindung 📡",
+      "description": "Du bist derzeit offline. Gespeicherte Listen, beobachtete Produkte und kürzlich angesehene Produkte sind weiterhin verfügbar.",
+      "checkConnection": "Überprüfe deine Verbindung und versuche es erneut.",
+      "retry": "Erneut versuchen"
+    },
+    "notFound": {
+      "metaTitle": "Seite nicht gefunden - 404",
+      "metaDescription": "Die gesuchte Seite existiert nicht.",
+      "heading": "Hmm… das ist peinlich. 😅",
+      "descriptionBefore": "Es sieht so aus, als ob die Seite",
+      "descriptionAfter": "nicht existiert.",
+      "help": "Kehren wir gemeinsam zur Startseite zurück, oder melde einen Fehler!",
+      "reportError": "Fehler melden",
+      "backHome": "Zurück zur Startseite"
+    },
+    "dashboard": {
+      "metaTitle": "Dashboard",
+      "metaDescription": "Dashboard für Partner, den öffentlichen Sektor und Administratoren.",
+      "heading": "Dashboard",
+      "userManagement": "Benutzerverwaltung",
+      "noAdminInfo": "Daten und Tools sind hier bald verfügbar.",
+      "colUsername": "Benutzername",
+      "colEmail": "E-Mail",
+      "colAccountType": "Kontotyp",
+      "you": "Du",
+      "deleteAccountAria": "Konto löschen",
+      "accountTypeUpdated": "Kontotyp aktualisiert!",
+      "accountTypeError": "Fehler beim Ändern des Kontotyps.",
+      "accountDeleted": "Konto gelöscht!",
+      "deleteError": "Fehler beim Löschen des Kontos.",
+      "loadError": "Fehler beim Laden der Benutzer.",
+      "deleteTitle": "Konto löschen",
+      "deleteConfirm": "Möchtest du das Konto {name} wirklich löschen? Diese Aktion kann nicht rückgängig gemacht werden.",
+      "confirmDelete": "Konto löschen"
+    },
+    "productDetail": {
+      "metaTitle": "Produktdetails",
+      "metaDescription": "Produktpreisvergleich."
+    },
+    "resetPassword": {
+      "metaTitle": "Neues Passwort",
+      "metaDescription": "Lege ein neues Passwort für dein Disscount-Konto fest.",
+      "title": "Neues Passwort",
+      "description": "Lege ein neues Passwort für dein Disscount-Konto fest.",
+      "missingToken": "Token fehlt. Fordere über „Passwort vergessen?“ auf dem Anmeldebildschirm einen neuen Link an.",
+      "newPasswordLabel": "Neues Passwort",
+      "confirmLabel": "Neues Passwort bestätigen",
+      "submit": "Passwort festlegen",
+      "invalidLink": "Der Link ist ungültig oder abgelaufen. Fordere einen neuen an.",
+      "error": "Fehler beim Festlegen des Passworts. Bitte versuche es erneut.",
+      "success": "Passwort festgelegt. Du kannst dich jetzt anmelden."
+    },
+    "suggestionDetail": {
+      "metaTitle": "Ideen & Vorschläge - Details",
+      "metaDescription": "Vorschlagsdetails und Community-Kommentare."
+    },
+    "postDetail": {
+      "metaTitleFallback": "Neuigkeiten",
+      "metaDescriptionFallback": "Beitragsdetails.",
+      "backToNews": "Zurück zu den Neuigkeiten"
+    },
+    "shoppingListDetail": {
+      "metaTitle": "Einkaufsliste - Details",
+      "metaDescription": "Artikel auf deiner Einkaufsliste ansehen und verwalten."
+    }
+  },
+  "legal": {
+    "lastUpdated": "21. Juni 2026",
+    "documentsLabel": "Rechtliche Dokumente",
+    "lastUpdatedLabel": "Zuletzt aktualisiert",
+    "draftNotice": "Dies ist eine vorläufige, gekürzte Version. Das endgültige Rechtsdokument ist in Arbeit.",
+    "dataDeletion": {
+      "metaTitle": "Datenlöschung",
+      "metaDescription": "So löschst du dein Konto und deine Daten aus der Disscount-App.",
+      "title": "Datenlöschung",
+      "intro": "Anleitung zum Löschen deines Kontos und der zugehörigen Daten aus Disscount.",
+      "inAppHeading": "Löschen in der App",
+      "inAppBody": "Melde dich an, öffne das Kontomenü und wähle Sicherheit. Dort kannst du dein Konto löschen. Beim Löschen wird deine Anmelde-Identität entfernt, und persönliche Daten (Name, E-Mail, Profilbild) werden dauerhaft entfernt.",
+      "onRequestHeading": "Löschung auf Anfrage",
+      "onRequestBody": "Wenn du nicht auf dein Konto zugreifen kannst, sende eine Löschanfrage an <mail>info@disscount.me</mail> von der mit dem Konto verknüpften E-Mail-Adresse. Wir bearbeiten Anfragen innerhalb einer angemessenen Frist.",
+      "whatDeletedHeading": "Was gelöscht wird",
+      "whatDeletedBody": "Wir entfernen deine persönlichen Daten und deinen Kontozugang. Einige anonymisierte Aufzeichnungen können aufbewahrt werden, sofern gesetzlich vorgeschrieben."
+    },
+    "privacy": {
+      "metaTitle": "Datenschutzrichtlinie",
+      "metaDescription": "Wie Disscount deine Daten erfasst und verwendet.",
+      "title": "Datenschutzrichtlinie",
+      "intro": "Diese Richtlinie erklärt, welche Daten Disscount erfasst und wie sie verwendet werden.",
+      "collectHeading": "Welche Daten wir erfassen",
+      "collectBody": "Bei der Anmeldung erfassen wir deinen Namen, deine E-Mail-Adresse und, falls verfügbar, dein Profilbild vom Anmeldeanbieter (Google oder Facebook). Wir speichern auch Daten, die du in der App erstellst, wie Einkaufslisten und Einstellungen.",
+      "useHeading": "Wie wir Daten verwenden",
+      "useBody": "Wir verwenden deine Daten, um den Dienst bereitzustellen, dich anzumelden, deine Listen und Einstellungen anzuzeigen und die von dir aktivierten Benachrichtigungen zu senden.",
+      "shareHeading": "Weitergabe von Daten",
+      "shareBody": "Wir verkaufen deine Daten nicht. Wir nutzen Google und Facebook ausschließlich für die Anmeldung über deine bestehenden Konten.",
+      "deleteHeading": "Datenlöschung",
+      "deleteBody": "Du kannst dein Konto und die zugehörigen Daten jederzeit in der App löschen. Eine Anleitung findest du auf der Seite zur Datenlöschung.",
+      "contactHeading": "Kontakt",
+      "contactBody": "Bei Fragen zum Datenschutz wende dich an <mail>info@disscount.me</mail>."
+    },
+    "terms": {
+      "metaTitle": "Nutzungsbedingungen",
+      "metaDescription": "Nutzungsbedingungen der Disscount-App.",
+      "title": "Nutzungsbedingungen",
+      "intro": "Mit der Nutzung der Disscount-App akzeptierst du diese Bedingungen.",
+      "acceptHeading": "Annahme der Bedingungen",
+      "acceptBody": "Durch den Zugriff auf die App oder ihre Nutzung stimmst du diesen Bedingungen zu. Wenn du nicht zustimmst, nutze die App bitte nicht.",
+      "useHeading": "Nutzung des Dienstes",
+      "useBody": "Disscount dient dem Preisvergleich und der Organisation von Einkäufen. Du stimmst zu, die App nicht für rechtswidrige Zwecke oder auf eine Weise zu nutzen, die ihren Betrieb stört.",
+      "accountsHeading": "Konten",
+      "accountsBody": "Du bist für die Aktivitäten in deinem Konto verantwortlich. Du kannst dein Konto jederzeit in der App löschen.",
+      "liabilityHeading": "Haftung",
+      "liabilityBody": "Die App wird „wie besehen“ bereitgestellt. Preise und Daten können von denen in den Geschäften abweichen, und wir garantieren nicht ihre vollständige Richtigkeit.",
+      "changesHeading": "Änderungen",
+      "changesBody": "Wir können diese Bedingungen von Zeit zu Zeit aktualisieren. Die fortgesetzte Nutzung nach Änderungen bedeutet die Annahme der neuen Bedingungen.",
+      "contactHeading": "Kontakt",
+      "contactBody": "Bei Fragen zu den Bedingungen wende dich an <mail>info@disscount.me</mail>."
+    }
+  },
+  "userMenu": {
+    "preferences": "Einstellungen",
+    "profile": "Profil",
+    "security": "Sicherheit",
+    "logout": "Abmelden",
+    "avatarAria": "Benutzermenü"
+  },
+  "accountTypes": {
+    "ADMIN": "Admin",
+    "CONSUMER": "Benutzer",
+    "ENTERPRISE": "Partner",
+    "PUBLIC_SECTOR": "Öffentlicher Sektor"
+  },
+  "acquisitionChannels": {
+    "GOOGLE_SEARCH": "Google-Suche",
+    "INSTAGRAM": "Instagram",
+    "FACEBOOK": "Facebook",
+    "TIKTOK": "TikTok",
+    "YOUTUBE": "YouTube",
+    "FRIEND_OR_FAMILY": "Empfehlung von Freunden oder Familie",
+    "ONLINE_AD": "Online-Werbung",
+    "BLOG_OR_NEWS": "Blog, Artikel oder Medien",
+    "APP_STORE": "App Store / Google Play",
+    "POSTER_OR_FLYER": "Plakat oder Flyer",
+    "EVENT": "Messe oder Veranstaltung",
+    "OTHER": "Sonstiges"
+  },
+  "notifications": {
+    "savingsToday": "Gesamtersparnis heute:",
+    "savingsDetail": "(≥ {amount}€ für {count, plural, one {# Produkt} other {# Produkte}})",
+    "loading": "Wird geladen...",
+    "noDiscountsToday": "Heute keine Rabatte auf deine beobachteten Produkte.",
+    "emptyPrompt": "Füge Produkte zu deiner Beobachtungsliste hinzu und wir benachrichtigen dich, wenn die gewünschten Produkte in deinen Geschäften im Angebot sind!",
+    "addProducts": "Produkte hinzufügen"
+  },
+  "settings": {
+    "preferences": {
+      "title": "Einstellungen",
+      "storesLabel": "Geschäfte",
+      "storesHint": "Wähle Geschäfte in deiner Nähe.",
+      "locationsLabel": "Standorte",
+      "locationsHint": "Wähle Standorte in deiner Nähe.",
+      "locationsPlaceholder": "Standorte auswählen...",
+      "footer": "Du kannst diese Einstellungen jederzeit in deinen Kontoeinstellungen ändern.",
+      "saveStoresError": "Fehler beim Speichern der Geschäftseinstellungen",
+      "saveLocationsError": "Fehler beim Speichern der Standorteinstellungen",
+      "saveError": "Fehler beim Speichern der Einstellungen",
+      "saveSuccess": "Einstellungen erfolgreich gespeichert!"
+    },
+    "profile": {
+      "title": "Profil",
+      "usernameLabel": "Benutzername",
+      "usernameHint": "Wie sollen wir dich nennen?",
+      "avatarLabel": "Avatar (optional)",
+      "uploadImage": "Bild hochladen",
+      "remove": "Entfernen",
+      "avatarHint": "PNG, JPG oder GIF (bis 1 MB).",
+      "pushLabel": "App-Benachrichtigungen erlauben",
+      "pushHint": "In der mobilen App erhältst du Benachrichtigungen über Angebote zu von dir gewählten Produkten.",
+      "emailLabel": "E-Mail-Benachrichtigungen erlauben",
+      "emailHint": "Per E-Mail erhältst du Benachrichtigungen über Angebote zu von dir gewählten Produkten.",
+      "newsletterLabel": "Neuigkeiten und Updates",
+      "newsletterHint": "Gelegentliche Neuigkeiten über Disscount an deine E-Mail.",
+      "feedbackLabel": "Kontakt für Feedback",
+      "feedbackHint": "Erlaube uns, dich für Feedback zur App zu kontaktieren.",
+      "acquisitionLabel": "Wie hast du von Disscount erfahren?",
+      "acquisitionPlaceholder": "Quelle auswählen",
+      "acquisitionHint": "Hilft uns zu wissen, wo wir dich besser erreichen können.",
+      "footer": "Du kannst diese Angaben später in deinen Kontoeinstellungen ändern.",
+      "avatarTooLarge": "Das Bild ist zu groß. Die maximale Größe beträgt 1 MB.",
+      "avatarError": "Fehler beim Hochladen des Bildes.",
+      "saveSuccess": "Profil erfolgreich gespeichert!",
+      "saveError": "Fehler beim Speichern des Profils",
+      "checkInput": "Überprüfe deine Eingaben."
+    },
+    "security": {
+      "title": "Sicherheit",
+      "description": "Verwalte deine Anmeldungen und dein Konto.",
+      "loginSection": "Anmeldung und Sicherheit",
+      "linkedSection": "Verbundene Konten",
+      "dangerZone": "Gefahrenzone",
+      "loadError": "Fehler beim Laden der Kontodaten. Bitte versuche es erneut.",
+      "logoutAllTitle": "Von allen Geräten abmelden",
+      "logoutAllHint": "Melde dich von allen anderen Geräten außer diesem ab.",
+      "logoutAll": "Abmelden",
+      "deleteAccountTitle": "Konto löschen",
+      "deleteAccountHint": "Lösche dein Konto und alle Daten dauerhaft.",
+      "deleteAccount": "Löschen",
+      "logoutAllError": "Fehler beim Abmelden von allen Geräten.",
+      "logoutAllSuccess": "Du wurdest von allen anderen Geräten abgemeldet!",
+      "logoutAllErrorDetail": "Fehler beim Abmelden von allen Geräten: {message}",
+      "unknownError": "Unbekannter Fehler",
+      "deleteError": "Fehler beim Löschen des Kontos. Bitte versuche es erneut.",
+      "deleteSuccess": "Konto erfolgreich gelöscht!",
+      "userNotFound": "Benutzerkonto nicht gefunden.",
+      "serverError": "Serverfehler. Bitte versuche es erneut.",
+      "deleteErrorGeneric": "Fehler beim Löschen des Kontos.",
+      "deleteErrorNetwork": "Fehler beim Löschen des Kontos. Überprüfe deine Internetverbindung.",
+      "logoutAllConfirmDesc": "Möchtest du dich wirklich von allen anderen Geräten abmelden? Diese Sitzung bleibt aktiv.",
+      "deleteConfirmTitle": "Konto löschen",
+      "deleteConfirmDesc": "Diese Aktion kann nicht rückgängig gemacht werden. Alle deine Daten werden dauerhaft gelöscht.",
+      "deleteConfirm": "Konto löschen"
+    },
+    "credentials": {
+      "emailLabel": "E-Mail",
+      "setPasswordHint": "Lege ein Passwort fest, um deine E-Mail ändern zu können.",
+      "socialLinkedHint": "Um deine E-Mail zu ändern, trenne zuerst deine verbundenen Konten (Google, Facebook).",
+      "newPasswordLabel": "Neues Passwort",
+      "passwordLabel": "Passwort",
+      "leaveBlankHint": "Leer lassen, wenn du dein Passwort nicht änderst.",
+      "currentPasswordLabel": "Aktuelles Passwort",
+      "currentPasswordHint": "Erforderlich, um deine E-Mail oder dein Passwort zu ändern.",
+      "invalidEmail": "Gib eine gültige E-Mail ein",
+      "enterCurrentPassword": "Gib dein aktuelles Passwort ein",
+      "setPasswordError": "Fehler beim Festlegen des Passworts.",
+      "passwordSet": "Passwort festgelegt! Du kannst dich jetzt auch per E-Mail anmelden.",
+      "noChanges": "Keine Änderungen zum Speichern.",
+      "wrongCurrentPassword": "Aktuelles Passwort ist falsch.",
+      "changePasswordError": "Fehler beim Ändern des Passworts.",
+      "changeEmailSocialError": "Um deine E-Mail zu ändern, trenne zuerst deine verbundenen Konten (Google, Facebook).",
+      "changeEmailError": "Fehler beim Ändern der E-Mail.",
+      "passwordChangedEmailPending": "Passwort geändert. Um deine E-Mail zu ändern, bestätige den an deine aktuelle Adresse gesendeten Link.",
+      "emailChangePending": "Wir haben einen Bestätigungslink an deine aktuelle E-Mail-Adresse gesendet. Die E-Mail-Änderung wird nach der Bestätigung wirksam.",
+      "passwordChanged": "Passwort geändert.",
+      "genericError": "Etwas ist schiefgelaufen. Bitte versuche es erneut."
+    },
+    "linkedAccounts": {
+      "connected": "Verbunden",
+      "unlink": "Trennen",
+      "link": "Verbinden",
+      "cannotUnlinkOnly": "Du kannst deine einzige Anmeldemethode nicht trennen.",
+      "linkError": "Fehler beim Verbinden des Kontos.",
+      "unlinkError": "Fehler beim Trennen des Kontos.",
+      "unlinkSuccess": "Konto getrennt."
+    }
+  },
+  "productDetail": {
+    "notFoundTitle": "Produkt nicht gefunden",
+    "notFoundDescription": "Die Daten für dieses Produkt konnten nicht geladen werden.",
+    "storeChainsHeading": "Preise nach Ladenkette",
+    "pricesRefreshed": "Preise aktualisiert",
+    "pricesError": "Fehler beim Laden der Preise. Bitte versuche es erneut.",
+    "noPrices": "Keine Preise für dieses Produkt verfügbar.",
+    "producer": "Marke",
+    "barcode": "Barcode",
+    "quantity": "Menge",
+    "prices": "Preise",
+    "unitPrices": "Grundpreis",
+    "searchImage": "Nach einem Produktbild suchen",
+    "addToListAction": "Zur Einkaufsliste hinzufügen",
+    "watchProduct": "Produkt beobachten",
+    "updateWatch": "Beobachtung aktualisieren",
+    "dataFrom": "Daten vom {date}",
+    "min": "Min",
+    "avg": "Durchschn.",
+    "max": "Max",
+    "pricesByLocation": "Preise nach Standort",
+    "location": "Standort",
+    "address": "Adresse",
+    "price": "Preis",
+    "noChainPrices": "Keine Preise für diese Kette verfügbar",
+    "unknownPrice": "Unbekannter Preis"
+  },
+  "addToList": {
+    "title": "Produkt zur Einkaufsliste hinzufügen",
+    "listLabel": "Einkaufsliste",
+    "createNewList": "Neue Liste erstellen \"{title}\"",
+    "selectPlaceholder": "Liste auswählen...",
+    "searchPlaceholder": "Deine Listen durchsuchen oder eine neue erstellen...",
+    "emptyHint": "Beginne zu tippen, um deine erste Einkaufsliste direkt hier zu erstellen.",
+    "existingLists": "Bestehende Listen",
+    "newListGroup": "Neue Einkaufsliste",
+    "storeLabel": "Geschäft",
+    "adding": "Wird hinzugefügt",
+    "duplicateTitle": "Produkt bereits in der Einkaufsliste",
+    "duplicateText": "Dieses Produkt ist bereits in der ausgewählten Einkaufsliste. Durch das Hinzufügen wird nur seine Menge in der Liste von {from} auf {to} erhöht.",
+    "addedToast": "Produkt zu \"{name}\" hinzugefügt",
+    "createdToast": "Einkaufsliste \"{name}\" erstellt",
+    "addError": "Fehler beim Hinzufügen zur Liste: {message}",
+    "createError": "Fehler beim Erstellen der Einkaufsliste: {message}",
+    "fallbackListName": "Liste",
+    "markCheckedLabel": "Produkt als bereits gekauft markieren",
+    "markCheckedHint": "Du kannst dies später in der Einkaufsliste ändern",
+    "quantityLabel": "Menge",
+    "decreaseBy": "Menge um {n} verringern",
+    "increaseBy": "Menge um {n} erhöhen"
+  },
+  "watchModal": {
+    "title": "Zur Beobachtungsliste hinzufügen",
+    "mode": "Verfolgungsmodus",
+    "priceMode": "Preis",
+    "priceModeHint": "Werde benachrichtigt, wenn der Preis um einen bestimmten Betrag fällt",
+    "percentMode": "Prozentsatz",
+    "percentModeHint": "Werde benachrichtigt, wenn der Rabatt größer als ein bestimmter Prozentsatz ist",
+    "existingTitle": "Produkt bereits auf der Beobachtungsliste",
+    "minReductionPct": "Mindestreduzierung (%):",
+    "minReductionAbs": "Mindestreduzierung (€):",
+    "placeholderAbs": "z. B. 12€",
+    "placeholderPct": "z. B. 15%",
+    "decreaseThresholdBy": "Schwelle um {n} verringern",
+    "increaseThresholdBy": "Schwelle um {n} erhöhen",
+    "updatePreview": "Die Mindestschwelle wird von {old} auf {new} aktualisiert.",
+    "saving": "Wird gespeichert...",
+    "invalidValue": "Gib einen gültigen Wert ein",
+    "percentRange": "Der Prozentsatz muss zwischen {min}% und {max}% liegen",
+    "amountRange": "Der Betrag muss zwischen {min}€ und {max}€ liegen",
+    "thresholdUpdated": "Schwelle von {old} auf {new} aktualisiert",
+    "added": "Produkt zur Beobachtungsliste hinzugefügt",
+    "saveError": "Fehler beim Speichern",
+    "removeError": "Fehler beim Entfernen",
+    "removedPercent": "Prozentsatz wird für dieses Produkt nicht mehr verfolgt",
+    "removedPrice": "Preis wird für dieses Produkt nicht mehr verfolgt",
+    "existingPercentPart": "einer Mindestprozentschwelle von {value}%",
+    "existingAbsPart": "einer Mindestrabattschwelle von {value}€",
+    "existingJoin": "und",
+    "existingText": "Dieses Produkt ist bereits auf der Beobachtungsliste mit {parts}."
+  },
+  "scanner": {
+    "title": "Code scannen",
+    "checking": "Kamerazugriff wird geprüft...",
+    "permissionError": "Für das Scannen ist Kamerazugriff erforderlich. Bitte aktiviere den Kamerazugriff in deinen Browsereinstellungen.",
+    "scanError": "Fehler beim Scannen. Bitte versuche es erneut.",
+    "instruction": "Richte die Kamera auf den Code"
+  },
+  "shoppingListDetail": {
+    "errorTitle": "Fehler",
+    "errorText": "Einkaufsliste nicht gefunden oder ein Fehler ist aufgetreten.",
+    "backToLists": "Zurück zu den Einkaufslisten",
+    "listRefreshed": "Liste aktualisiert",
+    "created": "Erstellt",
+    "updated": "Aktualisiert",
+    "total": "Gesamt",
+    "remaining": "Verbleibend",
+    "spent": "Ausgegeben",
+    "saved": "Gespart",
+    "overpaid": "Zu viel bezahlt",
+    "productsHeading": "Produkte ({count})",
+    "productsHeadingChecked": "Produkte ({checked}/{total} gekauft)",
+    "emptyItems": "Diese Liste enthält noch keine Produkte. Suche nach Produkten und füge sie dieser Liste hinzu.",
+    "storeChainsHeading": "Preise nach Ladenkette",
+    "noStorePrices": "Keine Preise für die Artikel auf dieser Liste verfügbar.",
+    "public": "Liste ist öffentlich",
+    "private": "Liste ist privat",
+    "share": "Liste teilen",
+    "copy": "Liste kopieren",
+    "edit": "Liste bearbeiten",
+    "deleteAction": "Liste löschen",
+    "moreOptions": "Weitere Optionen",
+    "removeItem": "Produkt entfernen",
+    "increaseQuantity": "Menge um 1 erhöhen",
+    "decreaseQuantity": "Menge um 1 verringern",
+    "colProduct": "Produkt",
+    "colQuantity": "Menge",
+    "colPrice": "Preis",
+    "colTotal": "Gesamt",
+    "noItems": "Keine Artikel auf der Einkaufsliste",
+    "unavailable": "Produkt nicht verfügbar",
+    "unavailableTooltip": "Produkt ist in diesem Geschäft nicht verfügbar",
+    "lowestPrice": "niedrigster Preis",
+    "highestPrice": "höchster Preis",
+    "productAvailability": "Produktverfügbarkeit",
+    "productsUnavailable": "Produkte nicht verfügbar ({available}/{total})",
+    "copySuffix": "(Kopie)",
+    "toasts": {
+      "updateItemError": "Fehler beim Aktualisieren des Artikels. Bitte versuche es erneut.",
+      "deleteItemError": "Fehler beim Löschen des Artikels. Bitte versuche es erneut.",
+      "itemDeleted": "Artikel erfolgreich gelöscht!",
+      "deleteListError": "Fehler beim Löschen der Einkaufsliste. Bitte versuche es erneut.",
+      "listDeleted": "Einkaufsliste erfolgreich gelöscht!",
+      "listCopied": "Einkaufsliste erfolgreich kopiert!",
+      "copyListError": "Fehler beim Kopieren der Einkaufsliste",
+      "shared": "Liste in die Zwischenablage kopiert!",
+      "shareError": "Fehler beim Kopieren der Liste",
+      "listUpdated": "Einkaufsliste erfolgreich aktualisiert!",
+      "updateListError": "Beim Aktualisieren der Liste ist ein Fehler aufgetreten",
+      "listCreated": "Einkaufsliste erfolgreich erstellt!",
+      "createListError": "Beim Erstellen der Liste ist ein Fehler aufgetreten",
+      "offlineSync": "Du bist offline - die Änderung wird synchronisiert, sobald du wieder online bist."
+    }
+  },
+  "priceHistory": {
+    "heading": "Preisverlauf",
+    "noData": "Keine historischen Daten verfügbar.",
+    "avg": "Durchschn.",
+    "period1W": "1W",
+    "period1M": "1M",
+    "period1Y": "1J",
+    "periodAll": "Alle"
+  },
+  "offline": {
+    "refreshed": "Aktualisiert",
+    "withPending": "Offline - gespeicherte Änderungen ({count}) werden später synchronisiert.",
+    "cached": "Offline - gespeicherte Daten werden angezeigt."
+  },
+  "pwa": {
+    "bannerText": "Füge Disscount zu deinem Startbildschirm hinzu für schnelleren Zugriff.",
+    "close": "Schließen",
+    "addToHome": "Zum Startbildschirm hinzufügen",
+    "instructionsDescription": "Füge Disscount in wenigen Schritten zu deinem Startbildschirm hinzu.",
+    "iosStep1": "Tippe in Safari auf die Schaltfläche <icon></icon> <b>Teilen</b>.",
+    "iosStep2": "Wähle <icon></icon> <b>Zum Home-Bildschirm</b>.",
+    "iosStep3": "Bestätige mit <b>Hinzufügen</b>.",
+    "androidStep1": "Öffne das Browser-Menü <icon></icon>.",
+    "androidStep2": "Wähle <icon></icon> <b>Zum Startbildschirm hinzufügen</b> (oder <b>App installieren</b>).",
+    "androidStep3": "Bestätige deine Auswahl."
+  },
+  "validation": {
+    "passwordRule": "Das Passwort muss mindestens 12 Zeichen lang sein und mindestens einen Großbuchstaben, einen Kleinbuchstaben und eine Zahl (0-9) enthalten.",
+    "invalidEmail": "Gib eine gültige E-Mail ein",
+    "enterPassword": "Gib dein Passwort ein",
+    "passwordsMismatch": "Passwörter stimmen nicht überein",
+    "usernameMin": "Benutzername muss mindestens 2 Zeichen lang sein",
+    "usernameMax": "Benutzername darf höchstens 40 Zeichen lang sein",
+    "listTitleMin": "Name muss mindestens 3 Zeichen lang sein",
+    "titleMax100": "Name darf höchstens 100 Zeichen lang sein",
+    "eanRequired": "EAN-Code ist erforderlich",
+    "productNameRequired": "Produktname ist erforderlich",
+    "amountMin": "Die Menge muss größer als 0 sein",
+    "amountMax": "Die Menge darf nicht größer als {max} sein",
+    "productApiIdRequired": "Produkt-API-ID ist erforderlich",
+    "watchTypeRequired": "Verfolgungstyp ist erforderlich",
+    "thresholdPositive": "Die Schwelle muss eine positive Zahl sein",
+    "cardTitleRequired": "Name ist erforderlich",
+    "valueRequired": "Wert ist erforderlich",
+    "valueMax": "Wert darf höchstens 500 Zeichen lang sein",
+    "typeRequired": "Typ ist erforderlich",
+    "typeMax": "Typ darf höchstens 50 Zeichen lang sein",
+    "codeTypeRequired": "Codetyp ist erforderlich",
+    "codeTypeMax": "Codetyp darf höchstens 50 Zeichen lang sein",
+    "colorHex": "Farbe muss im HEX-Format sein (#ffffff)",
+    "noteMax": "Notiz darf höchstens 500 Zeichen lang sein"
+  },
+  "emails": {
+    "common": {
+      "linkFallback": "Wenn der Button nicht funktioniert, kopiere diesen Link und füge ihn in deinen Browser ein:",
+      "footerNotice": "Du erhältst diese E-Mail, weil ein Disscount-Konto mit dieser Adresse verknüpft ist. Du kannst deine E-Mail-Einstellungen ändern, wenn du dich <link>bei Disscount anmeldest</link>."
+    },
+    "verify": {
+      "subject": "Bestätige deine E-Mail-Adresse",
+      "preview": "Bestätige deine E-Mail-Adresse für Disscount",
+      "heading": "Bestätige deine E-Mail-Adresse",
+      "intro": "Danke für deine Registrierung! Klicke auf den Button unten, um deine E-Mail-Adresse zu bestätigen und dein Disscount-Konto zu aktivieren.",
+      "button": "E-Mail bestätigen",
+      "footnote": "Wenn du dieses Konto nicht angefordert hast, kannst du diese E-Mail ignorieren."
+    },
+    "reset": {
+      "subject": "Passwort zurücksetzen",
+      "preview": "Setze dein Disscount-Passwort zurück",
+      "heading": "Passwort zurücksetzen",
+      "intro": "Du hast eine Zurücksetzung des Passworts angefordert. Klicke auf den Button unten, um ein neues Passwort festzulegen. Der Link ist begrenzt gültig.",
+      "button": "Neues Passwort festlegen",
+      "footnote": "Wenn du diese Änderung nicht angefordert hast, ignoriere diese E-Mail - dein Passwort bleibt unverändert."
+    },
+    "setPassword": {
+      "subject": "Lege ein Passwort für dein Konto fest",
+      "preview": "Lege ein Passwort für dein Disscount-Konto fest",
+      "heading": "Lege ein Passwort für dein Konto fest",
+      "intro": "Für diese E-Mail-Adresse existiert bereits ein Disscount-Konto (Anmeldung über Google oder Facebook). Klicke auf den Button unten, um ein Passwort festzulegen, damit du dich künftig auch per E-Mail anmelden kannst. Der Link ist begrenzt gültig.",
+      "button": "Passwort festlegen",
+      "footnote": "Wenn du das nicht angefordert hast, ignoriere diese E-Mail - dein Konto bleibt unverändert."
+    },
+    "changeEmail": {
+      "subject": "Bestätige deine E-Mail-Änderung",
+      "preview": "Bestätige deine E-Mail-Änderung",
+      "heading": "Bestätige deine E-Mail-Änderung",
+      "intro": "Es wurde eine Änderung der E-Mail-Adresse deines Disscount-Kontos zu <b>{newEmail}</b> angefordert. Klicke auf den Button unten, um die Änderung zu bestätigen.",
+      "button": "Änderung bestätigen",
+      "footnote": "Wenn du diese Änderung nicht angefordert hast, ändere sofort dein Passwort und kontaktiere uns - deine Adresse bleibt unverändert, bis du bestätigst."
+    }
+  }
+}
diff --git a/frontend/src/i18n/messages/en.json b/frontend/src/i18n/messages/en.json
new file mode 100644
index 00000000..26a6ea47
--- /dev/null
+++ b/frontend/src/i18n/messages/en.json
@@ -0,0 +1,783 @@
+{
+  "metadata": {
+    "title": "Disscount - Find the best prices in Croatia",
+    "description": "Compare product prices across Croatian stores, build shopping lists, and track discounts."
+  },
+  "common": {
+    "comingSoonBadge": "SOON",
+    "searchProducts": "Search products...",
+    "searchPlaceholder": "Search...",
+    "search": "Search",
+    "clearSearch": "Clear search",
+    "scanBarcode": "Scan barcode",
+    "toggle": "Toggle",
+    "language": "Language",
+    "cancel": "Cancel",
+    "save": "Save",
+    "add": "Add",
+    "remove": "Remove",
+    "update": "Update",
+    "create": "Create",
+    "delete": "Delete",
+    "show": "Show",
+    "hide": "Hide",
+    "unknown": "Unknown",
+    "loading": "Loading...",
+    "noResultsTitle": "No results",
+    "noResultsDescription": "Try a different search term",
+    "gridView": "Grid view",
+    "listView": "List view",
+    "viewMode": "View mode",
+    "emailPlaceholder": "user@example.com",
+    "storeChainPlaceholder": "Store",
+    "selectStoreChains": "Select store chains...",
+    "logoAlt": "Disscount logo",
+    "copyrightAria": "Copyright Jakov Jakovac {year}",
+    "unknownProduct": "Unknown product"
+  },
+  "navigation": {
+    "dashboard": { "label": "Dashboard", "short": "Dashboard" },
+    "shopping-lists": { "label": "Shopping lists", "short": "Lists" },
+    "watchlist": { "label": "Watched products", "short": "Watching" },
+    "digital-cards": { "label": "Digital cards", "short": "Cards" },
+    "spending": { "label": "Spending", "short": "Spending" },
+    "map": { "label": "Map", "short": "Map" },
+    "stores": { "label": "Stores", "short": "Stores" },
+    "locations": { "label": "Locations", "short": "Locations" },
+    "statistics": { "label": "Statistics", "short": "Statistics" },
+    "updates": { "label": "News", "short": "News" },
+    "suggestions": { "label": "Ideas & suggestions", "short": "Ideas" }
+  },
+  "auth": {
+    "signInCta": "Sign in",
+    "modal": {
+      "loginTitle": "Sign in",
+      "signupTitle": "Sign up",
+      "forgotTitle": "Forgot password",
+      "or": "or",
+      "continueGoogle": "Continue with Google",
+      "continueFacebook": "Continue with Facebook",
+      "lastUsed": "Last sign-in",
+      "comingSoon": "SOON",
+      "terms": "By continuing, you accept our <terms>Terms of Service</terms> and <privacy>Privacy Policy</privacy>.",
+      "noAccount": "Don't have an account yet?",
+      "signUpLink": "Sign up",
+      "haveAccount": "Already have an account?",
+      "signInLink": "Sign in"
+    },
+    "socialError": "Error signing in with {provider}. Please try again.",
+    "inboxSpamHint": "Don't forget to check your spam / junk folder too.",
+    "oauthErrors": {
+      "emailNotFound": "Your Facebook account didn't share an email address. Sign in with email or a Facebook account that has an email.",
+      "emailMismatch": "Linking failed because that account uses a different email address. You can only link accounts that have the same email address as yours.",
+      "accountAlreadyLinked": "That account is already linked to a different Disscount user. You can't link it to this account.",
+      "accountNotLinked": "This sign-in couldn't be automatically linked to an existing account. Sign in with your existing method, then link the account in security settings.",
+      "restart": "The sign-in process expired or was interrupted. Please try again.",
+      "default": "An error occurred during sign-in. Please try again."
+    },
+    "login": {
+      "emailLabel": "Email",
+      "passwordLabel": "Password",
+      "forgotPassword": "Forgot password?",
+      "submit": "Sign in",
+      "lastUsed": "Last sign-in",
+      "success": "Signed in successfully!",
+      "genericError": "Error signing in. Please try again.",
+      "emailNotVerified": "Your email isn't verified yet. We've sent you a new link - check your inbox (and spam).",
+      "invalidCredentials": "Incorrect email or password",
+      "checkInput": "Check the details you entered."
+    },
+    "signup": {
+      "emailLabel": "Email",
+      "passwordLabel": "Password",
+      "confirmPasswordLabel": "Confirm password",
+      "submit": "Sign up",
+      "genericError": "Error signing up. Please try again.",
+      "checkInput": "Check the details you entered.",
+      "inboxTitle": "Check your inbox",
+      "inboxDescription": "We've sent you an email with a link to complete your registration to:"
+    },
+    "forgotPassword": {
+      "intro": "Enter your email address and we'll send you a link to set a new password.",
+      "emailLabel": "Email",
+      "submit": "Send link",
+      "backToLogin": "Back to sign in",
+      "sendError": "Error sending the link. Please try again.",
+      "inboxTitle": "Check your inbox",
+      "inboxDescription": "If an account with that address exists, we've sent a link to set a new password to:"
+    }
+  },
+  "comingSoon": {
+    "defaultDescription": "This feature is under development and will be available soon."
+  },
+  "hero": {
+    "or": "or",
+    "scanBarcode": "Scan barcode",
+    "searchPlaceholder": "Search products...",
+    "taglines": [
+      "Compare stores and prices!",
+      "Save on every purchase!",
+      "Never miss a deal!",
+      "Forget the cards - lighten your wallet!",
+      "Create and share a shopping list!",
+      "Track price history!",
+      "Scan a barcode and compare prices!",
+      "Enjoy smart shopping!",
+      "Find the best deals in Croatia!",
+      "Shop quality for less!",
+      "Shop smart, save more!",
+      "Your partner in smart shopping!",
+      "Forget catalogs and flyers!"
+    ]
+  },
+  "pages": {
+    "home": {
+      "metaTitle": "Find the best prices in Croatia",
+      "metaDescription": "App for shoppers in Croatia to compare store prices, create smart shopping lists, track loyalty cards, and get deal alerts with barcode scanning & AI suggestions."
+    },
+    "products": {
+      "metaTitle": "Products",
+      "metaDescription": "Browse available products.",
+      "searchPlaceholder": "Search products...",
+      "searchResults": "Search results for \"{query}\"{count}",
+      "errorTitle": "Search error",
+      "errorDescription": "Something went wrong while fetching data. Please try again.",
+      "startTitle": "Start searching",
+      "startDescription": "Enter the name of the product you're looking for"
+    },
+    "watchlist": {
+      "metaTitle": "Watchlist",
+      "metaDescription": "Track product prices and get notified about discounts.",
+      "searchPlaceholder": "Search the watchlist...",
+      "searchResults": "Search results for \"{query}\" ({count})",
+      "heading": "Watched products{count}",
+      "pricesUpdated": "Prices updated",
+      "emptyTitle": "No watched products",
+      "emptyDescription": "Add products to your watchlist to get notified about discounts.",
+      "suggestionsHeading": "Suggested products to watch ({count})",
+      "show": "Show",
+      "hide": "Hide",
+      "createDiscountedList": "Create discounted list ({count})",
+      "creatingList": "Creating list...",
+      "discountedListTitle": "Discounted {date}",
+      "partialFailRemoved": "Some items couldn't be added. The list was removed automatically.",
+      "partialFailNotRemoved": "Some items couldn't be added, and the list couldn't be removed automatically.",
+      "createSuccess": "Discounted list created successfully",
+      "createError": "Error creating the discounted list",
+      "addProductAria": "Add product",
+      "removeProductAria": "Remove product",
+      "removed": "Product removed from the watchlist",
+      "removeProductError": "Error removing the product",
+      "partialRemove": "Partial removal: {count} items couldn't be removed.",
+      "discountLoadError": "Error loading",
+      "discountNoData": "No data",
+      "setPreferences": "Set preferences",
+      "unavailable": "Unavailable"
+    },
+    "shoppingLists": {
+      "metaTitle": "Shopping lists",
+      "metaDescription": "Manage your shopping lists.",
+      "publicTooltip": "The list is public",
+      "privateTooltip": "The list is private",
+      "searchPlaceholder": "Search shopping lists...",
+      "searchResults": "Search results for \"{query}\" ({count})",
+      "heading": "My shopping lists{count}",
+      "emptyTitle": "No shopping lists",
+      "emptyDescription": "Create your first shopping list…",
+      "create": "Create shopping list",
+      "modal": {
+        "editTitle": "Edit shopping list",
+        "createTitle": "New shopping list",
+        "nameLabel": "List name",
+        "namePlaceholder": "Barbecue 05/01/2026"
+      },
+      "deleteDialog": {
+        "title": "Delete shopping list",
+        "description": "Are you sure you want to delete the list \"{title}\"? This action can't be undone."
+      }
+    },
+    "suggestions": {
+      "metaTitle": "Ideas & suggestions",
+      "metaDescription": "Suggest new features and vote for the ones you want to see.",
+      "searchPlaceholder": "Search ideas and suggestions...",
+      "searchResults": "Search results for \"{query}\" ({count})",
+      "heading": "Ideas & suggestions ({count})",
+      "backToList": "Back to ideas and suggestions",
+      "comments": "Comments ({count})",
+      "noComments": "No comments yet. Be the first to comment when the feature becomes available."
+    },
+    "updates": {
+      "metaTitle": "News",
+      "metaDescription": "Latest posts and news about Disscount.",
+      "searchPlaceholder": "Search news...",
+      "searchResults": "Search results for \"{query}\" ({count})",
+      "heading": "News ({count})",
+      "newPost": "New post",
+      "newPostSoon": "Creating posts will be available soon."
+    },
+    "spending": {
+      "metaTitle": "Spending",
+      "metaDescription": "Overview and analysis of your spending.",
+      "title": "Spending",
+      "comingSoonDescription": "Overview and analysis of your spending will be available soon."
+    },
+    "digitalCards": {
+      "metaTitle": "My digital cards",
+      "metaDescription": "View and manage your digital cards.",
+      "add": "Add digital card",
+      "searchPlaceholder": "Search digital cards...",
+      "searchResults": "Search results for \"{query}\" ({count})",
+      "heading": "My digital cards{count}",
+      "emptyTitle": "No digital cards",
+      "emptyDescription": "Create your first digital card…",
+      "edit": "Edit",
+      "deleteConfirm": "Are you sure you want to delete the card \"{title}\"?",
+      "deleted": "Card deleted.",
+      "deleteError": "Error while deleting: {message}",
+      "createdLabel": "Created {date}",
+      "modal": {
+        "editTitle": "Edit digital card",
+        "createTitle": "New digital card",
+        "titleLabel": "Card name",
+        "valueLabel": "Value/Code",
+        "typeLabel": "Card type",
+        "typePlaceholder": "Select a type",
+        "typeLoyalty": "Loyalty card",
+        "typeDiscount": "Discount card",
+        "typeMembership": "Membership",
+        "typeGift": "Gift card",
+        "typeOther": "Other",
+        "codeTypeLabel": "Code type",
+        "codeTypePlaceholder": "Select a code type",
+        "codeBarcode": "Barcode",
+        "codeQr": "QR code",
+        "codeNumber": "Number",
+        "codeText": "Text",
+        "colorLabel": "Card color",
+        "noteLabel": "Note",
+        "notePlaceholder": "Enter a note",
+        "noteHint": "Additional info about your card ({remaining} left).",
+        "updated": "Digital card updated successfully!",
+        "updateError": "An error occurred while updating the card",
+        "created": "Digital card created successfully!",
+        "createError": "An error occurred while creating the card"
+      }
+    },
+    "statistics": {
+      "metaTitle": "Statistics",
+      "metaDescription": "Overview of store chain statistics.",
+      "heading": "Statistics",
+      "description": "Overview of store chain statistics.",
+      "checking": "Checking status...",
+      "apiCheckError": "Error checking API availability",
+      "apiAvailable": "Prices API is available",
+      "apiUnavailable": "Prices API is unavailable",
+      "chainStatsHeading": "Statistics by chain",
+      "noData": "No data",
+      "storeCount": "{count, plural, one {# store} other {# stores}}",
+      "priceCount": "{count, plural, one {# price} other {# prices}}",
+      "city": "City",
+      "address": "Address",
+      "loadingStores": "Loading stores...",
+      "noStores": "No store data"
+    },
+    "map": {
+      "metaTitle": "Store map and opening hours",
+      "metaDescription": "View stores and their opening hours on the map.",
+      "searchPlaceholder": "Search by store name or address...",
+      "searchResultsPlain": "Search results for \"{query}\"",
+      "heading": "Store map and opening hours",
+      "comingSoon": "Searching stores by chain name or address and viewing their opening hours on an interactive map will be available soon."
+    },
+    "offline": {
+      "metaTitle": "No internet connection",
+      "metaDescription": "You are currently offline.",
+      "title": "No internet connection 📡",
+      "description": "You are currently offline. Saved lists, watched products, and recently viewed products are still available.",
+      "checkConnection": "Check your connection and try again.",
+      "retry": "Try again"
+    },
+    "notFound": {
+      "metaTitle": "Page not found - 404",
+      "metaDescription": "The page you're looking for doesn't exist.",
+      "heading": "Hmm… this is awkward. 😅",
+      "descriptionBefore": "It looks like the page",
+      "descriptionAfter": "doesn't exist.",
+      "help": "Let's head back to the home page together, or report an issue!",
+      "reportError": "Report an issue",
+      "backHome": "Back to home"
+    },
+    "dashboard": {
+      "metaTitle": "Dashboard",
+      "metaDescription": "Dashboard for partners, the public sector, and administrators.",
+      "heading": "Dashboard",
+      "userManagement": "User management",
+      "noAdminInfo": "Data and tools will be available here soon.",
+      "colUsername": "Username",
+      "colEmail": "Email",
+      "colAccountType": "Account type",
+      "you": "You",
+      "deleteAccountAria": "Delete account",
+      "accountTypeUpdated": "Account type updated!",
+      "accountTypeError": "Error changing account type.",
+      "accountDeleted": "Account deleted!",
+      "deleteError": "Error deleting account.",
+      "loadError": "Error loading users.",
+      "deleteTitle": "Delete account",
+      "deleteConfirm": "Are you sure you want to delete the account {name}? This action can't be undone.",
+      "confirmDelete": "Delete account"
+    },
+    "productDetail": {
+      "metaTitle": "Product details",
+      "metaDescription": "Product price comparison."
+    },
+    "resetPassword": {
+      "metaTitle": "New password",
+      "metaDescription": "Set a new password for your Disscount account.",
+      "title": "New password",
+      "description": "Set a new password for your Disscount account.",
+      "missingToken": "Token is missing. Request a new link via “Forgot password?” on the sign-in screen.",
+      "newPasswordLabel": "New password",
+      "confirmLabel": "Confirm new password",
+      "submit": "Set password",
+      "invalidLink": "The link is invalid or expired. Request a new one.",
+      "error": "Error setting the password. Please try again.",
+      "success": "Password set. You can now sign in."
+    },
+    "suggestionDetail": {
+      "metaTitle": "Ideas & suggestions - Details",
+      "metaDescription": "Suggestion details and community comments."
+    },
+    "postDetail": {
+      "metaTitleFallback": "News",
+      "metaDescriptionFallback": "Post details.",
+      "backToNews": "Back to news"
+    },
+    "shoppingListDetail": {
+      "metaTitle": "Shopping list - Details",
+      "metaDescription": "View and manage items on your shopping list."
+    }
+  },
+  "legal": {
+    "lastUpdated": "June 21, 2026",
+    "documentsLabel": "Legal documents",
+    "lastUpdatedLabel": "Last updated",
+    "draftNotice": "This is a temporary, abridged version. The final legal document is in progress.",
+    "dataDeletion": {
+      "metaTitle": "Data deletion",
+      "metaDescription": "How to delete your account and data from the Disscount app.",
+      "title": "Data deletion",
+      "intro": "Instructions for deleting your account and related data from Disscount.",
+      "inAppHeading": "Deleting in the app",
+      "inAppBody": "Sign in, open the account menu, and choose Security. There you can delete your account. Deletion removes your sign-in identity, and personal data (name, email, profile picture) is permanently removed.",
+      "onRequestHeading": "Deletion on request",
+      "onRequestBody": "If you can't access your account, send a deletion request to <mail>info@disscount.me</mail> from the email address linked to the account. We process requests within a reasonable time.",
+      "whatDeletedHeading": "What gets deleted",
+      "whatDeletedBody": "We remove your personal data and account access. Some anonymized records may be retained where required by law."
+    },
+    "privacy": {
+      "metaTitle": "Privacy policy",
+      "metaDescription": "How Disscount collects and uses your data.",
+      "title": "Privacy policy",
+      "intro": "This policy explains what data Disscount collects and how it is used.",
+      "collectHeading": "What data we collect",
+      "collectBody": "When you sign in, we collect your name, email address, and, if available, profile picture from the sign-in provider (Google or Facebook). We also store data you create in the app, such as shopping lists and settings.",
+      "useHeading": "How we use data",
+      "useBody": "We use your data to provide the service, sign you in, display your lists and settings, and send the notifications you've enabled.",
+      "shareHeading": "Data sharing",
+      "shareBody": "We don't sell your data. We use Google and Facebook solely for sign-in via your existing accounts.",
+      "deleteHeading": "Data deletion",
+      "deleteBody": "You can delete your account and related data at any time within the app. Instructions are on the data deletion page.",
+      "contactHeading": "Contact",
+      "contactBody": "For privacy questions, reach out at <mail>info@disscount.me</mail>."
+    },
+    "terms": {
+      "metaTitle": "Terms of service",
+      "metaDescription": "Terms of service for the Disscount app.",
+      "title": "Terms of service",
+      "intro": "By using the Disscount app you accept these terms.",
+      "acceptHeading": "Acceptance of terms",
+      "acceptBody": "By accessing or using the app you agree to these terms. If you don't agree, please don't use the app.",
+      "useHeading": "Use of the service",
+      "useBody": "Disscount is for comparing prices and organizing shopping. You agree not to use the app for unlawful purposes or in a way that disrupts its operation.",
+      "accountsHeading": "Accounts",
+      "accountsBody": "You are responsible for activity on your account. You can delete your account at any time within the app.",
+      "liabilityHeading": "Liability",
+      "liabilityBody": "The app is provided \"as is\". Prices and data may differ from those in stores, and we don't guarantee their full accuracy.",
+      "changesHeading": "Changes",
+      "changesBody": "We may update these terms from time to time. Continued use after changes means acceptance of the new terms.",
+      "contactHeading": "Contact",
+      "contactBody": "For questions about the terms, reach out at <mail>info@disscount.me</mail>."
+    }
+  },
+  "userMenu": {
+    "preferences": "Preferences",
+    "profile": "Profile",
+    "security": "Security",
+    "logout": "Log out",
+    "avatarAria": "User menu"
+  },
+  "accountTypes": {
+    "ADMIN": "Admin",
+    "CONSUMER": "User",
+    "ENTERPRISE": "Partner",
+    "PUBLIC_SECTOR": "Public sector"
+  },
+  "acquisitionChannels": {
+    "GOOGLE_SEARCH": "Google search",
+    "INSTAGRAM": "Instagram",
+    "FACEBOOK": "Facebook",
+    "TIKTOK": "TikTok",
+    "YOUTUBE": "YouTube",
+    "FRIEND_OR_FAMILY": "Friend or family recommendation",
+    "ONLINE_AD": "Online ad",
+    "BLOG_OR_NEWS": "Blog, article, or media",
+    "APP_STORE": "App Store / Google Play",
+    "POSTER_OR_FLYER": "Poster or flyer",
+    "EVENT": "Fair or event",
+    "OTHER": "Other"
+  },
+  "notifications": {
+    "savingsToday": "Total savings today:",
+    "savingsDetail": "(≥ {amount}€ on {count, plural, one {# product} other {# products}})",
+    "loading": "Loading...",
+    "noDiscountsToday": "No discounts on your watched products today.",
+    "emptyPrompt": "Add products to your watchlist and we'll notify you when the products you want go on sale in your stores!",
+    "addProducts": "Add products"
+  },
+  "settings": {
+    "preferences": {
+      "title": "Preferences",
+      "storesLabel": "Stores",
+      "storesHint": "Select stores near you.",
+      "locationsLabel": "Locations",
+      "locationsHint": "Select locations near you.",
+      "locationsPlaceholder": "Select locations...",
+      "footer": "You can change these preferences anytime in your account settings.",
+      "saveStoresError": "Error saving store preferences",
+      "saveLocationsError": "Error saving location preferences",
+      "saveError": "Error saving preferences",
+      "saveSuccess": "Preferences saved successfully!"
+    },
+    "profile": {
+      "title": "Profile",
+      "usernameLabel": "Username",
+      "usernameHint": "What should we call you?",
+      "avatarLabel": "Avatar (optional)",
+      "uploadImage": "Upload image",
+      "remove": "Remove",
+      "avatarHint": "PNG, JPG, or GIF (up to 1 MB).",
+      "pushLabel": "Allow app notifications",
+      "pushHint": "You'll get notifications in the mobile app about deals on products you choose.",
+      "emailLabel": "Allow email notifications",
+      "emailHint": "You'll get email notifications about deals on products you choose.",
+      "newsletterLabel": "News and updates",
+      "newsletterHint": "Occasional news about Disscount to your email.",
+      "feedbackLabel": "Contact for feedback",
+      "feedbackHint": "Allow us to reach out for feedback about the app.",
+      "acquisitionLabel": "How did you hear about Disscount?",
+      "acquisitionPlaceholder": "Select a source",
+      "acquisitionHint": "Helps us know where we can reach you better.",
+      "footer": "You can change this information later in your account settings.",
+      "avatarTooLarge": "The image is too large. The maximum size is 1 MB.",
+      "avatarError": "Error uploading the image.",
+      "saveSuccess": "Profile saved successfully!",
+      "saveError": "Error saving profile",
+      "checkInput": "Check the details you entered."
+    },
+    "security": {
+      "title": "Security",
+      "description": "Manage your sign-ins and your account.",
+      "loginSection": "Sign-in and security",
+      "linkedSection": "Linked accounts",
+      "dangerZone": "Danger zone",
+      "loadError": "Error loading account data. Please try again.",
+      "logoutAllTitle": "Log out of all devices",
+      "logoutAllHint": "Log out of all other devices except this one.",
+      "logoutAll": "Log out",
+      "deleteAccountTitle": "Delete account",
+      "deleteAccountHint": "Permanently delete your account and all data.",
+      "deleteAccount": "Delete",
+      "logoutAllError": "Error logging out of all devices.",
+      "logoutAllSuccess": "You've been logged out of all other devices!",
+      "logoutAllErrorDetail": "Error logging out of all devices: {message}",
+      "unknownError": "Unknown error",
+      "deleteError": "Error deleting account. Please try again.",
+      "deleteSuccess": "Account deleted successfully!",
+      "userNotFound": "User account not found.",
+      "serverError": "Server error. Please try again.",
+      "deleteErrorGeneric": "Error deleting account.",
+      "deleteErrorNetwork": "Error deleting account. Check your internet connection.",
+      "logoutAllConfirmDesc": "Are you sure you want to log out of all other devices? This session stays active.",
+      "deleteConfirmTitle": "Delete account",
+      "deleteConfirmDesc": "This action can't be undone. All your data will be permanently deleted.",
+      "deleteConfirm": "Delete account"
+    },
+    "credentials": {
+      "emailLabel": "Email",
+      "setPasswordHint": "Set a password to be able to change your email.",
+      "socialLinkedHint": "To change your email, first unlink your connected accounts (Google, Facebook).",
+      "newPasswordLabel": "New password",
+      "passwordLabel": "Password",
+      "leaveBlankHint": "Leave blank if you're not changing your password.",
+      "currentPasswordLabel": "Current password",
+      "currentPasswordHint": "Required to change your email or password.",
+      "invalidEmail": "Enter a valid email",
+      "enterCurrentPassword": "Enter your current password",
+      "setPasswordError": "Error setting the password.",
+      "passwordSet": "Password set! You can now sign in with email too.",
+      "noChanges": "No changes to save.",
+      "wrongCurrentPassword": "Current password is incorrect.",
+      "changePasswordError": "Error changing the password.",
+      "changeEmailSocialError": "To change your email, first unlink your connected accounts (Google, Facebook).",
+      "changeEmailError": "Error changing the email.",
+      "passwordChangedEmailPending": "Password changed. To change your email, confirm the link sent to your current address.",
+      "emailChangePending": "We've sent a confirmation link to your current email address. The email change will apply after confirmation.",
+      "passwordChanged": "Password changed.",
+      "genericError": "Something went wrong. Please try again."
+    },
+    "linkedAccounts": {
+      "connected": "Connected",
+      "unlink": "Unlink",
+      "link": "Link",
+      "cannotUnlinkOnly": "You can't unlink your only sign-in method.",
+      "linkError": "Error linking the account.",
+      "unlinkError": "Error unlinking the account.",
+      "unlinkSuccess": "Account unlinked."
+    }
+  },
+  "productDetail": {
+    "notFoundTitle": "Product not found",
+    "notFoundDescription": "Couldn't load data for this product.",
+    "storeChainsHeading": "Prices by store chain",
+    "pricesRefreshed": "Prices updated",
+    "pricesError": "Error loading prices. Please try again.",
+    "noPrices": "No prices available for this product.",
+    "producer": "Brand",
+    "barcode": "Barcode",
+    "quantity": "Quantity",
+    "prices": "Prices",
+    "unitPrices": "Unit price",
+    "searchImage": "Search for a product image",
+    "addToListAction": "Add to shopping list",
+    "watchProduct": "Watch product",
+    "updateWatch": "Update watch",
+    "dataFrom": "Data from {date}",
+    "min": "Min",
+    "avg": "Avg",
+    "max": "Max",
+    "pricesByLocation": "Prices by location",
+    "location": "Location",
+    "address": "Address",
+    "price": "Price",
+    "noChainPrices": "No prices available for this chain",
+    "unknownPrice": "Unknown price"
+  },
+  "addToList": {
+    "title": "Add product to shopping list",
+    "listLabel": "Shopping list",
+    "createNewList": "Create new list \"{title}\"",
+    "selectPlaceholder": "Select a list...",
+    "searchPlaceholder": "Search your lists or create a new one...",
+    "emptyHint": "Start typing a name to create your first shopping list right here.",
+    "existingLists": "Existing lists",
+    "newListGroup": "New shopping list",
+    "storeLabel": "Store",
+    "adding": "Adding",
+    "duplicateTitle": "Product already in shopping list",
+    "duplicateText": "This product is already in the selected shopping list. Adding it will only increase its quantity in the list from {from} to {to}.",
+    "addedToast": "Product added to \"{name}\"",
+    "createdToast": "Shopping list \"{name}\" created",
+    "addError": "Error adding to list: {message}",
+    "createError": "Error creating shopping list: {message}",
+    "fallbackListName": "list",
+    "markCheckedLabel": "Mark product as already bought",
+    "markCheckedHint": "You can change this later in the shopping list",
+    "quantityLabel": "Quantity",
+    "decreaseBy": "Decrease quantity by {n}",
+    "increaseBy": "Increase quantity by {n}"
+  },
+  "watchModal": {
+    "title": "Add to watchlist",
+    "mode": "Tracking mode",
+    "priceMode": "Price",
+    "priceModeHint": "Get notified when the price drops by a certain amount",
+    "percentMode": "Percentage",
+    "percentModeHint": "Get notified when the discount is greater than a certain percentage",
+    "existingTitle": "Product already on the watchlist",
+    "minReductionPct": "Minimum reduction (%):",
+    "minReductionAbs": "Minimum reduction (€):",
+    "placeholderAbs": "e.g. 12€",
+    "placeholderPct": "e.g. 15%",
+    "decreaseThresholdBy": "Decrease threshold by {n}",
+    "increaseThresholdBy": "Increase threshold by {n}",
+    "updatePreview": "The minimum threshold will be updated from {old} to {new}.",
+    "saving": "Saving...",
+    "invalidValue": "Enter a valid value",
+    "percentRange": "Percentage must be between {min}% and {max}%",
+    "amountRange": "Amount must be between {min}€ and {max}€",
+    "thresholdUpdated": "Threshold updated from {old} to {new}",
+    "added": "Product added to the watchlist",
+    "saveError": "Error saving",
+    "removeError": "Error removing",
+    "removedPercent": "No longer tracking percentage for this product",
+    "removedPrice": "No longer tracking price for this product",
+    "existingPercentPart": "a minimum percentage threshold of {value}%",
+    "existingAbsPart": "a minimum discount threshold of {value}€",
+    "existingJoin": "and",
+    "existingText": "This product is already on the watchlist with {parts}."
+  },
+  "scanner": {
+    "title": "Scan code",
+    "checking": "Checking camera access...",
+    "permissionError": "Camera access is required for scanning. Please enable camera access in your browser settings.",
+    "scanError": "Error while scanning. Please try again.",
+    "instruction": "Point the camera at the code"
+  },
+  "shoppingListDetail": {
+    "errorTitle": "Error",
+    "errorText": "Shopping list not found or an error occurred.",
+    "backToLists": "Back to shopping lists",
+    "listRefreshed": "List refreshed",
+    "created": "Created",
+    "updated": "Updated",
+    "total": "Total",
+    "remaining": "Remaining",
+    "spent": "Spent",
+    "saved": "Saved",
+    "overpaid": "Overpaid",
+    "productsHeading": "Products ({count})",
+    "productsHeadingChecked": "Products ({checked}/{total} bought)",
+    "emptyItems": "This list has no products yet. Try searching for products and add them to this list.",
+    "storeChainsHeading": "Prices by store chain",
+    "noStorePrices": "No prices available for the items on this list.",
+    "public": "List is public",
+    "private": "List is private",
+    "share": "Share list",
+    "copy": "Copy list",
+    "edit": "Edit list",
+    "deleteAction": "Delete list",
+    "moreOptions": "More options",
+    "removeItem": "Remove product",
+    "increaseQuantity": "Increase quantity by 1",
+    "decreaseQuantity": "Decrease quantity by 1",
+    "colProduct": "Product",
+    "colQuantity": "Quantity",
+    "colPrice": "Price",
+    "colTotal": "Total",
+    "noItems": "No items on the shopping list",
+    "unavailable": "Product unavailable",
+    "unavailableTooltip": "Product is not available in this store",
+    "lowestPrice": "lowest price",
+    "highestPrice": "highest price",
+    "productAvailability": "Product availability",
+    "productsUnavailable": "Products unavailable ({available}/{total})",
+    "copySuffix": "(Copy)",
+    "toasts": {
+      "updateItemError": "Error updating the item. Please try again.",
+      "deleteItemError": "Error deleting the item. Please try again.",
+      "itemDeleted": "Item deleted successfully!",
+      "deleteListError": "Error deleting the shopping list. Please try again.",
+      "listDeleted": "Shopping list deleted successfully!",
+      "listCopied": "Shopping list copied successfully!",
+      "copyListError": "Error copying the shopping list",
+      "shared": "List copied to clipboard!",
+      "shareError": "Error copying the list",
+      "listUpdated": "Shopping list updated successfully!",
+      "updateListError": "An error occurred while updating the list",
+      "listCreated": "Shopping list created successfully!",
+      "createListError": "An error occurred while creating the list",
+      "offlineSync": "You're offline - the change will sync when you're back online."
+    }
+  },
+  "priceHistory": {
+    "heading": "Price history",
+    "noData": "No historical data available.",
+    "avg": "Avg",
+    "period1W": "1W",
+    "period1M": "1M",
+    "period1Y": "1Y",
+    "periodAll": "All"
+  },
+  "offline": {
+    "refreshed": "Updated",
+    "withPending": "Offline - saved changes ({count}) will sync later.",
+    "cached": "Offline - showing saved data."
+  },
+  "pwa": {
+    "bannerText": "Add Disscount to your home screen for faster access.",
+    "close": "Close",
+    "addToHome": "Add to home screen",
+    "instructionsDescription": "Add Disscount to your home screen in a few steps.",
+    "iosStep1": "Tap the <icon></icon> <b>Share</b> button in Safari.",
+    "iosStep2": "Choose <icon></icon> <b>Add to Home Screen</b>.",
+    "iosStep3": "Confirm with <b>Add</b>.",
+    "androidStep1": "Open the browser menu <icon></icon>.",
+    "androidStep2": "Choose <icon></icon> <b>Add to Home Screen</b> (or <b>Install app</b>).",
+    "androidStep3": "Confirm your choice."
+  },
+  "validation": {
+    "passwordRule": "Password must be at least 12 characters and include at least one uppercase letter, one lowercase letter, and a number (0-9).",
+    "invalidEmail": "Enter a valid email",
+    "enterPassword": "Enter your password",
+    "passwordsMismatch": "Passwords don't match",
+    "usernameMin": "Username must be at least 2 characters",
+    "usernameMax": "Username can be at most 40 characters",
+    "listTitleMin": "Name must be at least 3 characters",
+    "titleMax100": "Name can be at most 100 characters",
+    "eanRequired": "EAN code is required",
+    "productNameRequired": "Product name is required",
+    "amountMin": "Quantity must be greater than 0",
+    "amountMax": "Quantity can't be greater than {max}",
+    "productApiIdRequired": "Product API ID is required",
+    "watchTypeRequired": "Tracking type is required",
+    "thresholdPositive": "The threshold must be a positive number",
+    "cardTitleRequired": "Name is required",
+    "valueRequired": "Value is required",
+    "valueMax": "Value can be at most 500 characters",
+    "typeRequired": "Type is required",
+    "typeMax": "Type can be at most 50 characters",
+    "codeTypeRequired": "Code type is required",
+    "codeTypeMax": "Code type can be at most 50 characters",
+    "colorHex": "Color must be in HEX format (#ffffff)",
+    "noteMax": "Note can be at most 500 characters"
+  },
+  "emails": {
+    "common": {
+      "linkFallback": "If the button doesn't work, copy and paste this link into your browser:",
+      "footerNotice": "You're receiving this email because there's a Disscount account linked to this address. You can change your email settings when you <link>sign in to Disscount</link>."
+    },
+    "verify": {
+      "subject": "Confirm your email address",
+      "preview": "Confirm your email address for Disscount",
+      "heading": "Confirm your email address",
+      "intro": "Thanks for signing up! Click the button below to confirm your email address and activate your Disscount account.",
+      "button": "Confirm email",
+      "footnote": "If you didn't request this account, feel free to ignore this email."
+    },
+    "reset": {
+      "subject": "Reset your password",
+      "preview": "Reset your Disscount password",
+      "heading": "Reset your password",
+      "intro": "You requested a password reset. Click the button below to set a new password. The link is valid for a limited time.",
+      "button": "Set a new password",
+      "footnote": "If you didn't request this change, ignore this email - your password stays the same."
+    },
+    "setPassword": {
+      "subject": "Set a password for your account",
+      "preview": "Set a password for your Disscount account",
+      "heading": "Set a password for your account",
+      "intro": "A Disscount account already exists for this email address (sign-in via Google or Facebook). Click the button below to set a password so you can also sign in with email in the future. The link is valid for a limited time.",
+      "button": "Set password",
+      "footnote": "If you didn't request this, ignore this email - your account stays the same."
+    },
+    "changeEmail": {
+      "subject": "Confirm your email change",
+      "preview": "Confirm your email change",
+      "heading": "Confirm your email change",
+      "intro": "A change of the email address for your Disscount account to <b>{newEmail}</b> was requested. Click the button below to confirm the change.",
+      "button": "Confirm change",
+      "footnote": "If you didn't request this change, change your password immediately and contact us - your address stays the same until you confirm."
+    }
+  }
+}
diff --git a/frontend/src/i18n/messages/hr.json b/frontend/src/i18n/messages/hr.json
new file mode 100644
index 00000000..0cfdab5a
--- /dev/null
+++ b/frontend/src/i18n/messages/hr.json
@@ -0,0 +1,783 @@
+{
+  "metadata": {
+    "title": "Disscount - Pronađi najbolje cijene u Hrvatskoj",
+    "description": "Usporedi cijene proizvoda u hrvatskim trgovinama, izradi popise za kupnju i prati popuste."
+  },
+  "common": {
+    "comingSoonBadge": "USKORO",
+    "searchProducts": "Pretraži proizvode...",
+    "searchPlaceholder": "Pretraži...",
+    "search": "Pretraži",
+    "clearSearch": "Očisti pretragu",
+    "scanBarcode": "Skeniraj barkod",
+    "toggle": "Preklopi",
+    "language": "Jezik",
+    "cancel": "Odustani",
+    "save": "Spremi",
+    "add": "Dodaj",
+    "remove": "Ukloni",
+    "update": "Ažuriraj",
+    "create": "Stvori",
+    "delete": "Obriši",
+    "show": "Prikaži",
+    "hide": "Sakrij",
+    "unknown": "Nepoznato",
+    "loading": "Učitavanje...",
+    "noResultsTitle": "Nema rezultata",
+    "noResultsDescription": "Probajte s drugim pojmom za pretraživanje",
+    "gridView": "Prikaz mreže",
+    "listView": "Prikaz popisa",
+    "viewMode": "Način prikaza",
+    "emailPlaceholder": "korisnik@example.com",
+    "storeChainPlaceholder": "Trgovina",
+    "selectStoreChains": "Odaberi trgovinske lance...",
+    "logoAlt": "Disscount logo",
+    "copyrightAria": "Copyright Jakov Jakovac {year}",
+    "unknownProduct": "Nepoznat proizvod"
+  },
+  "navigation": {
+    "dashboard": { "label": "Nadzorna ploča", "short": "Ploča" },
+    "shopping-lists": { "label": "Popisi za kupnju", "short": "Popisi" },
+    "watchlist": { "label": "Praćeni proizvodi", "short": "Praćenje" },
+    "digital-cards": { "label": "Digitalne kartice", "short": "Kartice" },
+    "spending": { "label": "Potrošnja", "short": "Potrošnja" },
+    "map": { "label": "Karta", "short": "Karta" },
+    "stores": { "label": "Trgovine", "short": "Trgovine" },
+    "locations": { "label": "Lokacije", "short": "Lokacije" },
+    "statistics": { "label": "Statistika", "short": "Statistika" },
+    "updates": { "label": "Novosti", "short": "Novosti" },
+    "suggestions": { "label": "Ideje i prijedlozi", "short": "Ideje" }
+  },
+  "auth": {
+    "signInCta": "Prijava",
+    "modal": {
+      "loginTitle": "Prijava",
+      "signupTitle": "Registracija",
+      "forgotTitle": "Zaboravljena lozinka",
+      "or": "ili",
+      "continueGoogle": "Nastavi sa Google računom",
+      "continueFacebook": "Nastavi sa Facebook računom",
+      "lastUsed": "Zadnja prijava",
+      "comingSoon": "USKORO",
+      "terms": "Nastavkom prihvaćaš naše <terms>Uvjete korištenja</terms> i <privacy>Pravila privatnosti</privacy>.",
+      "noAccount": "Još nemaš račun?",
+      "signUpLink": "Registriraj se",
+      "haveAccount": "Već imaš račun?",
+      "signInLink": "Prijavi se"
+    },
+    "socialError": "Greška pri {provider} prijavi. Pokušaj ponovo.",
+    "inboxSpamHint": "Ne zaboravi provjeriti i spam / neželjenu poštu.",
+    "oauthErrors": {
+      "emailNotFound": "Tvoj Facebook račun nije podijelio email adresu. Prijavi se emailom ili Facebook računom koji ima email.",
+      "emailMismatch": "Povezivanje nije uspjelo jer taj račun koristi drugu email adresu. Možeš povezati samo račune koji imaju istu email adresu kao tvoj.",
+      "accountAlreadyLinked": "Taj račun je već povezan s drugim Disscount korisnikom. Ne možeš ga povezati s ovim računom.",
+      "accountNotLinked": "Ovu prijavu nije moguće automatski povezati s postojećim računom. Prijavi se postojećom metodom pa poveži račun u postavkama sigurnosti.",
+      "restart": "Postupak prijave je istekao ili je prekinut. Pokušaj ponovo.",
+      "default": "Došlo je do greške pri prijavi. Pokušaj ponovo."
+    },
+    "login": {
+      "emailLabel": "Email",
+      "passwordLabel": "Lozinka",
+      "forgotPassword": "Zaboravljena lozinka?",
+      "submit": "Prijavi se",
+      "lastUsed": "Zadnja prijava",
+      "success": "Prijava uspješna!",
+      "genericError": "Greška pri prijavi. Pokušaj ponovo.",
+      "emailNotVerified": "Tvoj email još nije potvrđen. Poslali smo ti novu poveznicu - provjeri inbox (i spam).",
+      "invalidCredentials": "Neispravni email ili lozinka",
+      "checkInput": "Provjeri unesene podatke."
+    },
+    "signup": {
+      "emailLabel": "Email",
+      "passwordLabel": "Lozinka",
+      "confirmPasswordLabel": "Potvrdi lozinku",
+      "submit": "Registriraj se",
+      "genericError": "Greška pri registraciji. Pokušaj ponovo.",
+      "checkInput": "Provjeri unesene podatke.",
+      "inboxTitle": "Provjeri svoj inbox",
+      "inboxDescription": "Poslali smo ti email s poveznicom za dovršetak registracije na:"
+    },
+    "forgotPassword": {
+      "intro": "Unesi svoju email adresu i poslat ćemo ti poveznicu za postavljanje nove lozinke.",
+      "emailLabel": "Email",
+      "submit": "Pošalji poveznicu",
+      "backToLogin": "Natrag na prijavu",
+      "sendError": "Greška pri slanju poveznice. Pokušaj ponovo.",
+      "inboxTitle": "Provjeri svoj inbox",
+      "inboxDescription": "Ako račun s tom adresom postoji, poslali smo poveznicu za postavljanje nove lozinke na:"
+    }
+  },
+  "comingSoon": {
+    "defaultDescription": "Ova značajka je u izradi i bit će uskoro dostupna."
+  },
+  "hero": {
+    "or": "ili",
+    "scanBarcode": "Skeniraj barkod",
+    "searchPlaceholder": "Pretraži proizvode...",
+    "taglines": [
+      "Usporedi trgovine i cijene!",
+      "Uštedi pri svakoj kupnji!",
+      "Nikad ne propusti akciju!",
+      "Zaboravi kartice - olakšaj novčanik!",
+      "Izradi i podijeli popis za kupnju!",
+      "Prati povijest cijena!",
+      "Skeniraj barkod i usporedi cijene!",
+      "Uživaj u pametnom kupovanju!",
+      "Pronađi najbolje ponude u Hrvatskoj!",
+      "Kupuj kvalitetno i jeftino!",
+      "Kupuj pametno, uštedi više!",
+      "Tvoj partner u pametnoj kupovini!",
+      "Zaboravi na kataloge i letke!"
+    ]
+  },
+  "pages": {
+    "home": {
+      "metaTitle": "Pronađi najbolje cijene u Hrvatskoj",
+      "metaDescription": "Aplikacija za kupce u Hrvatskoj: usporedi cijene u trgovinama, izradi pametne popise za kupnju, prati vjernosne kartice i primaj obavijesti o popustima uz skeniranje barkoda i AI prijedloge."
+    },
+    "products": {
+      "metaTitle": "Proizvodi",
+      "metaDescription": "Pregled dostupnih proizvoda.",
+      "searchPlaceholder": "Pretraži proizvode...",
+      "searchResults": "Rezultati pretrage za \"{query}\"{count}",
+      "errorTitle": "Greška pri pretraživanju",
+      "errorDescription": "Došlo je do greške pri dohvaćanju podataka. Pokušajte ponovo.",
+      "startTitle": "Počnite pretraživanje",
+      "startDescription": "Unesite naziv proizvoda koji tražite"
+    },
+    "watchlist": {
+      "metaTitle": "Popis za praćenje",
+      "metaDescription": "Prati cijene proizvoda i primi obavijesti o popustima.",
+      "searchPlaceholder": "Pretraži popis za praćenje...",
+      "searchResults": "Rezultati pretrage za \"{query}\" ({count})",
+      "heading": "Praćeni proizvodi{count}",
+      "pricesUpdated": "Cijene osvježene",
+      "emptyTitle": "Nema praćenih proizvoda",
+      "emptyDescription": "Dodajte proizvode na popis za praćenje kako biste primali obavijesti o popustima.",
+      "suggestionsHeading": "Prijedlozi proizvoda za praćenje ({count})",
+      "show": "Prikaži",
+      "hide": "Sakrij",
+      "createDiscountedList": "Stvori popis sniženih proizvoda ({count})",
+      "creatingList": "Stvaranje popisa...",
+      "discountedListTitle": "Sniženo {date}",
+      "partialFailRemoved": "Neke stavke nije bilo moguće dodati. Popis je automatski uklonjen.",
+      "partialFailNotRemoved": "Neke stavke nije bilo moguće dodati, a popis nije moguće automatski ukloniti.",
+      "createSuccess": "Popis sniženih proizvoda je uspješno kreiran",
+      "createError": "Greška pri kreiranju popisa sniženih proizvoda",
+      "addProductAria": "Dodaj proizvod",
+      "removeProductAria": "Ukloni proizvod",
+      "removed": "Proizvod uklonjen s popisa za praćenje",
+      "removeProductError": "Greška pri uklanjanju proizvoda",
+      "partialRemove": "Djelomično uklanjanje: {count} stavki nije moguće ukloniti.",
+      "discountLoadError": "Greška pri učitavanju",
+      "discountNoData": "Nema podataka",
+      "setPreferences": "Postavi preference",
+      "unavailable": "Nedostupno"
+    },
+    "shoppingLists": {
+      "metaTitle": "Popisi za kupnju",
+      "metaDescription": "Upravljanje popisima za kupnju.",
+      "publicTooltip": "Popis je javan",
+      "privateTooltip": "Popis je privatan",
+      "searchPlaceholder": "Pretraži popise za kupnju...",
+      "searchResults": "Rezultati pretrage za \"{query}\" ({count})",
+      "heading": "Moji popisi za kupnju{count}",
+      "emptyTitle": "Nema popisa za kupnju",
+      "emptyDescription": "Stvorite svoj prvi popis za kupnju…",
+      "create": "Stvori popis za kupnju",
+      "modal": {
+        "editTitle": "Uredi popis za kupnju",
+        "createTitle": "Novi popis za kupnju",
+        "nameLabel": "Naziv popisa",
+        "namePlaceholder": "Roštilj 01.05.2026."
+      },
+      "deleteDialog": {
+        "title": "Obriši popis za kupnju",
+        "description": "Jeste li sigurni da želite obrisati popis \"{title}\"? Ova akcija se ne može poništiti."
+      }
+    },
+    "suggestions": {
+      "metaTitle": "Ideje i prijedlozi",
+      "metaDescription": "Predloži nove značajke i glasaj za one koje želiš vidjeti.",
+      "searchPlaceholder": "Pretraži ideje i prijedloge...",
+      "searchResults": "Rezultati pretrage za \"{query}\" ({count})",
+      "heading": "Ideje i prijedlozi ({count})",
+      "backToList": "Natrag na ideje i prijedloge",
+      "comments": "Komentari ({count})",
+      "noComments": "Još nema komentara. Budi prvi koji će komentirati kada značajka postane dostupna."
+    },
+    "updates": {
+      "metaTitle": "Novosti",
+      "metaDescription": "Najnovije objave i novosti o Disscountu.",
+      "searchPlaceholder": "Pretraži novosti...",
+      "searchResults": "Rezultati pretrage za \"{query}\" ({count})",
+      "heading": "Novosti ({count})",
+      "newPost": "Nova objava",
+      "newPostSoon": "Stvaranje objava bit će uskoro dostupno."
+    },
+    "spending": {
+      "metaTitle": "Potrošnja",
+      "metaDescription": "Pregled i analiza vaše potrošnje.",
+      "title": "Potrošnja",
+      "comingSoonDescription": "Pregled i analiza vaše potrošnje uskoro će biti dostupni."
+    },
+    "digitalCards": {
+      "metaTitle": "Moje digitalne kartice",
+      "metaDescription": "Pregled i upravljanje digitalnim karticama.",
+      "add": "Dodaj digitalnu karticu",
+      "searchPlaceholder": "Pretraži digitalne kartice...",
+      "searchResults": "Rezultati pretrage za \"{query}\" ({count})",
+      "heading": "Moje digitalne kartice{count}",
+      "emptyTitle": "Nema digitalnih kartica",
+      "emptyDescription": "Stvorite svoju prvu digitalnu karticu…",
+      "edit": "Uredi",
+      "deleteConfirm": "Jeste li sigurni da želite obrisati karticu \"{title}\"?",
+      "deleted": "Kartica obrisana.",
+      "deleteError": "Greška prilikom brisanja: {message}",
+      "createdLabel": "Stvoreno {date}",
+      "modal": {
+        "editTitle": "Uredi digitalnu karticu",
+        "createTitle": "Nova digitalna kartica",
+        "titleLabel": "Naziv kartice",
+        "valueLabel": "Vrijednost/Kod",
+        "typeLabel": "Tip kartice",
+        "typePlaceholder": "Odaberite tip",
+        "typeLoyalty": "Loyalty kartica",
+        "typeDiscount": "Popust kartica",
+        "typeMembership": "Članstvo",
+        "typeGift": "Poklon kartica",
+        "typeOther": "Ostalo",
+        "codeTypeLabel": "Tip koda",
+        "codeTypePlaceholder": "Odaberite tip koda",
+        "codeBarcode": "Barkod",
+        "codeQr": "QR kod",
+        "codeNumber": "Broj",
+        "codeText": "Tekst",
+        "colorLabel": "Boja kartice",
+        "noteLabel": "Napomena",
+        "notePlaceholder": "Unesite napomenu",
+        "noteHint": "Dodatne informacije o vašoj kartici ({remaining} preostalo).",
+        "updated": "Digitalna kartica je uspješno ažurirana!",
+        "updateError": "Došlo je do greške prilikom ažuriranja kartice",
+        "created": "Digitalna kartica je uspješno kreirana!",
+        "createError": "Došlo je do greške prilikom kreiranja kartice"
+      }
+    },
+    "statistics": {
+      "metaTitle": "Statistika",
+      "metaDescription": "Pregled statistike lanaca trgovina.",
+      "heading": "Statistika",
+      "description": "Pregled statistike lanaca trgovina.",
+      "checking": "Provjera stanja...",
+      "apiCheckError": "Greška pri provjeri dostupnosti API-ja",
+      "apiAvailable": "Cijene API je dostupan",
+      "apiUnavailable": "Cijene API nije dostupan",
+      "chainStatsHeading": "Statistike po lancima",
+      "noData": "Nema podataka",
+      "storeCount": "{count, plural, one {# trgovina} few {# trgovine} other {# trgovina}}",
+      "priceCount": "{count, plural, one {# cijena} few {# cijene} other {# cijena}}",
+      "city": "Grad",
+      "address": "Adresa",
+      "loadingStores": "Učitavanje trgovina...",
+      "noStores": "Nema podataka o trgovinama"
+    },
+    "map": {
+      "metaTitle": "Karta i radno vrijeme trgovina",
+      "metaDescription": "Pregled trgovina i njihovog radnog vremena na karti.",
+      "searchPlaceholder": "Pretraži po nazivu trgovine ili adresi...",
+      "searchResultsPlain": "Rezultati pretrage za \"{query}\"",
+      "heading": "Karta i radno vrijeme trgovina",
+      "comingSoon": "Pretraživanje trgovina po nazivu lanca ili adresi te pregled njihovog radnog vremena na interaktivnoj karti uskoro će biti dostupni."
+    },
+    "offline": {
+      "metaTitle": "Nema veze s internetom",
+      "metaDescription": "Trenutno ste izvan mreže.",
+      "title": "Nema veze s internetom 📡",
+      "description": "Trenutno ste izvan mreže. Spremljeni popisi, praćeni proizvodi i nedavno pregledani proizvodi i dalje su dostupni.",
+      "checkConnection": "Provjerite vezu pa pokušajte ponovno.",
+      "retry": "Pokušaj ponovno"
+    },
+    "notFound": {
+      "metaTitle": "Stranica nije pronađena - 404",
+      "metaDescription": "Stranica koju tražite ne postoji.",
+      "heading": "Hmm… ovo je neugodno. 😅",
+      "descriptionBefore": "Čini se da stranica",
+      "descriptionAfter": "ne postoji.",
+      "help": "Vratimo se skupa na početnu stranicu, ili prijavi grešku!",
+      "reportError": "Prijavi grešku",
+      "backHome": "Povratak na početnu"
+    },
+    "dashboard": {
+      "metaTitle": "Nadzorna ploča",
+      "metaDescription": "Nadzorna ploča za partnere, javni sektor i administratore.",
+      "heading": "Nadzorna ploča",
+      "userManagement": "Upravljanje korisnicima",
+      "noAdminInfo": "Ovdje će uskoro biti dostupni podaci i alati.",
+      "colUsername": "Korisničko ime",
+      "colEmail": "Email",
+      "colAccountType": "Tip računa",
+      "you": "Ti",
+      "deleteAccountAria": "Obriši račun",
+      "accountTypeUpdated": "Tip računa ažuriran!",
+      "accountTypeError": "Greška pri promjeni tipa računa.",
+      "accountDeleted": "Račun je obrisan!",
+      "deleteError": "Greška pri brisanju računa.",
+      "loadError": "Greška pri dohvaćanju korisnika.",
+      "deleteTitle": "Brisanje računa",
+      "deleteConfirm": "Jeste li sigurni da želite obrisati račun {name}? Ova akcija se ne može poništiti.",
+      "confirmDelete": "Obriši račun"
+    },
+    "productDetail": {
+      "metaTitle": "Detalji proizvoda",
+      "metaDescription": "Usporedba cijena proizvoda."
+    },
+    "resetPassword": {
+      "metaTitle": "Nova lozinka",
+      "metaDescription": "Postavi novu lozinku za svoj Disscount račun.",
+      "title": "Nova lozinka",
+      "description": "Postavi novu lozinku za svoj Disscount račun.",
+      "missingToken": "Nedostaje token. Zatraži novu poveznicu putem „Zaboravljena lozinka?“ na prijavi.",
+      "newPasswordLabel": "Nova lozinka",
+      "confirmLabel": "Potvrdi novu lozinku",
+      "submit": "Postavi lozinku",
+      "invalidLink": "Poveznica je nevažeća ili je istekla. Zatraži novu.",
+      "error": "Greška pri postavljanju lozinke. Pokušaj ponovo.",
+      "success": "Lozinka je postavljena. Sada se možeš prijaviti."
+    },
+    "suggestionDetail": {
+      "metaTitle": "Ideje i prijedlozi - Detalji",
+      "metaDescription": "Detalji prijedloga i komentari zajednice."
+    },
+    "postDetail": {
+      "metaTitleFallback": "Novosti",
+      "metaDescriptionFallback": "Detalji objave.",
+      "backToNews": "Natrag na novosti"
+    },
+    "shoppingListDetail": {
+      "metaTitle": "Popis za kupnju - Detalji",
+      "metaDescription": "Pregled i upravljanje stavkama na popisu za kupnju."
+    }
+  },
+  "legal": {
+    "lastUpdated": "21. lipnja 2026.",
+    "documentsLabel": "Pravni dokumenti",
+    "lastUpdatedLabel": "Zadnje ažurirano",
+    "draftNotice": "Ovo je privremena, skraćena verzija. Konačni pravni dokument je u izradi.",
+    "dataDeletion": {
+      "metaTitle": "Brisanje podataka",
+      "metaDescription": "Kako obrisati svoj račun i podatke iz aplikacije Disscount.",
+      "title": "Brisanje podataka",
+      "intro": "Upute za brisanje tvog računa i povezanih podataka iz Disscounta.",
+      "inAppHeading": "Brisanje unutar aplikacije",
+      "inAppBody": "Prijavi se, otvori izbornik računa pa odaberi Sigurnost. Tamo možeš obrisati svoj račun. Brisanjem se uklanja tvoj identitet za prijavu, a osobni podaci (ime, email, profilna slika) trajno se uklanjaju.",
+      "onRequestHeading": "Brisanje na zahtjev",
+      "onRequestBody": "Ako ne možeš pristupiti računu, pošalji zahtjev za brisanje na <mail>info@disscount.me</mail> s email adresom povezanom s računom. Zahtjev obrađujemo u razumnom roku.",
+      "whatDeletedHeading": "Što se briše",
+      "whatDeletedBody": "Uklanjamo tvoje osobne podatke i pristup računu. Pojedini anonimizirani zapisi mogu se zadržati ako to zahtijeva zakon."
+    },
+    "privacy": {
+      "metaTitle": "Pravila privatnosti",
+      "metaDescription": "Kako Disscount prikuplja i koristi tvoje podatke.",
+      "title": "Pravila privatnosti",
+      "intro": "Ova pravila objašnjavaju koje podatke Disscount prikuplja i kako ih koristi.",
+      "collectHeading": "Koje podatke prikupljamo",
+      "collectBody": "Pri prijavi prikupljamo tvoje ime, email adresu i, ako je dostupna, profilnu sliku od pružatelja prijave (Google ili Facebook). Spremamo i podatke koje sam stvoriš u aplikaciji, poput popisa za kupnju i postavki.",
+      "useHeading": "Kako koristimo podatke",
+      "useBody": "Podatke koristimo za pružanje usluge, prijavu u tvoj račun, prikaz tvojih popisa i postavki te slanje obavijesti koje si omogućio.",
+      "shareHeading": "Dijeljenje podataka",
+      "shareBody": "Ne prodajemo tvoje podatke. Koristimo Google i Facebook isključivo za prijavu putem tvojih postojećih računa.",
+      "deleteHeading": "Brisanje podataka",
+      "deleteBody": "Račun i povezane podatke možeš obrisati u bilo kojem trenutku unutar aplikacije. Upute se nalaze na stranici brisanja podataka.",
+      "contactHeading": "Kontakt",
+      "contactBody": "Za pitanja o privatnosti javi se na <mail>info@disscount.me</mail>."
+    },
+    "terms": {
+      "metaTitle": "Uvjeti korištenja",
+      "metaDescription": "Uvjeti korištenja aplikacije Disscount.",
+      "title": "Uvjeti korištenja",
+      "intro": "Korištenjem aplikacije Disscount prihvaćaš ove uvjete.",
+      "acceptHeading": "Prihvaćanje uvjeta",
+      "acceptBody": "Pristupanjem aplikaciji ili njezinim korištenjem slažeš se s ovim uvjetima. Ako se ne slažeš, nemoj koristiti aplikaciju.",
+      "useHeading": "Korištenje usluge",
+      "useBody": "Disscount služi za usporedbu cijena i organizaciju kupnje. Slažeš se da aplikaciju nećeš koristiti u nezakonite svrhe ni na način koji ometa njezin rad.",
+      "accountsHeading": "Računi",
+      "accountsBody": "Odgovoran si za aktivnosti na svom računu. Račun možeš obrisati u bilo kojem trenutku unutar aplikacije.",
+      "liabilityHeading": "Odgovornost",
+      "liabilityBody": "Aplikacija se pruža „kakva jest”. Cijene i podaci mogu se razlikovati od stvarnih u trgovinama te ne jamčimo njihovu potpunu točnost.",
+      "changesHeading": "Izmjene",
+      "changesBody": "Ove uvjete možemo povremeno ažurirati. Nastavak korištenja nakon izmjena znači prihvaćanje novih uvjeta.",
+      "contactHeading": "Kontakt",
+      "contactBody": "Za pitanja o uvjetima javi se na <mail>info@disscount.me</mail>."
+    }
+  },
+  "userMenu": {
+    "preferences": "Preference",
+    "profile": "Profil",
+    "security": "Sigurnost",
+    "logout": "Odjava",
+    "avatarAria": "Korisnički izbornik"
+  },
+  "accountTypes": {
+    "ADMIN": "Admin",
+    "CONSUMER": "Korisnik",
+    "ENTERPRISE": "Partner",
+    "PUBLIC_SECTOR": "Javni sektor"
+  },
+  "acquisitionChannels": {
+    "GOOGLE_SEARCH": "Google pretraga",
+    "INSTAGRAM": "Instagram",
+    "FACEBOOK": "Facebook",
+    "TIKTOK": "TikTok",
+    "YOUTUBE": "YouTube",
+    "FRIEND_OR_FAMILY": "Preporuka prijatelja ili obitelji",
+    "ONLINE_AD": "Online oglas",
+    "BLOG_OR_NEWS": "Blog, članak ili mediji",
+    "APP_STORE": "App Store / Google Play",
+    "POSTER_OR_FLYER": "Plakat ili letak",
+    "EVENT": "Sajam ili događaj",
+    "OTHER": "Ostalo"
+  },
+  "notifications": {
+    "savingsToday": "Ukupna ušteda danas:",
+    "savingsDetail": "(≥ {amount}€ na {count, plural, one {# proizvod} few {# proizvoda} other {# proizvoda}})",
+    "loading": "Učitavanje...",
+    "noDiscountsToday": "Danas nema popusta na praćenim proizvodima.",
+    "emptyPrompt": "Dodaj proizvode na popis za praćenje kako bi te obavijestili kada proizvodi koje želiš budu na popustu u tvojim trgovinama!",
+    "addProducts": "Dodaj proizvode"
+  },
+  "settings": {
+    "preferences": {
+      "title": "Preference",
+      "storesLabel": "Trgovine",
+      "storesHint": "Odaberi trgovine u tvojoj blizini.",
+      "locationsLabel": "Lokacije",
+      "locationsHint": "Odaberi lokacije u tvojoj blizini.",
+      "locationsPlaceholder": "Odaberi lokacije...",
+      "footer": "Ove preference možeš uvijek izmijeniti u postavkama računa.",
+      "saveStoresError": "Greška pri spremanju preferenca trgovina",
+      "saveLocationsError": "Greška pri spremanju preferenca lokacija",
+      "saveError": "Greška pri spremanju preferenca",
+      "saveSuccess": "Preference uspješno spremljene!"
+    },
+    "profile": {
+      "title": "Profil",
+      "usernameLabel": "Korisničko ime",
+      "usernameHint": "Kako ćemo te zvati?",
+      "avatarLabel": "Avatar (opcionalno)",
+      "uploadImage": "Učitaj sliku",
+      "remove": "Ukloni",
+      "avatarHint": "PNG, JPG ili GIF (do 1 MB).",
+      "pushLabel": "Dopusti obavijesti aplikacije",
+      "pushHint": "Na mobilnu aplikaciju ćeš dobiti obavijesti za akcije o proizvodima koje odabereš.",
+      "emailLabel": "Dopusti email obavijesti",
+      "emailHint": "Na email ćeš dobiti obavijesti za akcije o proizvodima koje odabereš.",
+      "newsletterLabel": "Novosti i ažuriranja",
+      "newsletterHint": "Povremene novosti o Disscountu na tvoj email.",
+      "feedbackLabel": "Kontakt za povratne informacije",
+      "feedbackHint": "Dopusti da ti se javimo za povratne informacije o aplikaciji.",
+      "acquisitionLabel": "Kako si saznao za Disscount?",
+      "acquisitionPlaceholder": "Odaberi izvor",
+      "acquisitionHint": "Pomaže nam da znamo gdje te možemo bolje pronaći.",
+      "footer": "Ove podatke možeš kasnije izmijeniti u postavkama računa.",
+      "avatarTooLarge": "Slika je prevelika. Maksimalna veličina je 1 MB.",
+      "avatarError": "Greška pri učitavanju slike.",
+      "saveSuccess": "Profil uspješno spremljen!",
+      "saveError": "Greška pri spremanju profila",
+      "checkInput": "Provjeri unesene podatke."
+    },
+    "security": {
+      "title": "Sigurnost",
+      "description": "Upravljaj prijavama i svojim računom.",
+      "loginSection": "Prijava i sigurnost",
+      "linkedSection": "Povezani računi",
+      "dangerZone": "Opasna zona",
+      "loadError": "Greška pri dohvaćanju podataka o računu. Pokušaj ponovo.",
+      "logoutAllTitle": "Odjava sa svih uređaja",
+      "logoutAllHint": "Odjavi se sa svih ostalih uređaja osim ovog.",
+      "logoutAll": "Odjava",
+      "deleteAccountTitle": "Obriši račun",
+      "deleteAccountHint": "Trajno obriši svoj račun i sve podatke.",
+      "deleteAccount": "Obriši",
+      "logoutAllError": "Greška pri odjavi sa svih uređaja.",
+      "logoutAllSuccess": "Odjavljen si sa svih ostalih uređaja!",
+      "logoutAllErrorDetail": "Greška pri odjavi sa svih uređaja: {message}",
+      "unknownError": "Nepoznata greška",
+      "deleteError": "Greška pri brisanju računa. Pokušaj ponovo.",
+      "deleteSuccess": "Račun je uspješno obrisan!",
+      "userNotFound": "Korisnički račun nije pronađen.",
+      "serverError": "Serverska greška. Pokušaj ponovo.",
+      "deleteErrorGeneric": "Greška pri brisanju računa.",
+      "deleteErrorNetwork": "Greška pri brisanju računa. Provjeri internetsku vezu.",
+      "logoutAllConfirmDesc": "Jeste li sigurni da se želite odjaviti sa svih ostalih uređaja? Ova sesija ostaje aktivna.",
+      "deleteConfirmTitle": "Brisanje računa",
+      "deleteConfirmDesc": "Ova akcija se ne može poništiti. Svi vaši podaci bit će trajno obrisani.",
+      "deleteConfirm": "Obriši račun"
+    },
+    "credentials": {
+      "emailLabel": "Email",
+      "setPasswordHint": "Postavi lozinku da bi mogao promijeniti email.",
+      "socialLinkedHint": "Za promjenu emaila prvo odspoji povezane račune (Google, Facebook).",
+      "newPasswordLabel": "Nova lozinka",
+      "passwordLabel": "Lozinka",
+      "leaveBlankHint": "Ostavi prazno ako ne mijenjaš lozinku.",
+      "currentPasswordLabel": "Trenutna lozinka",
+      "currentPasswordHint": "Potrebna za promjenu emaila ili lozinke.",
+      "invalidEmail": "Unesi važeći email",
+      "enterCurrentPassword": "Unesi trenutnu lozinku",
+      "setPasswordError": "Greška pri postavljanju lozinke.",
+      "passwordSet": "Lozinka je postavljena! Sada se možeš prijaviti i emailom.",
+      "noChanges": "Nema promjena za spremiti.",
+      "wrongCurrentPassword": "Trenutna lozinka nije točna.",
+      "changePasswordError": "Greška pri promjeni lozinke.",
+      "changeEmailSocialError": "Za promjenu emaila prvo odspoji povezane račune (Google, Facebook).",
+      "changeEmailError": "Greška pri promjeni emaila.",
+      "passwordChangedEmailPending": "Lozinka je promijenjena. Za promjenu emaila potvrdi poveznicu poslanu na tvoju trenutnu adresu.",
+      "emailChangePending": "Poslali smo poveznicu za potvrdu na tvoju trenutnu email adresu. Promjena emaila primijenit će se nakon potvrde.",
+      "passwordChanged": "Lozinka je promijenjena.",
+      "genericError": "Nešto je pošlo po krivu. Pokušaj ponovo."
+    },
+    "linkedAccounts": {
+      "connected": "Povezano",
+      "unlink": "Odspoji",
+      "link": "Poveži",
+      "cannotUnlinkOnly": "Ne možeš odspojiti jedini način prijave.",
+      "linkError": "Greška pri povezivanju računa.",
+      "unlinkError": "Greška pri odspajanju računa.",
+      "unlinkSuccess": "Račun je odspojen."
+    }
+  },
+  "productDetail": {
+    "notFoundTitle": "Proizvod nije pronađen",
+    "notFoundDescription": "Nije moguće učitati podatke za ovaj proizvod.",
+    "storeChainsHeading": "Cijene po lancima trgovina",
+    "pricesRefreshed": "Cijene osvježene",
+    "pricesError": "Greška pri učitavanju cijena. Pokušajte ponovno.",
+    "noPrices": "Nema dostupnih cijena za ovaj proizvod.",
+    "producer": "Proizvođač",
+    "barcode": "Bar kod",
+    "quantity": "Količina",
+    "prices": "Cijene",
+    "unitPrices": "Jed. cijene",
+    "searchImage": "Pretraži sliku proizvoda",
+    "addToListAction": "Dodaj na popis za kupnju",
+    "watchProduct": "Prati proizvod",
+    "updateWatch": "Ažuriraj praćenje",
+    "dataFrom": "Podaci od {date}",
+    "min": "Min",
+    "avg": "Prosjek",
+    "max": "Max",
+    "pricesByLocation": "Cijene po lokacijama",
+    "location": "Lokacija",
+    "address": "Adresa",
+    "price": "Cijena",
+    "noChainPrices": "Nema dostupnih cijena za ovaj lanac",
+    "unknownPrice": "Nepoznata cijena"
+  },
+  "addToList": {
+    "title": "Dodaj proizvod u popis za kupnju",
+    "listLabel": "Popis za kupnju",
+    "createNewList": "Stvori novi popis \"{title}\"",
+    "selectPlaceholder": "Odaberi popis...",
+    "searchPlaceholder": "Pretraži svoje popise ili stvori novi...",
+    "emptyHint": "Počni upisivati naziv da stvoriš svoj prvi popis za kupnju direktno ovdje.",
+    "existingLists": "Postojeći popisi",
+    "newListGroup": "Novi popis za kupnju",
+    "storeLabel": "Trgovina",
+    "adding": "Dodavanje",
+    "duplicateTitle": "Proizvod već u popisu za kupnju",
+    "duplicateText": "Ovaj proizvod je već dodan u odabran popis za kupnju. Dodavanjem ovog proizvoda će se samo povećati njegova količina u popisu za kupnju sa {from} na {to}.",
+    "addedToast": "Proizvod je dodan u \"{name}\"",
+    "createdToast": "Popis za kupnju \"{name}\" je stvoren",
+    "addError": "Greška pri dodavanju na popis: {message}",
+    "createError": "Greška pri stvaranju popisa za kupnju: {message}",
+    "fallbackListName": "popis",
+    "markCheckedLabel": "Unaprijed označi proizvod kao kupljen",
+    "markCheckedHint": "Ovo je moguće naknadno izmjeniti u popisu za kupnju",
+    "quantityLabel": "Količina",
+    "decreaseBy": "Smanji količinu za {n}",
+    "increaseBy": "Povećaj količinu za {n}"
+  },
+  "watchModal": {
+    "title": "Dodaj na popis za praćenje",
+    "mode": "Način praćenja",
+    "priceMode": "Cijena",
+    "priceModeHint": "Obavijesti kad cijena padne za određeni iznos",
+    "percentMode": "Postotak",
+    "percentModeHint": "Obavijesti kad popust bude veći od određenog postotka",
+    "existingTitle": "Proizvod već na popisu za praćenje",
+    "minReductionPct": "Minimalno sniženje (%):",
+    "minReductionAbs": "Minimalno sniženje (€):",
+    "placeholderAbs": "Npr. 12€",
+    "placeholderPct": "Npr. 15%",
+    "decreaseThresholdBy": "Smanji prag za {n}",
+    "increaseThresholdBy": "Povećaj prag za {n}",
+    "updatePreview": "Minimalan prag će biti ažuriran s {old} na {new}.",
+    "saving": "Spremanje...",
+    "invalidValue": "Unesite valjanu vrijednost",
+    "percentRange": "Postotak mora biti između {min}% i {max}%",
+    "amountRange": "Iznos mora biti između {min}€ i {max}€",
+    "thresholdUpdated": "Prag ažuriran s {old} na {new}",
+    "added": "Proizvod dodan na popis za praćenje",
+    "saveError": "Greška pri spremanju",
+    "removeError": "Greška pri uklanjanju",
+    "removedPercent": "Za proizvod se više ne prati postotak",
+    "removedPrice": "Za proizvod se više ne prati cijena",
+    "existingPercentPart": "minimalnim pragom postotka od {value}%",
+    "existingAbsPart": "minimalnim pragom popusta od {value}€",
+    "existingJoin": "te",
+    "existingText": "Ovaj proizvod je već na popisu za praćenje s {parts}."
+  },
+  "scanner": {
+    "title": "Skeniraj kod",
+    "checking": "Provjeravam pristup kameri...",
+    "permissionError": "Potreban je pristup kameri za skeniranje. Molimo omogućite pristup kameri u postavkama preglednika.",
+    "scanError": "Greška pri skeniranju. Molimo pokušajte ponovno.",
+    "instruction": "Usmjeri kameru prema kodu"
+  },
+  "shoppingListDetail": {
+    "errorTitle": "Greška",
+    "errorText": "Popis za kupnju nije pronađen ili se dogodila greška.",
+    "backToLists": "Natrag na popise za kupnju",
+    "listRefreshed": "Popis osvježen",
+    "created": "Stvoreno",
+    "updated": "Ažurirano",
+    "total": "Ukupno",
+    "remaining": "Preostalo",
+    "spent": "Potrošeno",
+    "saved": "Ušteđeno",
+    "overpaid": "Preplaćeno",
+    "productsHeading": "Proizvodi ({count})",
+    "productsHeadingChecked": "Proizvodi ({checked}/{total} kupljeno)",
+    "emptyItems": "Ovaj popis još ne sadrži proizvode. Probaj pretražiti proizvode pa ih dodaj na ovaj popis.",
+    "storeChainsHeading": "Cijene po lancima trgovina",
+    "noStorePrices": "Nema dostupnih cijena za stavke na popisu.",
+    "public": "Popis je javan",
+    "private": "Popis je privatan",
+    "share": "Podijeli popis",
+    "copy": "Kopiraj popis",
+    "edit": "Uredi popis",
+    "deleteAction": "Obriši popis",
+    "moreOptions": "Dodatne opcije",
+    "removeItem": "Ukloni proizvod",
+    "increaseQuantity": "Povećaj količinu za 1",
+    "decreaseQuantity": "Smanji količinu za 1",
+    "colProduct": "Proizvod",
+    "colQuantity": "Količina",
+    "colPrice": "Cijena",
+    "colTotal": "Ukupno",
+    "noItems": "Nema stavki na popisu za kupnju",
+    "unavailable": "Proizvod nedostupan",
+    "unavailableTooltip": "Proizvod nije dostupan u ovoj trgovini",
+    "lowestPrice": "najniža cijena",
+    "highestPrice": "najviša cijena",
+    "productAvailability": "Dostupnost proizvoda",
+    "productsUnavailable": "Proizvodi nedostupni ({available}/{total})",
+    "copySuffix": "(Kopija)",
+    "toasts": {
+      "updateItemError": "Greška pri ažuriranju stavke. Pokušajte ponovno.",
+      "deleteItemError": "Greška pri brisanju stavke. Pokušajte ponovno.",
+      "itemDeleted": "Stavka je uspješno obrisana!",
+      "deleteListError": "Greška pri brisanju popisa za kupnju. Pokušajte ponovno.",
+      "listDeleted": "Popis za kupnju je uspješno obrisan!",
+      "listCopied": "Popis za kupnju je uspješno kopiran!",
+      "copyListError": "Greška pri kopiranju popisa za kupnju",
+      "shared": "Popis je kopiran u međuspremnik!",
+      "shareError": "Greška pri kopiranju popisa",
+      "listUpdated": "Popis za kupnju je uspješno ažuriran!",
+      "updateListError": "Došlo je do greške prilikom ažuriranja popisa",
+      "listCreated": "Popis za kupnju je uspješno kreiran!",
+      "createListError": "Došlo je do greške prilikom kreiranja popisa",
+      "offlineSync": "Izvan ste mreže - promjena će se sinkronizirati kad se vratite na mrežu."
+    }
+  },
+  "priceHistory": {
+    "heading": "Povijest cijena",
+    "noData": "Nema dostupnih povijesnih podataka.",
+    "avg": "Prosjek",
+    "period1W": "1T",
+    "period1M": "1M",
+    "period1Y": "1G",
+    "periodAll": "Sve"
+  },
+  "offline": {
+    "refreshed": "Osvježeno",
+    "withPending": "Izvan mreže - spremljene promjene ({count}) sinkronizirat će se kasnije.",
+    "cached": "Izvan mreže - prikazujemo spremljene podatke."
+  },
+  "pwa": {
+    "bannerText": "Dodaj Disscount na početni zaslon za brži pristup.",
+    "close": "Zatvori",
+    "addToHome": "Dodaj na početni zaslon",
+    "instructionsDescription": "Dodaj Disscount na početni zaslon u nekoliko koraka.",
+    "iosStep1": "Dodirni gumb <icon></icon> <b>Podijeli</b> u Safariju.",
+    "iosStep2": "Odaberi <icon></icon> <b>Dodaj na početni zaslon</b>.",
+    "iosStep3": "Potvrdi s <b>Dodaj</b>.",
+    "androidStep1": "Otvori izbornik preglednika <icon></icon>.",
+    "androidStep2": "Odaberi <icon></icon> <b>Dodaj na početni zaslon</b> (ili <b>Instaliraj aplikaciju</b>).",
+    "androidStep3": "Potvrdi odabir."
+  },
+  "validation": {
+    "passwordRule": "Lozinka mora imati barem 12 znakova i treba sadržavati najmanje jedno veliko slovo, jedno malo slovo te broj (0-9).",
+    "invalidEmail": "Unesi važeći email",
+    "enterPassword": "Unesi lozinku",
+    "passwordsMismatch": "Lozinke se ne podudaraju",
+    "usernameMin": "Korisničko ime mora imati najmanje 2 znakova",
+    "usernameMax": "Korisničko ime može imati najviše 40 znakova",
+    "listTitleMin": "Naziv mora imati najmanje 3 znaka",
+    "titleMax100": "Naziv može imati najviše 100 znakova",
+    "eanRequired": "EAN kod je obavezan",
+    "productNameRequired": "Naziv proizvoda je obavezan",
+    "amountMin": "Količina mora biti veća od 0",
+    "amountMax": "Količina ne može biti veća od {max}",
+    "productApiIdRequired": "Product API ID je obavezan",
+    "watchTypeRequired": "Tip praćenja je obavezan",
+    "thresholdPositive": "Granica mora biti pozitivan broj",
+    "cardTitleRequired": "Naziv je obavezan",
+    "valueRequired": "Vrijednost je obavezna",
+    "valueMax": "Vrijednost može imati najviše 500 znakova",
+    "typeRequired": "Tip je obavezan",
+    "typeMax": "Tip može imati najviše 50 znakova",
+    "codeTypeRequired": "Tip koda je obavezan",
+    "codeTypeMax": "Tip koda može imati najviše 50 znakova",
+    "colorHex": "Boja mora biti u HEX formatu (#ffffff)",
+    "noteMax": "Napomena može imati najviše 500 znakova"
+  },
+  "emails": {
+    "common": {
+      "linkFallback": "Ako gumb ne radi, kopiraj i zalijepi ovu poveznicu u preglednik:",
+      "footerNotice": "Ovaj email primaš jer postoji račun na Disscountu povezan s ovom adresom. Email postavke možeš promijeniti kada se <link>prijaviš na Disscount</link>."
+    },
+    "verify": {
+      "subject": "Potvrdi svoju email adresu",
+      "preview": "Potvrdi svoju email adresu za Disscount",
+      "heading": "Potvrdi svoju email adresu",
+      "intro": "Hvala na registraciji! Klikni na gumb ispod kako bi potvrdio/la svoju email adresu i aktivirao/la svoj Disscount račun.",
+      "button": "Potvrdi email",
+      "footnote": "Ako nisi ti zatražio/la ovaj račun, slobodno zanemari ovaj email."
+    },
+    "reset": {
+      "subject": "Ponovno postavljanje lozinke",
+      "preview": "Ponovno postavi svoju lozinku za Disscount",
+      "heading": "Ponovno postavljanje lozinke",
+      "intro": "Zatražio/la si ponovno postavljanje lozinke. Klikni na gumb ispod kako bi postavio/la novu lozinku. Poveznica vrijedi ograničeno vrijeme.",
+      "button": "Postavi novu lozinku",
+      "footnote": "Ako nisi ti zatražio/la ovu promjenu, zanemari ovaj email - tvoja lozinka ostaje nepromijenjena."
+    },
+    "setPassword": {
+      "subject": "Postavi lozinku za svoj račun",
+      "preview": "Postavi lozinku za svoj Disscount račun",
+      "heading": "Postavi lozinku za svoj račun",
+      "intro": "Za ovu email adresu već postoji Disscount račun (prijava putem Googlea ili Facebooka). Klikni na gumb ispod kako bi postavio/la lozinku i ubuduće se mogao/la prijaviti i emailom. Poveznica vrijedi ograničeno vrijeme.",
+      "button": "Postavi lozinku",
+      "footnote": "Ako nisi ti zatražio/la ovo, zanemari ovaj email - tvoj račun ostaje nepromijenjen."
+    },
+    "changeEmail": {
+      "subject": "Potvrdi promjenu email adrese",
+      "preview": "Potvrdi promjenu email adrese",
+      "heading": "Potvrdi promjenu email adrese",
+      "intro": "Zatražena je promjena email adrese tvog Disscount računa na <b>{newEmail}</b>. Klikni na gumb ispod kako bi potvrdio/la promjenu.",
+      "button": "Potvrdi promjenu",
+      "footnote": "Ako nisi ti zatražio/la ovu promjenu, odmah promijeni lozinku i javi nam se - tvoja adresa ostaje nepromijenjena dok ne potvrdiš."
+    }
+  }
+}
diff --git a/frontend/src/i18n/messages/sl.json b/frontend/src/i18n/messages/sl.json
new file mode 100644
index 00000000..0009d8b4
--- /dev/null
+++ b/frontend/src/i18n/messages/sl.json
@@ -0,0 +1,783 @@
+{
+  "metadata": {
+    "title": "Disscount - Poišči najboljše cene na Hrvaškem",
+    "description": "Primerjaj cene izdelkov v hrvaških trgovinah, ustvari nakupovalne sezname in spremljaj popuste."
+  },
+  "common": {
+    "comingSoonBadge": "KMALU",
+    "searchProducts": "Išči izdelke...",
+    "searchPlaceholder": "Išči...",
+    "search": "Išči",
+    "clearSearch": "Počisti iskanje",
+    "scanBarcode": "Skeniraj črtno kodo",
+    "toggle": "Preklopi",
+    "language": "Jezik",
+    "cancel": "Prekliči",
+    "save": "Shrani",
+    "add": "Dodaj",
+    "remove": "Odstrani",
+    "update": "Posodobi",
+    "create": "Ustvari",
+    "delete": "Izbriši",
+    "show": "Pokaži",
+    "hide": "Skrij",
+    "unknown": "Neznano",
+    "loading": "Nalaganje...",
+    "noResultsTitle": "Ni rezultatov",
+    "noResultsDescription": "Poskusi z drugim iskalnim pojmom",
+    "gridView": "Mrežni prikaz",
+    "listView": "Prikaz seznama",
+    "viewMode": "Način prikaza",
+    "emailPlaceholder": "uporabnik@example.com",
+    "storeChainPlaceholder": "Trgovina",
+    "selectStoreChains": "Izberi trgovinske verige...",
+    "logoAlt": "Logotip Disscount",
+    "copyrightAria": "Copyright Jakov Jakovac {year}",
+    "unknownProduct": "Neznan izdelek"
+  },
+  "navigation": {
+    "dashboard": { "label": "Nadzorna plošča", "short": "Plošča" },
+    "shopping-lists": { "label": "Nakupovalni seznami", "short": "Seznami" },
+    "watchlist": { "label": "Spremljani izdelki", "short": "Spremljanje" },
+    "digital-cards": { "label": "Digitalne kartice", "short": "Kartice" },
+    "spending": { "label": "Poraba", "short": "Poraba" },
+    "map": { "label": "Zemljevid", "short": "Zemljevid" },
+    "stores": { "label": "Trgovine", "short": "Trgovine" },
+    "locations": { "label": "Lokacije", "short": "Lokacije" },
+    "statistics": { "label": "Statistika", "short": "Statistika" },
+    "updates": { "label": "Novice", "short": "Novice" },
+    "suggestions": { "label": "Ideje in predlogi", "short": "Ideje" }
+  },
+  "auth": {
+    "signInCta": "Prijava",
+    "modal": {
+      "loginTitle": "Prijava",
+      "signupTitle": "Registracija",
+      "forgotTitle": "Pozabljeno geslo",
+      "or": "ali",
+      "continueGoogle": "Nadaljuj z Googlom",
+      "continueFacebook": "Nadaljuj s Facebookom",
+      "lastUsed": "Zadnja prijava",
+      "comingSoon": "KMALU",
+      "terms": "Z nadaljevanjem sprejemaš naše <terms>Pogoje uporabe</terms> in <privacy>Pravilnik o zasebnosti</privacy>.",
+      "noAccount": "Še nimaš računa?",
+      "signUpLink": "Registriraj se",
+      "haveAccount": "Že imaš račun?",
+      "signInLink": "Prijavi se"
+    },
+    "socialError": "Napaka pri prijavi z {provider}. Poskusi znova.",
+    "inboxSpamHint": "Ne pozabi preveriti tudi mape z vsiljeno pošto.",
+    "oauthErrors": {
+      "emailNotFound": "Tvoj Facebook račun ni delil e-poštnega naslova. Prijavi se z e-pošto ali Facebook računom, ki ima e-pošto.",
+      "emailMismatch": "Povezovanje ni uspelo, ker ta račun uporablja drug e-poštni naslov. Povežeš lahko samo račune, ki imajo isti e-poštni naslov kot tvoj.",
+      "accountAlreadyLinked": "Ta račun je že povezan z drugim uporabnikom Disscounta. Ne moreš ga povezati s tem računom.",
+      "accountNotLinked": "Te prijave ni bilo mogoče samodejno povezati z obstoječim računom. Prijavi se z obstoječo metodo in poveži račun v varnostnih nastavitvah.",
+      "restart": "Postopek prijave je potekel ali bil prekinjen. Poskusi znova.",
+      "default": "Pri prijavi je prišlo do napake. Poskusi znova."
+    },
+    "login": {
+      "emailLabel": "E-pošta",
+      "passwordLabel": "Geslo",
+      "forgotPassword": "Pozabljeno geslo?",
+      "submit": "Prijavi se",
+      "lastUsed": "Zadnja prijava",
+      "success": "Prijava uspešna!",
+      "genericError": "Napaka pri prijavi. Poskusi znova.",
+      "emailNotVerified": "Tvoja e-pošta še ni potrjena. Poslali smo ti novo povezavo - preveri mapo Prejeto (in vsiljeno pošto).",
+      "invalidCredentials": "Napačna e-pošta ali geslo",
+      "checkInput": "Preveri vnesene podatke."
+    },
+    "signup": {
+      "emailLabel": "E-pošta",
+      "passwordLabel": "Geslo",
+      "confirmPasswordLabel": "Potrdi geslo",
+      "submit": "Registriraj se",
+      "genericError": "Napaka pri registraciji. Poskusi znova.",
+      "checkInput": "Preveri vnesene podatke.",
+      "inboxTitle": "Preveri mapo Prejeto",
+      "inboxDescription": "Poslali smo ti e-pošto s povezavo za dokončanje registracije na:"
+    },
+    "forgotPassword": {
+      "intro": "Vnesi svoj e-poštni naslov in poslali ti bomo povezavo za nastavitev novega gesla.",
+      "emailLabel": "E-pošta",
+      "submit": "Pošlji povezavo",
+      "backToLogin": "Nazaj na prijavo",
+      "sendError": "Napaka pri pošiljanju povezave. Poskusi znova.",
+      "inboxTitle": "Preveri mapo Prejeto",
+      "inboxDescription": "Če račun s tem naslovom obstaja, smo poslali povezavo za nastavitev novega gesla na:"
+    }
+  },
+  "comingSoon": {
+    "defaultDescription": "Ta funkcija je v izdelavi in bo kmalu na voljo."
+  },
+  "hero": {
+    "or": "ali",
+    "scanBarcode": "Skeniraj črtno kodo",
+    "searchPlaceholder": "Išči izdelke...",
+    "taglines": [
+      "Primerjaj trgovine in cene!",
+      "Prihrani pri vsakem nakupu!",
+      "Nikoli ne zamudi akcije!",
+      "Pozabi na kartice - razbremeni denarnico!",
+      "Ustvari in deli nakupovalni seznam!",
+      "Spremljaj zgodovino cen!",
+      "Skeniraj črtno kodo in primerjaj cene!",
+      "Uživaj v pametnem nakupovanju!",
+      "Poišči najboljše ponudbe na Hrvaškem!",
+      "Kupuj kakovostno in poceni!",
+      "Kupuj pametno, prihrani več!",
+      "Tvoj partner pri pametnem nakupovanju!",
+      "Pozabi na kataloge in letake!"
+    ]
+  },
+  "pages": {
+    "home": {
+      "metaTitle": "Poišči najboljše cene na Hrvaškem",
+      "metaDescription": "Aplikacija za kupce na Hrvaškem: primerjaj cene v trgovinah, ustvari pametne nakupovalne sezname, spremljaj kartice zvestobe in prejemaj obvestila o popustih s skeniranjem črtne kode in predlogi umetne inteligence."
+    },
+    "products": {
+      "metaTitle": "Izdelki",
+      "metaDescription": "Brskaj po razpoložljivih izdelkih.",
+      "searchPlaceholder": "Išči izdelke...",
+      "searchResults": "Rezultati iskanja za \"{query}\"{count}",
+      "errorTitle": "Napaka pri iskanju",
+      "errorDescription": "Pri pridobivanju podatkov je prišlo do napake. Poskusi znova.",
+      "startTitle": "Začni iskanje",
+      "startDescription": "Vnesi ime izdelka, ki ga iščeš"
+    },
+    "watchlist": {
+      "metaTitle": "Seznam spremljanja",
+      "metaDescription": "Spremljaj cene izdelkov in prejemaj obvestila o popustih.",
+      "searchPlaceholder": "Išči po seznamu spremljanja...",
+      "searchResults": "Rezultati iskanja za \"{query}\" ({count})",
+      "heading": "Spremljani izdelki{count}",
+      "pricesUpdated": "Cene posodobljene",
+      "emptyTitle": "Ni spremljanih izdelkov",
+      "emptyDescription": "Dodaj izdelke na seznam spremljanja, da boš prejemal obvestila o popustih.",
+      "suggestionsHeading": "Predlagani izdelki za spremljanje ({count})",
+      "show": "Pokaži",
+      "hide": "Skrij",
+      "createDiscountedList": "Ustvari seznam znižanih izdelkov ({count})",
+      "creatingList": "Ustvarjanje seznama...",
+      "discountedListTitle": "Znižano {date}",
+      "partialFailRemoved": "Nekaterih izdelkov ni bilo mogoče dodati. Seznam je bil samodejno odstranjen.",
+      "partialFailNotRemoved": "Nekaterih izdelkov ni bilo mogoče dodati, seznama pa ni mogoče samodejno odstraniti.",
+      "createSuccess": "Seznam znižanih izdelkov je uspešno ustvarjen",
+      "createError": "Napaka pri ustvarjanju seznama znižanih izdelkov",
+      "addProductAria": "Dodaj izdelek",
+      "removeProductAria": "Odstrani izdelek",
+      "removed": "Izdelek odstranjen s seznama spremljanja",
+      "removeProductError": "Napaka pri odstranjevanju izdelka",
+      "partialRemove": "Delna odstranitev: {count} izdelkov ni bilo mogoče odstraniti.",
+      "discountLoadError": "Napaka pri nalaganju",
+      "discountNoData": "Ni podatkov",
+      "setPreferences": "Nastavi nastavitve",
+      "unavailable": "Ni na voljo"
+    },
+    "shoppingLists": {
+      "metaTitle": "Nakupovalni seznami",
+      "metaDescription": "Upravljaj svoje nakupovalne sezname.",
+      "publicTooltip": "Seznam je javen",
+      "privateTooltip": "Seznam je zaseben",
+      "searchPlaceholder": "Išči nakupovalne sezname...",
+      "searchResults": "Rezultati iskanja za \"{query}\" ({count})",
+      "heading": "Moji nakupovalni seznami{count}",
+      "emptyTitle": "Ni nakupovalnih seznamov",
+      "emptyDescription": "Ustvari svoj prvi nakupovalni seznam…",
+      "create": "Ustvari nakupovalni seznam",
+      "modal": {
+        "editTitle": "Uredi nakupovalni seznam",
+        "createTitle": "Nov nakupovalni seznam",
+        "nameLabel": "Ime seznama",
+        "namePlaceholder": "Žar 01.05.2026"
+      },
+      "deleteDialog": {
+        "title": "Izbriši nakupovalni seznam",
+        "description": "Ali res želiš izbrisati seznam \"{title}\"? Tega dejanja ni mogoče razveljaviti."
+      }
+    },
+    "suggestions": {
+      "metaTitle": "Ideje in predlogi",
+      "metaDescription": "Predlagaj nove funkcije in glasuj za tiste, ki jih želiš videti.",
+      "searchPlaceholder": "Išči ideje in predloge...",
+      "searchResults": "Rezultati iskanja za \"{query}\" ({count})",
+      "heading": "Ideje in predlogi ({count})",
+      "backToList": "Nazaj na ideje in predloge",
+      "comments": "Komentarji ({count})",
+      "noComments": "Še ni komentarjev. Bodi prvi, ki bo komentiral, ko bo funkcija na voljo."
+    },
+    "updates": {
+      "metaTitle": "Novice",
+      "metaDescription": "Najnovejše objave in novice o Disscountu.",
+      "searchPlaceholder": "Išči novice...",
+      "searchResults": "Rezultati iskanja za \"{query}\" ({count})",
+      "heading": "Novice ({count})",
+      "newPost": "Nova objava",
+      "newPostSoon": "Ustvarjanje objav bo kmalu na voljo."
+    },
+    "spending": {
+      "metaTitle": "Poraba",
+      "metaDescription": "Pregled in analiza tvoje porabe.",
+      "title": "Poraba",
+      "comingSoonDescription": "Pregled in analiza tvoje porabe bosta kmalu na voljo."
+    },
+    "digitalCards": {
+      "metaTitle": "Moje digitalne kartice",
+      "metaDescription": "Ogled in upravljanje digitalnih kartic.",
+      "add": "Dodaj digitalno kartico",
+      "searchPlaceholder": "Išči digitalne kartice...",
+      "searchResults": "Rezultati iskanja za \"{query}\" ({count})",
+      "heading": "Moje digitalne kartice{count}",
+      "emptyTitle": "Ni digitalnih kartic",
+      "emptyDescription": "Ustvari svojo prvo digitalno kartico…",
+      "edit": "Uredi",
+      "deleteConfirm": "Ali res želiš izbrisati kartico \"{title}\"?",
+      "deleted": "Kartica izbrisana.",
+      "deleteError": "Napaka pri brisanju: {message}",
+      "createdLabel": "Ustvarjeno {date}",
+      "modal": {
+        "editTitle": "Uredi digitalno kartico",
+        "createTitle": "Nova digitalna kartica",
+        "titleLabel": "Ime kartice",
+        "valueLabel": "Vrednost/Koda",
+        "typeLabel": "Vrsta kartice",
+        "typePlaceholder": "Izberi vrsto",
+        "typeLoyalty": "Kartica zvestobe",
+        "typeDiscount": "Popustna kartica",
+        "typeMembership": "Članstvo",
+        "typeGift": "Darilna kartica",
+        "typeOther": "Drugo",
+        "codeTypeLabel": "Vrsta kode",
+        "codeTypePlaceholder": "Izberi vrsto kode",
+        "codeBarcode": "Črtna koda",
+        "codeQr": "Koda QR",
+        "codeNumber": "Številka",
+        "codeText": "Besedilo",
+        "colorLabel": "Barva kartice",
+        "noteLabel": "Opomba",
+        "notePlaceholder": "Vnesi opombo",
+        "noteHint": "Dodatne informacije o tvoji kartici ({remaining} preostalo).",
+        "updated": "Digitalna kartica uspešno posodobljena!",
+        "updateError": "Pri posodabljanju kartice je prišlo do napake",
+        "created": "Digitalna kartica uspešno ustvarjena!",
+        "createError": "Pri ustvarjanju kartice je prišlo do napake"
+      }
+    },
+    "statistics": {
+      "metaTitle": "Statistika",
+      "metaDescription": "Pregled statistike trgovinskih verig.",
+      "heading": "Statistika",
+      "description": "Pregled statistike trgovinskih verig.",
+      "checking": "Preverjanje stanja...",
+      "apiCheckError": "Napaka pri preverjanju razpoložljivosti API-ja",
+      "apiAvailable": "API cen je na voljo",
+      "apiUnavailable": "API cen ni na voljo",
+      "chainStatsHeading": "Statistika po verigah",
+      "noData": "Ni podatkov",
+      "storeCount": "{count, plural, one {# trgovina} two {# trgovini} few {# trgovine} other {# trgovin}}",
+      "priceCount": "{count, plural, one {# cena} two {# ceni} few {# cene} other {# cen}}",
+      "city": "Mesto",
+      "address": "Naslov",
+      "loadingStores": "Nalaganje trgovin...",
+      "noStores": "Ni podatkov o trgovinah"
+    },
+    "map": {
+      "metaTitle": "Zemljevid in delovni čas trgovin",
+      "metaDescription": "Ogled trgovin in njihovega delovnega časa na zemljevidu.",
+      "searchPlaceholder": "Išči po imenu trgovine ali naslovu...",
+      "searchResultsPlain": "Rezultati iskanja za \"{query}\"",
+      "heading": "Zemljevid in delovni čas trgovin",
+      "comingSoon": "Iskanje trgovin po imenu verige ali naslovu ter ogled njihovega delovnega časa na interaktivnem zemljevidu bo kmalu na voljo."
+    },
+    "offline": {
+      "metaTitle": "Ni internetne povezave",
+      "metaDescription": "Trenutno si brez povezave.",
+      "title": "Ni internetne povezave 📡",
+      "description": "Trenutno si brez povezave. Shranjeni seznami, spremljani izdelki in nedavno ogledani izdelki so še vedno na voljo.",
+      "checkConnection": "Preveri povezavo in poskusi znova.",
+      "retry": "Poskusi znova"
+    },
+    "notFound": {
+      "metaTitle": "Stran ni najdena - 404",
+      "metaDescription": "Stran, ki jo iščeš, ne obstaja.",
+      "heading": "Hmm… to je nerodno. 😅",
+      "descriptionBefore": "Videti je, da stran",
+      "descriptionAfter": "ne obstaja.",
+      "help": "Skupaj se vrniva na začetno stran ali pa prijavi napako!",
+      "reportError": "Prijavi napako",
+      "backHome": "Nazaj na začetno"
+    },
+    "dashboard": {
+      "metaTitle": "Nadzorna plošča",
+      "metaDescription": "Nadzorna plošča za partnerje, javni sektor in administratorje.",
+      "heading": "Nadzorna plošča",
+      "userManagement": "Upravljanje uporabnikov",
+      "noAdminInfo": "Podatki in orodja bodo tukaj kmalu na voljo.",
+      "colUsername": "Uporabniško ime",
+      "colEmail": "E-pošta",
+      "colAccountType": "Vrsta računa",
+      "you": "Ti",
+      "deleteAccountAria": "Izbriši račun",
+      "accountTypeUpdated": "Vrsta računa posodobljena!",
+      "accountTypeError": "Napaka pri spreminjanju vrste računa.",
+      "accountDeleted": "Račun izbrisan!",
+      "deleteError": "Napaka pri brisanju računa.",
+      "loadError": "Napaka pri nalaganju uporabnikov.",
+      "deleteTitle": "Brisanje računa",
+      "deleteConfirm": "Ali si prepričan, da želiš izbrisati račun {name}? Tega dejanja ni mogoče razveljaviti.",
+      "confirmDelete": "Izbriši račun"
+    },
+    "productDetail": {
+      "metaTitle": "Podrobnosti izdelka",
+      "metaDescription": "Primerjava cen izdelka."
+    },
+    "resetPassword": {
+      "metaTitle": "Novo geslo",
+      "metaDescription": "Nastavi novo geslo za svoj račun Disscount.",
+      "title": "Novo geslo",
+      "description": "Nastavi novo geslo za svoj račun Disscount.",
+      "missingToken": "Žeton manjka. Zahtevaj novo povezavo prek »Pozabljeno geslo?« na prijavnem zaslonu.",
+      "newPasswordLabel": "Novo geslo",
+      "confirmLabel": "Potrdi novo geslo",
+      "submit": "Nastavi geslo",
+      "invalidLink": "Povezava je neveljavna ali je potekla. Zahtevaj novo.",
+      "error": "Napaka pri nastavljanju gesla. Poskusi znova.",
+      "success": "Geslo je nastavljeno. Zdaj se lahko prijaviš."
+    },
+    "suggestionDetail": {
+      "metaTitle": "Ideje in predlogi - Podrobnosti",
+      "metaDescription": "Podrobnosti predloga in komentarji skupnosti."
+    },
+    "postDetail": {
+      "metaTitleFallback": "Novice",
+      "metaDescriptionFallback": "Podrobnosti objave.",
+      "backToNews": "Nazaj na novice"
+    },
+    "shoppingListDetail": {
+      "metaTitle": "Nakupovalni seznam - Podrobnosti",
+      "metaDescription": "Ogled in upravljanje izdelkov na nakupovalnem seznamu."
+    }
+  },
+  "legal": {
+    "lastUpdated": "21. junij 2026",
+    "documentsLabel": "Pravni dokumenti",
+    "lastUpdatedLabel": "Zadnja posodobitev",
+    "draftNotice": "To je začasna, skrajšana različica. Končni pravni dokument je v pripravi.",
+    "dataDeletion": {
+      "metaTitle": "Brisanje podatkov",
+      "metaDescription": "Kako izbrisati svoj račun in podatke iz aplikacije Disscount.",
+      "title": "Brisanje podatkov",
+      "intro": "Navodila za brisanje tvojega računa in povezanih podatkov iz Disscounta.",
+      "inAppHeading": "Brisanje v aplikaciji",
+      "inAppBody": "Prijavi se, odpri meni računa in izberi Varnost. Tam lahko izbrišeš svoj račun. Z brisanjem se odstrani tvoja prijavna identiteta, osebni podatki (ime, e-pošta, profilna slika) pa se trajno odstranijo.",
+      "onRequestHeading": "Brisanje na zahtevo",
+      "onRequestBody": "Če ne moreš dostopati do računa, pošlji zahtevo za brisanje na <mail>info@disscount.me</mail> z e-poštnega naslova, povezanega z računom. Zahteve obdelamo v razumnem roku.",
+      "whatDeletedHeading": "Kaj se izbriše",
+      "whatDeletedBody": "Odstranimo tvoje osebne podatke in dostop do računa. Nekateri anonimizirani zapisi se lahko ohranijo, če to zahteva zakon."
+    },
+    "privacy": {
+      "metaTitle": "Pravilnik o zasebnosti",
+      "metaDescription": "Kako Disscount zbira in uporablja tvoje podatke.",
+      "title": "Pravilnik o zasebnosti",
+      "intro": "Ta pravilnik pojasnjuje, katere podatke Disscount zbira in kako jih uporablja.",
+      "collectHeading": "Katere podatke zbiramo",
+      "collectBody": "Ob prijavi zberemo tvoje ime, e-poštni naslov in, če je na voljo, profilno sliko od ponudnika prijave (Google ali Facebook). Shranimo tudi podatke, ki jih ustvariš v aplikaciji, kot so nakupovalni seznami in nastavitve.",
+      "useHeading": "Kako uporabljamo podatke",
+      "useBody": "Podatke uporabljamo za zagotavljanje storitve, tvojo prijavo, prikaz tvojih seznamov in nastavitev ter pošiljanje obvestil, ki si jih omogočil.",
+      "shareHeading": "Deljenje podatkov",
+      "shareBody": "Tvojih podatkov ne prodajamo. Google in Facebook uporabljamo izključno za prijavo prek tvojih obstoječih računov.",
+      "deleteHeading": "Brisanje podatkov",
+      "deleteBody": "Račun in povezane podatke lahko kadar koli izbrišeš v aplikaciji. Navodila so na strani za brisanje podatkov.",
+      "contactHeading": "Stik",
+      "contactBody": "Za vprašanja o zasebnosti se obrni na <mail>info@disscount.me</mail>."
+    },
+    "terms": {
+      "metaTitle": "Pogoji uporabe",
+      "metaDescription": "Pogoji uporabe aplikacije Disscount.",
+      "title": "Pogoji uporabe",
+      "intro": "Z uporabo aplikacije Disscount sprejemaš te pogoje.",
+      "acceptHeading": "Sprejem pogojev",
+      "acceptBody": "Z dostopom do aplikacije ali njeno uporabo se strinjaš s temi pogoji. Če se ne strinjaš, aplikacije ne uporabljaj.",
+      "useHeading": "Uporaba storitve",
+      "useBody": "Disscount je namenjen primerjavi cen in organizaciji nakupovanja. Strinjaš se, da aplikacije ne boš uporabljal v nezakonite namene ali na način, ki moti njeno delovanje.",
+      "accountsHeading": "Računi",
+      "accountsBody": "Odgovoren si za dejavnosti na svojem računu. Račun lahko kadar koli izbrišeš v aplikaciji.",
+      "liabilityHeading": "Odgovornost",
+      "liabilityBody": "Aplikacija je na voljo „takšna, kot je”. Cene in podatki se lahko razlikujejo od dejanskih v trgovinah in ne jamčimo njihove popolne točnosti.",
+      "changesHeading": "Spremembe",
+      "changesBody": "Te pogoje lahko občasno posodobimo. Nadaljnja uporaba po spremembah pomeni sprejem novih pogojev.",
+      "contactHeading": "Stik",
+      "contactBody": "Za vprašanja o pogojih se obrni na <mail>info@disscount.me</mail>."
+    }
+  },
+  "userMenu": {
+    "preferences": "Nastavitve",
+    "profile": "Profil",
+    "security": "Varnost",
+    "logout": "Odjava",
+    "avatarAria": "Uporabniški meni"
+  },
+  "accountTypes": {
+    "ADMIN": "Admin",
+    "CONSUMER": "Uporabnik",
+    "ENTERPRISE": "Partner",
+    "PUBLIC_SECTOR": "Javni sektor"
+  },
+  "acquisitionChannels": {
+    "GOOGLE_SEARCH": "Google iskanje",
+    "INSTAGRAM": "Instagram",
+    "FACEBOOK": "Facebook",
+    "TIKTOK": "TikTok",
+    "YOUTUBE": "YouTube",
+    "FRIEND_OR_FAMILY": "Priporočilo prijatelja ali družine",
+    "ONLINE_AD": "Spletni oglas",
+    "BLOG_OR_NEWS": "Blog, članek ali mediji",
+    "APP_STORE": "App Store / Google Play",
+    "POSTER_OR_FLYER": "Plakat ali letak",
+    "EVENT": "Sejem ali dogodek",
+    "OTHER": "Drugo"
+  },
+  "notifications": {
+    "savingsToday": "Skupni prihranek danes:",
+    "savingsDetail": "(≥ {amount}€ za {count, plural, one {# izdelek} two {# izdelka} few {# izdelki} other {# izdelkov}})",
+    "loading": "Nalaganje...",
+    "noDiscountsToday": "Danes ni popustov na spremljanih izdelkih.",
+    "emptyPrompt": "Dodaj izdelke na seznam spremljanja in obvestili te bomo, ko bodo želeni izdelki v tvojih trgovinah na voljo s popustom!",
+    "addProducts": "Dodaj izdelke"
+  },
+  "settings": {
+    "preferences": {
+      "title": "Nastavitve",
+      "storesLabel": "Trgovine",
+      "storesHint": "Izberi trgovine v svoji bližini.",
+      "locationsLabel": "Lokacije",
+      "locationsHint": "Izberi lokacije v svoji bližini.",
+      "locationsPlaceholder": "Izberi lokacije...",
+      "footer": "Te nastavitve lahko kadar koli spremeniš v nastavitvah računa.",
+      "saveStoresError": "Napaka pri shranjevanju nastavitev trgovin",
+      "saveLocationsError": "Napaka pri shranjevanju nastavitev lokacij",
+      "saveError": "Napaka pri shranjevanju nastavitev",
+      "saveSuccess": "Nastavitve uspešno shranjene!"
+    },
+    "profile": {
+      "title": "Profil",
+      "usernameLabel": "Uporabniško ime",
+      "usernameHint": "Kako naj te kličemo?",
+      "avatarLabel": "Avatar (neobvezno)",
+      "uploadImage": "Naloži sliko",
+      "remove": "Odstrani",
+      "avatarHint": "PNG, JPG ali GIF (do 1 MB).",
+      "pushLabel": "Dovoli obvestila aplikacije",
+      "pushHint": "V mobilni aplikaciji boš prejemal obvestila o akcijah za izbrane izdelke.",
+      "emailLabel": "Dovoli e-poštna obvestila",
+      "emailHint": "Po e-pošti boš prejemal obvestila o akcijah za izbrane izdelke.",
+      "newsletterLabel": "Novice in posodobitve",
+      "newsletterHint": "Občasne novice o Disscountu na tvojo e-pošto.",
+      "feedbackLabel": "Stik za povratne informacije",
+      "feedbackHint": "Dovoli, da te kontaktiramo za povratne informacije o aplikaciji.",
+      "acquisitionLabel": "Kako si izvedel za Disscount?",
+      "acquisitionPlaceholder": "Izberi vir",
+      "acquisitionHint": "Pomaga nam vedeti, kje te lahko bolje dosežemo.",
+      "footer": "Te podatke lahko pozneje spremeniš v nastavitvah računa.",
+      "avatarTooLarge": "Slika je prevelika. Največja velikost je 1 MB.",
+      "avatarError": "Napaka pri nalaganju slike.",
+      "saveSuccess": "Profil uspešno shranjen!",
+      "saveError": "Napaka pri shranjevanju profila",
+      "checkInput": "Preveri vnesene podatke."
+    },
+    "security": {
+      "title": "Varnost",
+      "description": "Upravljaj prijave in svoj račun.",
+      "loginSection": "Prijava in varnost",
+      "linkedSection": "Povezani računi",
+      "dangerZone": "Nevarno območje",
+      "loadError": "Napaka pri pridobivanju podatkov o računu. Poskusi znova.",
+      "logoutAllTitle": "Odjava iz vseh naprav",
+      "logoutAllHint": "Odjavi se iz vseh drugih naprav razen te.",
+      "logoutAll": "Odjava",
+      "deleteAccountTitle": "Izbriši račun",
+      "deleteAccountHint": "Trajno izbriši svoj račun in vse podatke.",
+      "deleteAccount": "Izbriši",
+      "logoutAllError": "Napaka pri odjavi iz vseh naprav.",
+      "logoutAllSuccess": "Odjavljen si iz vseh drugih naprav!",
+      "logoutAllErrorDetail": "Napaka pri odjavi iz vseh naprav: {message}",
+      "unknownError": "Neznana napaka",
+      "deleteError": "Napaka pri brisanju računa. Poskusi znova.",
+      "deleteSuccess": "Račun je uspešno izbrisan!",
+      "userNotFound": "Uporabniški račun ni najden.",
+      "serverError": "Napaka strežnika. Poskusi znova.",
+      "deleteErrorGeneric": "Napaka pri brisanju računa.",
+      "deleteErrorNetwork": "Napaka pri brisanju računa. Preveri internetno povezavo.",
+      "logoutAllConfirmDesc": "Ali se res želiš odjaviti iz vseh drugih naprav? Ta seja ostane aktivna.",
+      "deleteConfirmTitle": "Brisanje računa",
+      "deleteConfirmDesc": "Tega dejanja ni mogoče razveljaviti. Vsi tvoji podatki bodo trajno izbrisani.",
+      "deleteConfirm": "Izbriši račun"
+    },
+    "credentials": {
+      "emailLabel": "E-pošta",
+      "setPasswordHint": "Nastavi geslo, da boš lahko spremenil e-pošto.",
+      "socialLinkedHint": "Za spremembo e-pošte najprej odstrani povezane račune (Google, Facebook).",
+      "newPasswordLabel": "Novo geslo",
+      "passwordLabel": "Geslo",
+      "leaveBlankHint": "Pusti prazno, če ne spreminjaš gesla.",
+      "currentPasswordLabel": "Trenutno geslo",
+      "currentPasswordHint": "Potrebno za spremembo e-pošte ali gesla.",
+      "invalidEmail": "Vnesi veljavno e-pošto",
+      "enterCurrentPassword": "Vnesi trenutno geslo",
+      "setPasswordError": "Napaka pri nastavljanju gesla.",
+      "passwordSet": "Geslo je nastavljeno! Zdaj se lahko prijaviš tudi z e-pošto.",
+      "noChanges": "Ni sprememb za shranjevanje.",
+      "wrongCurrentPassword": "Trenutno geslo ni pravilno.",
+      "changePasswordError": "Napaka pri spreminjanju gesla.",
+      "changeEmailSocialError": "Za spremembo e-pošte najprej odstrani povezane račune (Google, Facebook).",
+      "changeEmailError": "Napaka pri spreminjanju e-pošte.",
+      "passwordChangedEmailPending": "Geslo je spremenjeno. Za spremembo e-pošte potrdi povezavo, poslano na tvoj trenutni naslov.",
+      "emailChangePending": "Poslali smo potrditveno povezavo na tvoj trenutni e-poštni naslov. Sprememba e-pošte bo uveljavljena po potrditvi.",
+      "passwordChanged": "Geslo je spremenjeno.",
+      "genericError": "Nekaj je šlo narobe. Poskusi znova."
+    },
+    "linkedAccounts": {
+      "connected": "Povezano",
+      "unlink": "Odstrani povezavo",
+      "link": "Poveži",
+      "cannotUnlinkOnly": "Ne moreš odstraniti edinega načina prijave.",
+      "linkError": "Napaka pri povezovanju računa.",
+      "unlinkError": "Napaka pri odstranjevanju povezave računa.",
+      "unlinkSuccess": "Povezava računa je odstranjena."
+    }
+  },
+  "productDetail": {
+    "notFoundTitle": "Izdelek ni najden",
+    "notFoundDescription": "Podatkov za ta izdelek ni bilo mogoče naložiti.",
+    "storeChainsHeading": "Cene po trgovinskih verigah",
+    "pricesRefreshed": "Cene posodobljene",
+    "pricesError": "Napaka pri nalaganju cen. Poskusi znova.",
+    "noPrices": "Za ta izdelek ni razpoložljivih cen.",
+    "producer": "Znamka",
+    "barcode": "Črtna koda",
+    "quantity": "Količina",
+    "prices": "Cene",
+    "unitPrices": "Cena na enoto",
+    "searchImage": "Poišči sliko izdelka",
+    "addToListAction": "Dodaj na nakupovalni seznam",
+    "watchProduct": "Spremljaj izdelek",
+    "updateWatch": "Posodobi spremljanje",
+    "dataFrom": "Podatki od {date}",
+    "min": "Min",
+    "avg": "Povpr.",
+    "max": "Max",
+    "pricesByLocation": "Cene po lokacijah",
+    "location": "Lokacija",
+    "address": "Naslov",
+    "price": "Cena",
+    "noChainPrices": "Za to verigo ni razpoložljivih cen",
+    "unknownPrice": "Neznana cena"
+  },
+  "addToList": {
+    "title": "Dodaj izdelek na nakupovalni seznam",
+    "listLabel": "Nakupovalni seznam",
+    "createNewList": "Ustvari nov seznam \"{title}\"",
+    "selectPlaceholder": "Izberi seznam...",
+    "searchPlaceholder": "Išči po svojih seznamih ali ustvari novega...",
+    "emptyHint": "Začni tipkati ime, da tukaj ustvariš svoj prvi nakupovalni seznam.",
+    "existingLists": "Obstoječi seznami",
+    "newListGroup": "Nov nakupovalni seznam",
+    "storeLabel": "Trgovina",
+    "adding": "Dodajanje",
+    "duplicateTitle": "Izdelek je že na nakupovalnem seznamu",
+    "duplicateText": "Ta izdelek je že na izbranem nakupovalnem seznamu. Z dodajanjem se bo njegova količina na seznamu le povečala z {from} na {to}.",
+    "addedToast": "Izdelek je dodan na \"{name}\"",
+    "createdToast": "Nakupovalni seznam \"{name}\" je ustvarjen",
+    "addError": "Napaka pri dodajanju na seznam: {message}",
+    "createError": "Napaka pri ustvarjanju nakupovalnega seznama: {message}",
+    "fallbackListName": "seznam",
+    "markCheckedLabel": "Označi izdelek kot že kupljen",
+    "markCheckedHint": "To lahko pozneje spremeniš na nakupovalnem seznamu",
+    "quantityLabel": "Količina",
+    "decreaseBy": "Zmanjšaj količino za {n}",
+    "increaseBy": "Povečaj količino za {n}"
+  },
+  "watchModal": {
+    "title": "Dodaj na seznam spremljanja",
+    "mode": "Način spremljanja",
+    "priceMode": "Cena",
+    "priceModeHint": "Obveščanje, ko cena pade za določen znesek",
+    "percentMode": "Odstotek",
+    "percentModeHint": "Obveščanje, ko je popust večji od določenega odstotka",
+    "existingTitle": "Izdelek je že na seznamu spremljanja",
+    "minReductionPct": "Najmanjše znižanje (%):",
+    "minReductionAbs": "Najmanjše znižanje (€):",
+    "placeholderAbs": "npr. 12€",
+    "placeholderPct": "npr. 15%",
+    "decreaseThresholdBy": "Zmanjšaj prag za {n}",
+    "increaseThresholdBy": "Povečaj prag za {n}",
+    "updatePreview": "Najmanjši prag bo posodobljen z {old} na {new}.",
+    "saving": "Shranjevanje...",
+    "invalidValue": "Vnesi veljavno vrednost",
+    "percentRange": "Odstotek mora biti med {min}% in {max}%",
+    "amountRange": "Znesek mora biti med {min}€ in {max}€",
+    "thresholdUpdated": "Prag posodobljen z {old} na {new}",
+    "added": "Izdelek dodan na seznam spremljanja",
+    "saveError": "Napaka pri shranjevanju",
+    "removeError": "Napaka pri odstranjevanju",
+    "removedPercent": "Odstotek se za ta izdelek ne spremlja več",
+    "removedPrice": "Cena se za ta izdelek ne spremlja več",
+    "existingPercentPart": "najmanjšim pragom odstotka {value}%",
+    "existingAbsPart": "najmanjšim pragom popusta {value}€",
+    "existingJoin": "in",
+    "existingText": "Ta izdelek je že na seznamu spremljanja z {parts}."
+  },
+  "scanner": {
+    "title": "Skeniraj kodo",
+    "checking": "Preverjanje dostopa do kamere...",
+    "permissionError": "Za skeniranje je potreben dostop do kamere. Omogoči dostop do kamere v nastavitvah brskalnika.",
+    "scanError": "Napaka pri skeniranju. Poskusi znova.",
+    "instruction": "Usmeri kamero proti kodi"
+  },
+  "shoppingListDetail": {
+    "errorTitle": "Napaka",
+    "errorText": "Nakupovalni seznam ni najden ali je prišlo do napake.",
+    "backToLists": "Nazaj na nakupovalne sezname",
+    "listRefreshed": "Seznam osvežen",
+    "created": "Ustvarjeno",
+    "updated": "Posodobljeno",
+    "total": "Skupaj",
+    "remaining": "Preostalo",
+    "spent": "Porabljeno",
+    "saved": "Prihranjeno",
+    "overpaid": "Preplačano",
+    "productsHeading": "Izdelki ({count})",
+    "productsHeadingChecked": "Izdelki ({checked}/{total} kupljeno)",
+    "emptyItems": "Ta seznam še ne vsebuje izdelkov. Poišči izdelke in jih dodaj na ta seznam.",
+    "storeChainsHeading": "Cene po trgovinskih verigah",
+    "noStorePrices": "Za izdelke na seznamu ni razpoložljivih cen.",
+    "public": "Seznam je javen",
+    "private": "Seznam je zaseben",
+    "share": "Deli seznam",
+    "copy": "Kopiraj seznam",
+    "edit": "Uredi seznam",
+    "deleteAction": "Izbriši seznam",
+    "moreOptions": "Več možnosti",
+    "removeItem": "Odstrani izdelek",
+    "increaseQuantity": "Povečaj količino za 1",
+    "decreaseQuantity": "Zmanjšaj količino za 1",
+    "colProduct": "Izdelek",
+    "colQuantity": "Količina",
+    "colPrice": "Cena",
+    "colTotal": "Skupaj",
+    "noItems": "Ni izdelkov na nakupovalnem seznamu",
+    "unavailable": "Izdelek ni na voljo",
+    "unavailableTooltip": "Izdelek ni na voljo v tej trgovini",
+    "lowestPrice": "najnižja cena",
+    "highestPrice": "najvišja cena",
+    "productAvailability": "Razpoložljivost izdelkov",
+    "productsUnavailable": "Izdelki niso na voljo ({available}/{total})",
+    "copySuffix": "(Kopija)",
+    "toasts": {
+      "updateItemError": "Napaka pri posodabljanju izdelka. Poskusi znova.",
+      "deleteItemError": "Napaka pri brisanju izdelka. Poskusi znova.",
+      "itemDeleted": "Izdelek uspešno izbrisan!",
+      "deleteListError": "Napaka pri brisanju nakupovalnega seznama. Poskusi znova.",
+      "listDeleted": "Nakupovalni seznam uspešno izbrisan!",
+      "listCopied": "Nakupovalni seznam uspešno kopiran!",
+      "copyListError": "Napaka pri kopiranju nakupovalnega seznama",
+      "shared": "Seznam kopiran v odložišče!",
+      "shareError": "Napaka pri kopiranju seznama",
+      "listUpdated": "Nakupovalni seznam uspešno posodobljen!",
+      "updateListError": "Pri posodabljanju seznama je prišlo do napake",
+      "listCreated": "Nakupovalni seznam uspešno ustvarjen!",
+      "createListError": "Pri ustvarjanju seznama je prišlo do napake",
+      "offlineSync": "Nisi povezan - sprememba se bo sinhronizirala, ko boš spet povezan."
+    }
+  },
+  "priceHistory": {
+    "heading": "Zgodovina cen",
+    "noData": "Ni razpoložljivih zgodovinskih podatkov.",
+    "avg": "Povpr.",
+    "period1W": "1T",
+    "period1M": "1M",
+    "period1Y": "1L",
+    "periodAll": "Vse"
+  },
+  "offline": {
+    "refreshed": "Osveženo",
+    "withPending": "Brez povezave - shranjene spremembe ({count}) bodo sinhronizirane pozneje.",
+    "cached": "Brez povezave - prikazujemo shranjene podatke."
+  },
+  "pwa": {
+    "bannerText": "Dodaj Disscount na začetni zaslon za hitrejši dostop.",
+    "close": "Zapri",
+    "addToHome": "Dodaj na začetni zaslon",
+    "instructionsDescription": "Dodaj Disscount na začetni zaslon v nekaj korakih.",
+    "iosStep1": "V Safariju tapni gumb <icon></icon> <b>Deli</b>.",
+    "iosStep2": "Izberi <icon></icon> <b>Dodaj na začetni zaslon</b>.",
+    "iosStep3": "Potrdi z <b>Dodaj</b>.",
+    "androidStep1": "Odpri meni brskalnika <icon></icon>.",
+    "androidStep2": "Izberi <icon></icon> <b>Dodaj na začetni zaslon</b> (ali <b>Namesti aplikacijo</b>).",
+    "androidStep3": "Potrdi izbiro."
+  },
+  "validation": {
+    "passwordRule": "Geslo mora imeti vsaj 12 znakov ter vsebovati vsaj eno veliko črko, eno malo črko in številko (0-9).",
+    "invalidEmail": "Vnesi veljavno e-pošto",
+    "enterPassword": "Vnesi geslo",
+    "passwordsMismatch": "Gesli se ne ujemata",
+    "usernameMin": "Uporabniško ime mora imeti vsaj 2 znaka",
+    "usernameMax": "Uporabniško ime ima lahko največ 40 znakov",
+    "listTitleMin": "Ime mora imeti vsaj 3 znake",
+    "titleMax100": "Ime ima lahko največ 100 znakov",
+    "eanRequired": "Koda EAN je obvezna",
+    "productNameRequired": "Ime izdelka je obvezno",
+    "amountMin": "Količina mora biti večja od 0",
+    "amountMax": "Količina ne sme biti večja od {max}",
+    "productApiIdRequired": "Product API ID je obvezen",
+    "watchTypeRequired": "Vrsta spremljanja je obvezna",
+    "thresholdPositive": "Prag mora biti pozitivno število",
+    "cardTitleRequired": "Ime je obvezno",
+    "valueRequired": "Vrednost je obvezna",
+    "valueMax": "Vrednost ima lahko največ 500 znakov",
+    "typeRequired": "Vrsta je obvezna",
+    "typeMax": "Vrsta ima lahko največ 50 znakov",
+    "codeTypeRequired": "Vrsta kode je obvezna",
+    "codeTypeMax": "Vrsta kode ima lahko največ 50 znakov",
+    "colorHex": "Barva mora biti v obliki HEX (#ffffff)",
+    "noteMax": "Opomba ima lahko največ 500 znakov"
+  },
+  "emails": {
+    "common": {
+      "linkFallback": "Če gumb ne deluje, kopiraj to povezavo in jo prilepi v brskalnik:",
+      "footerNotice": "To e-pošto prejemaš, ker je s tem naslovom povezan račun Disscount. Nastavitve e-pošte lahko spremeniš, ko se <link>prijaviš v Disscount</link>."
+    },
+    "verify": {
+      "subject": "Potrdi svoj e-poštni naslov",
+      "preview": "Potrdi svoj e-poštni naslov za Disscount",
+      "heading": "Potrdi svoj e-poštni naslov",
+      "intro": "Hvala za registracijo! Klikni spodnji gumb, da potrdiš svoj e-poštni naslov in aktiviraš svoj račun Disscount.",
+      "button": "Potrdi e-pošto",
+      "footnote": "Če tega računa nisi zahteval, lahko to e-pošto prezreš."
+    },
+    "reset": {
+      "subject": "Ponastavitev gesla",
+      "preview": "Ponastavi svoje geslo za Disscount",
+      "heading": "Ponastavitev gesla",
+      "intro": "Zahteval si ponastavitev gesla. Klikni spodnji gumb, da nastaviš novo geslo. Povezava je veljavna omejen čas.",
+      "button": "Nastavi novo geslo",
+      "footnote": "Če te spremembe nisi zahteval, prezri to e-pošto - tvoje geslo ostane nespremenjeno."
+    },
+    "setPassword": {
+      "subject": "Nastavi geslo za svoj račun",
+      "preview": "Nastavi geslo za svoj račun Disscount",
+      "heading": "Nastavi geslo za svoj račun",
+      "intro": "Za ta e-poštni naslov že obstaja račun Disscount (prijava prek Googla ali Facebooka). Klikni spodnji gumb, da nastaviš geslo in se boš v prihodnje lahko prijavil tudi z e-pošto. Povezava je veljavna omejen čas.",
+      "button": "Nastavi geslo",
+      "footnote": "Če tega nisi zahteval, prezri to e-pošto - tvoj račun ostane nespremenjen."
+    },
+    "changeEmail": {
+      "subject": "Potrdi spremembo e-pošte",
+      "preview": "Potrdi spremembo e-pošte",
+      "heading": "Potrdi spremembo e-pošte",
+      "intro": "Zahtevana je bila sprememba e-poštnega naslova tvojega računa Disscount na <b>{newEmail}</b>. Klikni spodnji gumb, da potrdiš spremembo.",
+      "button": "Potrdi spremembo",
+      "footnote": "Če te spremembe nisi zahteval, takoj spremeni geslo in nas obvesti - tvoj naslov ostane nespremenjen, dokler ne potrdiš."
+    }
+  }
+}
diff --git a/frontend/src/i18n/request.ts b/frontend/src/i18n/request.ts
new file mode 100644
index 00000000..0b392479
--- /dev/null
+++ b/frontend/src/i18n/request.ts
@@ -0,0 +1,33 @@
+import { getRequestConfig } from "next-intl/server";
+import { cookies, headers } from "next/headers";
+
+import {
+  defaultLocale,
+  isLocale,
+  LOCALE_COOKIE,
+  matchLocale,
+  TIME_ZONE,
+} from "./config";
+import { getMessageFallback, onIntlError } from "./message-fallback";
+
+// Resolves the active locale per request. Priority:
+//   1. NEXT_LOCALE cookie: the user's explicit choice (set by the switcher)
+//   2. Accept-Language header: the browser's preference on the first visit
+//   3. defaultLocale
+// Reading the cookie/headers opts pages into dynamic rendering, which is
+// expected for cookie-based i18n without routing.
+export default getRequestConfig(async () => {
+  const cookieLocale = (await cookies()).get(LOCALE_COOKIE)?.value;
+
+  const locale = isLocale(cookieLocale)
+    ? cookieLocale
+    : (matchLocale((await headers()).get("accept-language")) ?? defaultLocale);
+
+  return {
+    locale,
+    timeZone: TIME_ZONE,
+    messages: (await import(`./messages/${locale}.json`)).default,
+    getMessageFallback,
+    onError: onIntlError,
+  };
+});
diff --git a/frontend/src/lib/api/shopping-lists/index.ts b/frontend/src/lib/api/shopping-lists/index.ts
index 4e01d0bf..e6276a69 100644
--- a/frontend/src/lib/api/shopping-lists/index.ts
+++ b/frontend/src/lib/api/shopping-lists/index.ts
@@ -1,5 +1,6 @@
 import { useMutation, useQuery } from "@tanstack/react-query";
 import apiClient from "../api-base";
+import { OFFLINE_MUTATION_KEYS } from "@/lib/offline/offline-mutation-keys";
 import {
   ShoppingListRequest,
   ShoppingListDto,
@@ -119,6 +120,7 @@ export async function getAllUserShoppingListItems(): Promise<
 // React Query hooks
 export const useCreateShoppingList = () => {
   return useMutation<ShoppingListDto, Error, ShoppingListRequest>({
+    mutationKey: OFFLINE_MUTATION_KEYS.shoppingListCreate,
     mutationFn: createShoppingList,
   });
 };
@@ -145,12 +147,14 @@ export const useUpdateShoppingList = () => {
     Error,
     { id: string; data: ShoppingListRequest }
   >({
+    mutationKey: OFFLINE_MUTATION_KEYS.shoppingListUpdate,
     mutationFn: ({ id, data }) => updateShoppingList(id, data),
   });
 };
 
 export const useDeleteShoppingList = () => {
   return useMutation<void, Error, string>({
+    mutationKey: OFFLINE_MUTATION_KEYS.shoppingListDelete,
     mutationFn: deleteShoppingList,
   });
 };
@@ -161,6 +165,7 @@ export const useAddItemToShoppingList = () => {
     Error,
     { listId: string; data: ShoppingListItemRequest }
   >({
+    mutationKey: OFFLINE_MUTATION_KEYS.shoppingListItemAdd,
     mutationFn: ({ listId, data }) => addItemToShoppingList(listId, data),
   });
 };
@@ -171,6 +176,7 @@ export const useUpdateShoppingListItem = () => {
     Error,
     { listId: string; itemId: string; data: ShoppingListItemRequest }
   >({
+    mutationKey: OFFLINE_MUTATION_KEYS.shoppingListItemUpdate,
     mutationFn: ({ listId, itemId, data }) =>
       updateShoppingListItem(listId, itemId, data),
   });
@@ -178,6 +184,7 @@ export const useUpdateShoppingListItem = () => {
 
 export const useDeleteShoppingListItem = () => {
   return useMutation<void, Error, { listId: string; itemId: string }>({
+    mutationKey: OFFLINE_MUTATION_KEYS.shoppingListItemDelete,
     mutationFn: ({ listId, itemId }) => deleteShoppingListItem(listId, itemId),
   });
 };
diff --git a/frontend/src/lib/api/watchlist/index.ts b/frontend/src/lib/api/watchlist/index.ts
index 0f9be671..00fd288c 100644
--- a/frontend/src/lib/api/watchlist/index.ts
+++ b/frontend/src/lib/api/watchlist/index.ts
@@ -1,5 +1,6 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import apiClient from "../api-base";
+import { OFFLINE_MUTATION_KEYS } from "@/lib/offline/offline-mutation-keys";
 import { WatchlistItemRequest, WatchlistItemDto } from "../types";
 
 // Query key constants
@@ -57,6 +58,7 @@ export function useAddToWatchlist() {
   const queryClient = useQueryClient();
 
   return useMutation<WatchlistItemDto, Error, WatchlistItemRequest>({
+    mutationKey: OFFLINE_MUTATION_KEYS.watchlistAdd,
     mutationFn: addToWatchlist,
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: WATCHLIST_QUERY_KEYS.all });
@@ -84,6 +86,7 @@ export function useRemoveFromWatchlist() {
   const queryClient = useQueryClient();
 
   return useMutation<void, Error, string>({
+    mutationKey: OFFLINE_MUTATION_KEYS.watchlistRemove,
     mutationFn: removeFromWatchlist,
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: WATCHLIST_QUERY_KEYS.all });
diff --git a/frontend/src/lib/auth.ts b/frontend/src/lib/auth.ts
index 3c8161f5..7e75c7d4 100644
--- a/frontend/src/lib/auth.ts
+++ b/frontend/src/lib/auth.ts
@@ -9,6 +9,8 @@ import { db } from "../db";
 import { account } from "../db/auth-schema";
 import { requireEnv } from "@/lib/env";
 import { emailService } from "@/lib/email";
+import { getRequestLocale } from "@/i18n/get-request-locale";
+import type { Locale } from "@/i18n/config";
 
 const BETTER_AUTH_URL = requireEnv("BETTER_AUTH_URL");
 const BETTER_AUTH_SECRET = requireEnv("BETTER_AUTH_SECRET");
@@ -29,6 +31,7 @@ async function dispatchResetPasswordEmail(
   email: string,
   url: string,
   token: string,
+  locale: Locale,
 ) {
   const credential = await db
     .select({ id: account.id })
@@ -37,9 +40,9 @@ async function dispatchResetPasswordEmail(
     .limit(1);
 
   if (credential.length > 0) {
-    await emailService.sendPasswordReset({ to: email, url, token });
+    await emailService.sendPasswordReset({ to: email, url, token, locale });
   } else {
-    await emailService.sendSetPassword({ to: email, url, token });
+    await emailService.sendSetPassword({ to: email, url, token, locale });
   }
 }
 
@@ -87,12 +90,18 @@ export const auth = betterAuth({
     resetPasswordTokenExpiresIn: RESET_TOKEN_TTL_SECONDS,
     revokeSessionsOnPasswordReset: true,
     sendResetPassword: async ({ user, url, token }) => {
+      // Resolve the locale in the request context before the fire-and-forget task.
+      const locale = await getRequestLocale();
       // Fire-and-forget so the response time is identical whether or not the email exists
       // (no enumeration oracle). The DB lookup runs inside the un-awaited task; .catch keeps a
       // failed send from becoming an unhandled rejection.
-      void dispatchResetPasswordEmail(user.id, user.email, url, token).catch(
-        logEmailFailure("password-reset"),
-      );
+      void dispatchResetPasswordEmail(
+        user.id,
+        user.email,
+        url,
+        token,
+        locale,
+      ).catch(logEmailFailure("password-reset"));
     },
   },
 
@@ -100,8 +109,9 @@ export const auth = betterAuth({
     sendOnSignUp: true,
     autoSignInAfterVerification: true,
     sendVerificationEmail: async ({ user, url, token }) => {
+      const locale = await getRequestLocale();
       void emailService
-        .sendVerificationEmail({ to: user.email, url, token })
+        .sendVerificationEmail({ to: user.email, url, token, locale })
         .catch(logEmailFailure("verification"));
     },
   },
@@ -176,8 +186,15 @@ export const auth = betterAuth({
       enabled: true,
       // Sent to the CURRENT address to approve the change before it applies.
       sendChangeEmailConfirmation: async ({ user, newEmail, url, token }) => {
+        const locale = await getRequestLocale();
         void emailService
-          .sendChangeEmailConfirmation({ to: user.email, url, token, newEmail })
+          .sendChangeEmailConfirmation({
+            to: user.email,
+            url,
+            token,
+            newEmail,
+            locale,
+          })
           .catch(logEmailFailure("change-email confirmation"));
       },
     },
diff --git a/frontend/src/lib/email/email-service.ts b/frontend/src/lib/email/email-service.ts
index 9d53bb5c..b3e02028 100644
--- a/frontend/src/lib/email/email-service.ts
+++ b/frontend/src/lib/email/email-service.ts
@@ -3,12 +3,16 @@ import VerificationEmail from "@/emails/verification-email";
 import PasswordResetEmail from "@/emails/password-reset-email";
 import SetPasswordEmail from "@/emails/set-password-email";
 import ChangeEmailConfirmation from "@/emails/change-email-confirmation";
+import { getEmailTranslator } from "@/emails/email-translator";
+import type { Locale } from "@/i18n/config";
 
 interface TokenEmailArgs {
   to: string;
   url: string;
   // Used to build an idempotency key so a retried hook doesn't send a duplicate.
   token: string;
+  // Recipient's locale, resolved by the caller (getRequestLocale).
+  locale: Locale;
 }
 
 interface ChangeEmailArgs extends TokenEmailArgs {
@@ -20,39 +24,49 @@ interface ChangeEmailArgs extends TokenEmailArgs {
 export class EmailService {
   constructor(private readonly provider: EmailProvider) {}
 
-  sendVerificationEmail({ to, url, token }: TokenEmailArgs) {
+  sendVerificationEmail({ to, url, token, locale }: TokenEmailArgs) {
+    const t = getEmailTranslator(locale);
     return this.provider.send({
       to,
-      subject: "Potvrdi svoju email adresu",
-      react: VerificationEmail({ verificationUrl: url }),
+      subject: t("verify.subject"),
+      react: VerificationEmail({ verificationUrl: url, locale }),
       idempotencyKey: `verify-email/${token}`,
     });
   }
 
-  sendPasswordReset({ to, url, token }: TokenEmailArgs) {
+  sendPasswordReset({ to, url, token, locale }: TokenEmailArgs) {
+    const t = getEmailTranslator(locale);
     return this.provider.send({
       to,
-      subject: "Ponovno postavljanje lozinke",
-      react: PasswordResetEmail({ resetUrl: url }),
+      subject: t("reset.subject"),
+      react: PasswordResetEmail({ resetUrl: url, locale }),
       idempotencyKey: `reset-password/${token}`,
     });
   }
 
   // Same underlying reset token, different wording: for OAuth-only accounts adding a password.
-  sendSetPassword({ to, url, token }: TokenEmailArgs) {
+  sendSetPassword({ to, url, token, locale }: TokenEmailArgs) {
+    const t = getEmailTranslator(locale);
     return this.provider.send({
       to,
-      subject: "Postavi lozinku za svoj račun",
-      react: SetPasswordEmail({ setPasswordUrl: url }),
+      subject: t("setPassword.subject"),
+      react: SetPasswordEmail({ setPasswordUrl: url, locale }),
       idempotencyKey: `set-password/${token}`,
     });
   }
 
-  sendChangeEmailConfirmation({ to, url, token, newEmail }: ChangeEmailArgs) {
+  sendChangeEmailConfirmation({
+    to,
+    url,
+    token,
+    newEmail,
+    locale,
+  }: ChangeEmailArgs) {
+    const t = getEmailTranslator(locale);
     return this.provider.send({
       to,
-      subject: "Potvrdi promjenu email adrese",
-      react: ChangeEmailConfirmation({ confirmUrl: url, newEmail }),
+      subject: t("changeEmail.subject"),
+      react: ChangeEmailConfirmation({ confirmUrl: url, newEmail, locale }),
       idempotencyKey: `change-email/${token}`,
     });
   }
diff --git a/frontend/src/lib/offline/cached-query-keys.ts b/frontend/src/lib/offline/cached-query-keys.ts
new file mode 100644
index 00000000..e6946bc6
--- /dev/null
+++ b/frontend/src/lib/offline/cached-query-keys.ts
@@ -0,0 +1,29 @@
+import type { QueryKey } from "@tanstack/react-query";
+
+// Top-level query-key prefixes whose data we persist to IndexedDB for offline
+// use. Single source of truth — keep in sync with the query keys defined in
+// lib/cijene-api and lib/api/*. Anything not listed here is never written to
+// disk (e.g. admin data).
+const PERSISTED_QUERY_KEY_PREFIXES = [
+  "cijene", // public product / price / store data
+  "shoppingLists",
+  "shoppingListItems",
+  "watchlist",
+  "digitalCards",
+  "pinnedStores",
+  "pinnedPlaces",
+  "users", // current user profile (["users", "me"])
+  // TODO(offline): add keys for coming-soon features when they ship —
+  //   potrošnja (/spending), novosti (/updates), karta (/map).
+] as const;
+
+type PersistedQueryKeyPrefix = (typeof PERSISTED_QUERY_KEY_PREFIXES)[number];
+
+export function shouldPersistQuery(queryKey: QueryKey): boolean {
+  const root = queryKey[0];
+
+  return (
+    typeof root === "string" &&
+    PERSISTED_QUERY_KEY_PREFIXES.includes(root as PersistedQueryKeyPrefix)
+  );
+}
diff --git a/frontend/src/lib/offline/offline-mutation-keys.ts b/frontend/src/lib/offline/offline-mutation-keys.ts
new file mode 100644
index 00000000..cbdf63b3
--- /dev/null
+++ b/frontend/src/lib/offline/offline-mutation-keys.ts
@@ -0,0 +1,32 @@
+import type { Mutation, MutationKey } from "@tanstack/react-query";
+
+// Mutation keys for writes allowed to queue while offline and replay on
+// reconnect. Parallel to the read whitelist in cached-query-keys.ts — keep the
+// keys here as the single source of truth, attach them to the matching
+// useMutation hooks, and register their replay functions in offline-mutations.ts.
+export const OFFLINE_MUTATION_KEYS = {
+  shoppingListCreate: ["shoppingLists", "create"],
+  shoppingListUpdate: ["shoppingLists", "update"],
+  shoppingListDelete: ["shoppingLists", "delete"],
+  shoppingListItemAdd: ["shoppingLists", "items", "add"],
+  shoppingListItemUpdate: ["shoppingLists", "items", "update"],
+  shoppingListItemDelete: ["shoppingLists", "items", "delete"],
+  watchlistAdd: ["watchlist", "add"],
+  watchlistRemove: ["watchlist", "remove"],
+} as const satisfies Record<string, MutationKey>;
+
+const OFFLINE_MUTATION_KEY_HASHES = new Set(
+  Object.values(OFFLINE_MUTATION_KEYS).map((key) => JSON.stringify(key)),
+);
+
+export function isOfflineMutationKey(mutationKey: MutationKey | undefined) {
+  return mutationKey !== undefined
+    ? OFFLINE_MUTATION_KEY_HASHES.has(JSON.stringify(mutationKey))
+    : false;
+}
+
+// Only paused mutations on the allowlist are persisted (and later replayed) —
+// other writes simply fail offline as before.
+export function shouldPersistMutation(mutation: Mutation) {
+  return isOfflineMutationKey(mutation.options.mutationKey);
+}
diff --git a/frontend/src/lib/offline/offline-mutations.ts b/frontend/src/lib/offline/offline-mutations.ts
new file mode 100644
index 00000000..c555e28c
--- /dev/null
+++ b/frontend/src/lib/offline/offline-mutations.ts
@@ -0,0 +1,107 @@
+import type { QueryClient, QueryKey } from "@tanstack/react-query";
+
+import {
+  createShoppingList,
+  updateShoppingList,
+  deleteShoppingList,
+  addItemToShoppingList,
+  updateShoppingListItem,
+  deleteShoppingListItem,
+} from "@/lib/api/shopping-lists";
+import { addToWatchlist, removeFromWatchlist } from "@/lib/api/watchlist";
+import type {
+  ShoppingListRequest,
+  ShoppingListItemRequest,
+  WatchlistItemRequest,
+} from "@/lib/api/types";
+import { OFFLINE_MUTATION_KEYS } from "./offline-mutation-keys";
+
+const SHOPPING_LISTS_ME: QueryKey = ["shoppingLists", "me"];
+
+function listAndItemsKeys(listId: string): QueryKey[] {
+  return [
+    ["shoppingLists", listId],
+    SHOPPING_LISTS_ME,
+    ["shoppingListItems", "me"],
+  ];
+}
+
+// Registers default mutation functions + cache invalidation for offline-capable
+// writes, keyed by mutationKey. These run when a paused mutation is replayed
+// after a reload, since the original inline mutationFn/callbacks are gone by
+// then. Must be called once, before the persisted client is restored.
+export function registerOfflineMutationDefaults(queryClient: QueryClient) {
+  function defineOfflineMutation<TVariables, TData>(
+    mutationKey: QueryKey,
+    mutationFn: (variables: TVariables) => Promise<TData>,
+    invalidatedKeys: (variables: TVariables) => QueryKey[],
+  ) {
+    queryClient.setMutationDefaults<TData, Error, TVariables>(mutationKey, {
+      mutationFn,
+      onSettled: (_data, _error, variables) => {
+        for (const queryKey of invalidatedKeys(variables)) {
+          queryClient.invalidateQueries({ queryKey });
+        }
+      },
+    });
+  }
+
+  defineOfflineMutation(
+    OFFLINE_MUTATION_KEYS.shoppingListCreate,
+    (data: ShoppingListRequest) => createShoppingList(data),
+    () => [SHOPPING_LISTS_ME],
+  );
+
+  defineOfflineMutation(
+    OFFLINE_MUTATION_KEYS.shoppingListUpdate,
+    ({ id, data }: { id: string; data: ShoppingListRequest }) =>
+      updateShoppingList(id, data),
+    ({ id }) => [["shoppingLists", id], SHOPPING_LISTS_ME],
+  );
+
+  defineOfflineMutation(
+    OFFLINE_MUTATION_KEYS.shoppingListDelete,
+    (id: string) => deleteShoppingList(id),
+    () => [SHOPPING_LISTS_ME],
+  );
+
+  defineOfflineMutation(
+    OFFLINE_MUTATION_KEYS.shoppingListItemAdd,
+    ({ listId, data }: { listId: string; data: ShoppingListItemRequest }) =>
+      addItemToShoppingList(listId, data),
+    ({ listId }) => listAndItemsKeys(listId),
+  );
+
+  defineOfflineMutation(
+    OFFLINE_MUTATION_KEYS.shoppingListItemUpdate,
+    ({
+      listId,
+      itemId,
+      data,
+    }: {
+      listId: string;
+      itemId: string;
+      data: ShoppingListItemRequest;
+    }) => updateShoppingListItem(listId, itemId, data),
+    ({ listId }) => listAndItemsKeys(listId),
+  );
+
+  defineOfflineMutation(
+    OFFLINE_MUTATION_KEYS.shoppingListItemDelete,
+    ({ listId, itemId }: { listId: string; itemId: string }) =>
+      deleteShoppingListItem(listId, itemId),
+    ({ listId }) => listAndItemsKeys(listId),
+  );
+
+  defineOfflineMutation(
+    OFFLINE_MUTATION_KEYS.watchlistAdd,
+    (data: WatchlistItemRequest) => addToWatchlist(data),
+    () => [["watchlist"]],
+  );
+
+  defineOfflineMutation(
+    OFFLINE_MUTATION_KEYS.watchlistRemove,
+    (id: string) => removeFromWatchlist(id),
+    () => [["watchlist"]],
+  );
+}
diff --git a/frontend/src/lib/offline/persister.ts b/frontend/src/lib/offline/persister.ts
new file mode 100644
index 00000000..7425a13c
--- /dev/null
+++ b/frontend/src/lib/offline/persister.ts
@@ -0,0 +1,47 @@
+import { createAsyncStoragePersister } from "@tanstack/query-async-storage-persister";
+import {
+  defaultShouldDehydrateMutation,
+  defaultShouldDehydrateQuery,
+} from "@tanstack/react-query";
+import type { PersistQueryClientOptions } from "@tanstack/react-query-persist-client";
+import { get, set, del } from "idb-keyval";
+
+import { shouldPersistQuery } from "./cached-query-keys";
+import { shouldPersistMutation } from "./offline-mutation-keys";
+
+const IDB_CACHE_KEY = "disscount-react-query-cache";
+
+// Bump when the cached data shape changes in a breaking way so stale persisted
+// caches are discarded on the next load.
+const CACHE_BUSTER = "1";
+
+export const OFFLINE_CACHE_MAX_AGE_MS = 7 * 24 * 60 * 60 * 1000; // 7 days
+
+// Async storage over IndexedDB (idb-keyval) — larger and safer than
+// localStorage for cached application data.
+const indexedDbStorage = {
+  getItem: async (key: string) => (await get<string>(key)) ?? null,
+  setItem: (key: string, value: string) => set(key, value),
+  removeItem: (key: string) => del(key),
+};
+
+export const offlinePersister = createAsyncStoragePersister({
+  storage: indexedDbStorage,
+  key: IDB_CACHE_KEY,
+});
+
+export const persistOptions: Omit<PersistQueryClientOptions, "queryClient"> = {
+  persister: offlinePersister,
+  maxAge: OFFLINE_CACHE_MAX_AGE_MS,
+  buster: CACHE_BUSTER,
+  dehydrateOptions: {
+    // Persist only successful queries that are on the offline whitelist.
+    shouldDehydrateQuery: (query) =>
+      defaultShouldDehydrateQuery(query) && shouldPersistQuery(query.queryKey),
+    // Persist only paused (offline) mutations on the offline allowlist, so they
+    // can be replayed on reconnect.
+    shouldDehydrateMutation: (mutation) =>
+      defaultShouldDehydrateMutation(mutation) &&
+      shouldPersistMutation(mutation),
+  },
+};
diff --git a/frontend/src/lib/offline/purge.ts b/frontend/src/lib/offline/purge.ts
new file mode 100644
index 00000000..dfec5541
--- /dev/null
+++ b/frontend/src/lib/offline/purge.ts
@@ -0,0 +1,10 @@
+import type { QueryClient } from "@tanstack/react-query";
+
+import { offlinePersister } from "./persister";
+
+// Clears both the in-memory and persisted (IndexedDB) query caches. Call on
+// logout so authed data never lingers on a shared device.
+export async function purgeOfflineCache(queryClient: QueryClient) {
+  queryClient.clear();
+  await offlinePersister.removeClient();
+}
diff --git a/frontend/src/typings/local-storage.ts b/frontend/src/typings/local-storage.ts
index 0aaac6b3..ff4c4b71 100644
--- a/frontend/src/typings/local-storage.ts
+++ b/frontend/src/typings/local-storage.ts
@@ -36,5 +36,6 @@ export interface AppData {
   productsPreferences?: ProductsPreferences;
   shoppingListsPreferences?: Record<string, ShoppingListsPreferences>; // Shopping list ID -> preferences
   lastLoginMethod?: LoginMethod;
+  installBannerDismissed?: boolean; // User dismissed the "install app" banner
   [key: string]: unknown;
 }
diff --git a/frontend/src/typings/next-intl.d.ts b/frontend/src/typings/next-intl.d.ts
new file mode 100644
index 00000000..e004d2f1
--- /dev/null
+++ b/frontend/src/typings/next-intl.d.ts
@@ -0,0 +1,12 @@
+import type { Locale } from "@/i18n/config";
+import type messages from "@/i18n/messages/hr.json";
+
+// Augments next-intl with our app's locale + message shape so `useTranslations`,
+// `getTranslations`, and `useLocale` are fully type-checked. hr.json is the
+// reference catalog; every other locale must mirror its keys.
+declare module "next-intl" {
+  interface AppConfig {
+    Locale: Locale;
+    Messages: typeof messages;
+  }
+}
diff --git a/frontend/src/utils/browser/local-storage.ts b/frontend/src/utils/browser/local-storage.ts
index c94e777d..8f91655c 100644
--- a/frontend/src/utils/browser/local-storage.ts
+++ b/frontend/src/utils/browser/local-storage.ts
@@ -268,6 +268,20 @@ export function getProductStoresOpen(productEan: string): boolean {
   return data.productsPreferences?.[productEan]?.storesOpen ?? true;
 }
 
+/**
+ * Whether the user dismissed the "install app" banner (so we don't show it again).
+ */
+export function getInstallBannerDismissed(): boolean {
+  return getAppStorage().installBannerDismissed ?? false;
+}
+
+/**
+ * Persist that the user dismissed the "install app" banner.
+ */
+export function setInstallBannerDismissed(dismissed: boolean) {
+  setAppStorage({ installBannerDismissed: dismissed });
+}
+
 /**
  * Get the login method the user last used (email, google, or facebook).
  */
diff --git a/frontend/src/utils/date.ts b/frontend/src/utils/date.ts
new file mode 100644
index 00000000..d889849f
--- /dev/null
+++ b/frontend/src/utils/date.ts
@@ -0,0 +1,40 @@
+const relativeTimeFormatters = new Map<string, Intl.RelativeTimeFormat>();
+
+function getRelativeTimeFormatter(locale: string) {
+  let formatter = relativeTimeFormatters.get(locale);
+
+  if (!formatter) {
+    formatter = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
+    relativeTimeFormatters.set(locale, formatter);
+  }
+
+  return formatter;
+}
+
+const DIVISIONS: { amount: number; unit: Intl.RelativeTimeFormatUnit }[] = [
+  { amount: 60, unit: "seconds" },
+  { amount: 60, unit: "minutes" },
+  { amount: 24, unit: "hours" },
+  { amount: 7, unit: "days" },
+  { amount: 4.34524, unit: "weeks" },
+  { amount: 12, unit: "months" },
+  { amount: Number.POSITIVE_INFINITY, unit: "years" },
+];
+
+// Human-friendly relative time, e.g. "prije 2 sata". Accepts a Date or an
+// epoch-millis timestamp (such as React Query's `dataUpdatedAt`).
+export function formatRelativeTime(date: Date | number, locale = "hr"): string {
+  const timestamp = typeof date === "number" ? date : date.getTime();
+  let duration = (timestamp - Date.now()) / 1000; // seconds; negative = past
+
+  const formatter = getRelativeTimeFormatter(locale);
+
+  for (const division of DIVISIONS) {
+    if (Math.abs(duration) < division.amount) {
+      return formatter.format(Math.round(duration), division.unit);
+    }
+    duration /= division.amount;
+  }
+
+  return formatter.format(Math.round(duration), "years");
+}
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index ad85ca0a..408db710 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -1,13 +1,15 @@
 {
   "compilerOptions": {
     "types": [
-      "node"
+      "node",
+      "@serwist/next/typings"
     ],
     "target": "ES2017",
     "lib": [
       "dom",
       "dom.iterable",
-      "esnext"
+      "esnext",
+      "webworker"
     ],
     "allowJs": true,
     "skipLibCheck": true,
@@ -43,6 +45,7 @@
     "dist",
     "build",
     ".git",
-    ".next"
+    ".next",
+    "public/sw.js"
   ]
 }