From c2726771d26c5d75ccb1ce3df25d406a110dcb32 Mon Sep 17 00:00:00 2001
From: Raitraut <myappletimm@gmail.com>
Date: Fri, 13 Mar 2026 13:17:29 +0100
Subject: [PATCH] adative

---
 css/style.css | 475 ++++++++++++++++++++++++++++++++++++++++++++++++--
 index.html    | 424 +++++++++++++++++++++++++++++++++++++++++---
 js/main.js    |   7 +
 3 files changed, 870 insertions(+), 36 deletions(-)

diff --git a/css/style.css b/css/style.css
index e06ebf9..b87cdd7 100644
--- a/css/style.css
+++ b/css/style.css
@@ -274,7 +274,8 @@ section {
 .psychologist-header {
   display: flex;
   align-items: center;
-  gap: 12px;
+  flex-wrap: wrap;
+  gap: 8px 12px;
   margin-bottom: 12px;
 }
 
@@ -449,6 +450,72 @@ section {
   color: #a7f3d0;
 }
 
+/* ===== FAQ ===== */
+.faq {
+  background: #fff;
+}
+
+.faq-list {
+  max-width: 760px;
+  margin: 0 auto;
+}
+
+.faq-item {
+  background: #F4EFE8;
+  border-radius: 12px;
+  margin-bottom: 12px;
+  overflow: hidden;
+  transition: box-shadow .2s;
+}
+
+.faq-item[open] {
+  box-shadow: 0 4px 16px rgba(0,0,0,.06);
+}
+
+.faq-question {
+  padding: 20px 24px;
+  font-weight: 600;
+  font-size: 1rem;
+  cursor: pointer;
+  list-style: none;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  transition: color .2s;
+}
+
+.faq-question::-webkit-details-marker {
+  display: none;
+}
+
+.faq-question::after {
+  content: '+';
+  font-size: 1.4rem;
+  font-weight: 400;
+  color: #0E756F;
+  flex-shrink: 0;
+  transition: transform .2s;
+}
+
+.faq-item[open] .faq-question::after {
+  content: '−';
+}
+
+.faq-question:hover {
+  color: #0E756F;
+}
+
+.faq-answer {
+  padding: 0 24px 20px;
+}
+
+.faq-answer p {
+  font-size: .95rem;
+  color: #555;
+  line-height: 1.7;
+}
+
 /* ===== Contact ===== */
 .contact-wrapper {
   max-width: 640px;
@@ -603,7 +670,11 @@ section {
   border-radius: 50%;
   color: #ccc;
   font-size: .85rem;
-  transition: background .2s;
+  transition: background .2s, color .2s;
+}
+
+.footer-social a svg {
+  flex-shrink: 0;
 }
 
 .footer-social a:hover {
@@ -657,6 +728,57 @@ section {
 }
 
 /* ===== Responsive ===== */
+
+/* Prevent horizontal overflow on all devices */
+html, body {
+  overflow-x: hidden;
+}
+
+/* Touch-friendly tap targets */
+@media (pointer: coarse) {
+  .btn {
+    min-height: 48px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .nav-links a {
+    min-height: 44px;
+    display: inline-flex;
+    align-items: center;
+  }
+
+  .footer-social a {
+    width: 48px;
+    height: 48px;
+  }
+
+  .footer-links a {
+    padding: 8px 0;
+  }
+}
+
+/* ---- Large tablets / small laptops (max-width: 1024px) ---- */
+@media (max-width: 1024px) {
+  .container {
+    padding: 0 24px;
+  }
+
+  .nav-links {
+    gap: 24px;
+  }
+
+  .psychologists-grid {
+    gap: 24px;
+  }
+
+  .psychologist-card img {
+    height: 240px;
+  }
+}
+
+/* ---- Tablets (max-width: 960px) ---- */
 @media (max-width: 960px) {
   .nav-links {
     display: none;
@@ -670,19 +792,36 @@ section {
     font-size: 2.2rem;
   }
 
+  .hero-stats {
+    gap: 32px;
+  }
+
   .services-grid {
     grid-template-columns: repeat(2, 1fr);
   }
 
   .psychologists-grid {
     grid-template-columns: 1fr;
+    max-width: 560px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .psychologist-card img {
+    height: 300px;
   }
 
   .pricing-grid {
-    grid-template-columns: 1fr;
-    max-width: 400px;
-    margin-left: auto;
-    margin-right: auto;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 16px;
+  }
+
+  .pricing-card {
+    padding: 28px 20px;
+  }
+
+  .pricing-price {
+    font-size: 1.8rem;
   }
 
   .pricing-card.featured {
@@ -694,31 +833,63 @@ section {
   }
 
   .footer-grid {
-    grid-template-columns: 1fr;
+    grid-template-columns: 1fr 1fr;
     gap: 32px;
   }
+
+  .footer-brand {
+    grid-column: 1 / -1;
+  }
 }
 
-@media (max-width: 600px) {
+/* ---- Small tablets / large phones landscape (max-width: 768px) ---- */
+@media (max-width: 768px) {
   section {
-    padding: 56px 0;
+    padding: 64px 0;
   }
 
   .hero {
-    padding-top: 110px;
+    padding-top: 120px;
+    padding-bottom: 64px;
   }
 
   .hero h1 {
-    font-size: 1.8rem;
+    font-size: 2rem;
   }
 
-  .hero-stats {
-    flex-direction: column;
-    gap: 20px;
+  .hero p {
+    font-size: 1.05rem;
+  }
+
+  .section-title {
+    font-size: 1.75rem;
   }
 
   .services-grid {
+    gap: 16px;
+  }
+
+  .service-card {
+    padding: 24px 18px;
+  }
+
+  .pricing-grid {
     grid-template-columns: 1fr;
+    max-width: 420px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .pricing-card {
+    padding: 32px 24px;
+  }
+
+  .pricing-price {
+    font-size: 2rem;
+  }
+
+  .psychologist-header {
+    flex-wrap: wrap;
   }
 
   .form-row {
@@ -726,10 +897,282 @@ section {
   }
 
   .contact-wrapper {
-    padding: 24px;
+    padding: 28px;
+  }
+
+  .footer-grid {
+    grid-template-columns: 1fr;
+    gap: 28px;
+  }
+
+  .footer-brand {
+    grid-column: auto;
+  }
+}
+
+/* ---- Phones (max-width: 600px) ---- */
+@media (max-width: 600px) {
+  .container {
+    padding: 0 16px;
+  }
+
+  section {
+    padding: 48px 0;
+  }
+
+  .hero {
+    padding-top: 100px;
+    padding-bottom: 48px;
+  }
+
+  .hero h1 {
+    font-size: 1.75rem;
+  }
+
+  .hero h1 br {
+    display: none;
+  }
+
+  .hero p {
+    font-size: 1rem;
+    margin-bottom: 28px;
+  }
+
+  .hero-stats {
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 16px;
+    justify-content: center;
+  }
+
+  .hero-stats .stat {
+    flex: 0 0 auto;
+    min-width: 90px;
+  }
+
+  .hero-stats .stat-number {
+    font-size: 1.6rem;
+  }
+
+  .hero-stats .stat-label {
+    font-size: .8rem;
   }
 
   .section-title {
-    font-size: 1.6rem;
+    font-size: 1.5rem;
+  }
+
+  .section-subtitle {
+    font-size: .9rem;
+    margin-bottom: 32px;
+  }
+
+  .services-grid {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 12px;
+  }
+
+  .service-card {
+    padding: 20px 14px;
+  }
+
+  .service-icon {
+    font-size: 2rem;
+    margin-bottom: 10px;
+  }
+
+  .service-card h3 {
+    font-size: 1rem;
+  }
+
+  .service-card p {
+    font-size: .82rem;
+  }
+
+  .psychologists-grid {
+    max-width: 100%;
+  }
+
+  .psychologist-card img {
+    height: 220px;
+  }
+
+  .psychologist-info {
+    padding: 18px;
+  }
+
+  .psychologist-header h3 {
+    font-size: 1.05rem;
+  }
+
+  .psychologist-bio {
+    font-size: .85rem;
+  }
+
+  .pricing-grid {
+    max-width: 100%;
+  }
+
+  .contact-wrapper {
+    padding: 20px;
+    border-radius: 8px;
+  }
+
+  .form-group input,
+  .form-group select,
+  .form-group textarea {
+    padding: 11px 12px;
+    font-size: .9rem;
+  }
+
+  .btn {
+    padding: 12px 24px;
+    font-size: .9rem;
+  }
+
+  .footer {
+    padding: 40px 0 20px;
+  }
+
+  .footer-grid {
+    gap: 24px;
+    margin-bottom: 24px;
+  }
+}
+
+/* ---- Small phones (max-width: 400px) ---- */
+@media (max-width: 400px) {
+  .container {
+    padding: 0 12px;
+  }
+
+  .header .container {
+    height: 60px;
+  }
+
+  .logo {
+    font-size: 1.2rem;
+  }
+
+  .hero {
+    padding-top: 88px;
+  }
+
+  .hero h1 {
+    font-size: 1.5rem;
+  }
+
+  .hero p {
+    font-size: .9rem;
+  }
+
+  .hero-stats .stat-number {
+    font-size: 1.4rem;
+  }
+
+  .section-title {
+    font-size: 1.3rem;
+  }
+
+  .services-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .psychologist-card img {
+    height: 200px;
+  }
+
+  .psychologist-header {
+    gap: 8px;
+  }
+
+  .psychologist-header h3 {
+    font-size: 1rem;
+  }
+
+  .badge {
+    font-size: .7rem;
+    padding: 3px 8px;
+  }
+
+  .tag {
+    font-size: .75rem;
+    padding: 3px 10px;
+  }
+
+  .pricing-price {
+    font-size: 1.8rem;
+  }
+
+  .pricing-name {
+    font-size: 1.2rem;
+  }
+
+  .contact-wrapper {
+    padding: 16px;
+  }
+
+  .mobile-nav a {
+    font-size: 1.2rem;
+  }
+
+  .mobile-nav {
+    gap: 24px;
+  }
+}
+
+/* ---- Landscape phones ---- */
+@media (max-height: 500px) and (orientation: landscape) {
+  .hero {
+    padding-top: 88px;
+    padding-bottom: 32px;
+  }
+
+  .hero h1 {
+    font-size: 1.6rem;
+    margin-bottom: 12px;
+  }
+
+  .hero p {
+    margin-bottom: 20px;
+  }
+
+  .hero-stats {
+    margin-top: 24px;
+  }
+
+  .mobile-nav {
+    gap: 16px;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+    padding: 60px 24px 24px;
+  }
+
+  .mobile-nav a {
+    font-size: 1.1rem;
+  }
+
+  section {
+    padding: 40px 0;
+  }
+}
+
+/* ---- Ultra-wide / 4K (min-width: 1440px) ---- */
+@media (min-width: 1440px) {
+  .container {
+    max-width: 1280px;
+  }
+
+  .hero h1 {
+    font-size: 3.2rem;
+  }
+
+  .hero p {
+    font-size: 1.25rem;
+  }
+
+  .psychologist-card img {
+    height: 320px;
   }
 }
diff --git a/index.html b/index.html
index f4dc373..50f5666 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,336 @@
 <!DOCTYPE html>
-<html lang="cs">
+<html lang="cs" dir="ltr">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Rari Center — Psychologická péče online</title>
-  <meta name="description" content="Online psychologická péče s odborníky. Individuální i párová terapie, podpora při úzkostech, depresích a dalších obtížích.">
+
+  <!-- Primary SEO -->
+  <title>Psycholog online Česká republika | Terapie a poradenství — Rari Center</title>
+  <meta name="description" content="Online psycholog v České republice. Individuální terapie, párová terapie, léčba depresí, úzkostí a panických atak. Objednejte se k odborníkovi z pohodlí domova. Od 2 500 Kč/měsíc.">
+  <meta name="keywords" content="psycholog online, online terapie, psychologická poradna, terapeut Česká republika, párová terapie online, léčba deprese, léčba úzkosti, panické ataky pomoc, psycholog Praha, psychologické poradenství, duševní zdraví, CBT terapie, klinický psycholog, vztahy s rodiči, rodinná terapie">
+  <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large">
+  <link rel="canonical" href="https://www.raricenter.cz/">
+  <meta name="author" content="Rari Center">
+  <meta name="geo.region" content="CZ">
+  <meta name="geo.placename" content="Česká republika">
+  <meta http-equiv="content-language" content="cs">
+  <link rel="alternate" hreflang="cs" href="https://www.raricenter.cz/">
+  <link rel="alternate" hreflang="x-default" href="https://www.raricenter.cz/">
+
+  <!-- Open Graph / Facebook -->
+  <meta property="og:type" content="website">
+  <meta property="og:url" content="https://www.raricenter.cz/">
+  <meta property="og:title" content="Psycholog online Česká republika | Rari Center">
+  <meta property="og:description" content="Profesionální online psychologická péče. Individuální a párová terapie, pomoc s depresí, úzkostmi a dalšími obtížemi. Objednejte se od 2 500 Kč/měsíc.">
+  <meta property="og:image" content="https://www.raricenter.cz/img/og-cover.jpg">
+  <meta property="og:locale" content="cs_CZ">
+  <meta property="og:site_name" content="Rari Center">
+
+  <!-- Twitter Card -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:title" content="Psycholog online Česká republika | Rari Center">
+  <meta name="twitter:description" content="Online terapie s licencovanými psychology. Individuální i párová terapie z pohodlí domova.">
+  <meta name="twitter:image" content="https://www.raricenter.cz/img/og-cover.jpg">
+
+  <!-- JSON-LD: Organization -->
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "MedicalBusiness",
+    "@id": "https://www.raricenter.cz/#organization",
+    "name": "Rari Center",
+    "alternateName": "Rari Center — Online psychologická péče",
+    "url": "https://www.raricenter.cz",
+    "logo": "https://www.raricenter.cz/img/logo.png",
+    "description": "Online psychologické poradenství a terapie v České republice. Individuální terapie, párová terapie, léčba depresí, úzkostí a panických atak.",
+    "telephone": "+420222333444",
+    "email": "hello@raricenter.com",
+    "address": {
+      "@type": "PostalAddress",
+      "addressCountry": "CZ",
+      "addressLocality": "Praha"
+    },
+    "geo": {
+      "@type": "GeoCoordinates",
+      "latitude": "50.0755",
+      "longitude": "14.4378"
+    },
+    "areaServed": {
+      "@type": "Country",
+      "name": "Česká republika"
+    },
+    "priceRange": "2500 CZK - 4100 CZK",
+    "currenciesAccepted": "CZK",
+    "paymentAccepted": "Bankovní převod, Kartou online",
+    "openingHoursSpecification": {
+      "@type": "OpeningHoursSpecification",
+      "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday"],
+      "opens": "08:00",
+      "closes": "20:00"
+    },
+    "sameAs": [
+      "https://instagram.com/rari.center",
+      "https://www.tiktok.com/@rari.center"
+    ],
+    "aggregateRating": {
+      "@type": "AggregateRating",
+      "ratingValue": "4.9",
+      "reviewCount": "500",
+      "bestRating": "5"
+    }
+  }
+  </script>
+
+  <!-- JSON-LD: Services -->
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    "name": "Psychologické služby Rari Center",
+    "itemListElement": [
+      {
+        "@type": "ListItem",
+        "position": 1,
+        "item": {
+          "@type": "MedicalTherapy",
+          "name": "Vztahy s rodiči — rodinná terapie online",
+          "description": "Pomáháme řešit napětí ve vztazích s rodiči a budovat zdravé rodinné vazby."
+        }
+      },
+      {
+        "@type": "ListItem",
+        "position": 2,
+        "item": {
+          "@type": "MedicalTherapy",
+          "name": "Párová terapie online",
+          "description": "Online párová terapie pro zlepšení komunikace a překonání vztahových krizí."
+        }
+      },
+      {
+        "@type": "ListItem",
+        "position": 3,
+        "item": {
+          "@type": "MedicalTherapy",
+          "name": "Léčba poruch příjmu potravy",
+          "description": "Specializovaná péče pro anorexii, bulimii a kompulzivní přejídání."
+        }
+      },
+      {
+        "@type": "ListItem",
+        "position": 4,
+        "item": {
+          "@type": "MedicalTherapy",
+          "name": "Léčba deprese a úzkostí",
+          "description": "Kognitivně-behaviorální terapie a další přístupy pro zvládání deprese a úzkostných poruch."
+        }
+      },
+      {
+        "@type": "ListItem",
+        "position": 5,
+        "item": {
+          "@type": "MedicalTherapy",
+          "name": "Terapie sebehodnocení",
+          "description": "Budování zdravého sebevědomí a pozitivního sebepojetí."
+        }
+      },
+      {
+        "@type": "ListItem",
+        "position": 6,
+        "item": {
+          "@type": "MedicalTherapy",
+          "name": "Léčba panických atak",
+          "description": "Efektivní strategie pro rozpoznání spouštěčů a zvládání panických záchvatů."
+        }
+      }
+    ]
+  }
+  </script>
+
+  <!-- JSON-LD: Therapist Persons -->
+  <script type="application/ld+json">
+  [
+    {
+      "@context": "https://schema.org",
+      "@type": "Person",
+      "name": "Mgr. Tereza Nováková",
+      "jobTitle": "Senior psycholog",
+      "description": "Kognitivně-behaviorální terapeutka se specializací na deprese, úzkosti a sebehodnocení. 12 let praxe.",
+      "knowsAbout": ["Deprese", "Úzkosti", "Sebehodnocení", "Kognitivně-behaviorální terapie"],
+      "worksFor": { "@type": "Organization", "name": "Rari Center" },
+      "image": "https://images.unsplash.com/photo-1559839734-2b71ea197ec2?w=600&h=400&fit=crop&crop=face"
+    },
+    {
+      "@context": "https://schema.org",
+      "@type": "Person",
+      "name": "PhDr. Martin Dvořák",
+      "jobTitle": "Vedoucí terapeut — párová a rodinná terapie",
+      "description": "Specialista na párovou a rodinnou terapii s 15letou praxí. Pomáhá párům obnovit důvěru a komunikaci.",
+      "knowsAbout": ["Párová terapie", "Rodinná terapie", "Komunikace ve vztahu", "Krizová intervence"],
+      "worksFor": { "@type": "Organization", "name": "Rari Center" },
+      "image": "https://images.unsplash.com/photo-1612349317150-e413f6a5b16d?w=600&h=400&fit=crop&crop=face"
+    },
+    {
+      "@context": "https://schema.org",
+      "@type": "Person",
+      "name": "Mgr. Karolína Procházková",
+      "jobTitle": "Specialistka na poruchy příjmu potravy",
+      "description": "Psycholožka zaměřená na poruchy příjmu potravy a sebepojetí. 8 let praxe s empatickým přístupem.",
+      "knowsAbout": ["Poruchy příjmu potravy", "Anorexie", "Bulimie", "Sebepojetí"],
+      "worksFor": { "@type": "Organization", "name": "Rari Center" },
+      "image": "https://images.unsplash.com/photo-1594824476967-48c8b964ac31?w=600&h=400&fit=crop&crop=face"
+    },
+    {
+      "@context": "https://schema.org",
+      "@type": "Person",
+      "name": "PhDr. Jan Svoboda, Ph.D.",
+      "jobTitle": "Klinický psycholog",
+      "description": "Klinický psycholog se specializací na panické poruchy, PTSD a stres. 18 let klinické praxe.",
+      "knowsAbout": ["Panické ataky", "PTSD", "Posttraumatický stres", "Krizová intervence"],
+      "worksFor": { "@type": "Organization", "name": "Rari Center" },
+      "image": "https://images.unsplash.com/photo-1582750433449-648ed127bb54?w=600&h=400&fit=crop&crop=face"
+    }
+  ]
+  </script>
+
+  <!-- JSON-LD: Pricing Offers -->
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    "name": "Ceník online terapie",
+    "itemListElement": [
+      {
+        "@type": "ListItem",
+        "position": 1,
+        "item": {
+          "@type": "Offer",
+          "name": "Základní plán — online terapie",
+          "description": "4 online konzultace měsíčně, 50 minut na sezení, e-mailová podpora.",
+          "price": "2500",
+          "priceCurrency": "CZK",
+          "priceSpecification": {
+            "@type": "UnitPriceSpecification",
+            "price": "2500",
+            "priceCurrency": "CZK",
+            "unitText": "měsíc"
+          }
+        }
+      },
+      {
+        "@type": "ListItem",
+        "position": 2,
+        "item": {
+          "@type": "Offer",
+          "name": "Standard plán — online terapie s denní podporou",
+          "description": "4 online konzultace měsíčně, denní textová podpora, pracovní listy a cvičení.",
+          "price": "3200",
+          "priceCurrency": "CZK",
+          "priceSpecification": {
+            "@type": "UnitPriceSpecification",
+            "price": "3200",
+            "priceCurrency": "CZK",
+            "unitText": "měsíc"
+          }
+        }
+      },
+      {
+        "@type": "ListItem",
+        "position": 3,
+        "item": {
+          "@type": "Offer",
+          "name": "Premium plán — neomezená online terapie",
+          "description": "Neomezené konzultace, neomezená textová podpora, exkluzivní materiály, krizová linka 24/7.",
+          "price": "4100",
+          "priceCurrency": "CZK",
+          "priceSpecification": {
+            "@type": "UnitPriceSpecification",
+            "price": "4100",
+            "priceCurrency": "CZK",
+            "unitText": "měsíc"
+          }
+        }
+      }
+    ]
+  }
+  </script>
+
+  <!-- JSON-LD: FAQ -->
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    "mainEntity": [
+      {
+        "@type": "Question",
+        "name": "Jak funguje online terapie s psychologem?",
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": "Online terapie probíhá prostřednictvím zabezpečeného videohovoru z pohodlí vašeho domova. Sezení trvá 50 minut a je vedeno licencovaným psychologem. Stačí vám počítač nebo telefon s internetem."
+        }
+      },
+      {
+        "@type": "Question",
+        "name": "Kolik stojí online psycholog v České republice?",
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": "V Rari Center nabízíme tři cenové plány: Základní za 2 500 Kč/měsíc (4 konzultace), Standard za 3 200 Kč/měsíc (4 konzultace + denní textová podpora) a Premium za 4 100 Kč/měsíc (neomezené konzultace a podpora 24/7)."
+        }
+      },
+      {
+        "@type": "Question",
+        "name": "Potřebuji doporučení od lékaře k návštěvě online psychologa?",
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": "Ne, k návštěvě psychologa nepotřebujete doporučení od lékaře. Můžete se objednat přímo přes náš kontaktní formulář a ozveme se vám do 24 hodin."
+        }
+      },
+      {
+        "@type": "Question",
+        "name": "Na jaké problémy se vaši psychologové specializují?",
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": "Naši odborníci se specializují na individuální terapii, párovou terapii, poruchy příjmu potravy, léčbu depresí a úzkostí, problémy se sebehodnocením, panické ataky, PTSD a zvládání stresu."
+        }
+      },
+      {
+        "@type": "Question",
+        "name": "Je online terapie stejně účinná jako osobní návštěva?",
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": "Ano, výzkumy ukazují, že online terapie je stejně účinná jako osobní sezení u většiny psychologických obtíží. Navíc odstraňuje bariéry jako dojíždění nebo čekání v čekárně."
+        }
+      },
+      {
+        "@type": "Question",
+        "name": "Jak rychle se mohu objednat k psychologovi?",
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": "Po vyplnění kontaktního formuláře se vám ozveme obvykle do 24 hodin. První konzultaci je možné domluvit zpravidla do jednoho týdne."
+        }
+      }
+    ]
+  }
+  </script>
+
+  <!-- JSON-LD: BreadcrumbList -->
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "BreadcrumbList",
+    "itemListElement": [
+      { "@type": "ListItem", "position": 1, "name": "Domů", "item": "https://www.raricenter.cz/" },
+      { "@type": "ListItem", "position": 2, "name": "Služby", "item": "https://www.raricenter.cz/#sluzby" },
+      { "@type": "ListItem", "position": 3, "name": "Psychologové", "item": "https://www.raricenter.cz/#psychologove" },
+      { "@type": "ListItem", "position": 4, "name": "Ceník", "item": "https://www.raricenter.cz/#cenik" },
+      { "@type": "ListItem", "position": 5, "name": "Kontakt", "item": "https://www.raricenter.cz/#kontakt" }
+    ]
+  }
+  </script>
+
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <meta name="theme-color" content="#0E756F">
   <link rel="stylesheet" href="css/style.css">
 </head>
 <body>
