MojeVoda – Čistá pramenitá voda z Vysočiny 📞 +420 777 592 741 ✉ info@mojevoda.com Po–Pá: 8:00–16:00 MojeVoda Výhody Ceník Jak to funguje Kontakt Objednat vodu 💧 Moje Voda s.r.o. Čistá vodaze srdce přírody Barelová pramenitá voda z artézského vrtu 60 metrů pod povrchem Vysočiny. Nízká mineralizace vhodná pro celou rodinu — od kojenců po seniory. Aquamaty a výdejníky zdarma při pravidelném odběru. Zobrazit ceník Zjistit více 60 m Hloubka vrtu 99 Kč Cena od / barel 18,9 l Objem barelu 0 Chemické úpravy Proč MojeVoda Čistota, které důvěřujete Každá kapka prochází přirozenou filtrací hluboko pod zemí. Zachováváme to nejlepší z přírody. 💎 Artézský vrt 60 m Voda z hlubin Vysočiny, přirozeně chráněná před povrchovým znečištěním. Žádné chemické úpravy ani chlorování. 👶 Vhodná pro kojence Nízká mineralizace ideální pro přípravu kojenecké stravy. Bezpečná pro celou rodinu od nejmenších po seniory. 💰 Výhodné ceny od 99 Kč Barel 18,9 l za výhodnou cenu s pravidelným rozvozen přímo k vám domů nebo do firmy. 🚰 Aquamat ZDARMA Bezplatná zápůjčka kvalitního aquamatu nebo výdejníku vody při pravidelném měsíčním odběru. 🏢 Řešení pro firmy Výdejníky vody pro kanceláře a provozovny. Fakturace s DPH, dedikovaný zákaznický servis. 🌱 Ekologické barely Vratné polykarbonátové barely — šetrné k přírodě. Minimalizujeme plastový odpad oproti baleným vodám. Pro celou rodinu Naše priorita je vaše zdraví Naše pramenitá voda s nízkou mineralizací je vhodná i pro přípravu kojenecké stravy. Bez chemických úprav, bez konzervantů — jen čistá příroda z hlubin Vysočiny. ✓Nízká mineralizaceVhodná pro přípravu kojeneckých lahviček ✓Bez chemikáliíŽádné chlorování ani konzervační látky ✓Pravidelné testováníKontrola v akreditovaných laboratořích ✓Doporučeno pediatryIdeální pro citlivé dětské organismy Objednat pro rodinu Transparentní ceny Vyberte si své řešení Barelová pramenitá voda 18,9 l z vrtu 60 m. Vratná záloha na barel 150 Kč jednorázově. Základní 139 Kč / barel Pramenitá voda 18,9 l Artézský vrt 60 m Nízká mineralizace Rozvoz domů nebo do firmy Vratný barel (záloha 150 Kč) Jednorázový odběr možný Objednat ⭐ Nejoblíbenější Premium 119 Kč / barel Vše ze Základního Pravidelný odběr min. 2 barely/měs. Aquamat ZDARMA Prioritní rozvoz dle rozvrhu Úspora 20 Kč / barel Flexibilní změna množství Osobní zákaznický servis Objednat Exclusive / Firmy 99 Kč / barel Vše z Premium Pro firmy a provozovny Profesionální výdejníky Prémiové aquamaty ZDARMA Servis a údržba v ceně Fakturace s DPH Dedikovaný account manager Získat nabídku Jednoduchý proces 3 kroky k čisté vodě Od prvního kontaktu po čistou vodu doma — vše zařídíme za vás. 1 Konzultace zdarma Kontaktujte nás telefonicky, e-mailem nebo přes formulář. Domluvíme rozvoz a zodpovíme všechny dotazy. 2 Rozvoz a instalace Dovezeme barely přímo k vám. Aquamat zapůjčíme zdarma při pravidelném měsíčním odběru. Vše na klíč. 3 Čistá voda každý den Čistá pramenitá voda vždy po ruce. Pravidelný rozvoz bez starostí, výměna prázdných barelů za plné. Pro firmy Voda pro vaše zaměstnance Profesionální výdejníky a aquamaty vody pro kanceláře, výrobní haly i restaurace. Zlepšete pohodu na pracovišti a snižte náklady oproti baleným vodám. ✓Výdejníky na klíčInstalace, servis a údržba v ceně ✓Fakturace s DPHPravidelná faktura, splatnost 14 dní ✓Flexibilní odběrMnožství upravíme dle potřeb firmy ✓Account managerDedikovaný kontakt pro vaši firmu Nezávazná nabídka Objednávka vody Napište nám Objednejte si pramenitou vodu z hlubin Vysočiny. Odpovíme do 24 hodin a domluvíme vše na míru vašim potřebám. 📞 +420 777 592 741 ✉ info@mojevoda.com 📍 Zámecká 777/78, 643 00 Brno 💧 Odeslat poptávku Kde nás najdete Expediční sklad Brno Kontakt Moje voda s.r.o. 📍 Zámecká 777/78643 00 Brno 📞 +420 777 592 741 ✉ info@mojevoda.com Otvírací doba Po – Pá: 8:00 – 16:00 So – Ne: zavřeno IČ: 292 69 075 | DIČ: CZ29269075 MojeVoda Barelová pramenitá voda z artézského vrtu 60 m na okraji Vysočiny. Nízká mineralizace vhodná i pro kojence. Aquamaty a výdejníky zdarma. Navigace Výhody Ceník Jak to funguje Kontakt Kontakt +420 777 592 741 info@mojevoda.com Zámecká 777/78, Brno Po–Pá: 8:00–16:00 Právní Obchodní podmínky Zásady cookies Ochrana osobních údajů © 2026 Moje voda s.r.o. | IČ: 292 69 075 | DIČ: CZ29269075 | Všechna práva vyhrazena. Krajský soud v Brně, oddíl C, vložka 69646 Tento web používá cookies. Používáním webu souhlasíte s Zásadami ochrany osobních údajů. Přijmout Odmítnout × Obchodní podmínky Moje voda s.r.o., IČ: 292 69 075, DIČ: CZ29269075Zámecká 777/78, 643 00 Brno | Krajský soud v Brně, oddíl C, vložka 69646 1. Úvodní ustanoveníTyto podmínky upravují vztahy mezi Moje voda s.r.o. a kupujícím při dodávce barelové pramenité vody a zápůjčce aquamatů. 2. Předmět smlouvyDodávka barelové pramenité vody 18,9 l a případná bezplatná zápůjčka aquamatu při pravidelném odběru min. 2 barely/měs. 3. Ceny a platbyCeny platné v době objednávky. Záloha na barel 150 Kč (vratná). Firmy mohou platit na fakturu, splatnost 14 dní. 4. Dodací podmínkyRozvoz v Jihomoravském kraji a Vysočině. Termíny dohodnuty individuálně. 5. Záloha na barelyVratná záloha 150 Kč/barel. Za poškozený nebo ztracený barel záloha nevratná. 6. Zápůjčka aquamatuZdarma při odběru min. 2 barelů/měs. Při ukončení odběru nutno vrátit do 14 dnů. 7. ReklamaceNa tel. +420 777 592 741 nebo info@mojevoda.com. Vyřízení do 30 dnů. 8. Odstoupení od smlouvySpotřebitel může odstoupit do 14 dnů od převzetí bez udání důvodu. 9. Ochrana osobních údajůZpracování v souladu s GDPR, výhradně pro plnění smlouvy. 10. Závěrečná ustanoveníPlatné od 1. 1. 2026. Řídí se OZ č. 89/2012 Sb. Zavřít

