{"id":42,"date":"2026-04-03T18:53:15","date_gmt":"2026-04-03T18:53:15","guid":{"rendered":"https:\/\/pandalla.fi\/?page_id=42"},"modified":"2026-04-03T18:59:28","modified_gmt":"2026-04-03T18:59:28","slug":"home","status":"publish","type":"page","link":"https:\/\/pandalla.fi\/en\/","title":{"rendered":""},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"42\" class=\"elementor elementor-42\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2394d8ff e-con-full e-flex e-con e-parent\" data-id=\"2394d8ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48bd2a51 elementor-widget elementor-widget-html\" data-id=\"48bd2a51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href='https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&family=Outfit:wght@300;400;500;600&display=swap' rel='stylesheet'\/><style>\n    \/* \u2500\u2500 TOKENS \u2500\u2500 *\/\n    :root {\n      --ink:       #1B1B18;\n      --ink-soft:  #3D3D38;\n      --cream:     #F4EFE6;\n      --cream-mid: #EDE7DA;\n      --warm-white:#FAF8F4;\n      --forest:    #233C2F;\n      --forest-mid:#2D4A3E;\n      --moss:      #4E6B5A;\n      --terra:     #C05A32;\n      --terra-lt:  #D4714A;\n      --gold:      #C8A45A;\n      --gold-lt:   #E2C07A;\n      --sand:      #D9CEBC;\n      --radius:    4px;\n    }\n\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    html { scroll-behavior: smooth; font-size: 16px; }\n\n    body {\n      font-family: 'Outfit', sans-serif;\n      background: var(--cream);\n      color: var(--ink);\n      overflow-x: hidden;\n      cursor: none;\n    }\n\n    \/* \u2500\u2500 CUSTOM CURSOR \u2500\u2500 *\/\n    .cursor {\n      width: 10px; height: 10px;\n      background: var(--terra);\n      border-radius: 50%;\n      position: fixed;\n      top: 0; left: 0;\n      pointer-events: none;\n      z-index: 9999;\n      transition: transform 0.15s ease, width 0.2s, height 0.2s, background 0.2s;\n      transform: translate(-50%,-50%);\n    }\n    .cursor-ring {\n      width: 36px; height: 36px;\n      border: 1.5px solid var(--terra);\n      border-radius: 50%;\n      position: fixed;\n      top: 0; left: 0;\n      pointer-events: none;\n      z-index: 9998;\n      transform: translate(-50%,-50%);\n      transition: transform 0.08s ease, width 0.3s, height 0.3s, opacity 0.3s;\n      opacity: 0.6;\n    }\n    body:hover .cursor { opacity: 1; }\n\n    \/* \u2500\u2500 NAV \u2500\u2500 *\/\n    #nav {\n      position: fixed;\n      top: 0; left: 0; right: 0;\n      z-index: 500;\n      padding: 0 3.5rem;\n      height: 72px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      transition: background 0.4s, backdrop-filter 0.4s, box-shadow 0.4s;\n    }\n    #nav.solid {\n      background: rgba(244,239,230,0.96);\n      backdrop-filter: blur(16px);\n      box-shadow: 0 1px 0 rgba(0,0,0,0.07);\n    }\n\n    .nav-logo {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 1.7rem;\n      font-weight: 600;\n      letter-spacing: 0.01em;\n      color: var(--forest);\n      text-decoration: none;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n    .nav-logo span {\n      width: 7px; height: 7px;\n      background: var(--terra);\n      border-radius: 50%;\n      margin-top: 2px;\n    }\n\n    .nav-links {\n      display: flex;\n      align-items: center;\n      gap: 2.8rem;\n      list-style: none;\n    }\n    .nav-links a {\n      font-size: 0.78rem;\n      font-weight: 500;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      color: var(--ink-soft);\n      text-decoration: none;\n      transition: color 0.2s;\n    }\n    .nav-links a:hover { color: var(--terra); }\n\n    .nav-cta {\n      border: 1.5px solid var(--forest);\n      color: var(--forest) !important;\n      padding: 0.45rem 1.2rem;\n      border-radius: 2px;\n      transition: all 0.25s !important;\n    }\n    .nav-cta:hover {\n      background: var(--forest) !important;\n      color: var(--cream) !important;\n    }\n\n    \/* \u2500\u2500 HERO \u2500\u2500 *\/\n    .hero {\n      min-height: 100vh;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* Left \u2014 dark panel *\/\n    .hero-dark {\n      background: var(--forest);\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-end;\n      padding: 5rem 4rem;\n      overflow: hidden;\n    }\n\n    \/* Subtle grain texture *\/\n    .hero-dark::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\n      opacity: 0.35;\n      pointer-events: none;\n    }\n\n    .hero-eyebrow {\n      font-size: 0.7rem;\n      font-weight: 500;\n      letter-spacing: 0.22em;\n      text-transform: uppercase;\n      color: var(--gold);\n      margin-bottom: 2rem;\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n      opacity: 0;\n      animation: fadeUp 0.9s ease 0.3s forwards;\n    }\n    .hero-eyebrow::before {\n      content: '';\n      width: 36px; height: 1px;\n      background: var(--gold);\n    }\n\n    .hero-h1 {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: clamp(4rem, 6vw, 7rem);\n      font-weight: 300;\n      line-height: 1.0;\n      color: var(--cream);\n      letter-spacing: -0.02em;\n      margin-bottom: 2.5rem;\n      opacity: 0;\n      animation: fadeUp 0.9s ease 0.5s forwards;\n    }\n    .hero-h1 em {\n      font-style: italic;\n      color: var(--gold-lt);\n    }\n\n    .hero-tagline {\n      font-size: 0.92rem;\n      font-weight: 300;\n      line-height: 1.8;\n      color: rgba(244,239,230,0.65);\n      max-width: 360px;\n      margin-bottom: 3rem;\n      opacity: 0;\n      animation: fadeUp 0.9s ease 0.7s forwards;\n    }\n\n    .hero-btns {\n      display: flex;\n      gap: 1.2rem;\n      align-items: center;\n      opacity: 0;\n      animation: fadeUp 0.9s ease 0.9s forwards;\n    }\n\n    .btn-fill {\n      background: var(--terra);\n      color: white;\n      padding: 0.85rem 2.2rem;\n      font-size: 0.82rem;\n      font-weight: 500;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      text-decoration: none;\n      border-radius: 2px;\n      transition: all 0.25s;\n    }\n    .btn-fill:hover { background: var(--terra-lt); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(192,90,50,0.35); }\n\n    .btn-outline-light {\n      color: rgba(244,239,230,0.75);\n      font-size: 0.82rem;\n      font-weight: 400;\n      letter-spacing: 0.06em;\n      text-decoration: none;\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n      transition: color 0.2s, gap 0.2s;\n    }\n    .btn-outline-light::after { content: '\u2192'; }\n    .btn-outline-light:hover { color: var(--cream); gap: 0.9rem; }\n\n    \/* Decorative diagonal band in hero-dark *\/\n    .hero-deco {\n      position: absolute;\n      bottom: -40px; right: -80px;\n      width: 300px; height: 300px;\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(200,164,90,0.12) 0%, transparent 70%);\n      pointer-events: none;\n    }\n\n    \/* Right \u2014 cream panel with panda *\/\n    .hero-light {\n      background: var(--cream);\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n\n    \/* Large decorative letter *\/\n    .hero-bg-letter {\n      position: absolute;\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 38vw;\n      font-weight: 700;\n      color: rgba(35,60,47,0.04);\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%,-48%);\n      pointer-events: none;\n      user-select: none;\n      line-height: 1;\n    }\n\n    .panda-container {\n      position: relative;\n      z-index: 2;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 2rem;\n      opacity: 0;\n      animation: fadeScale 1.1s ease 0.6s forwards;\n    }\n\n    \/* Info pills floating *\/\n    .info-pill {\n      background: white;\n      border-radius: 50px;\n      padding: 0.6rem 1.4rem;\n      box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n      font-size: 0.78rem;\n      font-weight: 500;\n      color: var(--ink-soft);\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n      white-space: nowrap;\n    }\n    .info-pill .dot {\n      width: 6px; height: 6px;\n      background: var(--terra);\n      border-radius: 50%;\n    }\n    .pill-row {\n      display: flex;\n      gap: 0.8rem;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    \/* Hours card *\/\n    .hours-card {\n      background: white;\n      border-radius: 12px;\n      padding: 1.4rem 1.8rem;\n      box-shadow: 0 8px 40px rgba(0,0,0,0.09);\n      min-width: 210px;\n    }\n    .hours-card-title {\n      font-size: 0.65rem;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n      color: var(--moss);\n      font-weight: 600;\n      margin-bottom: 0.8rem;\n    }\n    .hours-card-row {\n      display: flex;\n      justify-content: space-between;\n      gap: 1.5rem;\n      margin-bottom: 0.35rem;\n      font-size: 0.8rem;\n    }\n    .hours-card-row .day { color: var(--ink-soft); font-weight: 400; }\n    .hours-card-row .time { color: var(--ink); font-weight: 500; }\n\n    \/* \u2500\u2500 MARQUEE \u2500\u2500 *\/\n    .marquee {\n      background: var(--ink);\n      padding: 1rem 0;\n      overflow: hidden;\n      white-space: nowrap;\n    }\n    .marquee-inner {\n      display: inline-flex;\n      animation: ticker 25s linear infinite;\n    }\n    .marquee-item {\n      font-size: 0.72rem;\n      font-weight: 500;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--gold);\n      padding: 0 2.2rem;\n    }\n    .marquee-sep { color: rgba(200,164,90,0.3); }\n\n    \/* \u2500\u2500 SECTION SHARED \u2500\u2500 *\/\n    .s-label {\n      font-size: 0.68rem;\n      font-weight: 600;\n      letter-spacing: 0.22em;\n      text-transform: uppercase;\n      color: var(--terra);\n      margin-bottom: 1rem;\n      display: flex;\n      align-items: center;\n      gap: 0.8rem;\n    }\n    .s-label::before {\n      content: '';\n      width: 22px; height: 1.5px;\n      background: var(--terra);\n    }\n    .s-h2 {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: clamp(2.4rem, 4vw, 3.8rem);\n      font-weight: 400;\n      line-height: 1.1;\n      letter-spacing: -0.02em;\n      color: var(--ink);\n    }\n    .s-h2 em { font-style: italic; color: var(--forest); }\n    .s-body {\n      font-size: 0.95rem;\n      font-weight: 300;\n      line-height: 1.8;\n      color: var(--ink-soft);\n    }\n\n    .reveal {\n      opacity: 0;\n      transform: translateY(28px);\n      transition: opacity 0.75s ease, transform 0.75s ease;\n    }\n    .reveal.in { opacity: 1; transform: none; }\n    .reveal-delay-1 { transition-delay: 0.1s; }\n    .reveal-delay-2 { transition-delay: 0.2s; }\n    .reveal-delay-3 { transition-delay: 0.3s; }\n\n    \/* \u2500\u2500 ABOUT \u2500\u2500 *\/\n    .about {\n      padding: 8rem 0;\n      background: var(--warm-white);\n    }\n    .about-inner {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 0 5rem;\n      display: grid;\n      grid-template-columns: 1fr 1.1fr;\n      gap: 6rem;\n      align-items: center;\n    }\n\n    .about-visual {\n      position: relative;\n    }\n    .about-main-img {\n      width: 100%;\n      aspect-ratio: 4\/5;\n      background: var(--forest);\n      border-radius: 4px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n      position: relative;\n    }\n    .about-main-img::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(160deg, transparent 60%, rgba(0,0,0,0.3));\n    }\n    .food-bg-emoji {\n      font-size: 8rem;\n      opacity: 0.6;\n      filter: saturate(0.8);\n    }\n\n    .about-accent-card {\n      position: absolute;\n      bottom: -2rem;\n      right: -3rem;\n      background: var(--terra);\n      color: white;\n      border-radius: 4px;\n      padding: 1.8rem 2rem;\n      width: 200px;\n    }\n    .about-accent-card .big-num {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 3.5rem;\n      font-weight: 700;\n      line-height: 1;\n      margin-bottom: 0.3rem;\n    }\n    .about-accent-card .small-text {\n      font-size: 0.78rem;\n      font-weight: 400;\n      opacity: 0.85;\n      line-height: 1.4;\n    }\n\n    .about-text {\n      padding-bottom: 2rem;\n    }\n    .about-text .s-h2 { margin-bottom: 1.8rem; }\n    .about-text .s-body { margin-bottom: 1.4rem; }\n\n    .feat-list {\n      margin-top: 2.5rem;\n      display: flex;\n      flex-direction: column;\n      gap: 1rem;\n    }\n    .feat-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 1rem;\n      padding: 1rem 1.2rem;\n      background: var(--cream-mid);\n      border-radius: 4px;\n      border-left: 3px solid var(--gold);\n    }\n    .feat-item-icon { font-size: 1.3rem; flex-shrink: 0; margin-top: 1px; }\n    .feat-item-text { font-size: 0.88rem; font-weight: 300; line-height: 1.6; color: var(--ink-soft); }\n    .feat-item-text strong { font-weight: 600; color: var(--ink); display: block; margin-bottom: 2px; font-size: 0.9rem; }\n\n    \/* \u2500\u2500 MENU SECTION \u2500\u2500 *\/\n    .menu-sec {\n      background: var(--ink);\n      padding: 8rem 0;\n      position: relative;\n      overflow: hidden;\n    }\n    .menu-sec::before {\n      content: 'MENU';\n      position: absolute;\n      font-family: 'Cormorant Garamond', serif;\n      font-size: clamp(12rem, 22vw, 22rem);\n      font-weight: 700;\n      color: rgba(255,255,255,0.025);\n      top: 50%; left: 50%;\n      transform: translate(-50%,-50%);\n      pointer-events: none;\n      white-space: nowrap;\n    }\n\n    .menu-inner {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 0 5rem;\n      position: relative;\n      z-index: 2;\n    }\n    .menu-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-end;\n      margin-bottom: 4rem;\n    }\n    .menu-header .s-label::before { background: var(--gold); }\n    .menu-header .s-label { color: var(--gold); }\n    .menu-header .s-h2 { color: var(--cream); }\n    .menu-header .s-h2 em { color: var(--gold-lt); }\n    .menu-header-note {\n      font-size: 0.85rem;\n      font-weight: 300;\n      color: rgba(244,239,230,0.45);\n      max-width: 220px;\n      text-align: right;\n      line-height: 1.7;\n    }\n\n    .menu-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1.5px;\n      background: rgba(255,255,255,0.06);\n    }\n    .menu-tile {\n      background: rgba(255,255,255,0.04);\n      padding: 2.5rem 2rem;\n      transition: background 0.3s;\n      position: relative;\n      overflow: hidden;\n    }\n    .menu-tile::after {\n      content: '';\n      position: absolute;\n      bottom: 0; left: 0; right: 0;\n      height: 2px;\n      background: var(--terra);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.35s ease;\n    }\n    .menu-tile:hover { background: rgba(255,255,255,0.08); }\n    .menu-tile:hover::after { transform: scaleX(1); }\n\n    .menu-tile.star {\n      background: var(--terra);\n    }\n    .menu-tile.star:hover { background: var(--terra-lt); }\n    .menu-tile.star::after { background: white; }\n\n    .tile-emo { font-size: 2.2rem; margin-bottom: 1.5rem; display: block; }\n    .tile-name {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 1.55rem;\n      font-weight: 600;\n      color: var(--cream);\n      margin-bottom: 0.7rem;\n      line-height: 1.2;\n    }\n    .tile-desc {\n      font-size: 0.83rem;\n      font-weight: 300;\n      line-height: 1.7;\n      color: rgba(244,239,230,0.6);\n      margin-bottom: 1.5rem;\n    }\n    .menu-tile.star .tile-desc { color: rgba(255,255,255,0.8); }\n    .tile-price {\n      font-size: 1rem;\n      font-weight: 500;\n      color: var(--gold-lt);\n      letter-spacing: 0.02em;\n    }\n    .menu-tile.star .tile-price { color: white; }\n\n    \/* \u2500\u2500 FULL-BLEED QUOTE \u2500\u2500 *\/\n    .quote-band {\n      background: var(--cream-mid);\n      padding: 6rem 5rem;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }\n    .quote-band::before {\n      content: '\"';\n      position: absolute;\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 28rem;\n      font-weight: 700;\n      color: rgba(35,60,47,0.04);\n      top: -4rem; left: 50%;\n      transform: translateX(-50%);\n      line-height: 1;\n      pointer-events: none;\n    }\n    .quote-text {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: clamp(1.8rem, 3.5vw, 3rem);\n      font-weight: 300;\n      font-style: italic;\n      color: var(--forest);\n      line-height: 1.5;\n      max-width: 820px;\n      margin: 0 auto 1.5rem;\n      position: relative;\n      z-index: 1;\n    }\n    .quote-by {\n      font-size: 0.78rem;\n      font-weight: 500;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n      color: var(--terra);\n      position: relative; z-index: 1;\n    }\n\n    \/* \u2500\u2500 HOURS & LOCATION \u2500\u2500 *\/\n    .info-sec {\n      background: var(--warm-white);\n      padding: 8rem 0;\n    }\n    .info-inner {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 0 5rem;\n      display: grid;\n      grid-template-columns: 1.1fr 1fr;\n      gap: 6rem;\n      align-items: start;\n    }\n\n    .hours-big-table {\n      margin-top: 2.5rem;\n    }\n    .hrow {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 1rem 0;\n      border-bottom: 1px solid var(--sand);\n    }\n    .hrow:first-child { border-top: 1px solid var(--sand); }\n    .hrow-day {\n      font-size: 0.92rem;\n      font-weight: 400;\n      color: var(--ink);\n    }\n    .hrow-right {\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n    }\n    .hrow-time {\n      font-size: 0.92rem;\n      font-weight: 300;\n      color: var(--ink-soft);\n    }\n    .hrow-tag {\n      background: var(--forest);\n      color: var(--cream);\n      font-size: 0.62rem;\n      font-weight: 600;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      padding: 0.22rem 0.7rem;\n      border-radius: 2px;\n    }\n\n    .contact-blocks {\n      display: flex;\n      flex-direction: column;\n      gap: 1.5rem;\n      margin-top: 2.5rem;\n    }\n    .contact-block {\n      display: flex;\n      gap: 1.2rem;\n      align-items: flex-start;\n      padding: 1.4rem 1.5rem;\n      background: white;\n      border-radius: 4px;\n      border-left: 3px solid var(--forest);\n    }\n    .contact-block-icon { font-size: 1.5rem; flex-shrink: 0; }\n    .contact-block h4 {\n      font-size: 0.72rem;\n      font-weight: 600;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      color: var(--moss);\n      margin-bottom: 0.4rem;\n    }\n    .contact-block p {\n      font-size: 0.88rem;\n      font-weight: 300;\n      color: var(--ink-soft);\n      line-height: 1.6;\n    }\n    .contact-block a {\n      color: var(--terra);\n      text-decoration: none;\n      font-weight: 400;\n    }\n    .contact-block a:hover { text-decoration: underline; }\n\n    .social-row {\n      margin-top: 2.5rem;\n      display: flex;\n      gap: 1rem;\n      align-items: center;\n    }\n    .social-row span {\n      font-size: 0.72rem;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      color: var(--moss);\n      font-weight: 500;\n    }\n    .social-link {\n      width: 40px; height: 40px;\n      border-radius: 2px;\n      border: 1.5px solid var(--sand);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 0.85rem;\n      font-weight: 700;\n      color: var(--ink-soft);\n      text-decoration: none;\n      transition: all 0.2s;\n    }\n    .social-link:hover {\n      border-color: var(--terra);\n      color: var(--terra);\n      background: rgba(192,90,50,0.06);\n    }\n\n    \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n    footer {\n      background: var(--forest);\n      padding: 5rem;\n      position: relative;\n      overflow: hidden;\n    }\n    footer::before {\n      content: '\ud83d\udc3c';\n      position: absolute;\n      font-size: 22rem;\n      right: -2rem;\n      bottom: -4rem;\n      opacity: 0.04;\n      pointer-events: none;\n      line-height: 1;\n    }\n\n    .footer-grid {\n      max-width: 1280px;\n      margin: 0 auto 4rem;\n      display: grid;\n      grid-template-columns: 2fr 1fr 1fr 1fr;\n      gap: 4rem;\n    }\n    .footer-logo {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 2.2rem;\n      font-weight: 600;\n      color: var(--cream);\n      margin-bottom: 1rem;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      text-decoration: none;\n    }\n    .footer-logo span {\n      width: 8px; height: 8px;\n      background: var(--terra);\n      border-radius: 50%;\n    }\n    .footer-about {\n      font-size: 0.85rem;\n      font-weight: 300;\n      color: rgba(244,239,230,0.5);\n      line-height: 1.75;\n      max-width: 280px;\n    }\n    .footer-col-title {\n      font-size: 0.65rem;\n      font-weight: 600;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--gold);\n      margin-bottom: 1.5rem;\n    }\n    .footer-col ul { list-style: none; }\n    .footer-col li {\n      margin-bottom: 0.7rem;\n      font-size: 0.85rem;\n      font-weight: 300;\n      color: rgba(244,239,230,0.6);\n    }\n    .footer-col a {\n      color: rgba(244,239,230,0.6);\n      text-decoration: none;\n      transition: color 0.2s;\n    }\n    .footer-col a:hover { color: var(--cream); }\n\n    .footer-bottom {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding-top: 2rem;\n      border-top: 1px solid rgba(255,255,255,0.1);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n    .footer-bottom p {\n      font-size: 0.75rem;\n      color: rgba(244,239,230,0.3);\n      font-weight: 300;\n    }\n    .footer-social {\n      display: flex;\n      gap: 0.8rem;\n    }\n    .fsoc {\n      width: 34px; height: 34px;\n      border-radius: 2px;\n      background: rgba(255,255,255,0.07);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 0.78rem;\n      font-weight: 700;\n      color: rgba(244,239,230,0.6);\n      text-decoration: none;\n      transition: background 0.2s, color 0.2s;\n    }\n    .fsoc:hover { background: var(--terra); color: white; }\n\n    \/* \u2500\u2500 KEYFRAMES \u2500\u2500 *\/\n    @keyframes fadeUp {\n      from { opacity: 0; transform: translateY(22px); }\n      to   { opacity: 1; transform: none; }\n    }\n    @keyframes fadeScale {\n      from { opacity: 0; transform: scale(0.88); }\n      to   { opacity: 1; transform: scale(1); }\n    }\n    @keyframes ticker {\n      from { transform: translateX(0); }\n      to   { transform: translateX(-50%); }\n    }\n\n    \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n    @media (max-width: 960px) {\n      #nav { padding: 0 1.5rem; }\n      .nav-links { display: none; }\n      .hero { grid-template-columns: 1fr; }\n      .hero-dark { min-height: 100vh; padding: 8rem 2rem 4rem; }\n      .hero-light { display: none; }\n      .about-inner, .info-inner { grid-template-columns: 1fr; padding: 0 2rem; gap: 3rem; }\n      .about { padding: 5rem 0; }\n      .about-accent-card { right: 0; bottom: -1.5rem; }\n      .menu-inner { padding: 0 1.5rem; }\n      .menu-grid { grid-template-columns: 1fr; gap: 0; }\n      .menu-header { flex-direction: column; align-items: flex-start; gap: 1rem; }\n      .menu-header-note { text-align: left; }\n      .quote-band { padding: 4rem 2rem; }\n      .info-sec { padding: 5rem 0; }\n      footer { padding: 4rem 2rem; }\n      .footer-grid { grid-template-columns: 1fr 1fr; gap: 2.5rem; }\n      .footer-bottom { flex-direction: column; gap: 1rem; }\n    }\n  <\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-794d3ab8 e-con-full e-flex e-con e-parent\" data-id=\"794d3ab8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-659a7adf elementor-widget elementor-widget-html\" data-id=\"659a7adf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- cursor -->\n  <div class=\"cursor\" id=\"cur\"><\/div>\n  <div class=\"cursor-ring\" id=\"curRing\"><\/div>\n\n  <!-- \u2550\u2550\u2550 NAV \u2550\u2550\u2550 -->\n  <nav id=\"nav\">\n    <a href=\"#\" class=\"nav-logo\">Pandall<span><\/span><\/a>\n    <ul class=\"nav-links\">\n      <li><a href=\"#about\">About us<\/a><\/li>\n      <li><a href=\"#menu\">Menu<\/a><\/li>\n      <li><a href=\"#info\">Opening hours<\/a><\/li>\n      <li><a href=\"#info\" class=\"nav-cta\">Contact details<\/a><\/li>\n    <\/ul>\n  <\/nav>\n\n  <!-- \u2550\u2550\u2550 HERO \u2550\u2550\u2550 -->\n  <section class=\"hero\">\n    <!-- Left dark panel -->\n    <div class=\"hero-dark\">\n      <div class=\"hero-eyebrow\">Kokonhallin Lounaskahvila &nbsp;\u00b7&nbsp; Porvoo<\/div>\n      <h1 class=\"hero-h1\">\n        Food<br\/>\n        <em>with heart<\/em><br\/>\n        Done.\n      <\/h1>\n      <p class=\"hero-tagline\">\n        Tuoretta lounasruokaa, herkullisia kahvihetki\u00e4 ja l\u00e4mmin tunnelma joka p\u00e4iv\u00e4. Tervetuloa Pandallaan.\n      <\/p>\n      <div class=\"hero-btns\">\n        <a href=\"#menu\" class=\"btn-fill\">See Menu<\/a>\n        <a href=\"#info\" class=\"btn-outline-light\">Opening hours<\/a>\n      <\/div>\n      <div class=\"hero-deco\"><\/div>\n    <\/div>\n\n    <!-- Right light panel -->\n    <div class=\"hero-light\">\n      <div class=\"hero-bg-letter\">P<\/div>\n      <div class=\"panda-container\">\n        <!-- Panda SVG -->\n        <svg width=\"260\" height=\"260\" viewbox=\"0 0 340 340\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <circle cx=\"170\" cy=\"170\" r=\"155\" fill=\"rgba(35,60,47,0.06)\"\/>\n          <ellipse cx=\"170\" cy=\"218\" rx=\"76\" ry=\"72\" fill=\"white\"\/>\n          <circle cx=\"170\" cy=\"140\" r=\"74\" fill=\"white\"\/>\n          <!-- Shadow under head -->\n          <ellipse cx=\"170\" cy=\"210\" rx=\"60\" ry=\"8\" fill=\"rgba(0,0,0,0.05)\"\/>\n          <!-- Ears -->\n          <circle cx=\"110\" cy=\"80\" r=\"30\" fill=\"#1B1B18\"\/>\n          <circle cx=\"110\" cy=\"80\" r=\"17\" fill=\"var(--forest-mid, #2D4A3E)\"\/>\n          <circle cx=\"230\" cy=\"80\" r=\"30\" fill=\"#1B1B18\"\/>\n          <circle cx=\"230\" cy=\"80\" r=\"17\" fill=\"var(--forest-mid, #2D4A3E)\"\/>\n          <!-- Eye patches -->\n          <ellipse cx=\"143\" cy=\"128\" rx=\"23\" ry=\"25\" fill=\"#1B1B18\" transform=\"rotate(-8 143 128)\"\/>\n          <ellipse cx=\"197\" cy=\"128\" rx=\"23\" ry=\"25\" fill=\"#1B1B18\" transform=\"rotate(8 197 128)\"\/>\n          <!-- Eyes -->\n          <circle cx=\"143\" cy=\"128\" r=\"12\" fill=\"white\"\/>\n          <circle cx=\"197\" cy=\"128\" r=\"12\" fill=\"white\"\/>\n          <circle cx=\"146\" cy=\"126\" r=\"8\" fill=\"#1B1B18\"\/>\n          <circle cx=\"200\" cy=\"126\" r=\"8\" fill=\"#1B1B18\"\/>\n          <circle cx=\"149\" cy=\"123\" r=\"3\" fill=\"white\"\/>\n          <circle cx=\"203\" cy=\"123\" r=\"3\" fill=\"white\"\/>\n          <!-- Nose -->\n          <ellipse cx=\"170\" cy=\"153\" rx=\"9\" ry=\"6.5\" fill=\"#C05A32\"\/>\n          <!-- Mouth smile -->\n          <path d=\"M 155 163 Q 170 176 185 163\" stroke=\"#3D3D38\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\n          <!-- Blush -->\n          <circle cx=\"126\" cy=\"160\" r=\"13\" fill=\"rgba(192,90,50,0.18)\"\/>\n          <circle cx=\"214\" cy=\"160\" r=\"13\" fill=\"rgba(192,90,50,0.18)\"\/>\n          <!-- Arms -->\n          <ellipse cx=\"101\" cy=\"222\" rx=\"23\" ry=\"38\" fill=\"#1B1B18\" transform=\"rotate(-14 101 222)\"\/>\n          <ellipse cx=\"239\" cy=\"222\" rx=\"23\" ry=\"38\" fill=\"#1B1B18\" transform=\"rotate(14 239 222)\"\/>\n          <!-- Belly -->\n          <ellipse cx=\"170\" cy=\"225\" rx=\"46\" ry=\"44\" fill=\"#F4EFE6\"\/>\n          <!-- Coffee cup -->\n          <rect x=\"150\" y=\"250\" width=\"40\" height=\"30\" rx=\"5\" fill=\"#C05A32\"\/>\n          <rect x=\"150\" y=\"250\" width=\"40\" height=\"9\" rx=\"5\" fill=\"#C8A45A\"\/>\n          <path d=\"M 190 259 Q 202 259 202 267 Q 202 275 190 275\" stroke=\"#C05A32\" stroke-width=\"3.5\" fill=\"none\" stroke-linecap=\"round\"\/>\n          <!-- Steam -->\n          <path d=\"M 162 246 Q 165 239 162 232\" stroke=\"rgba(192,90,50,0.4)\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\/>\n          <path d=\"M 170 246 Q 173 238 170 231\" stroke=\"rgba(192,90,50,0.4)\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\/>\n          <path d=\"M 178 246 Q 181 239 178 232\" stroke=\"rgba(192,90,50,0.4)\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\/>\n        <\/svg>\n\n        <div class=\"pill-row\">\n          <div class=\"info-pill\"><span class=\"dot\"><\/span> Porvoo, Kokonhalli<\/div>\n          <div class=\"info-pill\"><span class=\"dot\"><\/span> Auki joka p\u00e4iv\u00e4<\/div>\n        <\/div>\n\n        <div class=\"hours-card\">\n          <div class=\"hours-card-title\">Opening hours<\/div>\n          <div class=\"hours-card-row\"><span class=\"day\">Ma \u2013 Pe<\/span><span class=\"time\">8:00 \u2013 19:30<\/span><\/div>\n          <div class=\"hours-card-row\"><span class=\"day\">La \u2013 Su<\/span><span class=\"time\">9:00 \u2013 16:00<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 MARQUEE \u2550\u2550\u2550 -->\n  <div class=\"marquee\">\n    <div class=\"marquee-inner\">\n      <span class=\"marquee-item\">Morning coffee \u2615<\/span><span class=\"marquee-item marquee-sep\">\u2726<\/span>\n      <span class=\"marquee-item\">Fresh Lunch \ud83c\udf72<\/span><span class=\"marquee-item marquee-sep\">\u2726<\/span>\n      <span class=\"marquee-item\">Pastries \ud83e\udd50<\/span><span class=\"marquee-item marquee-sep\">\u2726<\/span>\n      <span class=\"marquee-item\">Salads<\/span><span class=\"marquee-item marquee-sep\">\u2726<\/span>\n      <span class=\"marquee-item\">L\u00e4mpim\u00e4t Keitot \ud83c\udf75<\/span><span class=\"marquee-item marquee-sep\">\u2726<\/span>\n      <span class=\"marquee-item\">Pandalla \u00b7 Kokonhalli \ud83d\udc3c<\/span><span class=\"marquee-item marquee-sep\">\u2726<\/span>\n      <span class=\"marquee-item\">Morning coffee \u2615<\/span><span class=\"marquee-item marquee-sep\">\u2726<\/span>\n      <span class=\"marquee-item\">Fresh Lunch \ud83c\udf72<\/span><span class=\"marquee-item marquee-sep\">\u2726<\/span>\n      <span class=\"marquee-item\">Pastries \ud83e\udd50<\/span><span class=\"marquee-item marquee-sep\">\u2726<\/span>\n      <span class=\"marquee-item\">Salads<\/span><span class=\"marquee-item marquee-sep\">\u2726<\/span>\n      <span class=\"marquee-item\">L\u00e4mpim\u00e4t Keitot \ud83c\udf75<\/span><span class=\"marquee-item marquee-sep\">\u2726<\/span>\n      <span class=\"marquee-item\">Pandalla \u00b7 Kokonhalli \ud83d\udc3c<\/span><span class=\"marquee-item marquee-sep\">\u2726<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550 ABOUT \u2550\u2550\u2550 -->\n  <section class=\"about\" id=\"about\">\n    <div class=\"about-inner\">\n      <div class=\"about-visual reveal\">\n        <div class=\"about-main-img\">\n          <span class=\"food-bg-emoji\">\ud83c\udf5c<\/span>\n        <\/div>\n        <div class=\"about-accent-card\">\n          <div class=\"big-num\">100%<\/div>\n          <div class=\"small-text\">Tuore ruoka<br\/>joka p\u00e4iv\u00e4<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"about-text\">\n        <div class=\"s-label reveal\">About us<\/div>\n        <h2 class=\"s-h2 reveal reveal-delay-1\">Cafe where<br\/><em>He is the soul<\/em><\/h2>\n        <p class=\"s-body reveal reveal-delay-2\" style=\"margin-top:1.8rem;\">\n          Pandalla on Kokonhallin syd\u00e4mess\u00e4 sijaitseva lounaskahvila, jossa jokainen ateria tehd\u00e4\u00e4n rakkaudella ja tuoreista raaka-aineista.\n        <\/p>\n        <p class=\"s-body reveal reveal-delay-2\">\n          Meill\u00e4 voit nauttia aamukahvistasi rauhassa, sy\u00f6d\u00e4 t\u00e4ytt\u00e4v\u00e4n lounaan tai viett\u00e4\u00e4 hetken herkullisten leivonnaisten \u00e4\u00e4rell\u00e4. Tunnelma on l\u00e4mmin, palvelu syd\u00e4mellinen.\n        <\/p>\n        <div class=\"feat-list reveal reveal-delay-3\">\n          <div class=\"feat-item\">\n            <span class=\"feat-item-icon\">\ud83c\udf3f<\/span>\n            <div class=\"feat-item-text\">\n              <strong>Tuoreet raaka-aineet<\/strong>\n              Laadukkaat, tuoreet ainekset joka p\u00e4iv\u00e4 \u2014 ei kompromisseja.\n            <\/div>\n          <\/div>\n          <div class=\"feat-item\">\n            <span class=\"feat-item-icon\">\ud83c\udfe1<\/span>\n            <div class=\"feat-item-text\">\n              <strong>Kodikas tunnelma<\/strong>\n              Kokonhallin tiloissa \u2014 helppo l\u00f6yt\u00e4\u00e4, vaikea l\u00e4hte\u00e4.\n            <\/div>\n          <\/div>\n          <div class=\"feat-item\">\n            <span class=\"feat-item-icon\">\ud83e\udd1d<\/span>\n            <div class=\"feat-item-text\">\n              <strong>Syd\u00e4mellinen palvelu<\/strong>\n              Tuttu henkil\u00f6kunta, joka muistaa sinutkin.\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 MENU \u2550\u2550\u2550 -->\n  <section class=\"menu-sec\" id=\"menu\">\n    <div class=\"menu-inner\">\n      <div class=\"menu-header reveal\">\n        <div>\n          <div class=\"s-label\">We offer<\/div>\n          <h2 class=\"s-h2\">What <em>you will find<\/em> from us<\/h2>\n        <\/div>\n        <p class=\"menu-header-note\">Vaihtuva lounaslista joka viikko \u2014 tule ja katso p\u00e4iv\u00e4n tarjous.<\/p>\n      <\/div>\n      <div class=\"menu-grid\">\n        <div class=\"menu-tile reveal\">\n          <span class=\"tile-emo\">\u2615<\/span>\n          <h3 class=\"tile-name\">Aamukahvi &amp; Aamupala<\/h3>\n          <p class=\"tile-desc\">Tuore kahvi, leivonnaiset ja herkullinen aamupala. Auki jo kello 8!<\/p>\n          <span class=\"tile-price\">From \u20ac3.50<\/span>\n        <\/div>\n        <div class=\"menu-tile star reveal reveal-delay-1\">\n          <span class=\"tile-emo\">\ud83c\udf72<\/span>\n          <h3 class=\"tile-name\">Lunch of the day<\/h3>\n          <p class=\"tile-desc\">Tuore lounasp\u00f6yt\u00e4 p\u00e4ivitt\u00e4in \u2014 l\u00e4mmin ruoka, salaatit, leip\u00e4 ja kahvi.<\/p>\n          <span class=\"tile-price\">From \u20ac11.50<\/span>\n        <\/div>\n        <div class=\"menu-tile reveal reveal-delay-2\">\n          <span class=\"tile-emo\">\ud83e\udd57<\/span>\n          <h3 class=\"tile-name\">Salaatit &amp; Keitot<\/h3>\n          <p class=\"tile-desc\">Kevyempi lounas \u2014 ravitsevat salaatit ja l\u00e4mmitt\u00e4v\u00e4t keitot.<\/p>\n          <span class=\"tile-price\">Starting from \u20ac8.50<\/span>\n        <\/div>\n        <div class=\"menu-tile reveal\">\n          <span class=\"tile-emo\">\ud83e\udd50<\/span>\n          <h3 class=\"tile-name\">Pastries<\/h3>\n          <p class=\"tile-desc\">Tuoreita pullia, leivonnaisia ja kakkuja kahvihetken seuraksi.<\/p>\n          <span class=\"tile-price\">from \u20ac2.50<\/span>\n        <\/div>\n        <div class=\"menu-tile reveal reveal-delay-1\">\n          <span class=\"tile-emo\">\ud83e\uddcb<\/span>\n          <h3 class=\"tile-name\">Drinks<\/h3>\n          <p class=\"tile-desc\">Kahvi, tee, mehut ja erikoiskahvit \u2014 jokaiseen makuun ja hetkeen.<\/p>\n          <span class=\"tile-price\">starting from \u20ac2.80<\/span>\n        <\/div>\n        <div class=\"menu-tile reveal reveal-delay-2\">\n          <span class=\"tile-emo\">\ud83c\udf82<\/span>\n          <h3 class=\"tile-name\">Custom cakes<\/h3>\n          <p class=\"tile-desc\">Juhlia suunnitteilla? Tilaa ikimuistoinen kakku meilt\u00e4.<\/p>\n          <span class=\"tile-price\">Pyyd\u00e4 tarjous \u2192<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 QUOTE BAND \u2550\u2550\u2550 -->\n  <div class=\"quote-band\">\n    <p class=\"quote-text reveal\">\n      \"Hyv\u00e4 ruoka, hyv\u00e4 mieli \u2014 Pandalla on paikka, jonne on aina mukava palata.\"\n    <\/p>\n    <p class=\"quote-by reveal reveal-delay-1\">Pandalla, Kokonhalli \u00b7 Porvoo<\/p>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550 HOURS & CONTACT \u2550\u2550\u2550 -->\n  <section class=\"info-sec\" id=\"info\">\n    <div class=\"info-inner\">\n      <div>\n        <div class=\"s-label reveal\">Opening hours<\/div>\n        <h2 class=\"s-h2 reveal reveal-delay-1\">Olemme <em>auki<\/em><br\/>joka p\u00e4iv\u00e4<\/h2>\n        <div class=\"hours-big-table reveal reveal-delay-2\">\n          <div class=\"hrow\">\n            <span class=\"hrow-day\">Monday<\/span>\n            <div class=\"hrow-right\"><span class=\"hrow-time\">8:00 \u2013 19:30<\/span><span class=\"hrow-tag\">Lunch<\/span><\/div>\n          <\/div>\n          <div class=\"hrow\">\n            <span class=\"hrow-day\">Tuesday<\/span>\n            <div class=\"hrow-right\"><span class=\"hrow-time\">8:00 \u2013 19:30<\/span><span class=\"hrow-tag\">Lunch<\/span><\/div>\n          <\/div>\n          <div class=\"hrow\">\n            <span class=\"hrow-day\">Wednesday<\/span>\n            <div class=\"hrow-right\"><span class=\"hrow-time\">8:00 \u2013 19:30<\/span><span class=\"hrow-tag\">Lunch<\/span><\/div>\n          <\/div>\n          <div class=\"hrow\">\n            <span class=\"hrow-day\">Thursday<\/span>\n            <div class=\"hrow-right\"><span class=\"hrow-time\">8:00 \u2013 19:30<\/span><span class=\"hrow-tag\">Lunch<\/span><\/div>\n          <\/div>\n          <div class=\"hrow\">\n            <span class=\"hrow-day\">Friday<\/span>\n            <div class=\"hrow-right\"><span class=\"hrow-time\">8:00 \u2013 19:30<\/span><span class=\"hrow-tag\">Lunch<\/span><\/div>\n          <\/div>\n          <div class=\"hrow\">\n            <span class=\"hrow-day\">Saturday<\/span>\n            <div class=\"hrow-right\"><span class=\"hrow-time\">9:00 \u2013 16:00<\/span><\/div>\n          <\/div>\n          <div class=\"hrow\">\n            <span class=\"hrow-day\">Sunday<\/span>\n            <div class=\"hrow-right\"><span class=\"hrow-time\">9:00 \u2013 16:00<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div>\n        <div class=\"s-label reveal\">Sijainti &amp; Yhteystiedot<\/div>\n        <h2 class=\"s-h2 reveal reveal-delay-1\">Find <em>Us<\/em><\/h2>\n        <div class=\"contact-blocks reveal reveal-delay-2\">\n          <div class=\"contact-block\">\n            <span class=\"contact-block-icon\">\ud83d\udccd<\/span>\n            <div>\n              <h4>Sijainti<\/h4>\n              <p>Kokonhalli, Porvoo<br\/>Kokonhallin sis\u00e4\u00e4nk\u00e4ynnin yhteydess\u00e4 \ud83d\udc3c<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"contact-block\">\n            <span class=\"contact-block-icon\">\ud83d\udce7<\/span>\n            <div>\n              <h4>Email<\/h4>\n              <p><a href=\"mailto:info@pandalla.fi\">info@pandalla.fi<\/a><\/p>\n            <\/div>\n          <\/div>\n          <div class=\"contact-block\">\n            <span class=\"contact-block-icon\">\ud83c\udf10<\/span>\n            <div>\n              <h4>Verkkosivusto<\/h4>\n              <p><a href=\"https:\/\/pandalla.fi\/en\/\">pandalla.fi<\/a><\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"social-row reveal reveal-delay-3\">\n          <span>Seuraa meit\u00e4<\/span>\n          <a href=\"https:\/\/www.facebook.com\/p\/Kokonhallin-lounaskahvila-61578852964000\/\" target=\"_blank\" class=\"social-link\">f<\/a>\n          <a href=\"mailto:kokonhallinkahvila@gmail.com\" class=\"social-link\">@<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 FOOTER \u2550\u2550\u2550 -->\n  <footer>\n    <div class=\"footer-grid\">\n      <div>\n        <a href=\"#\" class=\"footer-logo\">Pandall<span><\/span><\/a>\n        <p class=\"footer-about\">Kokonhall Lunch Caf\u00e9 - fresh food, warmth and heart every day. Porvoo, Finland.<\/p>\n      <\/div>\n      <div class=\"footer-col\">\n        <div class=\"footer-col-title\">Navigate<\/div>\n        <ul>\n          <li><a href=\"#about\">About us<\/a><\/li>\n          <li><a href=\"#menu\">Menu<\/a><\/li>\n          <li><a href=\"#info\">Opening hours<\/a><\/li>\n          <li><a href=\"#info\">Contact details<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"footer-col\">\n        <div class=\"footer-col-title\">Contact details<\/div>\n        <ul>\n          <li><a href=\"mailto:info@pandalla.fi\">info@pandalla.fi<\/a><\/li>\n          <li>Kokonhalli, Porvoo<\/li>\n          <li><a href=\"https:\/\/pandalla.fi\/en\/\">pandalla.fi<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"footer-col\">\n        <div class=\"footer-col-title\">Opening hours<\/div>\n        <ul>\n          <li>Ma\u2013Pe &nbsp; 8:00\u201319:30<\/li>\n          <li>La\u2013Su &nbsp; 9:00\u201316:00<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"footer-bottom\">\n      <p>\u00a9 2025 Pandalla - Kokonhall Lunch Caf\u00e9. All rights reserved.<\/p>\n      <div class=\"footer-social\">\n        <a href=\"https:\/\/www.facebook.com\/p\/Kokonhallin-lounaskahvila-61578852964000\/\" target=\"_blank\" class=\"fsoc\">f<\/a>\n        <a href=\"mailto:info@pandalla.fi\" class=\"fsoc\">@<\/a>\n      <\/div>\n    <\/div>\n  <\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52e4a941 e-con-full e-flex e-con e-parent\" data-id=\"52e4a941\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff7ced8 elementor-widget elementor-widget-html\" data-id=\"ff7ced8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n    \/\/ cursor\n    const cur = document.getElementById('cur');\n    const curRing = document.getElementById('curRing');\n    let mx=0,my=0,rx=0,ry=0;\n    document.addEventListener('mousemove', e => { mx=e.clientX; my=e.clientY; cur.style.left=mx+'px'; cur.style.top=my+'px'; });\n    (function loop(){ rx+=(mx-rx)*0.12; ry+=(my-ry)*0.12; curRing.style.left=rx+'px'; curRing.style.top=ry+'px'; requestAnimationFrame(loop); })();\n    document.querySelectorAll('a,button').forEach(el=>{\n      el.addEventListener('mouseenter',()=>{ cur.style.transform='translate(-50%,-50%) scale(2)'; curRing.style.opacity='0'; });\n      el.addEventListener('mouseleave',()=>{ cur.style.transform='translate(-50%,-50%) scale(1)'; curRing.style.opacity='0.6'; });\n    });\n\n    \/\/ nav solid on scroll\n    const nav = document.getElementById('nav');\n    window.addEventListener('scroll', () => nav.classList.toggle('solid', window.scrollY > 60));\n\n    \/\/ scroll reveal\n    const obs = new IntersectionObserver(entries => {\n      entries.forEach(e => { if(e.isIntersecting) e.target.classList.add('in'); });\n    }, { threshold: 0.1 });\n    document.querySelectorAll('.reveal').forEach(el => obs.observe(el));\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Pandalla Meist\u00e4 Menu Aukioloajat Yhteystiedot Kokonhallin Lounaskahvila &nbsp;\u00b7&nbsp; Porvoo Ruokaa syd\u00e4mell\u00e4 tehty. Tuoretta lounasruokaa, herkullisia kahvihetki\u00e4 ja l\u00e4mmin tunnelma joka p\u00e4iv\u00e4. Tervetuloa Pandallaan. Katso Menu Aukioloajat P Porvoo, Kokonhalli Auki joka p\u00e4iv\u00e4 Aukioloajat Ma \u2013 Pe8:00 \u2013 19:30 La \u2013 Su9:00 \u2013 16:00 Aamukahvi \u2615\u2726 Tuore Lounas \ud83c\udf72\u2726 Leivonnaiset \ud83e\udd50\u2726 Salaatit \ud83e\udd57\u2726 L\u00e4mpim\u00e4t Keitot \ud83c\udf75\u2726 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/pandalla.fi\/en\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pandalla.fi\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pandalla.fi\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pandalla.fi\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pandalla.fi\/en\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":6,"href":"https:\/\/pandalla.fi\/en\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/pandalla.fi\/en\/wp-json\/wp\/v2\/pages\/42\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/pandalla.fi\/en\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}