@@ -16,10 +339,11 @@
   <header class="header">
     <div class="container">
       <a href="#" class="logo">Rari Center</a>
-      <nav class="nav-links">
+      <nav class="nav-links" aria-label="Hlavní navigace">
         <a href="#sluzby">Služby</a>
         <a href="#psychologove">Psychologové</a>
         <a href="#cenik">Ceník</a>
+        <a href="#faq">FAQ</a>
         <a href="#kontakt">Kontakt</a>
         <a href="#psychologove" class="btn btn-primary nav-cta">Vybrat psychologa</a>
       </nav>
@@ -35,10 +359,13 @@
     <a href="#sluzby">Služby</a>
     <a href="#psychologove">Psychologové</a>
     <a href="#cenik">Ceník</a>
+    <a href="#faq">FAQ</a>
     <a href="#kontakt">Kontakt</a>
     <a href="#psychologove" class="btn btn-primary">Vybrat psychologa</a>
   </div>
 
+  <main>
+
   <!-- Hero -->
   <section class="hero">
     <div class="container">
@@ -47,16 +374,20 @@
       <a href="#psychologove" class="btn btn-primary">Najít svého psychologa</a>
       <div class="hero-stats">
         <div class="stat">
-          <div class="stat-number">500+</div>
-          <div class="stat-label">spokojených klientů</div>
+          <div class="stat-number">4000+</div>
+          <div class="stat-label">klientů si nás vybralo</div>
         </div>
         <div class="stat">
           <div class="stat-number">97%</div>
           <div class="stat-label">pozitivních recenzí</div>
         </div>
         <div class="stat">