1.0Mojevoda.comhttps://mojevoda.comsoleyausterlitzhttps://mojevoda.com/index.php/author/soleyausterlitz/MojeVoda – Čistá pramenitá voda z Vysočiny 📞 +420 777 592 741 ✉ info@mojevoda.com Po–Pá: 8:00–16:00 MojeVoda Výhody Ceník Jak to funguje Kontakt Objednat vodu 💧 Moje Voda s.r.o. Čistá vodaze srdce přírody Barelová pramenitá voda z artézského vrtu 60 metrů pod povrchem Vysočiny. Nízká mineralizace vhodná pro celou rodinu — od kojenců po seniory. Aquamaty a výdejníky zdarma při pravidelném odběru. Zobrazit ceník Zjistit více 60 m Hloubka vrtu 99 Kč Cena od / barel 18,9 l Objem barelu 0 Chemické úpravy Proč MojeVoda Čistota, které důvěřujete Každá kapka prochází přirozenou filtrací hluboko pod zemí. Zachováváme to nejlepší z přírody. 💎 Artézský vrt 60 m Voda z hlubin Vysočiny, přirozeně chráněná před povrchovým znečištěním. Žádné chemické úpravy ani chlorování. 👶 Vhodná pro kojence Nízká mineralizace ideální pro přípravu kojenecké stravy. Bezpečná pro celou rodinu od nejmenších po seniory. 💰 Výhodné ceny od 99 Kč Barel 18,9 l za výhodnou cenu s pravidelným rozvozen přímo k vám domů nebo do firmy. 🚰 Aquamat ZDARMA Bezplatná zápůjčka kvalitního aquamatu nebo výdejníku vody při pravidelném měsíčním odběru. 🏢 Řešení pro firmy Výdejníky vody pro kanceláře a provozovny. Fakturace s DPH, dedikovaný zákaznický servis. 🌱 Ekologické barely Vratné polykarbonátové barely — šetrné k přírodě. Minimalizujeme plastový odpad oproti baleným vodám. Pro celou rodinu Naše priorita je vaše zdraví Naše pramenitá voda s nízkou mineralizací je vhodná i pro přípravu kojenecké stravy. Bez chemických úprav, bez konzervantů — jen čistá příroda z hlubin Vysočiny. ✓Nízká mineralizaceVhodná pro přípravu kojeneckých lahviček ✓Bez chemikáliíŽádné chlorování ani konzervační látky ✓Pravidelné testováníKontrola v akreditovaných laboratořích ✓Doporučeno pediatryIdeální pro citlivé dětské organismy Objednat pro rodinu Transparentní ceny Vyberte si své řešení Barelová pramenitá voda 18,9 l z vrtu 60 m. Vratná záloha na barel 150 Kč jednorázově. Základní 139 Kč / barel Pramenitá voda 18,9 l Artézský vrt 60 m Nízká mineralizace Rozvoz domů nebo do firmy Vratný barel (záloha 150 Kč) Jednorázový odběr možný Objednat ⭐ Nejoblíbenější Premium 119 Kč / barel Vše ze Základního Pravidelný odběr min. 2 barely/měs. Aquamat ZDARMA Prioritní rozvoz dle rozvrhu Úspora 20 Kč / barel Flexibilní změna množství Osobní zákaznický servis Objednat Exclusive / Firmy 99 Kč / barel Vše z Premium Pro firmy a provozovny Profesionální výdejníky Prémiové aquamaty ZDARMA Servis a údržba v ceně Fakturace s DPH Dedikovaný account manager Získat nabídku Jednoduchý proces 3 kroky k čisté vodě Od prvního kontaktu po čistou vodu doma — vše zařídíme za vás. 1 Konzultace zdarma Kontaktujte nás telefonicky, e-mailem nebo přes formulář. Domluvíme rozvoz a zodpovíme všechny dotazy. 2 Rozvoz a instalace Dovezeme barely přímo k vám. Aquamat zapůjčíme zdarma při pravidelném měsíčním odběru. Vše na klíč. 3 Čistá voda každý den Čistá pramenitá voda vždy po ruce. Pravidelný rozvoz bez starostí, výměna prázdných barelů za plné. Pro firmy Voda pro vaše zaměstnance Profesionální výdejníky a aquamaty vody pro kanceláře, výrobní haly i restaurace. Zlepšete pohodu na pracovišti a snižte náklady oproti baleným vodám. ✓Výdejníky na klíčInstalace, servis a údržba v ceně ✓Fakturace s DPHPravidelná faktura, splatnost 14 dní ✓Flexibilní odběrMnožství upravíme dle potřeb firmy ✓Account managerDedikovaný kontakt pro vaši firmu Nezávazná nabídka Objednávka vody Napište nám Objednejte si pramenitou vodu z hlubin Vysočiny. Odpovíme do 24 hodin a domluvíme vše na míru vašim potřebám. 📞 +420 777 592 741 ✉ info@mojevoda.com 📍 Zámecká 777/78, 643 00 Brno 💧 Odeslat poptávku Kde nás najdete Expediční sklad Brno Kontakt Moje voda s.r.o. 📍 Zámecká 777/78643 00 Brno 📞 +420 777 592 741 ✉ info@mojevoda.com Otvírací doba Po – Pá: 8:00 – 16:00 So – Ne: zavřeno IČ: 292 69 075 | DIČ: CZ29269075 MojeVoda Barelová pramenitá voda z artézského vrtu 60 m na okraji Vysočiny. Nízká mineralizace vhodná i pro kojence. Aquamaty a výdejníky zdarma. Navigace Výhody Ceník Jak to funguje Kontakt Kontakt +420 777 592 741 info@mojevoda.com Zámecká 777/78, Brno Po–Pá: 8:00–16:00 Právní Obchodní podmínky Zásady cookies Ochrana osobních údajů © 2026 Moje voda s.r.o. | IČ: 292 69 075 | DIČ: CZ29269075 | Všechna práva vyhrazena. Krajský soud v Brně, oddíl C, vložka 69646 Tento web používá cookies. Používáním webu souhlasíte s Zásadami ochrany osobních údajů. Přijmout Odmítnout × Obchodní podmínky Moje voda s.r.o., IČ: 292 69 075, DIČ: CZ29269075Zámecká 777/78, 643 00 Brno | Krajský soud v Brně, oddíl C, vložka 69646 1. Úvodní ustanoveníTyto podmínky upravují vztahy mezi Moje voda s.r.o. a kupujícím při dodávce barelové pramenité vody a zápůjčce aquamatů. 2. Předmět smlouvyDodávka barelové pramenité vody 18,9 l a případná bezplatná zápůjčka aquamatu při pravidelném odběru min. 2 barely/měs. 3. Ceny a platbyCeny platné v době objednávky. Záloha na barel 150 Kč (vratná). Firmy mohou platit na fakturu, splatnost 14 dní. 4. Dodací podmínkyRozvoz v Jihomoravském kraji a Vysočině. Termíny dohodnuty individuálně. 5. Záloha na barelyVratná záloha 150 Kč/barel. Za poškozený nebo ztracený barel záloha nevratná. 6. Zápůjčka aquamatuZdarma při odběru min. 2 barelů/měs. Při ukončení odběru nutno vrátit do 14 dnů. 7. ReklamaceNa tel. +420 777 592 741 nebo info@mojevoda.com. Vyřízení do 30 dnů. 8. Odstoupení od smlouvySpotřebitel může odstoupit do 14 dnů od převzetí bez udání důvodu. 9. Ochrana osobních údajůZpracování v souladu s GDPR, výhradně pro plnění smlouvy. 10. Závěrečná ustanoveníPlatné od 1. 1. 2026. Řídí se OZ č. 89/2012 Sb. Zavřít - Mojevoda.comrich600338<blockquote class="wp-embedded-content" data-secret="MVC0nqutzN"><a href="https://mojevoda.com/index.php/e-shop/"><!DOCTYPE html> <html lang="cs"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>MojeVoda – Čistá pramenitá voda z Vysočiny</title> <meta name="description" content="Barelová pramenitá voda z vrtu 60m. Rozvoz po Jihomoravském kraji a Vysočině. Aquamaty zdarma."> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;1,400&display=swap" rel="stylesheet"> <style> /* ===== RESET & BASE ===== */ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; font-size: 16px; } :root { --blue: #0891B2; --blue-dark: #0E7490; --blue-deeper: #164E63; --blue-light: #67E8F9; --blue-pale: #ECFEFF; --white: #ffffff; --gray: #F8FAFC; --text: #0F172A; --text-mid: #475569; --border: #E2E8F0; --radius: 12px; --shadow: 0 4px 24px rgba(0,0,0,0.08); --shadow-lg: 0 12px 48px rgba(0,0,0,0.12); /* Stejná fotka jako v sekci "3 kroky k čisté vodě" */ --bg-photo: url('https://images.unsplash.com/photo-1448375240586-882707db888b?w=1920&q=85&auto=format&fit=crop'); } body { font-family: 'Inter', sans-serif; color: var(--text); overflow-x: hidden; background: #fff; } /* ===== TOPBAR ===== */ .topbar { position: relative; z-index: 100; background: var(--blue-deeper); color: white; padding: 0.45rem 2rem; display: flex; gap: 2rem; font-size: 0.82rem; font-weight: 400; letter-spacing: 0.2px; } .topbar a { color: rgba(255,255,255,0.85); text-decoration: none; transition: color 0.2s; } .topbar a:hover { color: white; } /* ===== HEADER ===== */ header { position: sticky; top: 0; z-index: 500; background: rgba(255,255,255,0.97); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); box-shadow: 0 1px 12px rgba(0,0,0,0.06); transition: box-shadow 0.3s; } header.scrolled { box-shadow: 0 2px 20px rgba(0,0,0,0.1); } nav { max-width: 1280px; margin: 0 auto; padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; } .logo { display: flex; align-items: center; gap: 0.5rem; text-decoration: none; font-family: 'Playfair Display', serif; font-size: 1.6rem; color: var(--blue-deeper); font-weight: 700; } .logo-drop { width: 32px; height: 36px; background: linear-gradient(135deg, var(--blue-light), var(--blue)); border-radius: 50% 50% 50% 0; transform: rotate(-45deg); flex-shrink: 0; } .logo span { color: var(--blue); } .nav-links { display: flex; gap: 2rem; list-style: none; align-items: center; } .nav-links a { color: var(--text-mid); text-decoration: none; font-size: 0.88rem; font-weight: 600; letter-spacing: 0.3px; transition: color 0.2s; } .nav-links a:hover { color: var(--blue); } .btn-nav { background: var(--blue) !important; color: white !important; padding: 0.6rem 1.4rem; border-radius: 8px; font-size: 0.85rem !important; transition: background 0.2s !important; } .btn-nav:hover { background: var(--blue-dark) !important; } /* ============================================== FOTOSEKCE — pozadí je přímo na sekci (ne fixed) Každá lichá sekce = fotka, každá sudá = bílá ============================================== */ .sec-photo { position: relative; background-image: var(--bg-photo); background-size: cover; background-position: center; background-attachment: fixed; /* parallax efekt */ } /* Žádný barevný overlay — pouze velmi lehký tmavý vignette pro čitelnost textu */ .sec-photo::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.30); pointer-events: none; } .sec-photo > * { position: relative; z-index: 1; } .sec-white { position: relative; background: var(--white); } /* ===== SDÍLENÉ STYLY SEKCÍ ===== */ .section-inner { max-width: 1280px; margin: 0 auto; padding: 6rem 2rem; } .section-label { display: block; font-size: 0.75rem; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--blue); margin-bottom: 0.7rem; } .section-label-w { color: var(--blue-light); } .section-title { font-family: 'Playfair Display', serif; font-size: 2.6rem; font-weight: 700; color: var(--text); line-height: 1.2; margin-bottom: 1rem; } .section-title em { color: var(--blue); font-style: italic; } .section-title-w { font-family: 'Playfair Display', serif; font-size: 2.6rem; font-weight: 700; color: white; line-height: 1.2; margin-bottom: 1rem; text-shadow: 0 2px 8px rgba(0,0,0,0.3); } .section-title-w em { color: var(--blue-light); font-style: italic; } .section-subtitle { font-size: 1rem; color: var(--text-mid); font-weight: 300; line-height: 1.8; max-width: 600px; } .section-subtitle-w { font-size: 1rem; color: rgba(255,255,255,0.85); font-weight: 300; line-height: 1.8; max-width: 600px; text-shadow: 0 1px 4px rgba(0,0,0,0.2); } /* ===== HERO (1. sekce — FOTKA) ===== */ .hero { position: relative; min-height: 92vh; display: flex; align-items: center; background-image: var(--bg-photo); background-size: cover; background-position: center; background-attachment: fixed; } .hero::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.30); pointer-events: none; } .hero-inner { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; padding: 5rem 2rem; display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; width: 100%; } .hero-badge { display: inline-flex; align-items: center; gap: 0.5rem; background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.3); color: white; padding: 0.4rem 1rem; border-radius: 50px; font-size: 0.8rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 1.5rem; backdrop-filter: blur(8px); } .hero h1 { font-family: 'Playfair Display', serif; font-size: 3.8rem; font-weight: 700; color: white; line-height: 1.15; margin-bottom: 1.5rem; text-shadow: 0 2px 16px rgba(0,0,0,0.35); } .hero h1 em { font-style: italic; color: var(--blue-light); } .hero p { font-size: 1.1rem; color: rgba(255,255,255,0.92); line-height: 1.8; font-weight: 300; margin-bottom: 2.5rem; text-shadow: 0 1px 6px rgba(0,0,0,0.25); } .hero-btns { display: flex; gap: 1rem; flex-wrap: wrap; } .btn-primary { display: inline-block; background: white; color: var(--blue-deeper); padding: 0.9rem 2.2rem; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 0.88rem; letter-spacing: 0.3px; border: none; cursor: pointer; transition: all 0.2s; } .btn-primary:hover { background: var(--blue-pale); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2); } .btn-ghost { display: inline-block; background: transparent; color: white; padding: 0.9rem 2.2rem; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 0.88rem; border: 2px solid rgba(255,255,255,0.65); transition: all 0.2s; } .btn-ghost:hover { background: rgba(255,255,255,0.12); border-color: white; } /* Hero stats karta */ .hero-stats { background: rgba(255,255,255,0.12); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.22); border-radius: var(--radius); padding: 2.5rem; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } .stat-item { text-align: center; } .stat-num { font-family: 'Playfair Display', serif; font-size: 2.5rem; font-weight: 700; color: var(--blue-light); line-height: 1; margin-bottom: 0.3rem; } .stat-label { font-size: 0.82rem; color: rgba(255,255,255,0.78); font-weight: 400; } .stat-divider { grid-column: 1 / -1; height: 1px; background: rgba(255,255,255,0.18); } /* ===== VÝHODY — karty ===== */ .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 3.5rem; } .feat { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 2rem; transition: transform 0.2s, box-shadow 0.2s; } .feat:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } .feat-icon { width: 48px; height: 48px; background: var(--blue-pale); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; margin-bottom: 1rem; } .feat h3 { font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem; color: var(--text); } .feat p { font-size: 0.88rem; color: var(--text-mid); line-height: 1.7; font-weight: 300; } /* ===== SPLIT LAYOUT ===== */ .split { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; } .split.reverse { direction: rtl; } .split.reverse > * { direction: ltr; } .split-img { width: 100%; height: 460px; object-fit: cover; border-radius: var(--radius); box-shadow: var(--shadow-lg); } .split-text p { font-size: 1rem; color: var(--text-mid); line-height: 1.85; font-weight: 300; margin: 1rem 0 1.5rem; } /* Split na fotce — bílý text */ .split-text-w p { font-size: 1rem; color: rgba(255,255,255,0.85); line-height: 1.85; font-weight: 300; margin: 1rem 0 1.5rem; text-shadow: 0 1px 4px rgba(0,0,0,0.2); } .benefit-list { list-style: none; margin: 1.5rem 0 2rem; } .benefit-list li { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.65rem 0; border-bottom: 1px solid var(--border); font-size: 0.92rem; } .benefit-list li:last-child { border: none; } .check { width: 20px; height: 20px; background: var(--blue); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.6rem; font-weight: 700; flex-shrink: 0; margin-top: 1px; } .benefit-list strong { display: block; font-size: 0.92rem; } .benefit-list span { font-size: 0.82rem; color: var(--text-mid); font-weight: 300; } /* Benefit list na fotce */ .benefit-list-w li { border-bottom-color: rgba(255,255,255,0.18); } .benefit-list-w .check { background: rgba(255,255,255,0.9); color: var(--blue-deeper); } .benefit-list-w strong { color: white; } .benefit-list-w span { color: rgba(255,255,255,0.72); } /* ===== CENÍK ===== */ .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 3.5rem; } .price-card { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 2.5rem 2rem; position: relative; transition: transform 0.2s, box-shadow 0.2s; } .price-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } .price-card.featured { background: var(--blue-deeper); border-color: var(--blue-deeper); color: white; } .price-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--blue); color: white; padding: 0.2rem 1rem; border-radius: 50px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.5px; white-space: nowrap; } .price-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.5rem; } .price-card.featured h3 { color: white; } .price-amount { font-family: 'Playfair Display', serif; font-size: 3rem; font-weight: 700; color: var(--blue); line-height: 1; margin: 1rem 0 0.3rem; } .price-card.featured .price-amount { color: var(--blue-light); } .price-unit { font-size: 0.88rem; font-family: 'Inter', sans-serif; font-weight: 300; } .price-list { list-style: none; margin: 1.5rem 0 2rem; } .price-list li { padding: 0.5rem 0; border-bottom: 1px solid var(--border); font-size: 0.87rem; color: var(--text-mid); display: flex; gap: 0.5rem; align-items: center; } .price-card.featured .price-list li { color: rgba(255,255,255,0.75); border-color: rgba(255,255,255,0.12); } .price-list li::before { content: '✓'; color: var(--blue); font-weight: 700; font-size: 0.8rem; flex-shrink: 0; } .price-card.featured .price-list li::before { color: var(--blue-light); } .btn-blue { display: block; text-align: center; background: var(--blue); color: white; padding: 0.85rem; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 0.85rem; border: none; cursor: pointer; transition: background 0.2s, transform 0.2s; width: 100%; } .btn-blue:hover { background: var(--blue-dark); transform: translateY(-2px); } .price-card.featured .btn-blue { background: white; color: var(--blue-deeper); } .price-card.featured .btn-blue:hover { background: var(--blue-pale); } /* ===== PROCES (3 kroky) ===== */ .process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; margin-top: 3.5rem; } .proc { text-align: center; } .proc-num { width: 60px; height: 60px; background: var(--blue); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Playfair Display', serif; font-size: 1.6rem; font-weight: 700; margin: 0 auto 1.2rem; } .proc h3 { font-size: 1rem; font-weight: 700; color: white; margin-bottom: 0.6rem; text-shadow: 0 1px 4px rgba(0,0,0,0.25); } .proc p { font-size: 0.88rem; color: rgba(255,255,255,0.85); line-height: 1.7; font-weight: 300; text-shadow: 0 1px 3px rgba(0,0,0,0.2); } /* ===== KONTAKT ===== */ .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; } .contact-info h2 { font-family: 'Playfair Display', serif; font-size: 2.2rem; color: white; margin-bottom: 1rem; text-shadow: 0 2px 8px rgba(0,0,0,0.3); } .contact-info p { color: rgba(255,255,255,0.85); font-weight: 300; line-height: 1.8; margin-bottom: 2rem; } .contact-links { display: flex; flex-direction: column; gap: 0.7rem; } .contact-links a { color: white; text-decoration: none; font-size: 1.05rem; font-weight: 400; transition: color 0.2s; display: flex; align-items: center; gap: 0.5rem; } .contact-links a:hover { color: var(--blue-light); } .contact-form { background: rgba(255,255,255,0.12); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.22); border-radius: var(--radius); padding: 2.5rem; display: flex; flex-direction: column; gap: 1rem; } .contact-form input { background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.25); border-radius: 8px; padding: 0.85rem 1rem; color: white; font-family: 'Inter', sans-serif; font-size: 0.92rem; transition: border-color 0.2s, background 0.2s; } .contact-form input::placeholder { color: rgba(255,255,255,0.45); } .contact-form input:focus { outline: none; border-color: var(--blue-light); background: rgba(255,255,255,0.18); } .contact-form button { background: white; color: var(--blue-deeper); border: none; border-radius: 8px; padding: 0.95rem; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 0.88rem; cursor: pointer; transition: all 0.2s; } .contact-form button:hover { background: var(--blue-pale); transform: translateY(-2px); } /* ===== MAPA ===== */ .map-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 2rem; margin-top: 3rem; } .map-card { background: var(--blue-deeper); color: white; padding: 2rem; border-radius: var(--radius); } .map-card h3 { font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 700; margin-bottom: 1.2rem; } .map-card p { font-size: 0.88rem; color: rgba(255,255,255,0.78); margin-bottom: 0.5rem; font-weight: 300; line-height: 1.6; } .map-card a { color: var(--blue-light); text-decoration: none; } .map-card hr { border: none; border-top: 1px solid rgba(255,255,255,0.15); margin: 1.2rem 0; } .map-card h4 { font-size: 0.85rem; color: white; margin-bottom: 0.5rem; } .map-frame { border-radius: var(--radius); overflow: hidden; height: 360px; } .map-frame iframe { width: 100%; height: 100%; border: 0; display: block; } /* ===== FOOTER ===== */ footer { background: #071520; color: white; padding: 4rem 2rem 2rem; } .footer-grid { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; } .footer-logo-txt { font-family: 'Playfair Display', serif; font-size: 1.6rem; color: white; margin-bottom: 0.8rem; } .footer-logo-txt span { color: var(--blue-light); } .footer-grid .desc { color: rgba(255,255,255,0.5); font-size: 0.85rem; font-weight: 300; line-height: 1.75; } .footer-col h4 { font-size: 0.72rem; letter-spacing: 2px; text-transform: uppercase; color: var(--blue-light); margin-bottom: 1rem; } .footer-col ul { list-style: none; } .footer-col ul li { margin-bottom: 0.5rem; } .footer-col ul li a, .footer-col ul li span { color: rgba(255,255,255,0.55); font-size: 0.85rem; font-weight: 300; text-decoration: none; transition: color 0.2s; } .footer-col ul li a:hover { color: white; } .footer-bottom { max-width: 1280px; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.08); padding-top: 1.5rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; } .footer-bottom p { color: rgba(255,255,255,0.35); font-size: 0.8rem; font-weight: 300; } /* ===== GDPR ===== */ .gdpr { position: fixed; bottom: -200px; left: 0; right: 0; background: #071520; border-top: 2px solid var(--blue); color: white; padding: 1rem 2rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; z-index: 9000; transition: bottom 0.4s; flex-wrap: wrap; } .gdpr.show { bottom: 0; } .gdpr p { font-size: 0.85rem; color: rgba(255,255,255,0.75); font-weight: 300; flex: 1; } .gdpr a { color: var(--blue-light); } .gdpr-btns { display: flex; gap: 0.6rem; } .gdpr-btns button { padding: 0.5rem 1.2rem; border-radius: 6px; font-weight: 700; font-size: 0.78rem; text-transform: uppercase; cursor: pointer; letter-spacing: 0.3px; } .gdpr-accept { background: var(--blue); color: white; border: none; } .gdpr-decline { background: transparent; color: white; border: 1px solid rgba(255,255,255,0.3); } /* ===== MODAL ===== */ .modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 9999; overflow-y: auto; padding: 2rem; } .modal-box { max-width: 760px; margin: 2rem auto; background: white; border-radius: var(--radius); padding: 3rem; position: relative; } .modal-close { position: absolute; top: 1rem; right: 1.5rem; background: none; border: none; font-size: 1.6rem; cursor: pointer; color: #999; } .modal-box h2 { font-family: 'Playfair Display', serif; color: var(--blue-deeper); margin-bottom: 1.2rem; font-size: 1.8rem; } .modal-box h3 { font-size: 1rem; font-weight: 700; color: var(--text); margin: 1.2rem 0 0.3rem; } .modal-box p { color: var(--text-mid); line-height: 1.8; font-size: 0.92rem; font-weight: 300; } /* ===== REVEAL ANIMACE ===== */ .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; } .reveal.on { opacity: 1; transform: translateY(0); } /* ===== MOBILE ===== */ @media (max-width: 960px) { .hero-inner, .split, .contact-grid, .map-grid { grid-template-columns: 1fr; gap: 2.5rem; } .features-grid, .pricing-grid, .process-grid { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr 1fr; } .hero h1 { font-size: 2.6rem; } .nav-links { display: none; } .split.reverse { direction: ltr; } .hero-stats { grid-template-columns: repeat(2, 1fr); } .sec-photo, .hero { background-attachment: scroll; } /* parallax vypnout na mobilu */ } </style> </head> <body>  <div class="topbar"> <a href="tel:+420777592741">📞 +420 777 592 741</a> <a href="mailto:info@mojevoda.com">✉ info@mojevoda.com</a> <span style="margin-left:auto;opacity:0.6;">Po–Pá: 8:00–16:00</span> </div>  <header id="mainHeader"> <nav> <a href="#" class="logo"> <div class="logo-drop"></div> Moje<span>Voda</span> </a> <ul class="nav-links"> <li><a href="#vyhody">Výhody</a></li> <li><a href="#cenik">Ceník</a></li> <li><a href="#jak-to-funguje">Jak to funguje</a></li> <li><a href="#kontakt">Kontakt</a></li> <li><a href="#kontakt" class="btn-nav">Objednat vodu</a></li> </ul> </nav> </header>  <section class="hero"> <div class="hero-inner"> <div class="hero-text"> <div class="hero-badge">💧 Moje Voda s.r.o.</div> <h1>Čistá voda<br>ze srdce <em>přírody</em></h1> <p>Barelová pramenitá voda z artézského vrtu 60 metrů pod povrchem Vysočiny. Nízká mineralizace vhodná pro celou rodinu — od kojenců po seniory. Aquamaty a výdejníky zdarma při pravidelném odběru.</p> <div class="hero-btns"> <a href="#cenik" class="btn-primary">Zobrazit ceník</a> <a href="#vyhody" class="btn-ghost">Zjistit více</a> </div> </div> <div class="hero-stats reveal"> <div class="stat-item"> <div class="stat-num">60 m</div> <div class="stat-label">Hloubka vrtu</div> </div> <div class="stat-item"> <div class="stat-num">99 Kč</div> <div class="stat-label">Cena od / barel</div> </div> <div class="stat-divider"></div> <div class="stat-item"> <div class="stat-num">18,9 l</div> <div class="stat-label">Objem barelu</div> </div> <div class="stat-item"> <div class="stat-num">0</div> <div class="stat-label">Chemické úpravy</div> </div> </div> </div> </section>  <section id="vyhody" class="sec-white"> <div class="section-inner"> <div class="reveal" style="text-align:center;max-width:600px;margin:0 auto 3.5rem;"> <span class="section-label">Proč MojeVoda</span> <h2 class="section-title">Čistota, které <em>důvěřujete</em></h2> <p class="section-subtitle">Každá kapka prochází přirozenou filtrací hluboko pod zemí. Zachováváme to nejlepší z přírody.</p> </div> <div class="features-grid"> <div class="feat reveal"> <div class="feat-icon">💎</div> <h3>Artézský vrt 60 m</h3> <p>Voda z hlubin Vysočiny, přirozeně chráněná před povrchovým znečištěním. Žádné chemické úpravy ani chlorování.</p> </div> <div class="feat reveal"> <div class="feat-icon">👶</div> <h3>Vhodná pro kojence</h3> <p>Nízká mineralizace ideální pro přípravu kojenecké stravy. Bezpečná pro celou rodinu od nejmenších po seniory.</p> </div> <div class="feat reveal"> <div class="feat-icon">💰</div> <h3>Výhodné ceny od 99 Kč</h3> <p>Barel 18,9 l za výhodnou cenu s pravidelným rozvozen přímo k vám domů nebo do firmy.</p> </div> <div class="feat reveal"> <div class="feat-icon">🚰</div> <h3>Aquamat ZDARMA</h3> <p>Bezplatná zápůjčka kvalitního aquamatu nebo výdejníku vody při pravidelném měsíčním odběru.</p> </div> <div class="feat reveal"> <div class="feat-icon">🏢</div> <h3>Řešení pro firmy</h3> <p>Výdejníky vody pro kanceláře a provozovny. Fakturace s DPH, dedikovaný zákaznický servis.</p> </div> <div class="feat reveal"> <div class="feat-icon">🌱</div> <h3>Ekologické barely</h3> <p>Vratné polykarbonátové barely — šetrné k přírodě. Minimalizujeme plastový odpad oproti baleným vodám.</p> </div> </div> </div> </section>  <section class="sec-photo"> <div class="section-inner"> <div class="split reveal"> <img src="https://images.unsplash.com/photo-1502086223501-7ea6ecd79368?w=900&q=85&auto=format&fit=crop" alt="Šťastná rodina v přírodě" class="split-img"> <div class="split-text-w"> <span class="section-label section-label-w">Pro celou rodinu</span> <h2 class="section-title-w">Naše priorita je <em>vaše zdraví</em></h2> <p>Naše pramenitá voda s nízkou mineralizací je vhodná i pro přípravu kojenecké stravy. Bez chemických úprav, bez konzervantů — jen čistá příroda z hlubin Vysočiny.</p> <ul class="benefit-list benefit-list-w"> <li><div class="check">✓</div><div><strong>Nízká mineralizace</strong><span>Vhodná pro přípravu kojeneckých lahviček</span></div></li> <li><div class="check">✓</div><div><strong>Bez chemikálií</strong><span>Žádné chlorování ani konzervační látky</span></div></li> <li><div class="check">✓</div><div><strong>Pravidelné testování</strong><span>Kontrola v akreditovaných laboratořích</span></div></li> <li><div class="check">✓</div><div><strong>Doporučeno pediatry</strong><span>Ideální pro citlivé dětské organismy</span></div></li> </ul> <a href="#cenik" class="btn-primary" style="display:inline-block;width:auto;">Objednat pro rodinu</a> </div> </div> </div> </section>  <section id="cenik" class="sec-white"> <div class="section-inner"> <div class="reveal" style="text-align:center;max-width:600px;margin:0 auto;"> <span class="section-label">Transparentní ceny</span> <h2 class="section-title">Vyberte si <em>své řešení</em></h2> <p class="section-subtitle">Barelová pramenitá voda 18,9 l z vrtu 60 m. Vratná záloha na barel 150 Kč jednorázově.</p> </div> <div class="pricing-grid"> <div class="price-card reveal"> <h3>Základní</h3> <div class="price-amount">139 Kč<span class="price-unit"> / barel</span></div> <ul class="price-list"> <li>Pramenitá voda 18,9 l</li> <li>Artézský vrt 60 m</li> <li>Nízká mineralizace</li> <li>Rozvoz domů nebo do firmy</li> <li>Vratný barel (záloha 150 Kč)</li> <li>Jednorázový odběr možný</li> </ul> <a href="#kontakt" class="btn-blue">Objednat</a> </div> <div class="price-card featured reveal"> <div class="price-badge">⭐ Nejoblíbenější</div> <h3>Premium</h3> <div class="price-amount">119 Kč<span class="price-unit"> / barel</span></div> <ul class="price-list"> <li>Vše ze Základního</li> <li>Pravidelný odběr min. 2 barely/měs.</li> <li>Aquamat ZDARMA</li> <li>Prioritní rozvoz dle rozvrhu</li> <li>Úspora 20 Kč / barel</li> <li>Flexibilní změna množství</li> <li>Osobní zákaznický servis</li> </ul> <a href="#kontakt" class="btn-blue">Objednat</a> </div> <div class="price-card reveal"> <h3>Exclusive / Firmy</h3> <div class="price-amount">99 Kč<span class="price-unit"> / barel</span></div> <ul class="price-list"> <li>Vše z Premium</li> <li>Pro firmy a provozovny</li> <li>Profesionální výdejníky</li> <li>Prémiové aquamaty ZDARMA</li> <li>Servis a údržba v ceně</li> <li>Fakturace s DPH</li> <li>Dedikovaný account manager</li> </ul> <a href="#kontakt" class="btn-blue">Získat nabídku</a> </div> </div> </div> </section>  <section id="jak-to-funguje" class="sec-photo"> <div class="section-inner"> <div class="reveal" style="text-align:center;max-width:600px;margin:0 auto 3.5rem;"> <span class="section-label section-label-w">Jednoduchý proces</span> <h2 class="section-title-w">3 kroky k <em>čisté vodě</em></h2> <p class="section-subtitle-w">Od prvního kontaktu po čistou vodu doma — vše zařídíme za vás.</p> </div> <div class="process-grid"> <div class="proc reveal"> <div class="proc-num">1</div> <h3>Konzultace zdarma</h3> <p>Kontaktujte nás telefonicky, e-mailem nebo přes formulář. Domluvíme rozvoz a zodpovíme všechny dotazy.</p> </div> <div class="proc reveal"> <div class="proc-num">2</div> <h3>Rozvoz a instalace</h3> <p>Dovezeme barely přímo k vám. Aquamat zapůjčíme zdarma při pravidelném měsíčním odběru. Vše na klíč.</p> </div> <div class="proc reveal"> <div class="proc-num">3</div> <h3>Čistá voda každý den</h3> <p>Čistá pramenitá voda vždy po ruce. Pravidelný rozvoz bez starostí, výměna prázdných barelů za plné.</p> </div> </div> </div> </section>  <section class="sec-white"> <div class="section-inner"> <div class="split reverse reveal"> <img src="https://images.unsplash.com/photo-1497366216548-37526070297c?w=900&q=85&auto=format&fit=crop" alt="Moderní kancelář" class="split-img"> <div class="split-text"> <span class="section-label">Pro firmy</span> <h2 class="section-title">Voda pro vaše <em>zaměstnance</em></h2> <p>Profesionální výdejníky a aquamaty vody pro kanceláře, výrobní haly i restaurace. Zlepšete pohodu na pracovišti a snižte náklady oproti baleným vodám.</p> <ul class="benefit-list"> <li><div class="check">✓</div><div><strong>Výdejníky na klíč</strong><span>Instalace, servis a údržba v ceně</span></div></li> <li><div class="check">✓</div><div><strong>Fakturace s DPH</strong><span>Pravidelná faktura, splatnost 14 dní</span></div></li> <li><div class="check">✓</div><div><strong>Flexibilní odběr</strong><span>Množství upravíme dle potřeb firmy</span></div></li> <li><div class="check">✓</div><div><strong>Account manager</strong><span>Dedikovaný kontakt pro vaši firmu</span></div></li> </ul> <a href="#kontakt" class="btn-blue" style="display:inline-block;width:auto;padding:0.85rem 2rem;">Nezávazná nabídka</a> </div> </div> </div> </section>  <section id="kontakt" class="sec-photo"> <div class="section-inner"> <div class="contact-grid"> <div class="contact-info reveal"> <span class="section-label section-label-w">Objednávka vody</span> <h2>Napište <em style="font-style:italic;color:var(--blue-light);">nám</em></h2> <p>Objednejte si pramenitou vodu z hlubin Vysočiny. Odpovíme do 24 hodin a domluvíme vše na míru vašim potřebám.</p> <div class="contact-links"> <a href="tel:+420777592741">📞 +420 777 592 741</a> <a href="mailto:info@mojevoda.com">✉ info@mojevoda.com</a> <a href="#">📍 Zámecká 777/78, 643 00 Brno</a> </div> </div> <div class="reveal"> <form class="contact-form" onsubmit="handleSubmit(event)"> <input type="text" name="name" placeholder="Jméno a příjmení" required> <input type="email" name="email" placeholder="E-mail" required> <input type="tel" name="phone" placeholder="Telefon" required> <button type="submit">💧 Odeslat poptávku</button> </form> </div> </div> </div> </section>  <section class="sec-white"> <div class="section-inner"> <div class="reveal" style="text-align:center;max-width:600px;margin:0 auto;"> <span class="section-label">Kde nás najdete</span> <h2 class="section-title">Expediční sklad <em>Brno</em></h2> </div> <div class="map-grid reveal"> <div class="map-card"> <h3>Kontakt</h3> <p><strong>Moje voda s.r.o.</strong></p> <p>📍 Zámecká 777/78<br>643 00 Brno</p> <p>📞 <a href="tel:+420777592741">+420 777 592 741</a></p> <p>✉ <a href="mailto:info@mojevoda.com">info@mojevoda.com</a></p> <hr> <h4>Otvírací doba</h4> <p>Po – Pá: 8:00 – 16:00</p> <p style="color:rgba(255,255,255,0.35);">So – Ne: zavřeno</p> <hr> <p style="font-size:0.75rem;color:rgba(255,255,255,0.35);">IČ: 292 69 075 | DIČ: CZ29269075</p> </div> <div class="map-frame"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2609.2!2d16.5776!3d49.1885!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47129445c1234567%3A0xabcdef1234567890!2sZ%C3%A1meck%C3%A1%20777%2F78%2C%20643%2000%20Brno!5e0!3m2!1scs!2scz!4v1714900000000" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> </div> </div> </section>  <footer> <div class="footer-grid"> <div> <div class="footer-logo-txt">Moje<span>Voda</span></div> <p class="desc">Barelová pramenitá voda z artézského vrtu 60 m na okraji Vysočiny. Nízká mineralizace vhodná i pro kojence. Aquamaty a výdejníky zdarma.</p> </div> <div class="footer-col"> <h4>Navigace</h4> <ul> <li><a href="#vyhody">Výhody</a></li> <li><a href="#cenik">Ceník</a></li> <li><a href="#jak-to-funguje">Jak to funguje</a></li> <li><a href="#kontakt">Kontakt</a></li> </ul> </div> <div class="footer-col"> <h4>Kontakt</h4> <ul> <li><span>+420 777 592 741</span></li> <li><span>info@mojevoda.com</span></li> <li><span>Zámecká 777/78, Brno</span></li> <li><span>Po–Pá: 8:00–16:00</span></li> </ul> </div> <div class="footer-col"> <h4>Právní</h4> <ul> <li><a href="#" onclick="document.getElementById('modalOP').style.display='block';return false;">Obchodní podmínky</a></li> <li><a href="#" onclick="showGDPR();return false;">Zásady cookies</a></li> <li><a href="#" onclick="document.getElementById('modalOP').style.display='block';return false;">Ochrana osobních údajů</a></li> </ul> </div> </div> <div class="footer-bottom"> <p>© 2026 Moje voda s.r.o. | IČ: 292 69 075 | DIČ: CZ29269075 | Všechna práva vyhrazena.</p> <p>Krajský soud v Brně, oddíl C, vložka 69646</p> </div> </footer>  <div class="gdpr" id="gdprNotice"> <p>Tento web používá cookies. Používáním webu souhlasíte s <a href="#">Zásadami ochrany osobních údajů</a>.</p> <div class="gdpr-btns"> <button class="gdpr-accept" onclick="acceptGDPR()">Přijmout</button> <button class="gdpr-decline" onclick="declineGDPR()">Odmítnout</button> </div> </div>  <div class="modal" id="modalOP" onclick="if(event.target===this)this.style.display='none'"> <div class="modal-box"> <button class="modal-close" onclick="document.getElementById('modalOP').style.display='none'">×</button> <h2>Obchodní podmínky</h2> <p><strong>Moje voda s.r.o.</strong>, IČ: 292 69 075, DIČ: CZ29269075<br>Zámecká 777/78, 643 00 Brno | Krajský soud v Brně, oddíl C, vložka 69646</p> <h3>1. Úvodní ustanovení</h3><p>Tyto podmínky upravují vztahy mezi Moje voda s.r.o. a kupujícím při dodávce barelové pramenité vody a zápůjčce aquamatů.</p> <h3>2. Předmět smlouvy</h3><p>Dodávka barelové pramenité vody 18,9 l a případná bezplatná zápůjčka aquamatu při pravidelném odběru min. 2 barely/měs.</p> <h3>3. Ceny a platby</h3><p>Ceny platné v době objednávky. Záloha na barel 150 Kč (vratná). Firmy mohou platit na fakturu, splatnost 14 dní.</p> <h3>4. Dodací podmínky</h3><p>Rozvoz v Jihomoravském kraji a Vysočině. Termíny dohodnuty individuálně.</p> <h3>5. Záloha na barely</h3><p>Vratná záloha 150 Kč/barel. Za poškozený nebo ztracený barel záloha nevratná.</p> <h3>6. Zápůjčka aquamatu</h3><p>Zdarma při odběru min. 2 barelů/měs. Při ukončení odběru nutno vrátit do 14 dnů.</p> <h3>7. Reklamace</h3><p>Na tel. +420 777 592 741 nebo info@mojevoda.com. Vyřízení do 30 dnů.</p> <h3>8. Odstoupení od smlouvy</h3><p>Spotřebitel může odstoupit do 14 dnů od převzetí bez udání důvodu.</p> <h3>9. Ochrana osobních údajů</h3><p>Zpracování v souladu s GDPR, výhradně pro plnění smlouvy.</p> <h3>10. Závěrečná ustanovení</h3><p>Platné od 1. 1. 2026. Řídí se OZ č. 89/2012 Sb.</p> <div style="margin-top:2rem;text-align:center;"><button class="btn-blue" onclick="document.getElementById('modalOP').style.display='none'" style="display:inline-block;width:auto;padding:0.8rem 2rem;">Zavřít</button></div> </div> </div> <script> // Header scroll window.addEventListener('scroll', () => { document.getElementById('mainHeader').classList.toggle('scrolled', window.scrollY > 50); }, { passive: true }); // GDPR function showGDPR() { document.getElementById('gdprNotice').classList.add('show'); } function acceptGDPR() { localStorage.setItem('gdpr','1'); document.getElementById('gdprNotice').classList.remove('show'); } function declineGDPR() { localStorage.setItem('gdpr','0'); document.getElementById('gdprNotice').classList.remove('show'); } window.addEventListener('load', () => { if (!localStorage.getItem('gdpr')) setTimeout(() => document.getElementById('gdprNotice').classList.add('show'), 2000); }); // Reveal animace const revealEls = document.querySelectorAll('.reveal'); const onScroll = () => revealEls.forEach(el => { if (el.getBoundingClientRect().top < window.innerHeight - 60) el.classList.add('on'); }); window.addEventListener('scroll', onScroll, { passive: true }); onScroll(); // Formulář function handleSubmit(e) { e.preventDefault(); alert('Děkujeme! Brzy se vám ozveme.'); e.target.reset(); } // Smooth scroll document.querySelectorAll('a[href^="#"]').forEach(a => { a.addEventListener('click', e => { const h = a.getAttribute('href'); if (h && h.length > 1 && h !== '#') { e.preventDefault(); const t = document.querySelector(h); if (t) window.scrollTo({ top: t.offsetTop - 80, behavior: 'smooth' }); } }); }); </script> </body> </html></a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://mojevoda.com/index.php/e-shop/embed/#?secret=MVC0nqutzN" width="600" height="338" title="„<!DOCTYPE html> <html lang="cs"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>MojeVoda – Čistá pramenitá voda z Vysočiny</title> <meta name="description" content="Barelová pramenitá voda z vrtu 60m. Rozvoz po Jihomoravském kraji a Vysočině. Aquamaty zdarma."> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;1,400&display=swap" rel="stylesheet"> <style> /* ===== RESET & BASE ===== */ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; font-size: 16px; } :root { --blue: #0891B2; --blue-dark: #0E7490; --blue-deeper: #164E63; --blue-light: #67E8F9; --blue-pale: #ECFEFF; --white: #ffffff; --gray: #F8FAFC; --text: #0F172A; --text-mid: #475569; --border: #E2E8F0; --radius: 12px; --shadow: 0 4px 24px rgba(0,0,0,0.08); --shadow-lg: 0 12px 48px rgba(0,0,0,0.12); /* Stejná fotka jako v sekci "3 kroky k čisté vodě" */ --bg-photo: url('https://images.unsplash.com/photo-1448375240586-882707db888b?w=1920&q=85&auto=format&fit=crop'); } body { font-family: 'Inter', sans-serif; color: var(--text); overflow-x: hidden; background: #fff; } /* ===== TOPBAR ===== */ .topbar { position: relative; z-index: 100; background: var(--blue-deeper); color: white; padding: 0.45rem 2rem; display: flex; gap: 2rem; font-size: 0.82rem; font-weight: 400; letter-spacing: 0.2px; } .topbar a { color: rgba(255,255,255,0.85); text-decoration: none; transition: color 0.2s; } .topbar a:hover { color: white; } /* ===== HEADER ===== */ header { position: sticky; top: 0; z-index: 500; background: rgba(255,255,255,0.97); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); box-shadow: 0 1px 12px rgba(0,0,0,0.06); transition: box-shadow 0.3s; } header.scrolled { box-shadow: 0 2px 20px rgba(0,0,0,0.1); } nav { max-width: 1280px; margin: 0 auto; padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; } .logo { display: flex; align-items: center; gap: 0.5rem; text-decoration: none; font-family: 'Playfair Display', serif; font-size: 1.6rem; color: var(--blue-deeper); font-weight: 700; } .logo-drop { width: 32px; height: 36px; background: linear-gradient(135deg, var(--blue-light), var(--blue)); border-radius: 50% 50% 50% 0; transform: rotate(-45deg); flex-shrink: 0; } .logo span { color: var(--blue); } .nav-links { display: flex; gap: 2rem; list-style: none; align-items: center; } .nav-links a { color: var(--text-mid); text-decoration: none; font-size: 0.88rem; font-weight: 600; letter-spacing: 0.3px; transition: color 0.2s; } .nav-links a:hover { color: var(--blue); } .btn-nav { background: var(--blue) !important; color: white !important; padding: 0.6rem 1.4rem; border-radius: 8px; font-size: 0.85rem !important; transition: background 0.2s !important; } .btn-nav:hover { background: var(--blue-dark) !important; } /* ============================================== FOTOSEKCE — pozadí je přímo na sekci (ne fixed) Každá lichá sekce = fotka, každá sudá = bílá ============================================== */ .sec-photo { position: relative; background-image: var(--bg-photo); background-size: cover; background-position: center; background-attachment: fixed; /* parallax efekt */ } /* Žádný barevný overlay — pouze velmi lehký tmavý vignette pro čitelnost textu */ .sec-photo::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.30); pointer-events: none; } .sec-photo > * { position: relative; z-index: 1; } .sec-white { position: relative; background: var(--white); } /* ===== SDÍLENÉ STYLY SEKCÍ ===== */ .section-inner { max-width: 1280px; margin: 0 auto; padding: 6rem 2rem; } .section-label { display: block; font-size: 0.75rem; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--blue); margin-bottom: 0.7rem; } .section-label-w { color: var(--blue-light); } .section-title { font-family: 'Playfair Display', serif; font-size: 2.6rem; font-weight: 700; color: var(--text); line-height: 1.2; margin-bottom: 1rem; } .section-title em { color: var(--blue); font-style: italic; } .section-title-w { font-family: 'Playfair Display', serif; font-size: 2.6rem; font-weight: 700; color: white; line-height: 1.2; margin-bottom: 1rem; text-shadow: 0 2px 8px rgba(0,0,0,0.3); } .section-title-w em { color: var(--blue-light); font-style: italic; } .section-subtitle { font-size: 1rem; color: var(--text-mid); font-weight: 300; line-height: 1.8; max-width: 600px; } .section-subtitle-w { font-size: 1rem; color: rgba(255,255,255,0.85); font-weight: 300; line-height: 1.8; max-width: 600px; text-shadow: 0 1px 4px rgba(0,0,0,0.2); } /* ===== HERO (1. sekce — FOTKA) ===== */ .hero { position: relative; min-height: 92vh; display: flex; align-items: center; background-image: var(--bg-photo); background-size: cover; background-position: center; background-attachment: fixed; } .hero::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.30); pointer-events: none; } .hero-inner { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; padding: 5rem 2rem; display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; width: 100%; } .hero-badge { display: inline-flex; align-items: center; gap: 0.5rem; background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.3); color: white; padding: 0.4rem 1rem; border-radius: 50px; font-size: 0.8rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 1.5rem; backdrop-filter: blur(8px); } .hero h1 { font-family: 'Playfair Display', serif; font-size: 3.8rem; font-weight: 700; color: white; line-height: 1.15; margin-bottom: 1.5rem; text-shadow: 0 2px 16px rgba(0,0,0,0.35); } .hero h1 em { font-style: italic; color: var(--blue-light); } .hero p { font-size: 1.1rem; color: rgba(255,255,255,0.92); line-height: 1.8; font-weight: 300; margin-bottom: 2.5rem; text-shadow: 0 1px 6px rgba(0,0,0,0.25); } .hero-btns { display: flex; gap: 1rem; flex-wrap: wrap; } .btn-primary { display: inline-block; background: white; color: var(--blue-deeper); padding: 0.9rem 2.2rem; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 0.88rem; letter-spacing: 0.3px; border: none; cursor: pointer; transition: all 0.2s; } .btn-primary:hover { background: var(--blue-pale); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2); } .btn-ghost { display: inline-block; background: transparent; color: white; padding: 0.9rem 2.2rem; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 0.88rem; border: 2px solid rgba(255,255,255,0.65); transition: all 0.2s; } .btn-ghost:hover { background: rgba(255,255,255,0.12); border-color: white; } /* Hero stats karta */ .hero-stats { background: rgba(255,255,255,0.12); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.22); border-radius: var(--radius); padding: 2.5rem; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } .stat-item { text-align: center; } .stat-num { font-family: 'Playfair Display', serif; font-size: 2.5rem; font-weight: 700; color: var(--blue-light); line-height: 1; margin-bottom: 0.3rem; } .stat-label { font-size: 0.82rem; color: rgba(255,255,255,0.78); font-weight: 400; } .stat-divider { grid-column: 1 / -1; height: 1px; background: rgba(255,255,255,0.18); } /* ===== VÝHODY — karty ===== */ .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 3.5rem; } .feat { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 2rem; transition: transform 0.2s, box-shadow 0.2s; } .feat:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } .feat-icon { width: 48px; height: 48px; background: var(--blue-pale); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; margin-bottom: 1rem; } .feat h3 { font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem; color: var(--text); } .feat p { font-size: 0.88rem; color: var(--text-mid); line-height: 1.7; font-weight: 300; } /* ===== SPLIT LAYOUT ===== */ .split { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; } .split.reverse { direction: rtl; } .split.reverse > * { direction: ltr; } .split-img { width: 100%; height: 460px; object-fit: cover; border-radius: var(--radius); box-shadow: var(--shadow-lg); } .split-text p { font-size: 1rem; color: var(--text-mid); line-height: 1.85; font-weight: 300; margin: 1rem 0 1.5rem; } /* Split na fotce — bílý text */ .split-text-w p { font-size: 1rem; color: rgba(255,255,255,0.85); line-height: 1.85; font-weight: 300; margin: 1rem 0 1.5rem; text-shadow: 0 1px 4px rgba(0,0,0,0.2); } .benefit-list { list-style: none; margin: 1.5rem 0 2rem; } .benefit-list li { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.65rem 0; border-bottom: 1px solid var(--border); font-size: 0.92rem; } .benefit-list li:last-child { border: none; } .check { width: 20px; height: 20px; background: var(--blue); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.6rem; font-weight: 700; flex-shrink: 0; margin-top: 1px; } .benefit-list strong { display: block; font-size: 0.92rem; } .benefit-list span { font-size: 0.82rem; color: var(--text-mid); font-weight: 300; } /* Benefit list na fotce */ .benefit-list-w li { border-bottom-color: rgba(255,255,255,0.18); } .benefit-list-w .check { background: rgba(255,255,255,0.9); color: var(--blue-deeper); } .benefit-list-w strong { color: white; } .benefit-list-w span { color: rgba(255,255,255,0.72); } /* ===== CENÍK ===== */ .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 3.5rem; } .price-card { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 2.5rem 2rem; position: relative; transition: transform 0.2s, box-shadow 0.2s; } .price-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } .price-card.featured { background: var(--blue-deeper); border-color: var(--blue-deeper); color: white; } .price-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--blue); color: white; padding: 0.2rem 1rem; border-radius: 50px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.5px; white-space: nowrap; } .price-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.5rem; } .price-card.featured h3 { color: white; } .price-amount { font-family: 'Playfair Display', serif; font-size: 3rem; font-weight: 700; color: var(--blue); line-height: 1; margin: 1rem 0 0.3rem; } .price-card.featured .price-amount { color: var(--blue-light); } .price-unit { font-size: 0.88rem; font-family: 'Inter', sans-serif; font-weight: 300; } .price-list { list-style: none; margin: 1.5rem 0 2rem; } .price-list li { padding: 0.5rem 0; border-bottom: 1px solid var(--border); font-size: 0.87rem; color: var(--text-mid); display: flex; gap: 0.5rem; align-items: center; } .price-card.featured .price-list li { color: rgba(255,255,255,0.75); border-color: rgba(255,255,255,0.12); } .price-list li::before { content: '✓'; color: var(--blue); font-weight: 700; font-size: 0.8rem; flex-shrink: 0; } .price-card.featured .price-list li::before { color: var(--blue-light); } .btn-blue { display: block; text-align: center; background: var(--blue); color: white; padding: 0.85rem; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 0.85rem; border: none; cursor: pointer; transition: background 0.2s, transform 0.2s; width: 100%; } .btn-blue:hover { background: var(--blue-dark); transform: translateY(-2px); } .price-card.featured .btn-blue { background: white; color: var(--blue-deeper); } .price-card.featured .btn-blue:hover { background: var(--blue-pale); } /* ===== PROCES (3 kroky) ===== */ .process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; margin-top: 3.5rem; } .proc { text-align: center; } .proc-num { width: 60px; height: 60px; background: var(--blue); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Playfair Display', serif; font-size: 1.6rem; font-weight: 700; margin: 0 auto 1.2rem; } .proc h3 { font-size: 1rem; font-weight: 700; color: white; margin-bottom: 0.6rem; text-shadow: 0 1px 4px rgba(0,0,0,0.25); } .proc p { font-size: 0.88rem; color: rgba(255,255,255,0.85); line-height: 1.7; font-weight: 300; text-shadow: 0 1px 3px rgba(0,0,0,0.2); } /* ===== KONTAKT ===== */ .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; } .contact-info h2 { font-family: 'Playfair Display', serif; font-size: 2.2rem; color: white; margin-bottom: 1rem; text-shadow: 0 2px 8px rgba(0,0,0,0.3); } .contact-info p { color: rgba(255,255,255,0.85); font-weight: 300; line-height: 1.8; margin-bottom: 2rem; } .contact-links { display: flex; flex-direction: column; gap: 0.7rem; } .contact-links a { color: white; text-decoration: none; font-size: 1.05rem; font-weight: 400; transition: color 0.2s; display: flex; align-items: center; gap: 0.5rem; } .contact-links a:hover { color: var(--blue-light); } .contact-form { background: rgba(255,255,255,0.12); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.22); border-radius: var(--radius); padding: 2.5rem; display: flex; flex-direction: column; gap: 1rem; } .contact-form input { background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.25); border-radius: 8px; padding: 0.85rem 1rem; color: white; font-family: 'Inter', sans-serif; font-size: 0.92rem; transition: border-color 0.2s, background 0.2s; } .contact-form input::placeholder { color: rgba(255,255,255,0.45); } .contact-form input:focus { outline: none; border-color: var(--blue-light); background: rgba(255,255,255,0.18); } .contact-form button { background: white; color: var(--blue-deeper); border: none; border-radius: 8px; padding: 0.95rem; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 0.88rem; cursor: pointer; transition: all 0.2s; } .contact-form button:hover { background: var(--blue-pale); transform: translateY(-2px); } /* ===== MAPA ===== */ .map-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 2rem; margin-top: 3rem; } .map-card { background: var(--blue-deeper); color: white; padding: 2rem; border-radius: var(--radius); } .map-card h3 { font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 700; margin-bottom: 1.2rem; } .map-card p { font-size: 0.88rem; color: rgba(255,255,255,0.78); margin-bottom: 0.5rem; font-weight: 300; line-height: 1.6; } .map-card a { color: var(--blue-light); text-decoration: none; } .map-card hr { border: none; border-top: 1px solid rgba(255,255,255,0.15); margin: 1.2rem 0; } .map-card h4 { font-size: 0.85rem; color: white; margin-bottom: 0.5rem; } .map-frame { border-radius: var(--radius); overflow: hidden; height: 360px; } .map-frame iframe { width: 100%; height: 100%; border: 0; display: block; } /* ===== FOOTER ===== */ footer { background: #071520; color: white; padding: 4rem 2rem 2rem; } .footer-grid { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; } .footer-logo-txt { font-family: 'Playfair Display', serif; font-size: 1.6rem; color: white; margin-bottom: 0.8rem; } .footer-logo-txt span { color: var(--blue-light); } .footer-grid .desc { color: rgba(255,255,255,0.5); font-size: 0.85rem; font-weight: 300; line-height: 1.75; } .footer-col h4 { font-size: 0.72rem; letter-spacing: 2px; text-transform: uppercase; color: var(--blue-light); margin-bottom: 1rem; } .footer-col ul { list-style: none; } .footer-col ul li { margin-bottom: 0.5rem; } .footer-col ul li a, .footer-col ul li span { color: rgba(255,255,255,0.55); font-size: 0.85rem; font-weight: 300; text-decoration: none; transition: color 0.2s; } .footer-col ul li a:hover { color: white; } .footer-bottom { max-width: 1280px; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.08); padding-top: 1.5rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; } .footer-bottom p { color: rgba(255,255,255,0.35); font-size: 0.8rem; font-weight: 300; } /* ===== GDPR ===== */ .gdpr { position: fixed; bottom: -200px; left: 0; right: 0; background: #071520; border-top: 2px solid var(--blue); color: white; padding: 1rem 2rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; z-index: 9000; transition: bottom 0.4s; flex-wrap: wrap; } .gdpr.show { bottom: 0; } .gdpr p { font-size: 0.85rem; color: rgba(255,255,255,0.75); font-weight: 300; flex: 1; } .gdpr a { color: var(--blue-light); } .gdpr-btns { display: flex; gap: 0.6rem; } .gdpr-btns button { padding: 0.5rem 1.2rem; border-radius: 6px; font-weight: 700; font-size: 0.78rem; text-transform: uppercase; cursor: pointer; letter-spacing: 0.3px; } .gdpr-accept { background: var(--blue); color: white; border: none; } .gdpr-decline { background: transparent; color: white; border: 1px solid rgba(255,255,255,0.3); } /* ===== MODAL ===== */ .modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 9999; overflow-y: auto; padding: 2rem; } .modal-box { max-width: 760px; margin: 2rem auto; background: white; border-radius: var(--radius); padding: 3rem; position: relative; } .modal-close { position: absolute; top: 1rem; right: 1.5rem; background: none; border: none; font-size: 1.6rem; cursor: pointer; color: #999; } .modal-box h2 { font-family: 'Playfair Display', serif; color: var(--blue-deeper); margin-bottom: 1.2rem; font-size: 1.8rem; } .modal-box h3 { font-size: 1rem; font-weight: 700; color: var(--text); margin: 1.2rem 0 0.3rem; } .modal-box p { color: var(--text-mid); line-height: 1.8; font-size: 0.92rem; font-weight: 300; } /* ===== REVEAL ANIMACE ===== */ .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; } .reveal.on { opacity: 1; transform: translateY(0); } /* ===== MOBILE ===== */ @media (max-width: 960px) { .hero-inner, .split, .contact-grid, .map-grid { grid-template-columns: 1fr; gap: 2.5rem; } .features-grid, .pricing-grid, .process-grid { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr 1fr; } .hero h1 { font-size: 2.6rem; } .nav-links { display: none; } .split.reverse { direction: ltr; } .hero-stats { grid-template-columns: repeat(2, 1fr); } .sec-photo, .hero { background-attachment: scroll; } /* parallax vypnout na mobilu */ } </style> </head> <body>  <div class="topbar"> <a href="tel:+420777592741">📞 +420 777 592 741</a> <a href="mailto:info@mojevoda.com">✉ info@mojevoda.com</a> <span style="margin-left:auto;opacity:0.6;">Po–Pá: 8:00–16:00</span> </div>  <header id="mainHeader"> <nav> <a href="#" class="logo"> <div class="logo-drop"></div> Moje<span>Voda</span> </a> <ul class="nav-links"> <li><a href="#vyhody">Výhody</a></li> <li><a href="#cenik">Ceník</a></li> <li><a href="#jak-to-funguje">Jak to funguje</a></li> <li><a href="#kontakt">Kontakt</a></li> <li><a href="#kontakt" class="btn-nav">Objednat vodu</a></li> </ul> </nav> </header>  <section class="hero"> <div class="hero-inner"> <div class="hero-text"> <div class="hero-badge">💧 Moje Voda s.r.o.</div> <h1>Čistá voda<br>ze srdce <em>přírody</em></h1> <p>Barelová pramenitá voda z artézského vrtu 60 metrů pod povrchem Vysočiny. Nízká mineralizace vhodná pro celou rodinu — od kojenců po seniory. Aquamaty a výdejníky zdarma při pravidelném odběru.</p> <div class="hero-btns"> <a href="#cenik" class="btn-primary">Zobrazit ceník</a> <a href="#vyhody" class="btn-ghost">Zjistit více</a> </div> </div> <div class="hero-stats reveal"> <div class="stat-item"> <div class="stat-num">60 m</div> <div class="stat-label">Hloubka vrtu</div> </div> <div class="stat-item"> <div class="stat-num">99 Kč</div> <div class="stat-label">Cena od / barel</div> </div> <div class="stat-divider"></div> <div class="stat-item"> <div class="stat-num">18,9 l</div> <div class="stat-label">Objem barelu</div> </div> <div class="stat-item"> <div class="stat-num">0</div> <div class="stat-label">Chemické úpravy</div> </div> </div> </div> </section>  <section id="vyhody" class="sec-white"> <div class="section-inner"> <div class="reveal" style="text-align:center;max-width:600px;margin:0 auto 3.5rem;"> <span class="section-label">Proč MojeVoda</span> <h2 class="section-title">Čistota, které <em>důvěřujete</em></h2> <p class="section-subtitle">Každá kapka prochází přirozenou filtrací hluboko pod zemí. Zachováváme to nejlepší z přírody.</p> </div> <div class="features-grid"> <div class="feat reveal"> <div class="feat-icon">💎</div> <h3>Artézský vrt 60 m</h3> <p>Voda z hlubin Vysočiny, přirozeně chráněná před povrchovým znečištěním. Žádné chemické úpravy ani chlorování.</p> </div> <div class="feat reveal"> <div class="feat-icon">👶</div> <h3>Vhodná pro kojence</h3> <p>Nízká mineralizace ideální pro přípravu kojenecké stravy. Bezpečná pro celou rodinu od nejmenších po seniory.</p> </div> <div class="feat reveal"> <div class="feat-icon">💰</div> <h3>Výhodné ceny od 99 Kč</h3> <p>Barel 18,9 l za výhodnou cenu s pravidelným rozvozen přímo k vám domů nebo do firmy.</p> </div> <div class="feat reveal"> <div class="feat-icon">🚰</div> <h3>Aquamat ZDARMA</h3> <p>Bezplatná zápůjčka kvalitního aquamatu nebo výdejníku vody při pravidelném měsíčním odběru.</p> </div> <div class="feat reveal"> <div class="feat-icon">🏢</div> <h3>Řešení pro firmy</h3> <p>Výdejníky vody pro kanceláře a provozovny. Fakturace s DPH, dedikovaný zákaznický servis.</p> </div> <div class="feat reveal"> <div class="feat-icon">🌱</div> <h3>Ekologické barely</h3> <p>Vratné polykarbonátové barely — šetrné k přírodě. Minimalizujeme plastový odpad oproti baleným vodám.</p> </div> </div> </div> </section>  <section class="sec-photo"> <div class="section-inner"> <div class="split reveal"> <img src="https://images.unsplash.com/photo-1502086223501-7ea6ecd79368?w=900&q=85&auto=format&fit=crop" alt="Šťastná rodina v přírodě" class="split-img"> <div class="split-text-w"> <span class="section-label section-label-w">Pro celou rodinu</span> <h2 class="section-title-w">Naše priorita je <em>vaše zdraví</em></h2> <p>Naše pramenitá voda s nízkou mineralizací je vhodná i pro přípravu kojenecké stravy. Bez chemických úprav, bez konzervantů — jen čistá příroda z hlubin Vysočiny.</p> <ul class="benefit-list benefit-list-w"> <li><div class="check">✓</div><div><strong>Nízká mineralizace</strong><span>Vhodná pro přípravu kojeneckých lahviček</span></div></li> <li><div class="check">✓</div><div><strong>Bez chemikálií</strong><span>Žádné chlorování ani konzervační látky</span></div></li> <li><div class="check">✓</div><div><strong>Pravidelné testování</strong><span>Kontrola v akreditovaných laboratořích</span></div></li> <li><div class="check">✓</div><div><strong>Doporučeno pediatry</strong><span>Ideální pro citlivé dětské organismy</span></div></li> </ul> <a href="#cenik" class="btn-primary" style="display:inline-block;width:auto;">Objednat pro rodinu</a> </div> </div> </div> </section>  <section id="cenik" class="sec-white"> <div class="section-inner"> <div class="reveal" style="text-align:center;max-width:600px;margin:0 auto;"> <span class="section-label">Transparentní ceny</span> <h2 class="section-title">Vyberte si <em>své řešení</em></h2> <p class="section-subtitle">Barelová pramenitá voda 18,9 l z vrtu 60 m. Vratná záloha na barel 150 Kč jednorázově.</p> </div> <div class="pricing-grid"> <div class="price-card reveal"> <h3>Základní</h3> <div class="price-amount">139 Kč<span class="price-unit"> / barel</span></div> <ul class="price-list"> <li>Pramenitá voda 18,9 l</li> <li>Artézský vrt 60 m</li> <li>Nízká mineralizace</li> <li>Rozvoz domů nebo do firmy</li> <li>Vratný barel (záloha 150 Kč)</li> <li>Jednorázový odběr možný</li> </ul> <a href="#kontakt" class="btn-blue">Objednat</a> </div> <div class="price-card featured reveal"> <div class="price-badge">⭐ Nejoblíbenější</div> <h3>Premium</h3> <div class="price-amount">119 Kč<span class="price-unit"> / barel</span></div> <ul class="price-list"> <li>Vše ze Základního</li> <li>Pravidelný odběr min. 2 barely/měs.</li> <li>Aquamat ZDARMA</li> <li>Prioritní rozvoz dle rozvrhu</li> <li>Úspora 20 Kč / barel</li> <li>Flexibilní změna množství</li> <li>Osobní zákaznický servis</li> </ul> <a href="#kontakt" class="btn-blue">Objednat</a> </div> <div class="price-card reveal"> <h3>Exclusive / Firmy</h3> <div class="price-amount">99 Kč<span class="price-unit"> / barel</span></div> <ul class="price-list"> <li>Vše z Premium</li> <li>Pro firmy a provozovny</li> <li>Profesionální výdejníky</li> <li>Prémiové aquamaty ZDARMA</li> <li>Servis a údržba v ceně</li> <li>Fakturace s DPH</li> <li>Dedikovaný account manager</li> </ul> <a href="#kontakt" class="btn-blue">Získat nabídku</a> </div> </div> </div> </section>  <section id="jak-to-funguje" class="sec-photo"> <div class="section-inner"> <div class="reveal" style="text-align:center;max-width:600px;margin:0 auto 3.5rem;"> <span class="section-label section-label-w">Jednoduchý proces</span> <h2 class="section-title-w">3 kroky k <em>čisté vodě</em></h2> <p class="section-subtitle-w">Od prvního kontaktu po čistou vodu doma — vše zařídíme za vás.</p> </div> <div class="process-grid"> <div class="proc reveal"> <div class="proc-num">1</div> <h3>Konzultace zdarma</h3> <p>Kontaktujte nás telefonicky, e-mailem nebo přes formulář. Domluvíme rozvoz a zodpovíme všechny dotazy.</p> </div> <div class="proc reveal"> <div class="proc-num">2</div> <h3>Rozvoz a instalace</h3> <p>Dovezeme barely přímo k vám. Aquamat zapůjčíme zdarma při pravidelném měsíčním odběru. Vše na klíč.</p> </div> <div class="proc reveal"> <div class="proc-num">3</div> <h3>Čistá voda každý den</h3> <p>Čistá pramenitá voda vždy po ruce. Pravidelný rozvoz bez starostí, výměna prázdných barelů za plné.</p> </div> </div> </div> </section>  <section class="sec-white"> <div class="section-inner"> <div class="split reverse reveal"> <img src="https://images.unsplash.com/photo-1497366216548-37526070297c?w=900&q=85&auto=format&fit=crop" alt="Moderní kancelář" class="split-img"> <div class="split-text"> <span class="section-label">Pro firmy</span> <h2 class="section-title">Voda pro vaše <em>zaměstnance</em></h2> <p>Profesionální výdejníky a aquamaty vody pro kanceláře, výrobní haly i restaurace. Zlepšete pohodu na pracovišti a snižte náklady oproti baleným vodám.</p> <ul class="benefit-list"> <li><div class="check">✓</div><div><strong>Výdejníky na klíč</strong><span>Instalace, servis a údržba v ceně</span></div></li> <li><div class="check">✓</div><div><strong>Fakturace s DPH</strong><span>Pravidelná faktura, splatnost 14 dní</span></div></li> <li><div class="check">✓</div><div><strong>Flexibilní odběr</strong><span>Množství upravíme dle potřeb firmy</span></div></li> <li><div class="check">✓</div><div><strong>Account manager</strong><span>Dedikovaný kontakt pro vaši firmu</span></div></li> </ul> <a href="#kontakt" class="btn-blue" style="display:inline-block;width:auto;padding:0.85rem 2rem;">Nezávazná nabídka</a> </div> </div> </div> </section>  <section id="kontakt" class="sec-photo"> <div class="section-inner"> <div class="contact-grid"> <div class="contact-info reveal"> <span class="section-label section-label-w">Objednávka vody</span> <h2>Napište <em style="font-style:italic;color:var(--blue-light);">nám</em></h2> <p>Objednejte si pramenitou vodu z hlubin Vysočiny. Odpovíme do 24 hodin a domluvíme vše na míru vašim potřebám.</p> <div class="contact-links"> <a href="tel:+420777592741">📞 +420 777 592 741</a> <a href="mailto:info@mojevoda.com">✉ info@mojevoda.com</a> <a href="#">📍 Zámecká 777/78, 643 00 Brno</a> </div> </div> <div class="reveal"> <form class="contact-form" onsubmit="handleSubmit(event)"> <input type="text" name="name" placeholder="Jméno a příjmení" required> <input type="email" name="email" placeholder="E-mail" required> <input type="tel" name="phone" placeholder="Telefon" required> <button type="submit">💧 Odeslat poptávku</button> </form> </div> </div> </div> </section>  <section class="sec-white"> <div class="section-inner"> <div class="reveal" style="text-align:center;max-width:600px;margin:0 auto;"> <span class="section-label">Kde nás najdete</span> <h2 class="section-title">Expediční sklad <em>Brno</em></h2> </div> <div class="map-grid reveal"> <div class="map-card"> <h3>Kontakt</h3> <p><strong>Moje voda s.r.o.</strong></p> <p>📍 Zámecká 777/78<br>643 00 Brno</p> <p>📞 <a href="tel:+420777592741">+420 777 592 741</a></p> <p>✉ <a href="mailto:info@mojevoda.com">info@mojevoda.com</a></p> <hr> <h4>Otvírací doba</h4> <p>Po – Pá: 8:00 – 16:00</p> <p style="color:rgba(255,255,255,0.35);">So – Ne: zavřeno</p> <hr> <p style="font-size:0.75rem;color:rgba(255,255,255,0.35);">IČ: 292 69 075 | DIČ: CZ29269075</p> </div> <div class="map-frame"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2609.2!2d16.5776!3d49.1885!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47129445c1234567%3A0xabcdef1234567890!2sZ%C3%A1meck%C3%A1%20777%2F78%2C%20643%2000%20Brno!5e0!3m2!1scs!2scz!4v1714900000000" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> </div> </div> </section>  <footer> <div class="footer-grid"> <div> <div class="footer-logo-txt">Moje<span>Voda</span></div> <p class="desc">Barelová pramenitá voda z artézského vrtu 60 m na okraji Vysočiny. Nízká mineralizace vhodná i pro kojence. Aquamaty a výdejníky zdarma.</p> </div> <div class="footer-col"> <h4>Navigace</h4> <ul> <li><a href="#vyhody">Výhody</a></li> <li><a href="#cenik">Ceník</a></li> <li><a href="#jak-to-funguje">Jak to funguje</a></li> <li><a href="#kontakt">Kontakt</a></li> </ul> </div> <div class="footer-col"> <h4>Kontakt</h4> <ul> <li><span>+420 777 592 741</span></li> <li><span>info@mojevoda.com</span></li> <li><span>Zámecká 777/78, Brno</span></li> <li><span>Po–Pá: 8:00–16:00</span></li> </ul> </div> <div class="footer-col"> <h4>Právní</h4> <ul> <li><a href="#" onclick="document.getElementById('modalOP').style.display='block';return false;">Obchodní podmínky</a></li> <li><a href="#" onclick="showGDPR();return false;">Zásady cookies</a></li> <li><a href="#" onclick="document.getElementById('modalOP').style.display='block';return false;">Ochrana osobních údajů</a></li> </ul> </div> </div> <div class="footer-bottom"> <p>© 2026 Moje voda s.r.o. | IČ: 292 69 075 | DIČ: CZ29269075 | Všechna práva vyhrazena.</p> <p>Krajský soud v Brně, oddíl C, vložka 69646</p> </div> </footer>  <div class="gdpr" id="gdprNotice"> <p>Tento web používá cookies. Používáním webu souhlasíte s <a href="#">Zásadami ochrany osobních údajů</a>.</p> <div class="gdpr-btns"> <button class="gdpr-accept" onclick="acceptGDPR()">Přijmout</button> <button class="gdpr-decline" onclick="declineGDPR()">Odmítnout</button> </div> </div>  <div class="modal" id="modalOP" onclick="if(event.target===this)this.style.display='none'"> <div class="modal-box"> <button class="modal-close" onclick="document.getElementById('modalOP').style.display='none'">×</button> <h2>Obchodní podmínky</h2> <p><strong>Moje voda s.r.o.</strong>, IČ: 292 69 075, DIČ: CZ29269075<br>Zámecká 777/78, 643 00 Brno | Krajský soud v Brně, oddíl C, vložka 69646</p> <h3>1. Úvodní ustanovení</h3><p>Tyto podmínky upravují vztahy mezi Moje voda s.r.o. a kupujícím při dodávce barelové pramenité vody a zápůjčce aquamatů.</p> <h3>2. Předmět smlouvy</h3><p>Dodávka barelové pramenité vody 18,9 l a případná bezplatná zápůjčka aquamatu při pravidelném odběru min. 2 barely/měs.</p> <h3>3. Ceny a platby</h3><p>Ceny platné v době objednávky. Záloha na barel 150 Kč (vratná). Firmy mohou platit na fakturu, splatnost 14 dní.</p> <h3>4. Dodací podmínky</h3><p>Rozvoz v Jihomoravském kraji a Vysočině. Termíny dohodnuty individuálně.</p> <h3>5. Záloha na barely</h3><p>Vratná záloha 150 Kč/barel. Za poškozený nebo ztracený barel záloha nevratná.</p> <h3>6. Zápůjčka aquamatu</h3><p>Zdarma při odběru min. 2 barelů/měs. Při ukončení odběru nutno vrátit do 14 dnů.</p> <h3>7. Reklamace</h3><p>Na tel. +420 777 592 741 nebo info@mojevoda.com. Vyřízení do 30 dnů.</p> <h3>8. Odstoupení od smlouvy</h3><p>Spotřebitel může odstoupit do 14 dnů od převzetí bez udání důvodu.</p> <h3>9. Ochrana osobních údajů</h3><p>Zpracování v souladu s GDPR, výhradně pro plnění smlouvy.</p> <h3>10. Závěrečná ustanovení</h3><p>Platné od 1. 1. 2026. Řídí se OZ č. 89/2012 Sb.</p> <div style="margin-top:2rem;text-align:center;"><button class="btn-blue" onclick="document.getElementById('modalOP').style.display='none'" style="display:inline-block;width:auto;padding:0.8rem 2rem;">Zavřít</button></div> </div> </div> <script> // Header scroll window.addEventListener('scroll', () => { document.getElementById('mainHeader').classList.toggle('scrolled', window.scrollY > 50); }, { passive: true }); // GDPR function showGDPR() { document.getElementById('gdprNotice').classList.add('show'); } function acceptGDPR() { localStorage.setItem('gdpr','1'); document.getElementById('gdprNotice').classList.remove('show'); } function declineGDPR() { localStorage.setItem('gdpr','0'); document.getElementById('gdprNotice').classList.remove('show'); } window.addEventListener('load', () => { if (!localStorage.getItem('gdpr')) setTimeout(() => document.getElementById('gdprNotice').classList.add('show'), 2000); }); // Reveal animace const revealEls = document.querySelectorAll('.reveal'); const onScroll = () => revealEls.forEach(el => { if (el.getBoundingClientRect().top < window.innerHeight - 60) el.classList.add('on'); }); window.addEventListener('scroll', onScroll, { passive: true }); onScroll(); // Formulář function handleSubmit(e) { e.preventDefault(); alert('Děkujeme! Brzy se vám ozveme.'); e.target.reset(); } // Smooth scroll document.querySelectorAll('a[href^="#"]').forEach(a => { a.addEventListener('click', e => { const h = a.getAttribute('href'); if (h && h.length > 1 && h !== '#') { e.preventDefault(); const t = document.querySelector(h); if (t) window.scrollTo({ top: t.offsetTop - 80, behavior: 'smooth' }); } }); }); </script> </body> </html>“ — Mojevoda.com" data-secret="MVC0nqutzN" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /* <![CDATA[ */ /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); /* ]]> */ </script> Moje voda je stáčena z prameniště v Kralicích nad Oslavou. Pro svou nízkou mineralizaci je vhodná i k přípravě kojenecké stravy. Balenou vodu dodáváme v polykarbonátových barelch o objemu 18,9 litru. Moje voda 18,9 l Cena: 150,- Kč s DPHBalení: 18,9 litrů zálohovaný polykarbonátový barel Vratná záloha na obal: V ceně výrobku není započítána záloha… Vícehttps://mojevoda.com/wp-content/uploads/2020/07/heraltice-barel4.png