{"id":12,"date":"2026-02-21T19:28:00","date_gmt":"2026-02-21T18:28:00","guid":{"rendered":"https:\/\/www.ivonasvobodova.cz\/?page_id=12"},"modified":"2026-03-03T21:05:35","modified_gmt":"2026-03-03T20:05:35","slug":"home","status":"publish","type":"page","link":"https:\/\/www.ivonasvobodova.cz\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a2787b e-con-full e-flex e-con e-parent\" data-id=\"8a2787b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-970e77c elementor-widget__width-inherit e-transform e-transform elementor-widget elementor-widget-html\" data-id=\"970e77c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.003,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.003,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&family=Sora:wght@600;700;800&display=swap');\n\n  \/* --- TVRD\u00c9 POJISTKY: ODSTRAN\u011aN\u00cd MEZER Z WORDPRESS \u0160ABLONY --- *\/\n  html, body {\n    width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    background: var(--bg) !important;\n  }\n  \n  \/* Odstran\u011bn\u00ed mezer z WordPress obal\u016f a blok\u016f nad hlavi\u010dkou *\/\n  .wp-site-blocks, \n  .entry-content > *, \n  .wp-block-html, \n  .ast-builder-layout-element {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n  }\n  html { margin-top: 0 !important; }\n  body { padding-top: 0 !important; }\n\n  \/* Zru\u0161en\u00ed v\u0161ech pr\u00e1zdn\u00fdch kontejner\u016f a p\u0159esah\u016f \u0161ablony *\/\n  #page, #content, .site-content, .ast-container, .entry-content, .site-main { padding: 0 !important; margin: 0 !important; max-width: 100% !important; }\n  header#masthead, header.site-header { display: none !important; } \n  footer#colophon, footer.site-footer, .ast-builder-footer-wrap, .site-info { display: none !important; } \n  \n  \/* Tvrd\u00e9 skryt\u00ed V\u0160ECH \u0161ipek (na\u0161e i syst\u00e9mov\u00e9) *\/\n  #ast-scroll-top, #scroll-up, .back-to-top, .go-top, .ivx .to-top { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }\n\n  \/* --- HLAVN\u00cd PROM\u011aNN\u00c9 --- *\/\n  .ivx {\n    --bg: #FFF1E8;\n    --surface: #FFFFFF;\n    --text: #0F172A;\n    --muted: #334155;\n    --accent: #D7B79D;\n    --accent-2: #C77A62;\n    --accent-3: #E0A36E;\n    --accent-4: #B8907A;\n    --accent-5: #8E5F53;\n    --accent-6: #F0D1BC;\n    --accent-deep: #7D4F43;\n    --contrast: #1E40AF;\n    --line: rgba(15, 23, 42, 0.14);\n    --line-soft: rgba(15, 23, 42, 0.16);\n    --shadow: 0 22px 54px rgba(15, 23, 42, 0.18);\n    --shadow-soft: 0 12px 30px rgba(15, 23, 42, 0.10);\n    --ambient-x: 16%; --ambient-y: 8%; --ambient-x2: 88%; --ambient-y2: 14%;\n    --content-max: 1320px;\n    --lux-ease: cubic-bezier(0.19, 1, 0.22, 1);\n    \n    font-family: \"Manrope\", sans-serif;\n    color: var(--text);\n    line-height: 1.65;\n    width: 100%;\n    max-width: 100vw !important;\n    margin: 0 auto;\n    padding: 0;\n    display: block;\n    overflow-x: hidden !important;\n    position: relative;\n    box-sizing: border-box;\n    background:\n      radial-gradient(circle at var(--ambient-x) var(--ambient-y), rgba(224, 163, 110, 0.38), transparent 34%),\n      radial-gradient(circle at var(--ambient-x2) var(--ambient-y2), rgba(199, 122, 98, 0.3), transparent 32%),\n      linear-gradient(130deg, rgba(255, 255, 255, 0.56), rgba(255, 241, 232, 0.92) 44%, rgba(255, 245, 238, 0.84)),\n      var(--bg);\n    animation: ivx-pageAmbientShift 28s ease-in-out infinite alternate;\n  }\n\n  .ivx * { box-sizing: border-box; margin: 0; padding: 0; }\n  .ivx a { color: inherit; text-decoration: none; }\n\n  \/* M\u0159\u00ed\u017eka na pozad\u00ed *\/\n  .ivx::before { content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0; opacity: 0.42; background-image: repeating-linear-gradient(90deg, transparent 0, transparent 44px, rgba(15, 23, 42, 0.06) 44px, rgba(15, 23, 42, 0.06) 45px); mask-image: linear-gradient(180deg, transparent 0, #000 12%, #000 88%, transparent 100%); animation: ivx-gridDrift 26s linear infinite; }\n  .ivx::after { content: \"\"; position: absolute; inset: -20% -12% 0 -12%; pointer-events: none; z-index: 0; background: radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.42), transparent 42%), radial-gradient(circle at 78% 64%, rgba(199, 122, 98, 0.18), transparent 48%); mix-blend-mode: screen; opacity: 0.46; filter: blur(16px); }\n\n  \/* SCROLL BAR *\/\n  .ivx .scroll-progress { position: sticky; top: 0; left: 0; width: 100%; height: 4px; z-index: 70; background: rgba(15, 23, 42, 0.06); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.42), 0 8px 16px rgba(15, 23, 42, 0.1); overflow: hidden; }\n  .ivx .scroll-progress span { position: relative; display: block; width: 0; height: 100%; background: linear-gradient(90deg, #0F172A 0%, #1E293B 36%, #C77A62 68%, #D7B79D 100%); }\n\n  .ivx .site { width: 100%; max-width: 100%; margin-inline: auto; position: relative; z-index: 1; display: flex; flex-direction: column; gap: 0; padding-bottom: 0; overflow: hidden; }\n  .ivx .site > section { margin-top: clamp(40px, 6vw, 70px); margin-bottom: 0 !important; }\n\n  \/* --- HLAVI\u010cKA --- *\/\n  .ivx .topbar { position: relative; z-index: 60; display: flex; justify-content: space-between; align-items: center; gap: clamp(10px, 1.6vw, 22px); padding: clamp(12px, 1.2vw, 16px) max(clamp(16px, 3.2vw, 56px), calc((100% - var(--content-max)) \/ 2)); width: 100%; background: linear-gradient(102deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 247, 240, 0.94) 46%, rgba(215, 183, 157, 0.58) 100%); backdrop-filter: blur(12px); box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.72), inset 0 -1px 0 rgba(215, 183, 157, 0.46); box-sizing: border-box; }\n  .ivx .topbar::before { content: \"\"; position: absolute; inset: 0 0 auto 0; height: 3px; background: linear-gradient(90deg, rgba(215, 183, 157, 0), rgba(199, 122, 98, 0.95), rgba(30, 64, 175, 0.52), rgba(215, 183, 157, 0)); }\n  .ivx .brand { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 10px; font-family: \"Sora\", sans-serif; font-size: 0.92rem; font-weight: 700; color: var(--text); white-space: nowrap; text-decoration: none !important; border-bottom: none !important; box-shadow: none !important; }\n  .ivx .brand::before { content: \"\u2726\"; width: 1.72rem; height: 1.72rem; border-radius: 50%; display: grid; place-items: center; font-size: 0.8rem; font-weight: 700; color: #FFFFFF; background: linear-gradient(140deg, var(--accent-2), var(--accent-5)); box-shadow: 0 10px 20px rgba(125, 79, 67, 0.32); flex-shrink: 0; transition: transform 0.26s ease; }\n  .ivx .brand:hover::before { transform: translateY(-1px) rotate(8deg); }\n  \n  .ivx .menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid rgba(15, 23, 42, 0.18); background: rgba(255, 255, 255, 0.82); color: var(--text); cursor: pointer; position: relative; z-index: 2; align-items: center; justify-content: center; border-radius: 50%; }\n  .ivx .menu-toggle span, .ivx .menu-toggle span::before, .ivx .menu-toggle span::after { content: \"\"; display: block; width: 18px; height: 2px; border-radius: 999px; background: var(--text); transition: transform 0.22s ease, opacity 0.22s ease; }\n  .ivx .menu-toggle span { position: relative; }\n  .ivx .menu-toggle span::before { position: absolute; top: -6px; left: 0; }\n  .ivx .menu-toggle span::after { position: absolute; top: 6px; left: 0; }\n  .ivx .topbar.is-menu-open .menu-toggle span { background: transparent; }\n  .ivx .topbar.is-menu-open .menu-toggle span::before { transform: translateY(6px) rotate(45deg); }\n  .ivx .topbar.is-menu-open .menu-toggle span::after { transform: translateY(-6px) rotate(-45deg); }\n  \n  .ivx .nav { position: relative; z-index: 1; display: flex; justify-content: center; flex-wrap: wrap; gap: 7px; }\n  .ivx .nav a { position: relative; display: inline-flex; align-items: center; border-radius: 999px; border: 1px solid rgba(15, 23, 42, 0.14); font-size: 0.82rem; font-weight: 600; padding: 0.42rem 0.82rem; color: var(--muted); background: rgba(255, 255, 255, 0.66); transition: all 0.22s ease; isolation: isolate; overflow: hidden; }\n  .ivx .nav a::after { content: \"\"; position: absolute; left: 12px; right: 12px; bottom: 4px; height: 1.5px; background: linear-gradient(90deg, rgba(199, 122, 98, 0), rgba(199, 122, 98, 0.9), rgba(30, 64, 175, 0.82), rgba(199, 122, 98, 0)); transform-origin: left center; transform: scaleX(0.22); opacity: 0; transition: transform 0.32s ease, opacity 0.28s ease; }\n  .ivx .nav a:hover, .ivx .nav a.is-active { color: var(--text); border-color: rgba(199, 122, 98, 0.42); background: linear-gradient(120deg, rgba(255, 255, 255, 0.98), rgba(240, 209, 188, 0.72)); transform: translateY(-1px); box-shadow: 0 8px 16px rgba(15, 23, 42, 0.09); }\n  .ivx .nav a:hover::after, .ivx .nav a.is-active::after { transform: scaleX(1); opacity: 1; }\n  \n  .ivx .topbar > .btn { position: relative; z-index: 1; border-radius: 999px; padding: 0.58rem 1.02rem; font-size: 0.74rem; letter-spacing: 0.06em; text-transform: uppercase; box-shadow: 0 10px 20px rgba(15, 23, 42, 0.16); }\n\n  \/* --- TLA\u010c\u00cdTKA --- *\/\n  .ivx .btn { --btn-lift: 0px; display: inline-flex; align-items: center; justify-content: center; position: relative; isolation: isolate; overflow: hidden; border: 1px solid transparent; font-size: 0.9rem; font-weight: 700; padding: 0.82rem 1.18rem; cursor: pointer; transform: translate3d(0, var(--btn-lift), 0); transition: all 0.2s ease; }\n  .ivx .btn::before { content: \"\"; position: absolute; top: -130%; left: -36%; width: 26%; height: 360%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent); transform: translateX(-180%) rotate(18deg); transition: transform 0.56s ease; pointer-events: none; z-index: 2; opacity: 0.7; }\n  .ivx .btn:hover::before { transform: translateX(360%) rotate(18deg); }\n  .ivx .btn:hover { --btn-lift: -2px; }\n  .ivx .btn-primary { color: #FFFFFF; background: #0F172A; box-shadow: var(--shadow-soft); border-radius: 8px; }\n  .ivx .btn-secondary { color: var(--contrast); background: rgba(255, 255, 255, 0.85); border-color: rgba(30, 64, 175, 0.28); border-radius: 8px; }\n  \n  \/* --- TYPOGRAFIE --- *\/\n  .ivx h1, .ivx h2, .ivx h3, .ivx h4 { font-family: \"Sora\", sans-serif; color: var(--text); letter-spacing: -0.02em; margin-bottom: 12px; }\n  .ivx h1 { font-size: clamp(2rem, 5vw, 3.9rem); line-height: 1.04; margin-bottom: 14px; max-width: 14ch; position: relative; }\n  @supports ((-webkit-background-clip: text) or (background-clip: text)) { .ivx h1 { color: transparent; background: linear-gradient(124deg, #0F172A 0%, #0F172A 58%, #C77A62 84%, #8E5F53 100%); background-size: 140% 140%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } }\n  .ivx h2 { font-size: clamp(1.52rem, 3.1vw, 2.22rem); line-height: 1.12; }\n  .ivx h3 { font-size: clamp(1.08rem, 1.8vw, 1.22rem); line-height: 1.25; }\n  .ivx p { color: var(--muted); margin-bottom: 16px; }\n  .ivx p:last-child { margin-bottom: 0; }\n  .ivx .eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--muted); }\n  .ivx .eyebrow::before { content: \"\"; width: 22px; height: 2px; background: var(--accent); }\n\n  \/* --- \u00daVODN\u00cd HERO SEKCE --- *\/\n  .ivx .hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: clamp(24px, 3.8vw, 48px); align-items: center; position: relative; padding-block: clamp(30px, 6vw, 60px); padding-inline: max(clamp(16px, 4vw, 40px), calc((100% - var(--content-max)) \/ 2)); background: linear-gradient(118deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.94) 60%, rgba(199, 122, 98, 0.28) 60%, rgba(142, 95, 83, 0.18) 100%); width: 100%; box-sizing: border-box; overflow: hidden; margin-top: 0 !important; border-bottom: 1px solid var(--line-soft); }\n  .ivx .hero::before { content: \"\"; position: absolute; width: 280px; height: 280px; border-radius: 50%; right: -90px; top: -150px; background: radial-gradient(circle, rgba(199, 122, 98, 0.32), transparent 68%); pointer-events: none; }\n  \n  .ivx .hero-text { min-width: 0; position: relative; z-index: 2; }\n  .ivx .actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }\n  .ivx .hero-trust { margin-top: 14px; display: flex; gap: 10px; flex-wrap: wrap; }\n  .ivx .hero-trust span { font-size: 0.78rem; color: var(--text); padding: 0.24rem 0.5rem; background: rgba(255, 255, 255, 0.86); border-left: 2px solid var(--accent); transition: all 0.22s ease; }\n  .ivx .hero-trust span:hover { transform: translateY(-2px); background: rgba(255, 255, 255, 0.92); }\n  .ivx .hero-trust span:nth-child(2) { border-left-color: var(--accent-2); }\n  .ivx .hero-trust span:nth-child(3) { border-left-color: var(--accent-3); }\n  \n  .ivx .ticker { margin-top: 16px; border-top: 1px dashed rgba(15, 23, 42, 0.2); border-bottom: 1px dashed rgba(15, 23, 42, 0.2); padding: 8px 0; overflow: hidden; white-space: nowrap; mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent); width: 100%; box-sizing: border-box; }\n  .ivx .ticker-track { display: inline-flex; align-items: center; font-size: 0.8rem; letter-spacing: 0.09em; text-transform: uppercase; color: var(--muted); animation: ivx-ticker 20s linear infinite; }\n  .ivx .ticker-track span { padding-right: clamp(20px, 2.8vw, 44px); display: inline-block; }\n\n  .ivx .hero-points { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px; }\n  .ivx .hero-points span { display: inline-flex; align-items: center; gap: 6px; font-size: 0.74rem; letter-spacing: 0.07em; text-transform: uppercase; font-weight: 700; padding: 0.34rem 0.52rem; background: linear-gradient(120deg, rgba(255, 255, 255, 0.78), rgba(215, 183, 157, 0.22)); border: 1px dashed rgba(15, 23, 42, 0.16); }\n  .ivx .hero-points i { font-style: normal; font-size: 0.82rem; color: var(--accent-2); line-height: 1; }\n\n  .ivx .hero-illustrations { margin-top: 14px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }\n  .ivx .hero-illustration { display: flex; align-items: center; gap: 8px; padding-top: 8px; border-top: 1px dashed rgba(15, 23, 42, 0.18); transition: all 0.24s ease; }\n  .ivx .hero-illustration svg { width: 30px !important; height: 30px !important; flex-shrink: 0; display: block; stroke: var(--text); fill: none; stroke-width: 1.85; transition: transform 0.24s ease; }\n  .ivx .hero-illustration:hover { transform: translateY(-4px); border-top-color: rgba(199, 122, 98, 0.5); }\n  .ivx .hero-illustration:nth-child(2) svg { stroke: var(--accent-2); }\n  .ivx .hero-illustration:nth-child(3) svg { stroke: var(--accent-3); }\n  .ivx .hero-illustration span { font-size: 0.77rem; letter-spacing: 0.07em; text-transform: uppercase; font-weight: 700; white-space: nowrap; }\n\n  \/* FOTKA HERO *\/\n  .ivx .hero-visual { width: 100%; position: relative; padding: 0 0 clamp(8px, 1.2vw, 18px); background: transparent; display: flex; align-items: center; justify-content: center; z-index: 2; }\n  .ivx .hero-photo { position: relative; z-index: 3; width: 100%; max-width: 340px; height: auto; aspect-ratio: 4 \/ 5; object-fit: cover; object-position: center 10%; border-radius: 180px 180px 24px 24px; box-shadow: 0 24px 44px rgba(15, 23, 42, 0.12); display: block; margin: 0 auto; border: 6px solid #FFF; transition: all 0.3s ease; }\n  \n  .ivx .hero-orbit { position: absolute; border: 1px dashed rgba(15, 23, 42, 0.28); border-radius: 999px; pointer-events: none; z-index: 0; }\n  .ivx .hero-orbit.one { width: 90%; max-width: 480px; aspect-ratio: 1\/1; animation: ivx-orbitSpin 30s linear infinite; }\n  .ivx .hero-spark { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--accent-2); box-shadow: 0 0 0 6px rgba(199, 122, 98, 0.13); z-index: 2; animation: ivx-sparkPulse 4.2s ease-in-out infinite; pointer-events: none; }\n  .ivx .hero-spark.one { left: 10%; top: 20%; }\n  .ivx .hero-spark.two { right: 10%; bottom: 20%; background: var(--accent-3); }\n\n  \/* --- GLOB\u00c1LN\u00cd SEKCE (s bezpe\u010dn\u00fdmi paddingy) --- *\/\n  .ivx .section { --section-glow: rgba(224, 163, 110, 0.24); --section-line: rgba(15, 23, 42, 0.16); position: relative; isolation: isolate; padding-block: clamp(30px, 4vw, 50px); padding-inline: max(clamp(16px, 4vw, 40px), calc((100% - var(--content-max)) \/ 2)); background: linear-gradient(150deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.88)); border: 1px solid var(--section-line); border-left: none; border-right: none; box-shadow: var(--shadow-soft); width: 100%; box-sizing: border-box; overflow: hidden; margin-top: clamp(20px, 4vw, 50px); }\n  \n  .ivx #ziskate { background: linear-gradient(150deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.9)), radial-gradient(circle at 100% 0, rgba(30, 64, 175, 0.08), transparent 42%); }\n  .ivx #sluzby { background: linear-gradient(148deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.9)), repeating-linear-gradient(0deg, transparent, transparent 34px, rgba(199, 122, 98, 0.04) 34px, rgba(199, 122, 98, 0.04) 35px); }\n  .ivx #ukazky { background: linear-gradient(150deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.9)), radial-gradient(circle at 6% 85%, rgba(30, 64, 175, 0.08), transparent 40%); }\n  .ivx #postup { background: linear-gradient(148deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.9)), repeating-linear-gradient(90deg, transparent, transparent 52px, rgba(142, 95, 83, 0.04) 52px, rgba(142, 95, 83, 0.04) 53px); }\n  .ivx #pro-koho { background: linear-gradient(150deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.9)), radial-gradient(circle at 92% 12%, rgba(224, 163, 110, 0.1), transparent 42%); }\n  .ivx #o-mne { background: linear-gradient(148deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.9)), radial-gradient(circle at 8% 20%, rgba(199, 122, 98, 0.1), transparent 40%); overflow: hidden; }\n\n  .ivx .section-head { max-width: 76ch; margin-bottom: 24px; }\n  .ivx .section-head::after { content: \"\"; display: block; width: 104px; height: 2px; margin-top: 10px; background: linear-gradient(90deg, var(--accent-3), var(--accent-2), rgba(215, 183, 157, 0)); }\n\n  \/* KARTY BENEFIT\u016e A KROK\u016e *\/\n  .ivx .benefit-grid, .ivx .process-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.7)), repeating-linear-gradient(90deg, transparent, transparent 66px, rgba(15, 23, 42, 0.04) 66px, rgba(15, 23, 42, 0.04) 67px); padding: 18px; position: relative; z-index: 2; border-radius: 12px; }\n  .ivx .process-grid { background: none; padding: 18px 0 0; }\n  .ivx .process-grid::before { content: \"\"; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, rgba(215, 183, 157, 0.45), rgba(15, 23, 42, 0.22), rgba(215, 183, 157, 0.45)); }\n  \n  .ivx .benefit-card, .ivx .step { position: relative; padding-right: 12px; border-right: 1px solid rgba(15, 23, 42, 0.12); }\n  .ivx .step { border-right: none; border-top: 3px solid rgba(15, 23, 42, 0.14); padding-top: 10px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)); border-radius: 4px; padding: 10px; }\n  .ivx .benefit-card:last-child { border-right: 0; padding-right: 0; }\n  .ivx .num { display: inline-flex; width: fit-content; padding: 0.1rem 0.5rem; font-size: 0.74rem; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; background: rgba(215, 183, 157, 0.3); color: var(--text); margin-bottom: 10px; border-radius: 4px; }\n  .ivx .benefit-card h3 { display: flex; align-items: center; gap: 8px; font-size: 1.1rem; }\n  .ivx .benefit-card:nth-child(1) h3::before { content: \"\u2726\"; color: var(--accent-3); }\n  .ivx .benefit-card:nth-child(2) h3::before { content: \"\u25c9\"; color: var(--accent-2); }\n  .ivx .benefit-card:nth-child(3) h3::before { content: \"\u2b22\"; color: var(--accent-4); }\n  \/* NOV\u00c1 IKONA PRO \u010cTVRTOU KARTU *\/\n  .ivx .benefit-card:nth-child(4) h3::before { content: \"\u2756\"; color: var(--accent-5); }\n\n  \/* SLU\u017dBY KARTY *\/\n  .ivx .service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }\n  .ivx .service-card { --service-accent: var(--accent); position: relative; display: grid; gap: 10px; padding: clamp(16px, 2vw, 24px); border: 1px solid rgba(15, 23, 42, 0.14); border-left: 6px solid var(--service-accent); background: linear-gradient(112deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.9) 60%, rgba(215, 183, 157, 0.15) 100%); box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06); transition: all 0.3s ease; border-radius: 8px; }\n  .ivx .service-card:nth-child(2) { --service-accent: var(--accent-2); }\n  .ivx .service-card:nth-child(3) { --service-accent: var(--accent-3); }\n  .ivx .service-card:nth-child(4) { --service-accent: var(--accent-4); }\n  .ivx .service-card:hover { box-shadow: 0 20px 38px rgba(15, 23, 42, 0.12); transform: translateY(-4px); border-color: rgba(15, 23, 42, 0.22); }\n  .ivx .service-head { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: start; }\n  .ivx .service-index { width: 2.2rem; height: 2.2rem; border-radius: 999px; display: grid; place-items: center; font-family: \"Sora\", sans-serif; font-size: 0.95rem; font-weight: 700; color: var(--service-accent); border: 1px solid rgba(15, 23, 42, 0.14); background: #fff; }\n  .ivx .service-tag { display: inline-flex; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #334155; }\n  .ivx .service-summary { margin: 0; color: var(--muted); font-size: 0.93rem; line-height: 1.42; }\n  .ivx .service-glyph { width: 2rem; height: 2rem; border-radius: 999px; background: rgba(255,255,255,0.8); border: 1px solid rgba(15,23,42,0.1); color: var(--service-accent); display: grid; place-items: center; font-weight: bold; }\n  .ivx .service-meta { font-size: 0.85rem; padding-top: 6px; border-top: 1px dashed rgba(15,23,42,0.1); }\n  .ivx .service-list-wrap { display: grid; gap: 8px; padding-top: 8px; border-top: 1px solid rgba(15, 23, 42, 0.1); }\n  .ivx .service-list-wrap h4 { margin: 0; font-size: 0.75rem; text-transform: uppercase; color: #334155; }\n  .ivx .service-list-wrap ul { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 10px; margin: 0; }\n  .ivx .service-list-wrap li { position: relative; padding-left: 14px; font-size: 0.87rem; }\n  .ivx .service-list-wrap li::before { content: \"\"; position: absolute; left: 0; top: 0.56em; width: 6px; height: 6px; background: var(--service-accent); border-radius: 50%; }\n\n  \/* PORTFOLIO KARTY *\/\n  .ivx .portfolio-wrap { padding: 20px; background: linear-gradient(155deg, rgba(255, 255, 255, 0.78), rgba(199, 122, 98, 0.11), rgba(224, 163, 110, 0.12)); border-radius: 16px; border: 1px solid var(--line-soft); }\n  .ivx .portfolio-group + .portfolio-group { margin-top: 24px; }\n  .ivx .portfolio-group h3 { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; }\n  .ivx .portfolio-group h3::before { content: \"\u25c6\"; font-size: 0.82rem; color: var(--accent-2); }\n  .ivx .portfolio-subhead { margin: 12px 0 8px; font-size: 0.85rem; letter-spacing: 0.05em; text-transform: uppercase; color: #334155; font-weight: 700; }\n  \n  .ivx .portfolio-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; }\n  .ivx .portfolio-grid.posts-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n  .ivx .portfolio-grid.logos-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n  \n  .ivx .portfolio-card { position: relative; background: rgba(255, 255, 255, 0.86); border: 1px solid var(--line-soft); box-shadow: var(--shadow-soft); transition: all 0.25s ease; display: block; color: inherit; border-radius: 12px; overflow: hidden; }\n  .ivx .portfolio-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }\n  .ivx .portfolio-card img { width: 100%; display: block; aspect-ratio: 16 \/ 10; object-fit: cover; transition: transform 0.3s ease; }\n  .ivx .portfolio-card.post img { aspect-ratio: 1 \/ 1; max-height: 190px; object-fit: contain; padding: 12px; background: linear-gradient(145deg, #fff, rgba(199, 122, 98, 0.05)); }\n  .ivx .portfolio-card.logo img { aspect-ratio: 1 \/ 1; max-height: 200px; object-fit: contain; padding: 12px; background: linear-gradient(145deg, #fff, rgba(30, 64, 175, 0.05)); }\n  .ivx .portfolio-card:hover img { transform: scale(1.03); }\n  .ivx .portfolio-body { padding: 16px; display: grid; gap: 6px; }\n  .ivx .portfolio-body h4 { margin: 0; font-size: 1.1rem; }\n  .ivx .portfolio-body p { margin: 0; font-size: 0.9rem; }\n\n  \/* PRO KOHO *\/\n  .ivx .checklist { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; padding-left: 2px; margin: 0; }\n  .ivx .checklist li { position: relative; padding-left: 20px; font-size: 0.98rem; font-weight: 500; }\n  .ivx .checklist li::before { content: \"\u2713\"; position: absolute; left: 0; top: 0; color: var(--accent-2); font-weight: bold; }\n\n  \/* --- O MN\u011a S VIDEEM --- *\/\n  .ivx .about-wrap { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 24px; align-items: center; position: relative; z-index: 2; }\n  .ivx .about-text { display: grid; gap: 12px; }\n  .ivx .about-trust { margin-top: 8px; color: var(--muted); font-weight: 600; padding-left: 11px; border-left: 3px solid var(--accent); }\n  .ivx .about-side { padding: 24px; position: relative; z-index: 3; background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(215, 183, 157, 0.25)); box-shadow: var(--shadow-soft); border-radius: 16px; border: 1px solid var(--line-soft); }\n  .ivx .about-side p { font-family: \"Sora\", sans-serif; font-size: 1.05rem; line-height: 1.5; margin: 0; }\n  \n  .ivx #o-mne .about-video-ornament { position: absolute !important; right: clamp(10px, 2vw, 30px) !important; bottom: clamp(10px, 2vw, 30px) !important; width: clamp(200px, 30vw, 400px) !important; aspect-ratio: 16 \/ 10 !important; border-radius: 20px !important; overflow: hidden !important; pointer-events: none !important; z-index: 1 !important; opacity: 0.3 !important; border: 4px solid #FFF !important; box-shadow: 0 20px 40px rgba(15, 23, 42, 0.1) !important; transform: rotate(-4deg) !important; animation: ivx-aboutVideoDrift 14s ease-in-out infinite alternate !important; margin: 0 !important; padding: 0 !important; display: block !important; }\n  .ivx #o-mne .about-video-ornament::before { content: \"\"; position: absolute !important; inset: 0 !important; background: linear-gradient(120deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1)) !important; z-index: 2 !important; pointer-events: none !important; }\n  .ivx #o-mne .about-video-ornament video { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; filter: grayscale(0.2) !important; margin: 0 !important; padding: 0 !important; }\n\n  \/* --- CEN\u00cdK --- *\/\n  .ivx #cenik { background: linear-gradient(150deg, rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.92)); }\n  .ivx .pricing-intro { margin-bottom: 30px; font-size: 1.05rem; color: var(--muted); max-width: 80ch; }\n  .ivx .pricing-intro strong { color: var(--text); font-family: \"Sora\", sans-serif; font-size: 1.25rem; display: block; margin-bottom: 12px; }\n  \n  .ivx .pricing-container { max-width: 960px; margin: 0 auto; position: relative; z-index: 2; width: 100%; box-sizing: border-box; }\n  .ivx .price-category-title { font-family: \"Sora\", sans-serif; font-size: 1.3rem; margin-top: 40px; margin-bottom: 16px; color: var(--text); border-bottom: 2px solid rgba(15,23,42,0.06); padding-bottom: 8px; display: flex; align-items: center; gap: 10px; }\n  .ivx .price-category-title:first-of-type { margin-top: 0; }\n  \n  .ivx .price-grid { display: grid; grid-template-columns: 1fr; gap: 16px; width: 100%; }\n  \n  .ivx .lux-accordion { \n    --price-accent: var(--accent);\n    position: relative; padding: 24px 30px; border-radius: 12px; background: linear-gradient(150deg, rgba(255,255,255,1), rgba(255,245,238,0.4)); border: 1px solid var(--line-soft); box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04); display: flex; flex-direction: column; transition: all 0.3s ease; cursor: pointer; overflow: hidden; box-sizing: border-box; width: 100%;\n  }\n  .ivx .lux-accordion:nth-child(2) { --price-accent: var(--accent-2); }\n  .ivx .lux-accordion:nth-child(3) { --price-accent: var(--accent-3); }\n  \n  .ivx .lux-accordion::before { content: \"\"; position: absolute; top: 0; left: 0; bottom: 0; width: 6px; background: var(--price-accent); opacity: 0.8; transition: width 0.3s ease; }\n  .ivx .lux-accordion:hover { border-color: rgba(199, 122, 98, 0.4); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.1); transform: translateY(-2px); }\n  .ivx .lux-accordion:hover::before { width: 8px; }\n  .ivx .lux-accordion.featured { border-color: rgba(199, 122, 98, 0.3); outline: 2px solid rgba(199, 122, 98, 0.1); outline-offset: -2px; }\n\n  .ivx .price-card-header { display: flex; align-items: center; gap: 20px; width: 100%; box-sizing: border-box; }\n  .ivx .price-icon { width: 44px; height: 44px; border-radius: 10px; background: color-mix(in srgb, var(--price-accent) 15%, white); color: var(--accent-deep); display: grid; place-items: center; font-size: 1.3rem; flex-shrink: 0; border: 1px solid color-mix(in srgb, var(--price-accent) 30%, white); }\n  .ivx .price-info { flex: 1; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }\n  .ivx .price-label { font-size: 1.15rem; font-weight: 700; color: var(--text); margin: 0; }\n  .ivx .price-value { font-size: 1.4rem; font-family: \"Sora\", sans-serif; color: var(--accent-deep); text-align: right; white-space: nowrap; margin: 0; }\n  .ivx .price-value span { font-family: \"Manrope\", sans-serif; font-size: 0.8rem; color: var(--muted); font-weight: 600; text-transform: uppercase; margin-left: 6px; }\n  \n  .ivx .price-ribbon { \n    position: absolute; \n    top: 24px;            \n    right: -52px;         \n    transform: rotate(45deg); \n    width: 200px;         \n    text-align: center;   \n    font-size: 0.6rem;    \n    letter-spacing: 0.08em; \n    text-transform: uppercase; \n    font-weight: 800; \n    color: #fff; \n    background: var(--accent-2); \n    padding: 0.35rem 0;   \n    box-shadow: 0 4px 10px rgba(0,0,0,0.1); \n    z-index: 10; \n    pointer-events: none; \n  }\n\n  \/* POJISTKA PRO TEXT CENY *\/\n  .ivx .lux-accordion.featured .price-info {\n    padding-right: 36px; \n  }\n  \n  .ivx .price-detail-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s ease; width: 100%; }\n  .ivx .price-detail-inner { overflow: hidden; }\n  .ivx .price-detail-text { margin: 0; color: var(--muted); font-size: 0.95rem; line-height: 1.6; padding-top: 16px; border-top: 1px dashed rgba(15,23,42,0.15); margin-top: 16px; padding-left: 64px; }\n  \n  .ivx .price-toggle-btn { background: none; border: none; padding: 0; margin-top: 12px; font-family: inherit; color: var(--accent-deep); font-weight: 700; font-size: 0.85rem; cursor: pointer; text-align: left; width: 100%; transition: color 0.2s; padding-left: 64px; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; }\n  .ivx .lux-accordion:hover .price-toggle-btn { text-decoration-color: var(--accent-deep); }\n  \n  .ivx .lux-accordion.is-open { background: #fff; border-color: rgba(199, 122, 98, 0.4); box-shadow: 0 16px 34px rgba(15, 23, 42, 0.12); }\n  .ivx .lux-accordion.is-open .price-detail-wrap { grid-template-rows: 1fr; }\n  .ivx .lux-accordion.is-open .price-toggle-btn { display: none; }\n\n  \/* FAQ *\/\n  .ivx .faq-wrap { margin: 50px auto 0; max-width: 800px; position: relative; z-index: 2; width: 100%; }\n  .ivx .faq-wrap h3 { margin-bottom: 24px; font-size: 1.3rem; text-align: center; }\n  .ivx .faq-item { margin-bottom: 12px; background: rgba(255,255,255,0.8); border: 1px solid var(--line-soft); border-radius: 12px; overflow: hidden; transition: all 0.3s ease; box-sizing: border-box; width: 100%; }\n  .ivx .faq-item:hover { border-color: rgba(199,122,98,0.4); background: #fff; }\n  .ivx .faq-question { width: 100%; text-align: left; padding: 20px 24px; background: none; border: none; font-family: \"Sora\", sans-serif; font-size: 1.05rem; font-weight: 600; color: var(--text); cursor: pointer; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; }\n  .ivx .faq-icon { font-size: 1.6rem; color: var(--accent-2); font-weight: 300; transition: transform 0.4s ease; display: inline-block; line-height: 1; }\n  .ivx .faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s ease; }\n  .ivx .faq-answer-inner { overflow: hidden; }\n  .ivx .faq-answer-inner p { padding: 0 24px 20px 24px; margin: 0; font-size: 0.95rem; color: var(--muted); line-height: 1.6; }\n  .ivx .faq-item.is-open { border-color: rgba(199, 122, 98, 0.4); background: #fff; box-shadow: 0 12px 30px rgba(15,23,42,0.06); }\n  .ivx .faq-item.is-open .faq-answer { grid-template-rows: 1fr; }\n  .ivx .faq-item.is-open .faq-icon { transform: rotate(45deg); color: var(--text); }\n\n  \/* --- FUNK\u010cN\u00cd FORMUL\u00c1\u0158 --- *\/\n  .ivx #poptavka { background: linear-gradient(148deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.9)), radial-gradient(circle at 20% 80%, rgba(199, 122, 98, 0.15), transparent 40%); }\n  .ivx .poptavka-grid { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(30px, 5vw, 60px); max-width: 1200px; margin: 0 auto; width: 100%; box-sizing: border-box; }\n  .ivx .poptavka-text p { font-size: 1.05rem; line-height: 1.6; max-width: 40ch; }\n  .ivx .poptavka-box { background: rgba(255, 255, 255, 0.95); padding: clamp(24px, 4vw, 40px); border-radius: 20px; box-shadow: 0 24px 54px rgba(15, 23, 42, 0.08); border: 1px solid rgba(15, 23, 42, 0.06); box-sizing: border-box; width: 100%; }\n  .ivx .ivx-form { display: grid; gap: 18px; width: 100%; }\n  .ivx .form-group { display: flex; flex-direction: column; gap: 6px; width: 100%; }\n  .ivx .form-label { font-size: 0.9rem; font-weight: 700; color: var(--text); }\n  .ivx .form-control { width: 100%; padding: 14px 16px; border: 1px solid rgba(15, 23, 42, 0.16); border-radius: 8px; font-family: inherit; font-size: 0.95rem; background: #f8fafc; color: var(--text); box-sizing: border-box; transition: all 0.2s ease; }\n  .ivx .form-control:focus { outline: none; background: #ffffff; border-color: var(--accent-2); box-shadow: 0 0 0 3px rgba(199, 122, 98, 0.15); }\n  .ivx textarea.form-control { resize: vertical; min-height: 100px; }\n  .ivx .checkbox-group { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }\n  \n  \/* GDPR Checkbox styly *\/\n  .ivx .checkbox-label { display: flex; align-items: flex-start; gap: 10px; font-size: 0.85rem; font-weight: 500; color: var(--muted); cursor: pointer; line-height: 1.4; }\n  .ivx .checkbox-label input[type=\"checkbox\"] { margin-top: 2px; width: 18px; height: 18px; accent-color: var(--accent-2); flex-shrink: 0; cursor: pointer; }\n  .ivx .checkbox-label a { text-decoration: underline; color: var(--text); font-weight: 600; }\n  .ivx .checkbox-label a:hover { color: var(--accent-2); }\n  \n  .ivx .form-note { font-size: 0.8rem; color: var(--muted); margin-top: -2px; margin-bottom: 6px; }\n  \n  \/* --- DESIGN PATI\u010cKY (T\u0158I SLOUPCE BEZ PR\u00c1VN\u00cdCH V\u011aC\u00cd) --- *\/\n  .ivx #kontakt.section { padding: 0 !important; margin: 0 !important; border: none; box-shadow: none; border-radius: 0; background: transparent; width: 100%; box-sizing: border-box; overflow: hidden; }\n  .ivx #kontakt.section::before, .ivx #kontakt.section::after { display: none; }\n  \n  .ivx .footer-wrapper { padding: clamp(40px, 6vw, 60px) max(clamp(16px, 3.2vw, 56px), calc((100% - var(--content-max)) \/ 2)) 30px; background: linear-gradient(102deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 247, 240, 0.94) 46%, rgba(215, 183, 157, 0.58) 100%); backdrop-filter: blur(12px); position: relative; width: 100%; box-sizing: border-box; box-shadow: 0 -10px 24px rgba(15, 23, 42, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.72); color: var(--text); overflow: hidden; }\n  .ivx .footer-wrapper::before { content: \"\"; position: absolute; inset: 0 0 auto 0; height: 3px; background: linear-gradient(90deg, rgba(215, 183, 157, 0), rgba(199, 122, 98, 0.95), rgba(30, 64, 175, 0.52), rgba(215, 183, 157, 0)); }\n  \n  \/* Zp\u011bt na 3 sloupce pro \u010dist\u00fd vzhled *\/\n  .ivx .footer-main { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: clamp(20px, 3vw, 40px); max-width: 1200px; margin: 0 auto; width: 100%; box-sizing: border-box; }\n  .ivx .footer-brand h3 { font-size: 1.4rem; margin-bottom: 12px; }\n  .ivx .footer-brand p { color: var(--muted); font-size: 0.95rem; max-width: 40ch; line-height: 1.6; }\n  .ivx .footer-links h4, .ivx .footer-contact h4 { font-size: 0.85rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 16px; color: var(--text); }\n  \n  .ivx .contact-list { list-style: none; display: grid; gap: 10px; font-size: 0.95rem; margin: 0; padding: 0; }\n  .ivx .contact-list a { font-weight: 600; color: var(--text); transition: color 0.2s; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; }\n  .ivx .contact-list a:hover { color: var(--accent-2); text-decoration-color: var(--accent-2); }\n  \n  .ivx .footer-nav { display: grid; gap: 10px; list-style: none; margin: 0; padding: 0; }\n  .ivx .footer-nav a { display: inline-flex; align-items: center; gap: 6px; font-size: 0.95rem; transition: transform 0.2s, color 0.2s; color: var(--muted); }\n  .ivx .footer-nav a::before { content: \"\u2192\"; color: var(--accent-2); opacity: 0; transform: translateX(-10px); transition: all 0.2s; font-weight: bold; }\n  .ivx .footer-nav a:hover { color: var(--text); transform: translateX(4px); }\n  .ivx .footer-nav a:hover::before { opacity: 1; transform: translateX(0); }\n  \n  .ivx .footer-bottom { margin-top: 50px; padding-top: 24px; border-top: 1px solid rgba(15, 23, 42, 0.1); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted); max-width: 1200px; margin-inline: auto; font-weight: 600; width: 100%; box-sizing: border-box; }\n\n  \/* --- ANIMACE --- *\/\n  @keyframes ivx-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }\n  @keyframes ivx-orbitSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n  @keyframes ivx-sparkPulse { 0%, 100% { opacity: 0.58; transform: scale(1); } 50% { opacity: 1; transform: scale(1.18); } }\n  @keyframes ivx-aboutVideoDrift { 0%, 100% { transform: rotate(-4deg) translate3d(0, 0, 0); } 50% { transform: rotate(-2deg) translate3d(0, -10px, 0); } }\n\n  \/* --- RESPONZIVN\u00cd OPRAVY (MOBIL & TABLET) --- *\/\n  @media (max-width: 1080px) {\n    .ivx .topbar { padding: 10px clamp(12px, 2.6vw, 28px); gap: 10px; }\n    .ivx .nav a { font-size: 0.78rem; padding: 0.38rem 0.68rem; }\n    .ivx .topbar > .btn { padding: 0.5rem 0.82rem; font-size: 0.68rem; }\n    \n    .ivx .hero { grid-template-columns: minmax(0, 1fr); gap: 40px; text-align: center; }\n    .ivx .hero-text { display: flex; flex-direction: column; align-items: center; }\n    .ivx .hero-points, .ivx .hero-trust, .ivx .actions { justify-content: center; }\n    .ivx .hero-photo { max-width: 280px; } \n    \n    .ivx .about-wrap, .ivx .poptavka-grid { grid-template-columns: minmax(0, 1fr); }\n    .ivx .footer-main { grid-template-columns: 1fr 1fr; text-align: left; }\n    .ivx .footer-brand { grid-column: 1 \/ -1; text-align: center; margin-bottom: 10px; }\n    .ivx .footer-brand p { margin: 0 auto; }\n  }\n\n  @media (max-width: 980px) and (min-width: 761px) {\n    .ivx .topbar { grid-template-columns: auto 1fr; row-gap: 10px; }\n    .ivx .topbar > .btn { grid-column: 1 \/ -1; justify-self: start; }\n    .ivx .nav { justify-content: flex-start; }\n    .ivx .price-info { flex-direction: column; align-items: flex-start; gap: 6px; }\n    .ivx .price-value { text-align: left; }\n  }\n\n  @media (max-width: 760px) {\n    .ivx .topbar { grid-template-columns: 1fr auto; padding: 12px 16px; }\n    .ivx .topbar > .btn { display: none !important; }\n    .ivx .menu-toggle { display: flex; }\n    .ivx .nav { display: none; width: 100%; grid-column: 1 \/ -1; flex-direction: column; background: #fff; padding: 16px; border-radius: 12px; box-shadow: var(--shadow-soft); gap: 4px; margin-top: 10px; }\n    .ivx .nav a { justify-content: flex-start; padding: 10px 14px; border-radius: 8px; border-color: transparent; }\n    .ivx .topbar.is-menu-open .nav { display: flex; }\n    \n    .ivx .hero-photo { max-width: 260px; }\n    .ivx .hero-illustrations { grid-template-columns: 1fr; }\n    \n    .ivx .service-grid, .ivx .portfolio-grid, .ivx .process-grid, .ivx .checklist { grid-template-columns: minmax(0, 1fr); }\n    .ivx .service-list-wrap ul { grid-template-columns: 1fr; }\n    .ivx .form-group[style*=\"grid\"] { grid-template-columns: minmax(0, 1fr) !important; }\n    \n    .ivx .price-card-header { flex-direction: column; align-items: flex-start; gap: 12px; }\n    .ivx .price-info { flex-direction: column; align-items: flex-start; gap: 4px; width: 100%; }\n    .ivx .price-value { text-align: left; white-space: normal; }\n    .ivx .price-detail-text, .ivx .price-toggle-btn { padding-left: 0; }\n    .ivx .price-ribbon { right: 0; top: 0; transform: none; border-radius: 0 12px 0 12px; padding: 4px 16px; font-size: 0.6rem; }\n    \n    .ivx .footer-main { grid-template-columns: minmax(0, 1fr); text-align: center; gap: 30px; }\n    .ivx .footer-nav, .ivx .contact-list { justify-items: center; }\n    .ivx .footer-bottom { flex-direction: column; text-align: center; gap: 14px; margin-top: 30px; }\n  }\n<\/style>\n\n<div class=\"ivx\" id=\"top\" data-asset-base=\"\/wp-content\/plugins\/ivona-landing-page\/\">\n  <div class=\"scroll-progress\" aria-hidden=\"true\"><span><\/span><\/div>\n\n  <main class=\"site\">\n    <header class=\"topbar\">\n      <a class=\"brand\" href=\"#top\"> Ivona Svobodov\u00e1<\/a>\n      <nav class=\"nav\" id=\"site-nav\" aria-label=\"Hlavn\u00ed navigace\">\n        <a href=\"#sluzby\">Slu\u017eby<\/a>\n        <a href=\"#ukazky\">Uk\u00e1zky<\/a>\n        <a href=\"#postup\">Spolupr\u00e1ce<\/a>\n        <a href=\"#cenik\">Cen\u00edk<\/a>\n        <a href=\"#poptavka\">Kontakt<\/a>\n      <\/nav>\n      <button class=\"menu-toggle\" type=\"button\" aria-label=\"Otev\u0159\u00edt navigaci\" aria-expanded=\"false\" aria-controls=\"site-nav\">\n        <span><\/span>\n      <\/button>\n      <a class=\"btn btn-primary\" href=\"#poptavka\">Poptat spolupr\u00e1ci<\/a>\n    <\/header>\n\n    <section class=\"hero\">\n      <div class=\"hero-text\">\n        <span class=\"eyebrow\">Online partnerka pro web a online podnik\u00e1n\u00ed<\/span>\n        <h1>Web a technick\u00e9 z\u00e1zem\u00ed pro va\u0161e podnik\u00e1n\u00ed<\/h1>\n        <p>\n          Postar\u00e1m se o v\u00e1\u0161 web a online nastaven\u00ed, aby va\u0161e podnik\u00e1n\u00ed fungovalo jednodu\u0161e a bez starost\u00ed.\n        <\/p>\n\n        <div class=\"actions\">\n          <a class=\"btn btn-primary\" href=\"#poptavka\">Nez\u00e1vazn\u011b poptat spolupr\u00e1ci<\/a>\n          <a class=\"btn btn-secondary\" href=\"#ukazky\">Zobrazit uk\u00e1zky<\/a>\n        <\/div>\n\n        <div class=\"hero-trust\" aria-label=\"Oblasti spolupr\u00e1ce\">\n          <span>WordPress<\/span>\n          <span>Grafika<\/span>\n          <span>Online n\u00e1stroje<\/span>\n          <span>Dlouhodob\u00e1 spolupr\u00e1ce<\/span>\n        <\/div>\n\n        <div class=\"ticker\" aria-hidden=\"true\">\n          <div class=\"ticker-track\">\n            <span>WordPress \u2022 grafika \u2022 online n\u00e1stroje \u2022 strategie webu \u2022 r\u016fst zna\u010dky \u2022 dlouhodob\u00e1 spolupr\u00e1ce \u2022<\/span>\n            <span>WordPress \u2022 grafika \u2022 online n\u00e1stroje \u2022 strategie webu \u2022 r\u016fst zna\u010dky \u2022 dlouhodob\u00e1 spolupr\u00e1ce \u2022<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"hero-points\" aria-label=\"Kl\u00ed\u010dov\u00e9 prvky spolupr\u00e1ce\">\n          <span><i>\u2726<\/i>Konverzn\u00ed struktura<\/span>\n          <span><i>\u25c9<\/i>Jednotn\u00fd vizu\u00e1l<\/span>\n          <span><i>\u2b22<\/i>Automatizovan\u00e9 procesy<\/span>\n        <\/div>\n\n        <div class=\"hero-illustrations\" aria-label=\"Hlavn\u00ed oblasti spolupr\u00e1ce\">\n          <div class=\"hero-illustration\">\n            <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><rect x=\"4.5\" y=\"6.5\" width=\"23\" height=\"15\" rx=\"2.6\"><\/rect><line x1=\"11\" y1=\"26.5\" x2=\"21\" y2=\"26.5\"><\/line><line x1=\"16\" y1=\"21.5\" x2=\"16\" y2=\"26.5\"><\/line><\/svg>\n            <span>Web<\/span>\n          <\/div>\n          <div class=\"hero-illustration\">\n            <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M7 22.5L18.7 10.8l2.5 2.5L9.5 25\"><\/path><path d=\"M17.8 8.8l1.7-1.7a2.4 2.4 0 0 1 3.4 0l1 1a2.4 2.4 0 0 1 0 3.4l-1.7 1.7\"><\/path><circle cx=\"7.8\" cy=\"24.2\" r=\"1.8\"><\/circle><\/svg>\n            <span>Grafika<\/span>\n          <\/div>\n          <div class=\"hero-illustration\">\n            <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><circle cx=\"8\" cy=\"16\" r=\"3.3\"><\/circle><circle cx=\"24\" cy=\"9\" r=\"3.3\"><\/circle><circle cx=\"24\" cy=\"23\" r=\"3.3\"><\/circle><path d=\"M11.2 14.9l9.6-4.1\"><\/path><path d=\"M11.2 17.1l9.6 4.1\"><\/path><\/svg>\n            <span>Automatizace<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-visual\">\n        <div class=\"hero-orbit one\" aria-hidden=\"true\"><\/div>\n        <span class=\"hero-spark one\" aria-hidden=\"true\"><\/span>\n        <span class=\"hero-spark two\" aria-hidden=\"true\"><\/span>\n        <img decoding=\"async\" class=\"hero-photo\" src=\"https:\/\/www.ivonasvobodova.cz\/wp-content\/uploads\/2026\/03\/Ivona-Svobodova.png\" alt=\"Bc. Ivona Svobodov\u00e1\" loading=\"eager\" fetchpriority=\"high\">\n      <\/div>\n    <\/section>\n\n    <section class=\"section\" id=\"ziskate\">\n      <div class=\"section-head\">\n        <h2>Co z\u00edsk\u00e1te spoluprac\u00ed<\/h2>\n      <\/div>\n      <div class=\"benefit-grid\">\n        <article class=\"benefit-card\">\n          <span class=\"num\">01<\/span>\n          <h3>Prvn\u00ed dojem<\/h3>\n          <p>Web rozhoduje b\u011bhem prvn\u00edch sekund.<\/p>\n        <\/article>\n        <article class=\"benefit-card\">\n          <span class=\"num\">02<\/span>\n          <h3>D\u016fv\u011bra<\/h3>\n          <p>Jednotn\u00fd vizu\u00e1l a jasn\u00e1 struktura posiluj\u00ed profesionalitu zna\u010dky.<\/p>\n        <\/article>\n        <article class=\"benefit-card\">\n          <span class=\"num\">03<\/span>\n          <h3>V\u00fdsledek<\/h3>\n          <p>Funk\u010dn\u00ed online prost\u0159ed\u00ed \u0161et\u0159\u00ed \u010das a p\u0159in\u00e1\u0161\u00ed nov\u00e9 popt\u00e1vky.<\/p>\n        <\/article>\n        <article class=\"benefit-card\">\n          <span class=\"num\">04<\/span>\n          <h3>\u010cist\u00fd k\u00f3d<\/h3>\n          <p>Weby bez zbyte\u010dn\u00e9ho balastu. K\u00f3d p\u00ed\u0161u \u010dist\u011b, co\u017e zaji\u0161\u0165uje bleskovou rychlost a stabilitu va\u0161ich str\u00e1nek.<\/p>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\" id=\"sluzby\">\n      <div class=\"section-head\">\n        <h2>S \u010d\u00edm v\u00e1m mohu pomoci<\/h2>\n        <p>Pracuji komplexn\u011b. Propojuji web, grafiku a online nastaven\u00ed tak, aby v\u0161e p\u016fsobilo jednotn\u011b a dlouhodob\u011b fungovalo.<\/p>\n      <\/div>\n\n      <div class=\"service-grid\">\n        <article class=\"service-card\">\n          <div class=\"service-head\">\n            <span class=\"service-index\">01<\/span>\n            <div class=\"service-title\">\n              <span class=\"service-tag\">Slu\u017eba 01<\/span>\n              <h3>Webov\u00e9 str\u00e1nky<\/h3>\n            <\/div>\n            <span class=\"service-glyph\" aria-hidden=\"true\">\u2726<\/span>\n          <\/div>\n          <p class=\"service-summary\">Pomohu v\u00e1m vytvo\u0159it p\u0159ehledn\u00fd web, ve kter\u00e9m se klient okam\u017eit\u011b zorientuje.<\/p>\n          <p class=\"service-meta\"><strong>Vhodn\u00e9 pro:<\/strong> podnikatele, firmy, osobn\u00ed zna\u010dky<\/p>\n          <div class=\"service-list-wrap\">\n            <h4>Co mohu zajistit<\/h4>\n            <ul>\n              <li>\u00davodn\u00ed str\u00e1nky<\/li>\n              <li>Firemn\u00ed weby<\/li>\n              <li>Landing pages<\/li>\n              <li>Responzivn\u00ed design<\/li>\n            <\/ul>\n          <\/div>\n        <\/article>\n\n        <article class=\"service-card\">\n          <div class=\"service-head\">\n            <span class=\"service-index\">02<\/span>\n            <div class=\"service-title\">\n              <span class=\"service-tag\">Slu\u017eba 02<\/span>\n              <h3>Grafika a vizu\u00e1l<\/h3>\n            <\/div>\n            <span class=\"service-glyph\" aria-hidden=\"true\">\u2726<\/span>\n          <\/div>\n          <p class=\"service-summary\">Jednotn\u00fd vizu\u00e1ln\u00ed styl pos\u00edl\u00ed d\u016fv\u011bryhodnost va\u0161\u00ed zna\u010dky nap\u0159\u00ed\u010d online kan\u00e1ly.<\/p>\n          <p class=\"service-meta\"><strong>Vhodn\u00e9 pro:<\/strong> zna\u010dky, kter\u00e9 cht\u011bj\u00ed p\u016fsobit profesion\u00e1ln\u011b<\/p>\n          <div class=\"service-list-wrap\">\n            <h4>Co mohu zajistit<\/h4>\n            <ul>\n              <li>Z\u00e1kladn\u00ed vizu\u00e1ln\u00ed styl<\/li>\n              <li>Webov\u00e1 grafika<\/li>\n              <li>Grafika pro s\u00edt\u011b<\/li>\n              <li>\u0160ablony na m\u00edru<\/li>\n            <\/ul>\n          <\/div>\n        <\/article>\n\n        <article class=\"service-card\">\n          <div class=\"service-head\">\n            <span class=\"service-index\">03<\/span>\n            <div class=\"service-title\">\n              <span class=\"service-tag\">Slu\u017eba 03<\/span>\n              <h3>Online n\u00e1stroje<\/h3>\n            <\/div>\n            <span class=\"service-glyph\" aria-hidden=\"true\">\u2726<\/span>\n          <\/div>\n          <p class=\"service-summary\">Nastav\u00edm syst\u00e9my, kter\u00e9 \u0161et\u0159\u00ed \u010das a funguj\u00ed spolehliv\u011b bez zbyte\u010dn\u00e9ho chaosu.<\/p>\n          <p class=\"service-meta\"><strong>Vhodn\u00e9 pro:<\/strong> podnikatele, kte\u0159\u00ed cht\u011bj\u00ed m\u00edt po\u0159\u00e1dek<\/p>\n          <div class=\"service-list-wrap\">\n            <h4>Co mohu zajistit<\/h4>\n            <ul>\n              <li>Kontaktn\u00ed formul\u00e1\u0159e<\/li>\n              <li>E-mailov\u00e9 n\u00e1vaznosti<\/li>\n              <li>Automatizace<\/li>\n              <li>Propojen\u00ed syst\u00e9m\u016f<\/li>\n            <\/ul>\n          <\/div>\n        <\/article>\n\n        <article class=\"service-card\">\n          <div class=\"service-head\">\n            <span class=\"service-index\">04<\/span>\n            <div class=\"service-title\">\n              <span class=\"service-tag\">Slu\u017eba 04<\/span>\n              <h3>Dlouhodob\u00e1 spolupr\u00e1ce<\/h3>\n            <\/div>\n            <span class=\"service-glyph\" aria-hidden=\"true\">\u2726<\/span>\n          <\/div>\n          <p class=\"service-summary\">Pr\u016fb\u011b\u017en\u011b se star\u00e1m o v\u00e1\u0161 web a online prost\u0159ed\u00ed, aby dr\u017eelo krok s va\u0161\u00edm r\u016fstem.<\/p>\n          <p class=\"service-meta\"><strong>Vhodn\u00e9 pro:<\/strong> klienty, kte\u0159\u00ed cht\u011bj\u00ed stabiln\u00ed online z\u00e1zem\u00ed<\/p>\n          <div class=\"service-list-wrap\">\n            <h4>Co mohu zajistit<\/h4>\n            <ul>\n              <li>Spr\u00e1va webu<\/li>\n              <li>Pravideln\u00e9 \u00fapravy<\/li>\n              <li>Grafick\u00e9 pr\u00e1ce<\/li>\n              <li>Technick\u00e1 podpora<\/li>\n            <\/ul>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\" id=\"ukazky\">\n      <div class=\"section-head\">\n        <h2>Vybran\u00e9 uk\u00e1zky pr\u00e1ce<\/h2>\n        <p>Uk\u00e1zky projekt\u016f, kde je vid\u011bt moje role i styl pr\u00e1ce. D\u016fraz kladu na p\u0159ehlednost, vizu\u00e1ln\u00ed kvalitu a funk\u010dn\u00ed strukturu.<\/p>\n      <\/div>\n\n      <div class=\"portfolio-wrap\">\n        <div class=\"portfolio-group\">\n          <h3>Weby<\/h3>\n          <div class=\"portfolio-grid\">\n            <a href=\"https:\/\/www.ekzemia.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-card\">\n              <img decoding=\"async\" data-media-file=\"ekzemia.cz.png\" src=\"\/wp-content\/plugins\/ivona-landing-page\/ekzemia.cz.png\" alt=\"Uk\u00e1zka webu Ekzemia\" loading=\"lazy\">\n              <div class=\"portfolio-body\">\n                <h4>Ekzemia<\/h4>\n                <p><strong>Moje role:<\/strong> struktura webu, vizu\u00e1l, realizace<\/p>\n                <p><strong>C\u00edl: <\/strong>profesion\u00e1ln\u00ed prodejn\u00ed prezentace a jasn\u00e9 veden\u00ed n\u00e1v\u0161t\u011bvn\u00edka<\/p>\n              <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/www.bimmer-tech.cz\/Kopie\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-card\">\n              <img decoding=\"async\" data-media-file=\"bimmer-tech.cz.png\" src=\"\/wp-content\/plugins\/ivona-landing-page\/bimmer-tech.cz.png\" alt=\"Uk\u00e1zka webu Bimmer Tech\" loading=\"lazy\">\n              <div class=\"portfolio-body\">\n                <h4>Bimmer Tech<\/h4>\n                <p><strong>Moje role:<\/strong> redesign webu, struktura obsahu, realizace<\/p>\n                <p><strong>C\u00edl: <\/strong>srozumiteln\u00e1 prezentace slu\u017eeb a siln\u00fd prvn\u00ed dojem pro firmu<\/p>\n              <\/div>\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"portfolio-group\">\n          <h3>Uk\u00e1zky s\u00edt\u00ed<\/h3>\n          <h4 class=\"portfolio-subhead\">P\u0159\u00edsp\u011bvky<\/h4>\n          <div class=\"portfolio-grid posts-grid\">\n            <article class=\"portfolio-card post\">\n              <img decoding=\"async\" data-media-file=\"prispevek.png\" src=\"\/wp-content\/plugins\/ivona-landing-page\/prispevek.png\" alt=\"Brandov\u00fd p\u0159\u00edsp\u011bvek\" loading=\"lazy\">\n              <div class=\"portfolio-body\"><h4>Brandov\u00fd p\u0159\u00edsp\u011bvek<\/h4><\/div>\n            <\/article>\n\n            <article class=\"portfolio-card post\">\n              <img decoding=\"async\" data-media-file=\"prispevek-2.png\" src=\"\/wp-content\/plugins\/ivona-landing-page\/prispevek-2.png\" alt=\"Propaga\u010dn\u00ed p\u0159\u00edsp\u011bvek\" loading=\"lazy\">\n              <div class=\"portfolio-body\"><h4>Propaga\u010dn\u00ed p\u0159\u00edsp\u011bvek<\/h4><\/div>\n            <\/article>\n\n            <article class=\"portfolio-card post\">\n              <img decoding=\"async\" data-media-file=\"prispevek-3.png\" src=\"\/wp-content\/plugins\/ivona-landing-page\/prispevek-3.png\" alt=\"Kampa\u0148ov\u00fd p\u0159\u00edsp\u011bvek\" loading=\"lazy\">\n              <div class=\"portfolio-body\"><h4>Kampa\u0148ov\u00fd p\u0159\u00edsp\u011bvek<\/h4><\/div>\n            <\/article>\n\n            <article class=\"portfolio-card post\">\n              <img decoding=\"async\" data-media-file=\"prispevek-4.png\" src=\"\/wp-content\/plugins\/ivona-landing-page\/prispevek-4.png\" alt=\"Obsahov\u00e1 s\u00e9rie p\u0159\u00edsp\u011bvk\u016f\" loading=\"lazy\">\n              <div class=\"portfolio-body\"><h4>Obsahov\u00e1 s\u00e9rie<\/h4><\/div>\n            <\/article>\n          <\/div>\n\n          <h4 class=\"portfolio-subhead\">Loga<\/h4>\n          <div class=\"portfolio-grid logos-grid\">\n            <article class=\"portfolio-card logo\">\n              <img decoding=\"async\" data-media-file=\"logo-ekzemia.png\" src=\"\/wp-content\/plugins\/ivona-landing-page\/logo-ekzemia.png\" alt=\"Logo Ekzemia\" loading=\"lazy\">\n              <div class=\"portfolio-body\"><h4>Logo Ekzemia<\/h4><\/div>\n            <\/article>\n\n            <article class=\"portfolio-card logo\">\n              <img decoding=\"async\" data-media-file=\"logo-body-luxe.svg\" src=\"\/wp-content\/plugins\/ivona-landing-page\/logo-body-luxe.svg\" alt=\"Logo Body Luxe\" loading=\"lazy\">\n              <div class=\"portfolio-body\"><h4>Logo Body Luxe<\/h4><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <section class=\"section\" id=\"postup\">\n      <div class=\"section-head\">\n        <h2>Jak prob\u00edh\u00e1 spolupr\u00e1ce<\/h2>\n      <\/div>\n      <div class=\"process-grid\">\n        <article class=\"step\"><span class=\"num\">Krok 01<\/span><p>Ujasn\u00edme si c\u00edl projektu a priority.<\/p><\/article>\n        <article class=\"step\"><span class=\"num\">Krok 02<\/span><p>Navrhnu postup spolupr\u00e1ce a cenov\u00fd r\u00e1mec.<\/p><\/article>\n        <article class=\"step\"><span class=\"num\">Krok 03<\/span><p>Realizuji \u0159e\u0161en\u00ed a pr\u016fb\u011b\u017en\u011b testuji.<\/p><\/article>\n        <article class=\"step\"><span class=\"num\">Krok 04<\/span><p>P\u0159ed\u00e1m hotov\u00e9 \u0159e\u0161en\u00ed a doporu\u010d\u00edm dal\u0161\u00ed kroky.<\/p><\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\" id=\"pro-koho\">\n      <div class=\"section-head\">\n        <h2>Pro koho je spolupr\u00e1ce vhodn\u00e1<\/h2>\n        <p>Spolupr\u00e1ce je ide\u00e1ln\u00ed, pokud chcete online prezentaci, kter\u00e1 vypad\u00e1 dob\u0159e a z\u00e1rove\u0148 funguje.<\/p>\n      <\/div>\n      <ul class=\"checklist\">\n        <li>Chcete p\u016fsobit profesion\u00e1ln\u011b online<\/li>\n        <li>Pot\u0159ebujete upravit nebo rozv\u00edjet sv\u016fj web<\/li>\n        <li>Hled\u00e1te spolehliv\u00e9ho partnera pro online \u010d\u00e1st podnik\u00e1n\u00ed<\/li>\n        <li>Chcete m\u00edt v digit\u00e1ln\u00edm prost\u0159ed\u00ed po\u0159\u00e1dek a syst\u00e9m<\/li>\n      <\/ul>\n    <\/section>\n\n    <section class=\"section\" id=\"cenik\">\n      <div class=\"section-head\">\n        <h2>Cen\u00edk spolupr\u00e1ce<\/h2>\n      <\/div>\n      \n      <div class=\"pricing-intro\">\n        <strong>Investice do webu, kter\u00fd pro v\u00e1s skute\u010dn\u011b pracuje<\/strong>\n        <p>Nekupujete si jen hezkou grafiku a p\u00e1r \u0159\u00e1dk\u016f k\u00f3du. Kupujete si digit\u00e1ln\u00ed pobo\u010dku, kter\u00e1 je otev\u0159en\u00e1 24\/7, sb\u00edr\u00e1 popt\u00e1vky a prod\u00e1v\u00e1 va\u0161e produkty, zat\u00edmco vy sp\u00edte nebo se v\u011bnujete sv\u00e9 firm\u011b.<\/p>\n        <p>Na trhu najdete nab\u00eddky na weby za p\u00e1r tis\u00edc korun. Moje filozofie je ale jin\u00e1: tvo\u0159\u00edm funk\u010dn\u00ed, rychl\u00e1 a promy\u0161len\u00e1 \u0159e\u0161en\u00ed, kter\u00e1 se v\u00e1m ve v\u00fdsledku zaplat\u00ed.<\/p>\n      <\/div>\n      \n      <div class=\"pricing-container\">\n        \n        <h3 class=\"price-category-title\">\ud83c\udf10 Tvorba webov\u00fdch str\u00e1nek<\/h3>\n        <div class=\"price-grid\">\n          \n          <article class=\"lux-accordion\">\n            <div class=\"price-card-header\">\n              <span class=\"price-icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\n              <div class=\"price-info\">\n                <span class=\"price-label\">One page web<\/span>\n                <span class=\"price-value\">od 10 000 K\u010d <span>(bez DPH)<\/span><\/span>\n              <\/div>\n            <\/div>\n            <div class=\"price-detail-wrap\">\n              <div class=\"price-detail-inner\">\n                <p class=\"price-detail-text\">Modern\u00ed prezenta\u010dn\u00ed str\u00e1nka na m\u00edru. Zahrnuje anal\u00fdzu, n\u00e1vrh struktury, nasazen\u00ed na redak\u010dn\u00ed syst\u00e9m a propojen\u00ed s kontaktn\u00edm formul\u00e1\u0159em. Ide\u00e1ln\u00ed pro ty, kte\u0159\u00ed za\u010d\u00ednaj\u00ed a cht\u011bj\u00ed profesion\u00e1ln\u00ed digit\u00e1ln\u00ed vizitku.<\/p>\n              <\/div>\n            <\/div>\n            <button class=\"price-toggle-btn\" type=\"button\">+ V\u00edce informac\u00ed<\/button>\n          <\/article>\n          \n          <article class=\"lux-accordion featured\">\n            <span class=\"price-ribbon\">Nej\u010dast\u011bj\u0161\u00ed volba<\/span>\n            <div class=\"price-card-header\">\n              <span class=\"price-icon\" aria-hidden=\"true\">\ud83c\udfe2<\/span>\n              <div class=\"price-info\">\n                <span class=\"price-label\">Firemn\u00ed web (v\u00edcestr\u00e1nkov\u00fd)<\/span>\n                <span class=\"price-value\">od 25 000 K\u010d <span>(bez DPH)<\/span><\/span>\n              <\/div>\n            <\/div>\n            <div class=\"price-detail-wrap\">\n              <div class=\"price-detail-inner\">\n                <p class=\"price-detail-text\">Komplexn\u00ed \u0159e\u0161en\u00ed a\u017e se 7 podstr\u00e1nkami. Detailn\u011b promy\u0161len\u00e1 struktura, responzivn\u00ed design, z\u00e1kladn\u00ed SEO optimalizace a nastaven\u00ed zabezpe\u010den\u00ed. Tvo\u0159eno s d\u016frazem na to, aby web re\u00e1ln\u011b konvertoval n\u00e1v\u0161t\u011bvn\u00edky na klienty.<\/p>\n              <\/div>\n            <\/div>\n            <button class=\"price-toggle-btn\" type=\"button\">+ V\u00edce informac\u00ed<\/button>\n          <\/article>\n          \n          <article class=\"lux-accordion\">\n            <div class=\"price-card-header\">\n              <span class=\"price-icon\" aria-hidden=\"true\">\ud83d\ude80<\/span>\n              <div class=\"price-info\">\n                <span class=\"price-label\">Roz\u0161\u00ed\u0159en\u00fd web<\/span>\n                <span class=\"price-value\">od 35 000 K\u010d <span>(bez DPH)<\/span><\/span>\n              <\/div>\n            <\/div>\n            <div class=\"price-detail-wrap\">\n              <div class=\"price-detail-inner\">\n                <p class=\"price-detail-text\">Ide\u00e1ln\u00ed pro n\u00e1ro\u010dn\u00e9 projekty. Firemn\u00ed web roz\u0161\u00ed\u0159en\u00fd o specifick\u00e9 funkce na m\u00edru (nap\u0159. rezerva\u010dn\u00ed syst\u00e9my), pokro\u010dil\u00fd blog, integraci extern\u00edch e-mailov\u00fdch n\u00e1stroj\u016f a pokro\u010dil\u00e9 prodejn\u00ed cesty.<\/p>\n              <\/div>\n            <\/div>\n            <button class=\"price-toggle-btn\" type=\"button\">+ V\u00edce informac\u00ed<\/button>\n          <\/article>\n          \n        <\/div>\n\n        <h3 class=\"price-category-title\">\ud83d\uded2 E-shop (WooCommerce)<\/h3>\n        <div class=\"price-grid\">\n          \n          <article class=\"lux-accordion\">\n            <div class=\"price-card-header\">\n              <span class=\"price-icon\" aria-hidden=\"true\">\ud83d\udecd\ufe0f<\/span>\n              <div class=\"price-info\">\n                <span class=\"price-label\">Mal\u00fd e-shop<\/span>\n                <span class=\"price-value\">od 18 000 K\u010d <span>(bez DPH)<\/span><\/span>\n              <\/div>\n            <\/div>\n            <div class=\"price-detail-wrap\">\n              <div class=\"price-detail-inner\">\n                <p class=\"price-detail-text\">Postaveno na svobodn\u00e9m syst\u00e9mu WooCommerce. Vhodn\u00e9 pro prodej do 20 produkt\u016f. Obsahuje napojen\u00ed na platebn\u00ed br\u00e1nu, nastaven\u00ed z\u00e1kladn\u00edch metod dopravy (nap\u0159. Z\u00e1silkovna) a plnou kontrolu nad obchodem.<\/p>\n              <\/div>\n            <\/div>\n            <button class=\"price-toggle-btn\" type=\"button\">+ V\u00edce informac\u00ed<\/button>\n          <\/article>\n          \n          <article class=\"lux-accordion featured\">\n            <div class=\"price-card-header\">\n              <span class=\"price-icon\" aria-hidden=\"true\">\ud83d\udce6<\/span>\n              <div class=\"price-info\">\n                <span class=\"price-label\">St\u0159edn\u00ed e-shop<\/span>\n                <span class=\"price-value\">od 25 000 K\u010d <span>(bez DPH)<\/span><\/span>\n              <\/div>\n            <\/div>\n            <div class=\"price-detail-wrap\">\n              <div class=\"price-detail-inner\">\n                <p class=\"price-detail-text\">Kompletn\u00ed \u0159e\u0161en\u00ed s pokro\u010dil\u00fdm filtrov\u00e1n\u00edm a kategoriemi. Nastaven\u00ed v\u00edce typ\u016f dopravc\u016f a plateb, automatizace transak\u010dn\u00edch e-mail\u016f a optimalizace ko\u0161\u00edku tak, aby z\u00e1kazn\u00edci neodch\u00e1zeli p\u0159ed dokon\u010den\u00edm n\u00e1kupu.<\/p>\n              <\/div>\n            <\/div>\n            <button class=\"price-toggle-btn\" type=\"button\">+ V\u00edce informac\u00ed<\/button>\n          <\/article>\n\n          <article class=\"lux-accordion\">\n            <div class=\"price-card-header\">\n              <span class=\"price-icon\" aria-hidden=\"true\">\ud83d\udc8e<\/span>\n              <div class=\"price-info\">\n                <span class=\"price-label\">E-shop na m\u00edru<\/span>\n                <span class=\"price-value\">od 35 000 K\u010d <span>(bez DPH)<\/span><\/span>\n              <\/div>\n            <\/div>\n            <div class=\"price-detail-wrap\">\n              <div class=\"price-detail-inner\">\n                <p class=\"price-detail-text\">E-shop p\u0159esn\u011b na m\u00edru va\u0161emu byznysu. Zahrnuje napojen\u00ed na skladov\u00e9 a \u00fa\u010detn\u00ed syst\u00e9my (nap\u0159. Fakturoid, Pohoda), individu\u00e1ln\u00ed \u00fapravy ko\u0161\u00edku, speci\u00e1ln\u00ed B2B sekce a pokro\u010dil\u00e9 integrace.<\/p>\n              <\/div>\n            <\/div>\n            <button class=\"price-toggle-btn\" type=\"button\">+ V\u00edce informac\u00ed<\/button>\n          <\/article>\n          \n        <\/div>\n\n        <h3 class=\"price-category-title\">\u2699\ufe0f Technick\u00e1 spr\u00e1va a Marketing<\/h3>\n        <div class=\"price-grid\">\n          \n          <article class=\"lux-accordion\">\n            <div class=\"price-card-header\">\n              <span class=\"price-icon\" aria-hidden=\"true\">\ud83d\udee0\ufe0f<\/span>\n              <div class=\"price-info\">\n                <span class=\"price-label\">Technick\u00e1 spr\u00e1va<\/span>\n                <span class=\"price-value\">1 000 K\u010d <span>\/ hod<\/span><\/span>\n              <\/div>\n            <\/div>\n            <div class=\"price-detail-wrap\">\n              <div class=\"price-detail-inner\">\n                <p class=\"price-detail-text\">Nenechte sv\u016fj web zch\u00e1trat. V r\u00e1mci spr\u00e1vy zaji\u0161\u0165uji pravideln\u00e9 bezpe\u010dnostn\u00ed z\u00e1lohy, aktualizace plugin\u016f a \u0161ablon, optimalizaci rychlosti nebo urgentn\u00ed \u0159e\u0161en\u00ed krizov\u00fdch situac\u00ed.<\/p>\n              <\/div>\n            <\/div>\n            <button class=\"price-toggle-btn\" type=\"button\">+ V\u00edce informac\u00ed<\/button>\n          <\/article>\n          \n          <article class=\"lux-accordion\">\n            <div class=\"price-card-header\">\n              <span class=\"price-icon\" aria-hidden=\"true\">\ud83c\udfaf<\/span>\n              <div class=\"price-info\">\n                <span class=\"price-label\">Vizu\u00e1ln\u00ed identita<\/span>\n                <span class=\"price-value\">od 8 000 K\u010d<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"price-detail-wrap\">\n              <div class=\"price-detail-inner\">\n                <p class=\"price-detail-text\">N\u00e1vrh vizu\u00e1ln\u00edho sm\u011bru va\u0161\u00ed zna\u010dky. Tvorba loga v n\u011bkolika variant\u00e1ch, definice barevn\u00e9 palety a typografie. V\u0161e sjednot\u00edme do PDF manu\u00e1lu, abyste m\u011bli jasn\u00e1 pravidla pro online i offline komunikaci.<\/p>\n              <\/div>\n            <\/div>\n            <button class=\"price-toggle-btn\" type=\"button\">+ V\u00edce informac\u00ed<\/button>\n          <\/article>\n\n          <article class=\"lux-accordion\">\n            <div class=\"price-card-header\">\n              <span class=\"price-icon\" aria-hidden=\"true\">\u270f\ufe0f<\/span>\n              <div class=\"price-info\">\n                <span class=\"price-label\">Grafick\u00e9 pr\u00e1ce<\/span>\n                <span class=\"price-value\">800 K\u010d <span>\/ hod<\/span><\/span>\n              <\/div>\n            <\/div>\n            <div class=\"price-detail-wrap\">\n              <div class=\"price-detail-inner\">\n                <p class=\"price-detail-text\">Pot\u0159ebujete vytvo\u0159it poutav\u00e9 reklamn\u00ed bannery, sjednotit \u0161ablony pro soci\u00e1ln\u00ed s\u00edt\u011b nebo zpracovat e-book a dal\u0161\u00ed prodejn\u00ed materi\u00e1ly? Postar\u00e1m se o to, aby va\u0161e grafika ladila s va\u0161\u00edm brandem.<\/p>\n              <\/div>\n            <\/div>\n            <button class=\"price-toggle-btn\" type=\"button\">+ V\u00edce informac\u00ed<\/button>\n          <\/article>\n          \n          <article class=\"lux-accordion\">\n            <div class=\"price-card-header\">\n              <span class=\"price-icon\" aria-hidden=\"true\">\ud83d\udcf2<\/span>\n              <div class=\"price-info\">\n                <span class=\"price-label\">Spr\u00e1va soci\u00e1ln\u00edch s\u00edt\u00ed<\/span>\n                <span class=\"price-value\">od 9 000 K\u010d <span>\/ m\u011bs\u00edc<\/span><\/span>\n              <\/div>\n            <\/div>\n            <div class=\"price-detail-wrap\">\n              <div class=\"price-detail-inner\">\n                <p class=\"price-detail-text\">P\u0159evezmu za v\u00e1s starosti o Instagram \u010di Facebook. Vytvo\u0159\u00edm smyslupln\u00fd komunika\u010dn\u00ed pl\u00e1n, p\u0159iprav\u00edm kvalitn\u00ed grafiku i texty a postar\u00e1m se o pravidelnou publikaci p\u0159\u00edsp\u011bvk\u016f.<\/p>\n              <\/div>\n            <\/div>\n            <button class=\"price-toggle-btn\" type=\"button\">+ V\u00edce informac\u00ed<\/button>\n          <\/article>\n\n          <article class=\"lux-accordion\">\n            <div class=\"price-card-header\">\n              <span class=\"price-icon\" aria-hidden=\"true\">\ud83d\udce7<\/span>\n              <div class=\"price-info\">\n                <span class=\"price-label\">E-mail marketing<\/span>\n                <span class=\"price-value\">900 K\u010d <span>\/ hod<\/span><\/span>\n              <\/div>\n            <\/div>\n            <div class=\"price-detail-wrap\">\n              <div class=\"price-detail-inner\">\n                <p class=\"price-detail-text\">Nastaven\u00ed n\u00e1stroj\u016f jako SmartEmailing, MailerLite nebo Ecomail. Vytvo\u0159\u00edm \u0161ablony pro newslettery, nastav\u00edm automatick\u00e9 rozes\u00edlky a pomohu v\u00e1m pos\u00edlit vztah se z\u00e1kazn\u00edky.<\/p>\n              <\/div>\n            <\/div>\n            <button class=\"price-toggle-btn\" type=\"button\">+ V\u00edce informac\u00ed<\/button>\n          <\/article>\n          \n        <\/div>\n      <\/div>\n      \n      <div class=\"faq-wrap\">\n        <h3>\u2753 \u010casto kladen\u00e9 dotazy<\/h3>\n        \n        <div class=\"faq-item\">\n          <button class=\"faq-question\" type=\"button\">\n            <span>Co v\u0161echno ode m\u011b budete na za\u010d\u00e1tku pot\u0159ebovat?<\/span>\n            <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"faq-answer\">\n            <div class=\"faq-answer-inner\">\n              <p>Z\u00e1kladem jsou va\u0161e texty a fotografie. Pokud je nem\u00e1te nebo si s nimi nev\u00edte rady, mohu v\u00e1m pomoci zajistit profesion\u00e1ln\u00edho copywritera nebo doporu\u010dit vhodn\u00e9 ilustra\u010dn\u00ed fotky. D\u00e1le se domluv\u00edme na p\u0159\u00edstupech k dom\u00e9n\u011b \u010di hostingu. V\u0161\u00edm v\u00e1s ale provedu krok za krokem, tak\u017ee se nemus\u00edte ni\u010deho b\u00e1t.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-question\" type=\"button\">\n            <span>Za jak dlouho bude m\u016fj nov\u00fd web nebo e-shop hotov\u00fd?<\/span>\n            <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"faq-answer\">\n            <div class=\"faq-answer-inner\">\n              <p>Men\u0161\u00ed jednostr\u00e1nkov\u00fd web zvl\u00e1dneme nasadit obvykle b\u011bhem 1 a\u017e 2 t\u00fddn\u016f. V\u011bt\u0161\u00ed firemn\u00ed weby a e-shopy zaberou zhruba 4 a\u017e 6 t\u00fddn\u016f od chv\u00edle, kdy si schv\u00e1l\u00edme kompletn\u00ed zad\u00e1n\u00ed a podklady. V\u017edy z\u00e1le\u017e\u00ed na velikosti projektu a rychlosti na\u0161\u00ed vz\u00e1jemn\u00e9 komunikace.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-question\" type=\"button\">\n            <span>Zvl\u00e1dnu si pak web upravovat s\u00e1m\/sama?<\/span>\n            <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"faq-answer\">\n            <div class=\"faq-answer-inner\">\n              <p>Ano, zcela bez probl\u00e9m\u016f. V\u0161echny weby stav\u00edm na prov\u011b\u0159en\u00e9m a intuitivn\u00edm redak\u010dn\u00edm syst\u00e9mu WordPress. Po dokon\u010den\u00ed a p\u0159ed\u00e1n\u00ed webu v\u00e1m uk\u00e1\u017eu, jak si snadno p\u0159epsat text, vym\u011bnit fotku nebo p\u0159idat \u010dl\u00e1nek na blog, ani\u017e byste se museli b\u00e1t, \u017ee n\u011bco rozbijete.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-question\" type=\"button\">\n            <span>Jsou v cen\u011b zahrnuty i poplatky za dom\u00e9nu a hosting?<\/span>\n            <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"faq-answer\">\n            <div class=\"faq-answer-inner\">\n              <p>Nejsou. Dom\u00e9na (va\u0161e www adresa) a hosting (m\u00edsto, kde web na internetu \"le\u017e\u00ed\") se plat\u00ed p\u0159\u00edmo dan\u00e9mu poskytovateli (nap\u0159. Wedos). Tyto poplatky se b\u011b\u017en\u011b pohybuj\u00ed okolo 1 000 K\u010d za rok. S v\u00fdb\u011brem i prvotn\u00edm nastaven\u00edm v\u00e1m ale bezplatn\u011b pomohu, abyste to m\u011bli co nejjednodu\u0161\u0161\u00ed.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-question\" type=\"button\">\n            <span>Zvl\u00e1dnete i netradi\u010dn\u00ed funkce a \u00fapravy na m\u00edru?<\/span>\n            <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"faq-answer\">\n            <div class=\"faq-answer-inner\">\n              <p>Ano. Proto\u017ee ovl\u00e1d\u00e1m k\u00f3dov\u00e1n\u00ed, nejsem z\u00e1visl\u00e1 jen na hotov\u00fdch \u0159e\u0161en\u00edch. Mohu web p\u0159izp\u016fsobit va\u0161im specifick\u00fdm po\u017eadavk\u016fm a nak\u00f3dovat funkce na m\u00edru i tam, kde b\u011b\u017en\u00e1 nastaven\u00ed nesta\u010d\u00ed.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\" id=\"o-mne\">\n      <div class=\"section-head\">\n        <h2>O mn\u011b<\/h2>\n      <\/div>\n\n      <div class=\"about-video-ornament\" aria-hidden=\"true\">\n        <video autoplay muted loop playsinline preload=\"metadata\">\n          <source src=\"https:\/\/www.ivonasvobodova.cz\/wp-content\/uploads\/2026\/03\/kancelar.mp4\" type=\"video\/mp4\">\n        <\/video>\n      <\/div>\n\n      <div class=\"about-wrap\">\n        <div class=\"about-text\">\n          <p><strong>Kdo stoj\u00ed za projekty<\/strong><\/p>\n          <p>\n            Jmenuji se Bc. Ivona Svobodov\u00e1. Propojuji web, grafiku a online nastaven\u00ed tak,\n            aby va\u0161e online prezentace p\u016fsobila jednotn\u011b a fungovala dlouhodob\u011b.\n          <\/p>\n          <p>\n            Zakl\u00e1d\u00e1m si na p\u0159ehlednosti, spolehlivosti a dota\u017een\u00ed detail\u016f.\n            Ke ka\u017ed\u00e9mu projektu p\u0159istupuji individu\u00e1ln\u011b a hled\u00e1m \u0159e\u0161en\u00ed, kter\u00e9 d\u00e1v\u00e1 smysl dlouhodob\u011b.\n          <\/p>\n          <p>\n            Nestav\u00edm jen na \u0161ablon\u00e1ch. D\u00edky znalosti k\u00f3du dok\u00e1\u017eu web upravit p\u0159esn\u011b podle va\u0161ich pot\u0159eb tam, kde ostatn\u00ed nar\u00e1\u017eej\u00ed na limity nastaven\u00ed.\n          <\/p>\n          <p class=\"about-trust\">Spolupracuji s podnikateli a firmami nap\u0159\u00ed\u010d obory.<\/p>\n        <\/div>\n\n        <aside class=\"about-side\">\n          <p>\n            Web, vizu\u00e1l a online syst\u00e9m mus\u00ed p\u016fsobit jako jeden celek.\n            Pr\u00e1v\u011b v tom je s\u00edla dlouhodob\u011b funk\u010dn\u00ed prezentace.\n          <\/p>\n        <\/aside>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\" id=\"poptavka\">\n      <div class=\"poptavka-grid\">\n        <div class=\"poptavka-text\">\n          <span class=\"eyebrow\">Za\u010dn\u011bme spolupr\u00e1ci<\/span>\n          <h2>Ud\u011blejme prvn\u00ed krok k va\u0161emu nov\u00e9mu projektu<\/h2>\n          <p>Vypl\u0148te pros\u00edm tento kr\u00e1tk\u00fd formul\u00e1\u0159. Zabere v\u00e1m to jen 2 minuty a mn\u011b to pom\u016f\u017ee p\u0159ipravit se na na\u0161i prvn\u00ed (nez\u00e1vaznou) komunikaci tak, abychom neztr\u00e1celi \u010das.<\/p>\n          <p style=\"font-size: 0.95rem; color: var(--muted); margin-top: 30px;\">\n            P\u0159\u00edpadn\u011b mi m\u016f\u017eete napsat nap\u0159\u00edmo na e-mail:<br>\n            <a href=\"mailto:info@ivonasvobodova.cz\" style=\"font-weight: 700; color: var(--text); font-size: 1.1rem; display: inline-block; margin-top: 6px;\">info@ivonasvobodova.cz<\/a>\n          <\/p>\n        <\/div>\n        \n        <div class=\"poptavka-box\">\n          <div id=\"form-message-container\"><\/div>\n          \n          <form class=\"ivx-form\" id=\"main-contact-form\" action=\"https:\/\/formsubmit.co\/ajax\/info@ivonasvobodova.cz\" method=\"POST\">\n            <input type=\"hidden\" name=\"_subject\" value=\"Nov\u00e1 popt\u00e1vka z webu (Ivona Svobodov\u00e1)\">\n            <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n            \n            <div class=\"form-group\">\n              <label class=\"form-label\">Jm\u00e9no a p\u0159\u00edjmen\u00ed *<\/label>\n              <input type=\"text\" name=\"Jm\u00e9no\" class=\"form-control\" required placeholder=\"Va\u0161e jm\u00e9no\">\n            <\/div>\n            \n            <div class=\"form-group\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px;\">\n              <div>\n                <label class=\"form-label\">E-mail *<\/label>\n                <input type=\"email\" name=\"Email\" class=\"form-control\" required placeholder=\"vas@email.cz\">\n              <\/div>\n              <div>\n                <label class=\"form-label\">Telefon<\/label>\n                <input type=\"tel\" name=\"Telefon\" class=\"form-control\" placeholder=\"+420 ...\">\n              <\/div>\n            <\/div>\n\n            <div class=\"form-group\" style=\"margin-top: 8px;\">\n              <label class=\"form-label\">S \u010d\u00edm v\u00e1m mohu pomoci?<\/label>\n              <p class=\"form-note\">M\u016f\u017eete vybrat v\u00edce mo\u017enost\u00ed.<\/p>\n              <div class=\"checkbox-group\">\n                <label class=\"checkbox-label\"><input type=\"checkbox\" name=\"Slu\u017eby[]\" value=\"Tvorba nov\u00e9ho webu\"> Tvorba nov\u00e9ho webu (One-page \/ V\u00edcestr\u00e1nkov\u00fd)<\/label>\n                <label class=\"checkbox-label\"><input type=\"checkbox\" name=\"Slu\u017eby[]\" value=\"Tvorba e-shopu\"> Tvorba e-shopu (WooCommerce)<\/label>\n                <label class=\"checkbox-label\"><input type=\"checkbox\" name=\"Slu\u017eby[]\" value=\"Grafika a identita\"> Grafika a vizu\u00e1ln\u00ed identita (Logo, barvy, s\u00edt\u011b)<\/label>\n                <label class=\"checkbox-label\"><input type=\"checkbox\" name=\"Slu\u017eby[]\" value=\"Spr\u00e1va soci\u00e1ln\u00edch s\u00edt\u00ed\"> Spr\u00e1va soci\u00e1ln\u00edch s\u00edt\u00ed<\/label>\n                <label class=\"checkbox-label\"><input type=\"checkbox\" name=\"Slu\u017eby[]\" value=\"Technick\u00e1 spr\u00e1va\"> Technick\u00e1 spr\u00e1va nebo \u00fapravy st\u00e1vaj\u00edc\u00edho webu<\/label>\n              <\/div>\n            <\/div>\n\n            <div class=\"form-group\" style=\"margin-top: 8px;\">\n              <label class=\"form-label\">M\u00e1te u\u017e existuj\u00edc\u00ed web nebo e-shop?<\/label>\n              <input type=\"url\" name=\"St\u00e1vaj\u00edc\u00ed web\" class=\"form-control\" placeholder=\"https:\/\/www.vasweb.cz (nepovinn\u00e9)\">\n            <\/div>\n\n            <div class=\"form-group\">\n              <label class=\"form-label\">Popi\u0161te mi stru\u010dn\u011b sv\u016fj projekt nebo c\u00edl *<\/label>\n              <textarea name=\"Zpr\u00e1va\" class=\"form-control\" required placeholder=\"Co prod\u00e1v\u00e1te? Kdo je v\u00e1\u0161 ide\u00e1ln\u00ed z\u00e1kazn\u00edk? Jak\u00fd probl\u00e9m pot\u0159ebujete vy\u0159e\u0161it?\"><\/textarea>\n            <\/div>\n\n            <div class=\"form-group\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px;\">\n              <div>\n                <label class=\"form-label\">Va\u0161e p\u0159edstava o rozpo\u010dtu *<\/label>\n                <select name=\"Rozpo\u010det\" class=\"form-control\" required>\n                  <option value=\"\" disabled selected>Vyberte...<\/option>\n                  <option value=\"Okolo 10 000 K\u010d\">Okolo 10 000 K\u010d (Z\u00e1kladn\u00ed weby, grafika)<\/option>\n                  <option value=\"15 000 - 25 000 K\u010d\">15 000 \u2013 25 000 K\u010d (V\u00edce str\u00e1nek, men\u0161\u00ed e-shop)<\/option>\n                  <option value=\"30 000 K\u010d a v\u00edce\">30 000 K\u010d a v\u00edce (E-shopy, komplexn\u00ed projekty)<\/option>\n                  <option value=\"Zat\u00edm nem\u00e1m p\u0159edstavu\">Pot\u0159ebuji poradit<\/option>\n                <\/select>\n              <\/div>\n              <div>\n                <label class=\"form-label\">Kdy byste cht\u011bli m\u00edt hotovo?<\/label>\n                <input type=\"text\" name=\"Term\u00edn\" class=\"form-control\" placeholder=\"Nap\u0159. do konce m\u011bs\u00edce\">\n              <\/div>\n            <\/div>\n\n            <div class=\"form-group\" style=\"margin-top: 8px;\">\n              <label class=\"checkbox-label\">\n                <input type=\"checkbox\" name=\"GDPR_Souhlas\" value=\"Souhlas\u00edm\" required>\n                <span>Souhlas\u00edm se zpracov\u00e1n\u00edm <a href=\"\/ochrana-osobnich-udaju\" target=\"_blank\">osobn\u00edch \u00fadaj\u016f<\/a> pro \u00fa\u010dely vy\u0159\u00edzen\u00ed popt\u00e1vky. *<\/span>\n              <\/label>\n            <\/div>\n\n            <button type=\"submit\" class=\"btn btn-primary\" id=\"form-submit-btn\" style=\"margin-top: 16px; width: 100%; padding: 14px; font-size: 1rem;\">Odeslat nez\u00e1vaznou popt\u00e1vku<\/button>\n          <\/form>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\" id=\"kontakt\">\n      <footer class=\"footer-wrapper\">\n        <div class=\"footer-main\">\n          <div class=\"footer-brand\">\n            <span class=\"footer-eyebrow\" style=\"font-size:0.75rem; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; color:var(--muted); display:block; margin-bottom:8px;\">Kontakt<\/span>\n            <h3>Postar\u00e1m se o va\u0161e online z\u00e1zem\u00ed.<\/h3>\n            <p>Web a technick\u00e9 z\u00e1zem\u00ed pro va\u0161e podnik\u00e1n\u00ed. P\u0159ehledn\u011b, spolehliv\u011b a bez zbyte\u010dn\u00e9ho stresu.<\/p>\n          <\/div>\n\n          <div class=\"footer-contact\">\n            <h4>Kontakty<\/h4>\n            <ul class=\"contact-list\">\n              <li><strong>Bc. Ivona Svobodov\u00e1<\/strong><\/li>\n              <li><a href=\"mailto:info@ivonasvobodova.cz\">info@ivonasvobodova.cz<\/a><\/li>\n              <li><a href=\"https:\/\/ivonasvobodova.cz\" target=\"_blank\" rel=\"noopener\">ivonasvobodova.cz<\/a><\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"footer-links\">\n            <h4>Rychl\u00e1 navigace<\/h4>\n            <ul class=\"footer-nav\" aria-label=\"Navigace pati\u010dky\">\n              <li><a href=\"#sluzby\">Slu\u017eby<\/a><\/li>\n              <li><a href=\"#ukazky\">Uk\u00e1zky<\/a><\/li>\n              <li><a href=\"#postup\">Spolupr\u00e1ce<\/a><\/li>\n              <li><a href=\"#cenik\">Cen\u00edk<\/a><\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <div class=\"footer-bottom\">\n          <span>\u00a9 Bc. Ivona Svobodov\u00e1<\/span>\n          <span>P\u0159ehledn\u00fd web, jednotn\u00e1 grafika a funk\u010dn\u00ed online prost\u0159ed\u00ed.<\/span>\n        <\/div>\n      <\/footer>\n    <\/section>\n  <\/main>\n<\/div>\n\n<script>\n  (function () {\n    \/\/ --- FORMUL\u00c1\u0158 ---\n    var contactForm = document.getElementById('main-contact-form');\n    var formBtn = document.getElementById('form-submit-btn');\n    var msgContainer = document.getElementById('form-message-container');\n\n    if (contactForm) {\n      contactForm.addEventListener('submit', function (e) {\n        e.preventDefault(); \n        \n        var originalBtnText = formBtn.innerHTML;\n        formBtn.innerHTML = 'Odes\u00edl\u00e1m... \u23f3';\n        formBtn.style.opacity = '0.7';\n        formBtn.style.pointerEvents = 'none';\n\n        var formData = new FormData(contactForm);\n\n        fetch(contactForm.action, { method: 'POST', body: formData })\n        .then(function(response) { return response.json(); })\n        .then(function(data) {\n          if (data.success) {\n            contactForm.style.display = 'none';\n            msgContainer.innerHTML = '<div style=\"text-align:center; padding: 40px 20px;\"><h3 style=\"color:var(--accent-deep); margin-bottom: 12px; font-size: 1.6rem;\">D\u011bkuji za zpr\u00e1vu! \ud83c\udf89<\/h3><p style=\"color:var(--muted); font-size:1.1rem;\">Va\u0161e popt\u00e1vka byla \u00fasp\u011b\u0161n\u011b odesl\u00e1na. Co nejd\u0159\u00edve se v\u00e1m ozvu zp\u011bt.<\/p><\/div>';\n          } else { throw new Error('Chyba serveru.'); }\n        })\n        .catch(function(error) {\n          formBtn.innerHTML = 'Chyba. Zkuste to znovu';\n          formBtn.style.background = '#ef4444';\n          formBtn.style.opacity = '1';\n          formBtn.style.pointerEvents = 'auto';\n          alert('P\u0159i odes\u00edl\u00e1n\u00ed formul\u00e1\u0159e nastala chyba. Pros\u00edm, napi\u0161te mi na info@ivonasvobodova.cz');\n          setTimeout(function(){ formBtn.innerHTML = originalBtnText; formBtn.style.background = ''; }, 3000);\n        });\n      });\n    }\n\n    \/\/ --- OBR\u00c1ZKY (HYDRATACE) ---\n    function getAssetBases(root) {\n      var bases = [];\n      var seen = {};\n      function add(base) {\n        if (!base) return;\n        var normalized = base.charAt(base.length - 1) === '\/' ? base : (base + '\/');\n        if (!seen[normalized]) { seen[normalized] = true; bases.push(normalized); }\n      }\n      add(root.getAttribute('data-asset-base'));\n      add('\/wp-content\/plugins\/ivona-landing-page\/');\n      add('.\/');\n      return bases;\n    }\n\n    document.querySelectorAll('.ivx').forEach(function (root) {\n      var bases = getAssetBases(root);\n      \n      root.querySelectorAll('img[data-media-file]').forEach(function (img) {\n        var file = img.getAttribute('data-media-file');\n        if (!file) return;\n        var attempts = [];\n        bases.forEach(function (base) { attempts.push(base + file); });\n        var idx = 0;\n        function tryNext() {\n          if (idx >= attempts.length) { img.removeEventListener('error', tryNext); return; }\n          img.src = attempts[idx++];\n        }\n        img.addEventListener('error', tryNext);\n        tryNext();\n      });\n\n      \/\/ --- MENU PRO MOBIL ---\n      var topbar = root.querySelector('.topbar');\n      var menuToggle = root.querySelector('.menu-toggle');\n      var navLinks = Array.from(root.querySelectorAll('.nav a[href^=\"#\"]'));\n\n      if (menuToggle && topbar) {\n        menuToggle.addEventListener('click', function () { topbar.classList.toggle('is-menu-open'); });\n        navLinks.forEach(function (link) { link.addEventListener('click', function () { topbar.classList.remove('is-menu-open'); }); });\n      }\n\n      \/\/ --- AKORDEONY (CEN\u00cdK A FAQ) ---\n      var accordionCards = root.querySelectorAll('.lux-accordion, .faq-item');\n      accordionCards.forEach(function (item) {\n        item.addEventListener('click', function (e) {\n          if (e.target.tagName.toLowerCase() === 'a' || e.target.tagName.toLowerCase() === 'button') return;\n          item.classList.toggle('is-open');\n        });\n      });\n\n      \/\/ --- SCROLL BAR ---\n      var progress = root.querySelector('.scroll-progress span');\n\n      window.addEventListener('scroll', function() {\n        var scrollTop = window.scrollY || window.pageYOffset;\n        var height = document.documentElement.scrollHeight - window.innerHeight;\n        if (progress) progress.style.width = (height > 0 ? (scrollTop \/ height) * 100 : 0) + '%';\n      }, { passive: true });\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ivona Svobodov\u00e1 Slu\u017eby Uk\u00e1zky Spolupr\u00e1ce Cen\u00edk Kontakt Poptat spolupr\u00e1ci Online partnerka pro web a online podnik\u00e1n\u00ed Web a technick\u00e9 z\u00e1zem\u00ed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ivonasvobodova.cz\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ivonasvobodova.cz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ivonasvobodova.cz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ivonasvobodova.cz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ivonasvobodova.cz\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":118,"href":"https:\/\/www.ivonasvobodova.cz\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":179,"href":"https:\/\/www.ivonasvobodova.cz\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/179"}],"wp:attachment":[{"href":"https:\/\/www.ivonasvobodova.cz\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}