-          <div class="stat-number">4</div>
-          <div class="stat-label">odborníci</div>
+          <div class="stat-number">8 z 10</div>
+          <div class="stat-label">pokračuje v terapii</div>
+        </div>
+        <div class="stat">
+          <div class="stat-number">100%</div>
+          <div class="stat-label">bezpečnost a empatie</div>
         </div>
       </div>
     </div>
@@ -69,9 +400,9 @@
       <p class="section-subtitle">Nabízíme komplexní psychologickou podporu přizpůsobenou vašim potřebám.</p>
       <div class="services-grid">
         <div class="service-card">
-          <div class="service-icon">🧠</div>
-          <h3>Individuální terapie</h3>
-          <p>Osobní sezení zaměřená na vaše konkrétní potřeby a cíle v bezpečném prostředí.</p>
+          <div class="service-icon">👨‍👩‍👧</div>
+          <h3>Vztahy s rodiči</h3>
+          <p>Pomáháme řešit napětí ve vztazích s rodiči a budovat zdravé rodinné vazby.</p>
         </div>
         <div class="service-card">
           <div class="service-icon">💑</div>
@@ -110,7 +441,7 @@
       <div class="psychologists-grid">
 
         <div class="psychologist-card">
-          <img src="https://images.unsplash.com/photo-1559839734-2b71ea197ec2?w=600&h=400&fit=crop&crop=face" alt="Mgr. Tereza Nováková">
+          <img src="https://images.unsplash.com/photo-1559839734-2b71ea197ec2?w=600&h=400&fit=crop&crop=face" alt="Mgr. Tereza Nováková — online psycholog specializující se na depresi a úzkosti" loading="lazy" width="600" height="400">
           <div class="psychologist-info">
             <div class="psychologist-header">
               <h3>Mgr. Tereza Nováková</h3>
@@ -128,7 +459,7 @@
         </div>
 
         <div class="psychologist-card">
-          <img src="https://images.unsplash.com/photo-1612349317150-e413f6a5b16d?w=600&h=400&fit=crop&crop=face" alt="PhDr. Martin Dvořák">
+          <img src="https://images.unsplash.com/photo-1612349317150-e413f6a5b16d?w=600&h=400&fit=crop&crop=face" alt="PhDr. Martin Dvořák — terapeut párové a rodinné terapie online" loading="lazy" width="600" height="400">
           <div class="psychologist-info">
             <div class="psychologist-header">
               <h3>PhDr. Martin Dvořák</h3>
@@ -146,7 +477,7 @@
         </div>
 
         <div class="psychologist-card">
-          <img src="https://images.unsplash.com/photo-1594824476967-48c8b964ac31?w=600&h=400&fit=crop&crop=face" alt="Mgr. Karolína Procházková">
+          <img src="https://images.unsplash.com/photo-1594824476967-48c8b964ac31?w=600&h=400&fit=crop&crop=face" alt="Mgr. Karolína Procházková — psycholožka na poruchy příjmu potravy" loading="lazy" width="600" height="400">
           <div class="psychologist-info">
             <div class="psychologist-header">
               <h3>Mgr. Karolína Procházková</h3>
@@ -163,7 +494,7 @@
         </div>
 
         <div class="psychologist-card">
-          <img src="https://images.unsplash.com/photo-1582750433449-648ed127bb54?w=600&h=400&fit=crop&crop=face" alt="PhDr. Jan Svoboda, Ph.D.">
+          <img src="https://images.unsplash.com/photo-1582750433449-648ed127bb54?w=600&h=400&fit=crop&crop=face" alt="PhDr. Jan Svoboda, Ph.D. — klinický psycholog na panické ataky a PTSD" loading="lazy" width="600" height="400">
           <div class="psychologist-info">
             <div class="psychologist-header">
               <h3>PhDr. Jan Svoboda, Ph.D.</h3>
@@ -240,6 +571,52 @@
     </div>
   </section>
 
+  <!-- FAQ -->
+  <section class="faq" id="faq">
+    <div class="container">
+      <h2 class="section-title">Časté dotazy o online terapii</h2>
+      <p class="section-subtitle">Odpovědi na nejčastější otázky o psychologické péči online v České republice.</p>
+      <div class="faq-list">
+        <details class="faq-item">
+          <summary class="faq-question">Jak funguje online terapie s psychologem?</summary>
+          <div class="faq-answer">
+            <p>Online terapie probíhá prostřednictvím zabezpečeného videohovoru z pohodlí vašeho domova. Sezení trvá 50 minut a je vedeno licencovaným psychologem. Stačí vám počítač nebo telefon s internetem.</p>
+          </div>
+        </details>
+        <details class="faq-item">
+          <summary class="faq-question">Kolik stojí online psycholog v České republice?</summary>
+          <div class="faq-answer">
+            <p>V Rari Center nabízíme tři cenové plány: Základní za 2 500 Kč/měsíc (4 konzultace), Standard za 3 200 Kč/měsíc (4 konzultace + denní textová podpora) a Premium za 4 100 Kč/měsíc (neomezené konzultace a podpora 24/7).</p>
+          </div>
+        </details>
+        <details class="faq-item">
+          <summary class="faq-question">Potřebuji doporučení od lékaře k návštěvě online psychologa?</summary>
+          <div class="faq-answer">
+            <p>Ne, k návštěvě psychologa nepotřebujete doporučení od lékaře. Můžete se objednat přímo přes náš kontaktní formulář a ozveme se vám do 24 hodin.</p>
+          </div>
+        </details>
+        <details class="faq-item">
+          <summary class="faq-question">Na jaké problémy se vaši psychologové specializují?</summary>
+          <div class="faq-answer">
+            <p>Naši odborníci se specializují na individuální terapii, párovou terapii, poruchy příjmu potravy, léčbu depresí a úzkostí, problémy se sebehodnocením, panické ataky, PTSD a zvládání stresu.</p>
+          </div>
+        </details>
+        <details class="faq-item">
+          <summary class="faq-question">Je online terapie stejně účinná jako osobní návštěva?</summary>
+          <div class="faq-answer">
+            <p>Ano, výzkumy ukazují, že online terapie je stejně účinná jako osobní sezení u většiny psychologických obtíží. Navíc odstraňuje bariéry jako dojíždění nebo čekání v čekárně.</p>
+          </div>
+        </details>
+        <details class="faq-item">
+          <summary class="faq-question">Jak rychle se mohu objednat k psychologovi?</summary>
+          <div class="faq-answer">
+            <p>Po vyplnění kontaktního formuláře se vám ozveme obvykle do 24 hodin. První konzultaci je možné domluvit zpravidla do jednoho týdne.</p>
+          </div>
+        </details>
+      </div>
+    </div>
+  </section>
+
   <!-- Contact -->
   <section class="contact" id="kontakt">
     <div class="container">
@@ -294,6 +671,8 @@
     </div>
   </section>
 
+  </main>
+
   <!-- Footer -->
   <footer class="footer">
     <div class="container">
@@ -304,22 +683,27 @@
         </div>
         <div>
           <h4>Rychlé odkazy</h4>
-          <div class="footer-links">
+          <nav class="footer-links" aria-label="Patička — rychlé odkazy">
             <a href="#sluzby">Služby</a>
             <a href="#psychologove">Psychologové</a>
             <a href="#cenik">Ceník</a>
+            <a href="#faq">Časté dotazy</a>
             <a href="#kontakt">Kontakt</a>
-          </div>
+          </nav>
         </div>
         <div>
           <h4>Kontakt</h4>
           <div class="footer-contact">
-            <p>info@raricenter.cz</p>
+            <p>hello@raricenter.com</p>
             <p>+420 222 333 444</p>
           </div>
           <div class="footer-social">
-            <a href="#" aria-label="Instagram">IG</a>
-            <a href="#" aria-label="Facebook">FB</a>
+            <a href="https://instagram.com/rari.center?igshid=MzMyNGUyNmU2YQ==" aria-label="Instagram" target="_blank" rel="noopener noreferrer">
+              <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 1.17.054 1.97.24 2.43.403a4.08 4.08 0 011.47.96c.458.457.753.906.96 1.47.163.46.349 1.26.403 2.43.058 1.266.07 1.646.07 4.85s-.012 3.584-.07 4.85c-.054 1.17-.24 1.97-.403 2.43a4.08 4.08 0 01-.96 1.47 4.08 4.08 0 01-1.47.96c-.46.163-1.26.349-2.43.403-1.266.058-1.646.07-4.85.07s-3.584-.012-4.85-.07c-1.17-.054-1.97-.24-2.43-.403a4.08 4.08 0 01-1.47-.96 4.08 4.08 0 01-.96-1.47c-.163-.46-.349-1.26-.403-2.43C2.175 15.584 2.163 15.204 2.163 12s.012-3.584.07-4.85c.054-1.17.24-1.97.403-2.43a4.08 4.08 0 01.96-1.47 4.08 4.08 0 011.47-.96c.46-.163 1.26-.349 2.43-.403C8.416 2.175 8.796 2.163 12 2.163zM12 0C8.741 0 8.333.014 7.053.072 5.775.13 4.902.333 4.14.63a5.88 5.88 0 00-2.126 1.384A5.88 5.88 0 00.63 4.14C.333 4.902.13 5.775.072 7.053.014 8.333 0 8.741 0 12s.014 3.667.072 4.947c.058 1.278.261 2.151.558 2.913a5.88 5.88 0 001.384 2.126A5.88 5.88 0 004.14 23.37c.762.297 1.635.5 2.913.558C8.333 23.986 8.741 24 12 24s3.667-.014 4.947-.072c1.278-.058 2.151-.261 2.913-.558a5.88 5.88 0 002.126-1.384 5.88 5.88 0 001.384-2.126c.297-.762.5-1.635.558-2.913.058-1.28.072-1.688.072-4.947s-.014-3.667-.072-4.947c-.058-1.278-.261-2.151-.558-2.913a5.88 5.88 0 00-1.384-2.126A5.88 5.88 0 0019.86.63C19.098.333 18.225.13 16.947.072 15.667.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg>
+            </a>
+            <a href="https://www.tiktok.com/@rari.center?_t=8fclE7ittKg" aria-label="TikTok" target="_blank" rel="noopener noreferrer">
+              <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.27 6.27 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.75a8.18 8.18 0 004.77 1.52V6.84a4.84 4.84 0 01-1-.15z"/></svg>
+            </a>
           </div>
         </div>
       </div>
diff --git a/js/main.js b/js/main.js
index 17837da..97cea22 100644
--- a/js/main.js
+++ b/js/main.js
@@ -95,4 +95,11 @@ window.addEventListener('scroll', () => {
   } else {
     header.style.boxShadow = 'none';
   }
+}, { passive: true });
+
+// ===== Close mobile nav on resize past breakpoint =====
+window.addEventListener('resize', () => {
+  if (window.innerWidth > 960 && mobileNav.classList.contains('active')) {
+    closeMobileNav();
+  }
 });