{"id":218,"date":"2026-03-22T18:16:29","date_gmt":"2026-03-22T17:16:29","guid":{"rendered":"https:\/\/showroom.emiliaruszczyk.pl\/?page_id=218"},"modified":"2026-03-23T16:27:31","modified_gmt":"2026-03-23T15:27:31","slug":"gastronomia","status":"publish","type":"page","link":"https:\/\/showroom.emiliaruszczyk.pl\/?page_id=218","title":{"rendered":"Gastronomia"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"218\" class=\"elementor elementor-218\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b224e8 e-flex e-con-boxed e-con e-parent\" data-id=\"0b224e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e21fa39 elementor-widget elementor-widget-html\" data-id=\"e21fa39\" 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=Poppins:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.263.0\/dist\/umd\/lucide.min.js\"><\/script>\r\n\r\n<div id=\"premium-glass-header\">\r\n    <style>\r\n        \/* RESET I PODSTAWA *\/\r\n        body, html { margin: 0 !important; padding: 0 !important; }\r\n\r\n        #premium-glass-header {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            z-index: 99999; \r\n            padding: 25px 0;\r\n            transition: all 0.4s ease;\r\n            font-family: 'Poppins', sans-serif !important;\r\n            pointer-events: none; \r\n        }\r\n\r\n        #premium-glass-header.scrolled {\r\n            padding: 12px 0;\r\n            background: rgba(10, 10, 12, 0.8);\r\n            backdrop-filter: blur(15px);\r\n            -webkit-backdrop-filter: blur(15px);\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .header-inner {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 0 30px;\r\n            pointer-events: auto; \r\n        }\r\n\r\n        .header-logo {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            color: #ffffff !important;\r\n            text-decoration: none;\r\n            z-index: 100001; \/* Logo zawsze na wierzchu *\/\r\n        }\r\n\r\n        .header-logo span {\r\n            background: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        .header-nav { display: flex; gap: 35px; align-items: center; }\r\n\r\n        .header-nav a {\r\n            color: rgba(255, 255, 255, 0.8);\r\n            text-decoration: none;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            transition: 0.3s;\r\n        }\r\n\r\n        .cta-header-btn {\r\n            background: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);\r\n            color: #fff !important;\r\n            padding: 12px 24px;\r\n            border-radius: 14px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* PRZYCISK MENU \/ X *\/\r\n        .mobile-menu-toggle {\r\n            display: none;\r\n            background: none;\r\n            border: none;\r\n            color: white;\r\n            cursor: pointer;\r\n            z-index: 100001; \/* Przycisk zawsze nad menu *\/\r\n            padding: 10px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .mobile-menu-toggle:active { transform: scale(0.9); }\r\n\r\n        \/* RESPONSYWNO\u015a\u0106 SMARTFON *\/\r\n        @media (max-width: 767px) {\r\n            .mobile-menu-toggle { display: block; }\r\n\r\n            .header-nav {\r\n                position: fixed;\r\n                top: 0;\r\n                right: -100%;\r\n                width: 100%;\r\n                height: 100vh;\r\n                background: rgba(10, 10, 12, 0.98);\r\n                backdrop-filter: blur(20px);\r\n                flex-direction: column;\r\n                justify-content: center;\r\n                transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            }\r\n\r\n            .header-nav.active { right: 0; }\r\n\r\n            .header-nav a {\r\n                font-size: 24px;\r\n                margin: 15px 0;\r\n                color: #fff;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"header-inner\">\r\n        <a href=\"https:\/\/emiliaruszczyk.pl\/\" class=\"header-logo\">\r\n            Emilia<span>Ruszczyk<\/span>\r\n        <\/a>\r\n\r\n        <button class=\"mobile-menu-toggle\" id=\"menuToggle\" aria-label=\"Menu\">\r\n            <i data-lucide=\"menu\" id=\"menuIcon\"><\/i>\r\n        <\/button>\r\n\r\n        <nav class=\"header-nav\" id=\"navMenu\">\r\n            \r\n            <a href=\"https:\/\/showroom.emiliaruszczyk.pl\/\" target=\"_blank\" rel=\"noopener\" translate=\"no\">SHOWROOM&nbsp;<\/a>\r\n            \r\n            <a href=\"#kontakt\" class=\"cta-header-btn\">Bezp\u0142atna wycena<\/a>\r\n        <\/nav>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        const header = document.getElementById('premium-glass-header');\r\n        const menuToggle = document.getElementById('menuToggle');\r\n        const navMenu = document.getElementById('navMenu');\r\n        const menuIcon = document.getElementById('menuIcon');\r\n\r\n        \/\/ Scroll effect\r\n        window.addEventListener('scroll', () => {\r\n            if (window.scrollY > 30) header.classList.add('scrolled');\r\n            else header.classList.remove('scrolled');\r\n        });\r\n\r\n        \/\/ Funkcja prze\u0142\u0105czania menu\r\n        function toggleMenu() {\r\n            const isOpen = navMenu.classList.toggle('active');\r\n            \r\n            \/\/ Zmiana ikony: je\u015bli otwarte -> 'x', je\u015bli zamkni\u0119te -> 'menu'\r\n            if (window.lucide) {\r\n                menuIcon.setAttribute('data-lucide', isOpen ? 'x' : 'menu');\r\n                lucide.createIcons(); \/\/ Od\u015bwie\u017cenie ikon Lucide\r\n            }\r\n            \r\n            \/\/ Blokada scrollowania strony w tle\r\n            document.body.style.overflow = isOpen ? 'hidden' : '';\r\n        }\r\n\r\n        menuToggle.addEventListener('click', (e) => {\r\n            e.preventDefault();\r\n            toggleMenu();\r\n        });\r\n\r\n        \/\/ Zamkni\u0119cie menu po klikni\u0119ciu w dowolny link\r\n        document.querySelectorAll('.header-nav a').forEach(link => {\r\n            link.addEventListener('click', () => {\r\n                if(navMenu.classList.contains('active')) toggleMenu();\r\n            });\r\n        });\r\n\r\n        \/\/ Inicjalizacja ikon na starcie\r\n        if (window.lucide) lucide.createIcons();\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb2fc99 e-flex e-con-boxed e-con e-parent\" data-id=\"cb2fc99\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d0b7917 e-con-full e-flex e-con e-child\" data-id=\"d0b7917\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd93821 elementor-widget elementor-widget-html\" data-id=\"bd93821\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap');\r\n\r\n.card-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n  gap: 20px;\r\n  max-width: 1200px;\r\n  margin: 20px auto;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n}\r\n\r\n.p-card {\r\n  background: #18181b; \/* Ciemne t\u0142o jak na Twoim screenie *\/\r\n  border: 1px solid #27272a;\r\n  border-radius: 20px;\r\n  padding: 30px;\r\n  text-align: left;\r\n  color: #ffffff;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.p-card:hover { transform: translateY(-5px); border-color: #a855f7; }\r\n\r\n.p-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  background: rgba(168, 85, 247, 0.1);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.5rem;\r\n  margin-bottom: 20px;\r\n  border: 1px solid rgba(168, 85, 247, 0.3);\r\n}\r\n\r\n.p-title { font-size: 1.5rem; font-weight: 800; margin-bottom: 10px; color: #ffffff; }\r\n.p-desc { font-size: 0.95rem; color: #a1a1aa; margin-bottom: 25px; line-height: 1.5; }\r\n\r\n.p-features { list-style: none; padding: 0; margin: 0 0 30px 0; }\r\n.p-features li {\r\n  font-size: 0.9rem;\r\n  color: #e4e4e7;\r\n  margin-bottom: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.p-features li::before {\r\n  content: '\u2713';\r\n  color: #a855f7; \/* Fiolet z Twojego screena *\/\r\n  font-weight: 800;\r\n}\r\n\r\n.p-price { font-size: 1.8rem; font-weight: 800; color: #ffffff; margin-bottom: 20px; }\r\n\r\n.p-btn {\r\n  width: 100%;\r\n  background: #a855f7;\r\n  color: white;\r\n  border: none;\r\n  padding: 14px;\r\n  border-radius: 12px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  font-size: 0.95rem;\r\n  transition: background 0.2s;\r\n}\r\n.p-btn:hover { background: #9333ea; }\r\n<\/style>\r\n\r\n<div class=\"card-grid\">\r\n\r\n  <div class=\"p-card\">\r\n    <div>\r\n      <div class=\"p-icon\">\ud83c\udf55<\/div>\r\n      <div class=\"p-title\">Kreator Burgera \/ Pizzy<\/div>\r\n      <div class=\"p-desc\">Interaktywny panel konfiguracji sk\u0142adnik\u00f3w z podsumowaniem ceny na \u017cywo dla restauracji.<\/div>\r\n      <ul class=\"p-features\">\r\n        <li>Zwi\u0119ksza warto\u015b\u0107 koszyka o ok. 25%<\/li>\r\n        <li>Brak prze\u0142adowania strony (Czysty JS)<\/li>\r\n        <li>W 100% responsywny mobile-first<\/li>\r\n        <li>Liczy kalorie lub cen\u0119 dynamicznie<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div>\r\n      <div class=\"p-price\">od 500 z\u0142<\/div>\r\n      <a href=\"#kontakt\" class=\"p-btn\">Wdr\u00f3\u017c u Klienta<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e49dffc e-con-full e-flex e-con e-child\" data-id=\"e49dffc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46e5140 elementor-widget elementor-widget-html\" data-id=\"46e5140\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap');\r\n\r\n.piz-widget {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  max-width: 450px;\r\n  margin: 20px auto;\r\n  background: #ffffff;\r\n  border-radius: 20px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n  overflow: hidden;\r\n  border: 1px solid #f1f5f9;\r\n}\r\n\r\n.piz-header {\r\n  background: #dc2626; \/* Czerwie\u0144 w\u0142oskiej pizzerii *\/\r\n  color: white;\r\n  padding: 25px 20px;\r\n  text-align: center;\r\n}\r\n\r\n.piz-header h3 {\r\n  margin: 0 0 8px 0;\r\n  font-size: 1.25rem;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n}\r\n\r\n.piz-header p {\r\n  margin: 0;\r\n  font-size: 0.9rem;\r\n  opacity: 0.9;\r\n  color: #ffffff;\r\n}\r\n\r\n.piz-body {\r\n  padding: 25px 20px;\r\n}\r\n\r\n\/* Wizualizacja pizzy *\/\r\n.piz-preview-box {\r\n  background: #fffbeb;\r\n  border: 2px dashed #fcd34d;\r\n  border-radius: 16px;\r\n  padding: 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 25px;\r\n  min-height: 120px;\r\n}\r\n\r\n.piz-big-emoji {\r\n  font-size: 3.5rem;\r\n  margin-bottom: 10px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.piz-summary-list {\r\n  font-size: 0.85rem;\r\n  color: #b45309;\r\n  font-weight: 600;\r\n  text-align: center;\r\n}\r\n\r\n\/* Lista sk\u0142adnik\u00f3w *\/\r\n.piz-ingredients-title {\r\n  font-size: 0.85rem;\r\n  font-weight: 800;\r\n  color: #64748b;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.05em;\r\n  margin-bottom: 12px;\r\n  text-align: left;\r\n}\r\n\r\n.piz-ingredients-grid {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.piz-ing-item {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  background: #f8fafc;\r\n  padding: 12px 15px;\r\n  border-radius: 12px;\r\n  border: 1px solid #e2e8f0;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.piz-ing-item:hover {\r\n  border-color: #cbd5e1;\r\n  background: #f1f5f9;\r\n}\r\n\r\n.piz-ing-item.active {\r\n  border-color: #dc2626;\r\n  background: #fef2f2;\r\n}\r\n\r\n.piz-ing-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.piz-ing-emoji {\r\n  font-size: 1.3rem;\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #ffffff;\r\n  border-radius: 8px;\r\n  border: 1px solid #e2e8f0;\r\n}\r\n\r\n.piz-ing-name {\r\n  font-weight: 600;\r\n  color: #1e293b;\r\n  font-size: 0.95rem;\r\n}\r\n\r\n.piz-ing-price {\r\n  font-size: 0.85rem;\r\n  color: #64748b;\r\n  font-weight: 600;\r\n}\r\n\r\n.piz-footer {\r\n  padding: 20px;\r\n  background-color: #f8fafc;\r\n  border-top: 1px solid #e2e8f0;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.piz-total-label {\r\n  font-weight: 600;\r\n  color: #334155;\r\n}\r\n\r\n.piz-total-value {\r\n  font-size: 1.3rem;\r\n  font-weight: 800;\r\n  color: #1e293b;\r\n}\r\n\r\n.piz-btn-buy {\r\n  background: #dc2626;\r\n  color: white;\r\n  border: none;\r\n  padding: 12px 18px;\r\n  border-radius: 10px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  font-size: 0.9rem;\r\n  transition: all 0.2s;\r\n  box-shadow: 0 4px 10px rgba(220, 38, 38, 0.2);\r\n}\r\n\r\n.piz-btn-buy:hover {\r\n  background: #b91c1c;\r\n  transform: translateY(-2px);\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"piz-widget\">\r\n  <div class=\"piz-header\">\r\n    <h3>\ud83c\udf55 Kreator W\u0142asnej Pizzy<\/h3>\r\n    <p>Skonfiguruj pizz\u0119 i zobacz cen\u0119 na \u017cywo<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"piz-body\">\r\n    \r\n    <div class=\"piz-preview-box\">\r\n      <div id=\"piz-visual\" class=\"piz-big-emoji\">\ud83c\udf55<\/div>\r\n      <div id=\"piz-list\" class=\"piz-summary-list\">Ciasto + Sos pomidorowy + Ser Mozzarella<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"piz-ingredients-title\">Dodaj sk\u0142adniki (ka\u017cdy + 4.00 z\u0142):<\/div>\r\n\r\n    <div class=\"piz-ingredients-grid\">\r\n      \r\n      <div class=\"piz-ing-item\" onclick=\"toggleIngredient(this, 'Pieczarki', 4)\">\r\n        <div class=\"piz-ing-left\">\r\n          <div class=\"piz-ing-emoji\">\ud83c\udf44<\/div>\r\n          <span class=\"piz-ing-name\">Pieczarki<\/span>\r\n        <\/div>\r\n        <span class=\"piz-ing-price\">+4.00 z\u0142<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"piz-ing-item\" onclick=\"toggleIngredient(this, 'Salami Pepperoni', 4)\">\r\n        <div class=\"piz-ing-left\">\r\n          <div class=\"piz-ing-emoji\">\ud83e\udd69<\/div>\r\n          <span class=\"piz-ing-name\">Salami Pepperoni<\/span>\r\n        <\/div>\r\n        <span class=\"piz-ing-price\">+4.00 z\u0142<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"piz-ing-item\" onclick=\"toggleIngredient(this, 'Kukurydza', 4)\">\r\n        <div class=\"piz-ing-left\">\r\n          <div class=\"piz-ing-emoji\">\ud83c\udf3d<\/div>\r\n          <span class=\"piz-ing-name\">Kukurydza<\/span>\r\n        <\/div>\r\n        <span class=\"piz-ing-price\">+4.00 z\u0142<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"piz-ing-item\" onclick=\"toggleIngredient(this, 'Papryczki Jalapeno', 4)\">\r\n        <div class=\"piz-ing-left\">\r\n          <div class=\"piz-ing-emoji\">\ud83c\udf36\ufe0f<\/div>\r\n          <span class=\"piz-ing-name\">Papryczki Jalapeno<\/span>\r\n        <\/div>\r\n        <span class=\"piz-ing-price\">+4.00 z\u0142<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"piz-ing-item\" onclick=\"toggleIngredient(this, 'Cebula czerwona', 4)\">\r\n        <div class=\"piz-ing-left\">\r\n          <div class=\"piz-ing-emoji\">\ud83e\uddc5<\/div>\r\n          <span class=\"piz-ing-name\">Cebula czerwona<\/span>\r\n        <\/div>\r\n        <span class=\"piz-ing-price\">+4.00 z\u0142<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"piz-footer\">\r\n    <div>\r\n      <span class=\"piz-total-label\">Razem: <\/span>\r\n      <span id=\"piz-total\" class=\"piz-total-value\">29.00 z\u0142<\/span>\r\n    <\/div>\r\n    <button type=\"button\" class=\"piz-btn-buy\">Dodaj do koszyka<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function() {\r\n  const basePrice = 29.00; \/\/ Cena podstawowej Margarity\r\n  let selectedIngredients = [];\r\n\r\n  window.toggleIngredient = function(element, name, price) {\r\n    const totalDisplay = document.getElementById('piz-total');\r\n    const listDisplay = document.getElementById('piz-list');\r\n    const visualDisplay = document.getElementById('piz-visual');\r\n\r\n    if (!totalDisplay || !listDisplay || !visualDisplay) return;\r\n\r\n    \/\/ Sprawdzamy, czy sk\u0142adnik jest ju\u017c zaznaczony\r\n    const index = selectedIngredients.indexOf(name);\r\n\r\n    if (index > -1) {\r\n      \/\/ Sk\u0142adnik ju\u017c by\u0142, wi\u0119c go usuwamy\r\n      selectedIngredients.splice(index, 1);\r\n      element.classList.remove('active');\r\n    } else {\r\n      \/\/ Nowy sk\u0142adnik, wi\u0119c go dodajemy\r\n      selectedIngredients.push(name);\r\n      element.classList.add('active');\r\n      \r\n      \/\/ Ma\u0142a animacja podskakuj\u0105cej pizzy\r\n      visualDisplay.style.transform = \"scale(1.2) rotate(10deg)\";\r\n      setTimeout(() => {\r\n        visualDisplay.style.transform = \"scale(1) rotate(0deg)\";\r\n      }, 300);\r\n    }\r\n\r\n    \/\/ Przeliczamy cen\u0119\r\n    const currentPrice = basePrice + (selectedIngredients.length * price);\r\n    totalDisplay.innerText = currentPrice.toFixed(2) + \" z\u0142\";\r\n\r\n    \/\/ Przeliczamy tekstow\u0105 list\u0119 sk\u0142adnik\u00f3w\r\n    if (selectedIngredients.length === 0) {\r\n      listDisplay.innerText = \"Ciasto + Sos pomidorowy + Ser Mozzarella\";\r\n    } else {\r\n      listDisplay.innerText = \"Margarita + \" + selectedIngredients.join(\" + \");\r\n    }\r\n  };\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a116038 e-flex e-con-boxed e-con e-parent\" data-id=\"a116038\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-12947ca e-con-full e-flex e-con e-child\" data-id=\"12947ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0466c45 elementor-widget elementor-widget-html\" data-id=\"0466c45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap');\r\n\r\n.rez-widget {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  max-width: 450px;\r\n  margin: 20px auto;\r\n  background: #111827; \/* Elegancki, bardzo ciemny grafit *\/\r\n  color: #ffffff;\r\n  border-radius: 20px;\r\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);\r\n  overflow: hidden;\r\n  border: 1px solid #1f2937;\r\n}\r\n\r\n.rez-header {\r\n  background: linear-gradient(135deg, #fb923c 0%, #ea580c 100%); \/* Ciep\u0142y, gastronomiczny pomara\u0144cz *\/\r\n  padding: 25px 20px;\r\n  text-align: center;\r\n}\r\n\r\n.rez-header h3 {\r\n  margin: 0 0 8px 0;\r\n  font-size: 1.3rem;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n}\r\n\r\n.rez-header p {\r\n  margin: 0;\r\n  font-size: 0.9rem;\r\n  opacity: 0.9;\r\n  color: #ffffff;\r\n}\r\n\r\n.rez-body {\r\n  padding: 25px 20px;\r\n}\r\n\r\n.rez-form-group {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.rez-form-group label {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n  font-weight: 600;\r\n  color: #e5e7eb;\r\n  font-size: 0.85rem;\r\n  text-align: left;\r\n}\r\n\r\n.rez-input, .rez-select {\r\n  width: 100%;\r\n  padding: 15px 15px; \/* Zwi\u0119kszy\u0142em z 12px na 16px - b\u0119d\u0105 wy\u017csze! *\/\r\n  border-radius: 12px;\r\n  border: 1px solid #374151;\r\n  background-color: #1f2937;\r\n  font-size: 1rem; \/* Zwi\u0119kszy\u0142em czcionk\u0119 z 0.95rem na r\u00f3wne 1rem *\/\r\n  color: #ffffff;\r\n  transition: all 0.3s ease;\r\n  outline: none;\r\n  box-sizing: border-box;\r\n  height: 55px; \/* Wymuszamy sta\u0142\u0105, eleganck\u0105 wysoko\u015b\u0107 dla wszystkich p\u00f3l *\/\r\n}\r\n\r\n.rez-input:focus, .rez-select:focus {\r\n  border-color: #fb923c;\r\n  background-color: #111827;\r\n  box-shadow: 0 0 0 4px rgba(251, 146, 60, 0.2);\r\n}\r\n\r\n.rez-btn-primary {\r\n  width: 100%;\r\n  background: #ea580c;\r\n  color: white;\r\n  border: none;\r\n  padding: 14px;\r\n  border-radius: 12px;\r\n  font-size: 1rem;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 4px 12px rgba(234, 88, 12, 0.3);\r\n}\r\n\r\n.rez-btn-primary:hover {\r\n  background: #f97316;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 15px rgba(234, 88, 12, 0.4);\r\n}\r\n\r\n.rez-status-box {\r\n  margin-top: 20px;\r\n  padding: 15px;\r\n  border-radius: 12px;\r\n  background: #1f2937;\r\n  display: none; \/* Ukryty na start *\/\r\n  text-align: center;\r\n  border: 1px solid #374151;\r\n}\r\n\r\n\/* Klasy stan\u00f3w dynamicznych z JS *\/\r\n.rez-loading {\r\n  color: #9ca3af;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n}\r\n\r\n.rez-spinner {\r\n  width: 18px;\r\n  height: 18px;\r\n  border: 3px solid #374151;\r\n  border-top: 3px solid #fb923c;\r\n  border-radius: 50%;\r\n  animation: spin 1s linear infinite;\r\n}\r\n\r\n.rez-success {\r\n  background: rgba(16, 185, 129, 0.1);\r\n  border: 1px solid #10b981;\r\n}\r\n\r\n.rez-success-title {\r\n  color: #10b981;\r\n  font-weight: 800;\r\n  margin-bottom: 5px;\r\n  font-size: 1rem;\r\n}\r\n\r\n.rez-success-text {\r\n  color: #e5e7eb;\r\n  font-size: 0.85rem;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.rez-btn-success {\r\n  width: 100%;\r\n  background: #10b981;\r\n  color: white;\r\n  border: none;\r\n  padding: 12px;\r\n  border-radius: 10px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  font-size: 0.9rem;\r\n  transition: background 0.2s;\r\n}\r\n\r\n.rez-btn-success:hover {\r\n  background: #059669;\r\n}\r\n\r\n@keyframes spin {\r\n  to { transform: rotate(360deg); }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"rez-widget\">\r\n  <div class=\"rez-header\">\r\n    <h3>\ud83c\udf77 Zarezerwuj Stolik Online<\/h3>\r\n    <p>Szybko, wygodnie i bez dzwonienia<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"rez-body\">\r\n    <form id=\"reservation-form\">\r\n      <div class=\"rez-form-group\">\r\n        <label for=\"rez-date\">Wybierz dzie\u0144:<\/label>\r\n        <input type=\"date\" id=\"rez-date\" class=\"rez-input\" required>\r\n      <\/div>\r\n\r\n      <div class=\"rez-form-group\">\r\n        <label for=\"rez-time\">Wybierz godzin\u0119:<\/label>\r\n        <select id=\"rez-time\" class=\"rez-select\" required>\r\n          <option value=\"\">-- Wybierz godzin\u0119 --<\/option>\r\n          <option value=\"16:00\">16:00<\/option>\r\n          <option value=\"17:00\">17:00<\/option>\r\n          <option value=\"18:00\">18:00<\/option>\r\n          <option value=\"19:00\">19:00<\/option>\r\n          <option value=\"20:00\">20:00<\/option>\r\n          <option value=\"21:00\">21:00<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <div class=\"rez-form-group\">\r\n        <label for=\"rez-guests\">Liczba go\u015bci:<\/label>\r\n        <select id=\"rez-guests\" class=\"rez-select\" required>\r\n          <option value=\"2\">2 Osoby<\/option>\r\n          <option value=\"3\">3 Osoby<\/option>\r\n          <option value=\"4\">4 Osoby<\/option>\r\n          <option value=\"5\">5 Os\u00f3b<\/option>\r\n          <option value=\"6\">6 Os\u00f3b<\/option>\r\n          <option value=\"7+\">Grupa (7+ os\u00f3b)<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <button type=\"submit\" id=\"check-availability\" class=\"rez-btn-primary\">Sprawd\u017a dost\u0119pno\u015b\u0107<\/button>\r\n    <\/form>\r\n\r\n    <div id=\"status-container\" class=\"rez-status-box\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function() {\r\n  function initReservation() {\r\n    const form = document.getElementById('reservation-form');\r\n    const statusContainer = document.getElementById('status-container');\r\n    \r\n    if (!form || !statusContainer) return;\r\n\r\n    \/\/ Ustawienie dzisiejszej daty jako minimalnej\r\n    const dateInput = document.getElementById('rez-date');\r\n    if (dateInput) {\r\n      const today = new Date().toISOString().split('T')[0];\r\n      dateInput.setAttribute('min', today);\r\n    }\r\n\r\n    form.addEventListener('submit', function(e) {\r\n      e.preventDefault(); \/\/ Zatrzymaj prze\u0142adowanie strony\r\n\r\n      const dateValue = document.getElementById('rez-date').value;\r\n      const timeValue = document.getElementById('rez-time').value;\r\n      const guestsValue = document.getElementById('rez-guests').value;\r\n\r\n      \/\/ KROK 1: Pokazujemy animacj\u0119 \u0142adowania\r\n      statusContainer.style.display = 'block';\r\n      statusContainer.className = 'rez-status-box'; \/\/ Reset klas\r\n      statusContainer.innerHTML = `\r\n        <div class=\"rez-loading\">\r\n          <div class=\"rez-spinner\"><\/div>\r\n          <span>\u0141\u0105czenie z systemem restauracji...<\/span>\r\n        <\/div>\r\n      `;\r\n\r\n      \/\/ KROK 2: Po 2 sekundach udajemy, \u017ce system znalaz\u0142 stolik!\r\n      setTimeout(() => {\r\n        statusContainer.classList.add('rez-success');\r\n        statusContainer.innerHTML = `\r\n          <div class=\"rez-success-title\">\ud83c\udf89 Stolik jest dost\u0119pny!<\/div>\r\n          <div class=\"rez-success-text\">\r\n            Mamy dla Ciebie \u015bwietne miejsce na <strong>${guestsValue} os.<\/strong> \r\n            w dniu <strong>${dateValue}<\/strong> o <strong>${timeValue}<\/strong>.\r\n          <\/div>\r\n          <button type=\"button\" class=\"rez-btn-success\" id=\"confirm-booking\">Potwierdzam rezerwacj\u0119<\/button>\r\n        `;\r\n\r\n        \/\/ KROK 3: Po klikni\u0119ciu \"Potwierdzam\"\r\n        document.getElementById('confirm-booking').addEventListener('click', function() {\r\n          statusContainer.innerHTML = `\r\n            <div class=\"rez-success-title\">\u2705 Rezerwacja zatwierdzona!<\/div>\r\n            <div class=\"rez-success-text\">Do zobaczenia! Potwierdzenie wys\u0142ano na Tw\u00f3j e-mail (symulacja).<\/div>\r\n          `;\r\n        });\r\n\r\n      }, 2000); \/\/ 2 sekundy op\u00f3\u017anienia\r\n    });\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", initReservation);\r\n  } else {\r\n    initReservation();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-543678c e-con-full e-flex e-con e-child\" data-id=\"543678c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c8f157 elementor-widget elementor-widget-html\" data-id=\"8c8f157\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap');\r\n\r\n.card-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n  gap: 20px;\r\n  max-width: 1200px;\r\n  margin: 20px auto;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n}\r\n\r\n.p-card {\r\n  background: #18181b; \/* Dok\u0142adnie to ciemne t\u0142o z Twojego screena *\/\r\n  border: 1px solid #27272a;\r\n  border-radius: 20px;\r\n  padding: 30px;\r\n  text-align: left;\r\n  color: #ffffff;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.p-card:hover { \r\n  transform: translateY(-5px); \r\n  border-color: #a855f7; \/* Fioletowy akcent ze screena *\/\r\n}\r\n\r\n.p-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  background: rgba(168, 85, 247, 0.1);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.5rem;\r\n  margin-bottom: 20px;\r\n  border: 1px solid rgba(168, 85, 247, 0.3);\r\n}\r\n\r\n.p-title { font-size: 1.5rem; font-weight: 800; margin-bottom: 10px; color: #ffffff; }\r\n.p-desc { font-size: 0.95rem; color: #a1a1aa; margin-bottom: 25px; line-height: 1.5; }\r\n\r\n.p-features { list-style: none; padding: 0; margin: 0 0 30px 0; }\r\n.p-features li {\r\n  font-size: 0.9rem;\r\n  color: #e4e4e7;\r\n  margin-bottom: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.p-features li::before {\r\n  content: '\u2713';\r\n  color: #a855f7;\r\n  font-weight: 800;\r\n}\r\n\r\n.p-price { font-size: 1.8rem; font-weight: 800; color: #ffffff; margin-bottom: 20px; }\r\n\r\n.p-btn {\r\n  width: 100%;\r\n  background: #a855f7;\r\n  color: white;\r\n  border: none;\r\n  padding: 14px;\r\n  border-radius: 12px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  font-size: 0.95rem;\r\n  transition: background 0.2s;\r\n  display: block;\r\n}\r\n.p-btn:hover { background: #9333ea; }\r\n<\/style>\r\n\r\n<div class=\"card-grid\">\r\n\r\n  <div class=\"p-card\">\r\n    <div>\r\n      <div class=\"p-icon\">\ud83e\ude91<\/div>\r\n      <div class=\"p-title\">Rezerwacja Stolika Online<\/div>\r\n      <div class=\"p-desc\">Zautomatyzowany system rezerwacji stolik\u00f3w z wyborem strefy (ogr\u00f3dek, sala g\u0142\u00f3wna) i czasu dla restauracji.<\/div>\r\n      <ul class=\"p-features\">\r\n        <li>Brak prowizji od rezerwacji (w\u0142asny kod)<\/li>\r\n        <li>Wyb\u00f3r strefy (sala VIP, ogr\u00f3dek, okno)<\/li>\r\n        <li>Zwalnia obs\u0142ug\u0119 z odbierania telefon\u00f3w<\/li>\r\n        <li>B\u0142yskawiczne powiadomienia e-mail \/ SMS<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div>\r\n      <div class=\"p-price\">od 450 z\u0142<\/div>\r\n      <a href=\"#kontakt\" class=\"p-btn\">Wdr\u00f3\u017c u Klienta<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d255389 e-flex e-con-boxed e-con e-parent\" data-id=\"d255389\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cae4992 e-con-full e-flex e-con e-child\" data-id=\"cae4992\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e38b6b9 elementor-widget elementor-widget-html\" data-id=\"e38b6b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap');\r\n\r\n.card-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n  gap: 20px;\r\n  max-width: 1200px;\r\n  margin: 20px auto;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n}\r\n\r\n.p-card {\r\n  background: #18181b; \/* Ciemne t\u0142o zgodne z Twoim cennikiem *\/\r\n  border: 1px solid #27272a;\r\n  border-radius: 20px;\r\n  padding: 30px;\r\n  text-align: left;\r\n  color: #ffffff;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.p-card:hover { \r\n  transform: translateY(-5px); \r\n  border-color: #a855f7; \/* Fioletowy akcent ze screena *\/\r\n}\r\n\r\n.p-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  background: rgba(168, 85, 247, 0.1);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.5rem;\r\n  margin-bottom: 20px;\r\n  border: 1px solid rgba(168, 85, 247, 0.3);\r\n}\r\n\r\n.p-title { font-size: 1.5rem; font-weight: 800; margin-bottom: 10px; color: #ffffff; }\r\n.p-desc { font-size: 0.95rem; color: #a1a1aa; margin-bottom: 25px; line-height: 1.5; }\r\n\r\n.p-features { list-style: none; padding: 0; margin: 0 0 30px 0; }\r\n.p-features li {\r\n  font-size: 0.9rem;\r\n  color: #e4e4e7;\r\n  margin-bottom: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.p-features li::before {\r\n  content: '\u2713';\r\n  color: #a855f7;\r\n  font-weight: 800;\r\n}\r\n\r\n.p-price { font-size: 1.8rem; font-weight: 800; color: #ffffff; margin-bottom: 20px; }\r\n\r\n.p-btn {\r\n  width: 100%;\r\n  background: #a855f7;\r\n  color: white;\r\n  border: none;\r\n  padding: 14px;\r\n  border-radius: 12px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  font-size: 0.95rem;\r\n  transition: background 0.2s;\r\n  display: block;\r\n}\r\n.p-btn:hover { background: #9333ea; }\r\n<\/style>\r\n\r\n<div class=\"card-grid\">\r\n\r\n  <div class=\"p-card\">\r\n    <div>\r\n      <div class=\"p-icon\">\u23f1\ufe0f<\/div>\r\n      <div class=\"p-title\">Czas Dostawy Live<\/div>\r\n      <div class=\"p-desc\">Inteligentny licznik czasu oczekiwania aktualizowany na \u017cywo z panelu restauracji.<\/div>\r\n      <ul class=\"p-features\">\r\n        <li>Redukcja telefon\u00f3w z pytaniem \"Gdzie moje jedzenie?\"<\/li>\r\n        <li>Brak prze\u0142adowania strony (Czysty JS)<\/li>\r\n        <li>Sterowanie jednym klikni\u0119ciem z panelu<\/li>\r\n        <li>Dynamiczny pasek post\u0119pu (Progress Bar)<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div>\r\n      <div class=\"p-price\">od 400 z\u0142<\/div>\r\n      <a href=\"#kontakt\" class=\"p-btn\">Wdr\u00f3\u017c u Klienta<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-746da4f e-con-full e-flex e-con e-child\" data-id=\"746da4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f291997 elementor-widget elementor-widget-html\" data-id=\"f291997\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap');\r\n\r\n.time-widget {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  max-width: 420px;\r\n  margin: 20px auto;\r\n  background: #111111; \/* Bardzo ciemne t\u0142o *\/\r\n  color: #ffffff;\r\n  border-radius: 24px;\r\n  box-shadow: 0 10px 40px rgba(239, 68, 68, 0.15); \/* Czerwona po\u015bwiata *\/\r\n  overflow: hidden;\r\n  border: 1px solid #222222;\r\n}\r\n\r\n.time-header {\r\n  background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%); \/* Energetyczna czerwie\u0144 *\/\r\n  color: white;\r\n  padding: 20px;\r\n  text-align: center;\r\n}\r\n\r\n.time-header h3 {\r\n  margin: 0 0 5px 0;\r\n  font-size: 1.2rem;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n}\r\n\r\n.time-header p {\r\n  margin: 0;\r\n  font-size: 0.85rem;\r\n  opacity: 0.9;\r\n  color: #ffffff;\r\n}\r\n\r\n.time-body {\r\n  padding: 25px 20px;\r\n  text-align: center;\r\n}\r\n\r\n\/* Wizualny wska\u017anik czasu *\/\r\n.time-display {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.time-icon-box {\r\n  width: 60px;\r\n  height: 60px;\r\n  background: #1a1a1a;\r\n  border-radius: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 2rem;\r\n  border: 1px solid #333333;\r\n}\r\n\r\n.time-numbers-box {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n}\r\n\r\n.time-value {\r\n  font-size: 3rem;\r\n  font-weight: 800;\r\n  color: #ef4444; \/* Neonowy czerwony *\/\r\n  line-height: 1;\r\n}\r\n\r\n.time-unit {\r\n  font-size: 0.9rem;\r\n  font-weight: 600;\r\n  color: #888888;\r\n  margin-top: 2px;\r\n}\r\n\r\n\/* Pasek post\u0119pu (Progress Bar) *\/\r\n.time-progress-container {\r\n  width: 100%;\r\n  height: 8px;\r\n  background: #222222;\r\n  border-radius: 4px;\r\n  overflow: hidden;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.time-progress-bar {\r\n  height: 100%;\r\n  width: 100%; \/* Startujemy od pe\u0142nego czasu *\/\r\n  background: #ef4444;\r\n  transition: width 1s linear; \/* P\u0142ynna animacja *\/\r\n}\r\n\r\n\/* Panel sterowania dla klienta w showroomie (Admin Sim) *\/\r\n.time-admin-panel {\r\n  background: #1a1a1a;\r\n  border-radius: 16px;\r\n  padding: 15px;\r\n  border: 1px solid #333333;\r\n}\r\n\r\n.time-admin-title {\r\n  font-size: 0.8rem;\r\n  font-weight: 800;\r\n  color: #888888;\r\n  text-transform: uppercase;\r\n  margin-bottom: 12px;\r\n  text-align: left;\r\n}\r\n\r\n.time-admin-buttons {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 10px;\r\n}\r\n\r\n.time-admin-btn {\r\n  background: #222222;\r\n  color: #ffffff;\r\n  border: 1px solid #333333;\r\n  padding: 10px;\r\n  border-radius: 8px;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.time-admin-btn:hover {\r\n  background: #333333;\r\n  border-color: #ef4444;\r\n}\r\n\r\n.time-admin-btn.active {\r\n  background: #ef4444;\r\n  border-color: #ef4444;\r\n  font-weight: 800;\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"time-widget\">\r\n  <div class=\"time-header\">\r\n    <h3>\ud83d\udef5 Czas Dostawy Live<\/h3>\r\n    <p>Aktualny, szacowany czas oczekiwania na zam\u00f3wienie<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"time-body\">\r\n    \r\n    <div class=\"time-display\">\r\n      <div class=\"time-icon-box\">\u23f3<\/div>\r\n      <div class=\"time-numbers-box\">\r\n        <div id=\"delivery-time-val\" class=\"time-value\">45<\/div>\r\n        <div class=\"time-unit\">minut (szacunkowo)<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"time-progress-container\">\r\n      <div id=\"delivery-progress\" class=\"time-progress-bar\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"time-admin-panel\">\r\n      <div class=\"time-admin-title\">\ud83d\udd79\ufe0f Panel Sterowania (Symulacja dla klienta)<\/div>\r\n      <div class=\"time-admin-buttons\">\r\n        <button type=\"button\" class=\"time-admin-btn\" onclick=\"setDeliveryTime(this, 30)\">Szybko (30 min)<\/button>\r\n        <button type=\"button\" class=\"time-admin-btn active\" onclick=\"setDeliveryTime(this, 45)\">Standard (45 min)<\/button>\r\n        <button type=\"button\" class=\"time-admin-btn\" onclick=\"setDeliveryTime(this, 75)\">Du\u017cy ruch (75 min)<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function() {\r\n  let currentMaxTime = 45; \/\/ Domy\u015blny czas startowy\r\n  let timerInterval = null;\r\n  let remainingSeconds = currentMaxTime * 60;\r\n\r\n  function updateDisplay() {\r\n    const timeValEl = document.getElementById('delivery-time-val');\r\n    const progressBarEl = document.getElementById('delivery-progress');\r\n\r\n    if (!timeValEl || !progressBarEl) return;\r\n\r\n    \/\/ Przeliczamy sekundy na minuty (zaokr\u0105glone w g\u00f3r\u0119)\r\n    const minutesRemaining = Math.ceil(remainingSeconds \/ 60);\r\n    \r\n    \/\/ Podmieniamy numer\r\n    if (minutesRemaining > 0) {\r\n        timeValEl.innerText = minutesRemaining;\r\n    } else {\r\n        timeValEl.innerText = \"0\"; \/\/ Czas min\u0105\u0142\r\n    }\r\n\r\n    \/\/ Obliczamy procent paska post\u0119pu\r\n    const percentage = (remainingSeconds \/ (currentMaxTime * 60)) * 100;\r\n    progressBarEl.style.width = percentage + \"%\";\r\n\r\n    \/\/ Zmieniamy kolor paska, gdy czas si\u0119 ko\u0144czy (poni\u017cej 20%)\r\n    if (percentage < 20) {\r\n        progressBarEl.style.background = \"#f59e0b\"; \/\/ Pomara\u0144czowy (uwaga)\r\n    } else {\r\n        progressBarEl.style.background = \"#ef4444\"; \/\/ Czerwony (standard)\r\n    }\r\n  }\r\n\r\n  function startTimer() {\r\n    \/\/ Czy\u015bcimy stary interwa\u0142, je\u015bli istnieje\r\n    if (timerInterval) clearInterval(timerInterval);\r\n\r\n    remainingSeconds = currentMaxTime * 60;\r\n    updateDisplay(); \/\/ Pierwsza aktualizacja natychmiastowa\r\n\r\n    \/\/ Startujemy odliczanie co sekund\u0119\r\n    timerInterval = setInterval(() => {\r\n      remainingSeconds--;\r\n      updateDisplay();\r\n\r\n      if (remainingSeconds <= 0) {\r\n        clearInterval(timerInterval);\r\n        \/\/ Opcjonalnie: poka\u017c komunikat \"Smacznego!\"\r\n      }\r\n    }, 1000);\r\n  }\r\n\r\n  \/\/ Funkcja steruj\u0105ca (z panelu admina)\r\n  window.setDeliveryTime = function(element, minutes) {\r\n    \/\/ Aktualizujemy style przycisk\u00f3w\r\n    const buttons = document.querySelectorAll('.time-admin-btn');\r\n    buttons.forEach(btn => btn.classList.remove('active'));\r\n    element.classList.add('active');\r\n\r\n    \/\/ Ustawiamy nowy czas i restartujemy licznik\r\n    currentMaxTime = minutes;\r\n    startTimer();\r\n  };\r\n\r\n  \/\/ Inicjalizacja na starcie strony\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", startTimer);\r\n  } else {\r\n    startTimer();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e95f4a e-flex e-con-boxed e-con e-parent\" data-id=\"9e95f4a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f68a5ee e-con-full e-flex e-con e-child\" data-id=\"f68a5ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bd18ac elementor-widget elementor-widget-html\" data-id=\"8bd18ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap');\r\n\r\n.cal-widget {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  max-width: 450px;\r\n  margin: 20px auto;\r\n  background: #ffffff;\r\n  border-radius: 20px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n  overflow: hidden;\r\n  border: 1px solid #f0f0f0;\r\n}\r\n\r\n.cal-header {\r\n  background: #1e293b;\r\n  color: white;\r\n  padding: 25px 20px;\r\n  text-align: center;\r\n}\r\n\r\n.cal-header h3 {\r\n  margin: 0 0 8px 0;\r\n  font-size: 1.3rem;\r\n  font-weight: 800;\r\n  color: #ffffff; \/* Wymuszenie bia\u0142ego koloru w Elementorze *\/\r\n}\r\n\r\n.cal-header p {\r\n  margin: 0;\r\n  font-size: 0.9rem;\r\n  opacity: 0.8;\r\n  color: #ffffff;\r\n}\r\n\r\n.cal-body {\r\n  padding: 25px 20px;\r\n}\r\n\r\n.cal-form-group {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cal-form-group:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.cal-form-group label {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n  font-weight: 600;\r\n  color: #334155;\r\n  font-size: 0.9rem;\r\n  text-align: left;\r\n}\r\n\r\n.cal-select {\r\n  width: 100%;\r\n  padding: 1px 15px;\r\n  border-radius: 12px;\r\n  border: 2px solid #e2e8f0;\r\n  background-color: #f8fafc;\r\n  font-size: 0.95rem;\r\n  color: #1e293b;\r\n  transition: all 0.3s ease;\r\n  cursor: pointer;\r\n  outline: none;\r\n  box-sizing: border-box; \/* Kluczowe w WordPress *\/\r\n}\r\n\r\n.cal-select:focus {\r\n  border-color: #10b981;\r\n  background-color: #ffffff;\r\n  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.1);\r\n}\r\n\r\n.cal-footer {\r\n  padding: 20px;\r\n  background-color: #f8fafc;\r\n  border-top: 1px solid #e2e8f0;\r\n  text-align: center;\r\n}\r\n\r\n.cal-result-container {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  background: #ffffff;\r\n  padding: 15px;\r\n  border-radius: 12px;\r\n  border: 2px solid #10b981;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.cal-result-label {\r\n  font-weight: 600;\r\n  color: #334155;\r\n}\r\n\r\n.cal-result-value {\r\n  font-size: 1.4rem;\r\n  font-weight: 800;\r\n  color: #10b981;\r\n}\r\n\r\n.cal-reset-btn {\r\n  background: none;\r\n  border: none;\r\n  color: #64748b;\r\n  font-size: 0.85rem;\r\n  cursor: pointer;\r\n  text-decoration: underline;\r\n  transition: color 0.2s;\r\n  padding: 5px;\r\n}\r\n\r\n.cal-reset-btn:hover {\r\n  color: #ef4444;\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"cal-widget\">\r\n  <div class=\"cal-header\">\r\n    <h3>\ud83e\udd57 Kalkulator Kalorii Zam\u00f3wienia<\/h3>\r\n    <p>Skomponuj sw\u00f3j zestaw i sprawd\u017a kaloryczno\u015b\u0107<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"cal-body\">\r\n    <div class=\"cal-form-group\">\r\n      <label for=\"main-dish\">Wybierz danie g\u0142\u00f3wne:<\/label>\r\n      <select id=\"main-dish\" class=\"cal-select\">\r\n        <option value=\"0\">-- Wybierz danie --<\/option>\r\n        <option value=\"650\">\ud83c\udf54 Burger Wo\u0142owy (650 kcal)<\/option>\r\n        <option value=\"350\">\ud83e\udd57 Sa\u0142atka Cezar (350 kcal)<\/option>\r\n        <option value=\"720\">\ud83c\udf5d Makaron Carbonara (720 kcal)<\/option>\r\n        <option value=\"480\">\ud83d\udc1f Bowl z \u0141ososiem (480 kcal)<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"cal-form-group\">\r\n      <label for=\"side-dish\">Wybierz dodatek:<\/label>\r\n      <select id=\"side-dish\" class=\"cal-select\">\r\n        <option value=\"0\">-- Wybierz dodatek (lub brak) --<\/option>\r\n        <option value=\"420\">\ud83c\udf5f Frytki Belgijskie (420 kcal)<\/option>\r\n        <option value=\"250\">\ud83e\udd54 Pieczone Ziemniaczki (250 kcal)<\/option>\r\n        <option value=\"80\">\ud83e\udd6c Mix Sa\u0142at (80 kcal)<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"cal-form-group\">\r\n      <label for=\"drink\">Wybierz nap\u00f3j:<\/label>\r\n      <select id=\"drink\" class=\"cal-select\">\r\n        <option value=\"0\">-- Wybierz nap\u00f3j --<\/option>\r\n        <option value=\"140\">\ud83e\udd64 Coca-Cola (140 kcal)<\/option>\r\n        <option value=\"0\">\ud83d\udca7 Woda Niegazowana (0 kcal)<\/option>\r\n        <option value=\"120\">\ud83c\udf4a Sok Pomara\u0144czowy (120 kcal)<\/option>\r\n        <option value=\"180\">\ud83c\udf4b Domowa Lemoniada (180 kcal)<\/option>\r\n      <\/select>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"cal-footer\">\r\n    <div class=\"cal-result-container\">\r\n      <span class=\"cal-result-label\">Suma kalorii:<\/span>\r\n      <span id=\"total-calories\" class=\"cal-result-value\">0 kcal<\/span>\r\n    <\/div>\r\n    <button type=\"button\" class=\"cal-reset-btn\" id=\"reset-btn\">Wyczy\u015b\u0107 zestaw<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function() {\r\n  \/\/ Bezpieczne opakowanie kodu dla WordPressa (unikamy konflikt\u00f3w z innymi wtyczkami)\r\n  function initCalculator() {\r\n    const mainDishSelect = document.getElementById(\"main-dish\");\r\n    const sideDishSelect = document.getElementById(\"side-dish\");\r\n    const drinkSelect = document.getElementById(\"drink\");\r\n    const resultDisplay = document.getElementById(\"total-calories\");\r\n    const resetBtn = document.getElementById(\"reset-btn\");\r\n\r\n    if (!mainDishSelect || !sideDishSelect || !drinkSelect || !resultDisplay) return;\r\n\r\n    function calculateCalories() {\r\n      const mainCal = parseInt(mainDishSelect.value) || 0;\r\n      const sideCal = parseInt(sideDishSelect.value) || 0;\r\n      const drinkCal = parseInt(drinkSelect.value) || 0;\r\n\r\n      const total = mainCal + sideCal + drinkCal;\r\n\r\n      \/\/ Ma\u0142a animacja wyniku\r\n      resultDisplay.style.transform = \"scale(1.15)\";\r\n      resultDisplay.style.transition = \"transform 0.2s ease\";\r\n      \r\n      setTimeout(() => {\r\n        resultDisplay.textContent = total + \" kcal\";\r\n        resultDisplay.style.transform = \"scale(1)\";\r\n      }, 150);\r\n    }\r\n\r\n    mainDishSelect.addEventListener(\"change\", calculateCalories);\r\n    sideDishSelect.addEventListener(\"change\", calculateCalories);\r\n    drinkSelect.addEventListener(\"change\", calculateCalories);\r\n\r\n    resetBtn.addEventListener(\"click\", function (e) {\r\n      e.preventDefault();\r\n      mainDishSelect.value = \"0\";\r\n      sideDishSelect.value = \"0\";\r\n      drinkSelect.value = \"0\";\r\n      calculateCalories();\r\n    });\r\n  }\r\n\r\n  \/\/ Uruchomienie po za\u0142adowaniu strony\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", initCalculator);\r\n  } else {\r\n    initCalculator();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f164bce e-con-full e-flex e-con e-child\" data-id=\"f164bce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-845b74b elementor-widget elementor-widget-html\" data-id=\"845b74b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap');\r\n\r\n.card-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n  gap: 20px;\r\n  max-width: 1200px;\r\n  margin: 20px auto;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n}\r\n\r\n.p-card {\r\n  background: #18181b; \/* Ciemne t\u0142o zgodne z Twoj\u0105 ofert\u0105 *\/\r\n  border: 1px solid #27272a;\r\n  border-radius: 20px;\r\n  padding: 30px;\r\n  text-align: left;\r\n  color: #ffffff;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.p-card:hover { \r\n  transform: translateY(-5px); \r\n  border-color: #a855f7; \/* Tw\u00f3j fioletowy akcent *\/\r\n}\r\n\r\n.p-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  background: rgba(168, 85, 247, 0.1);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.5rem;\r\n  margin-bottom: 20px;\r\n  border: 1px solid rgba(168, 85, 247, 0.3);\r\n}\r\n\r\n.p-title { font-size: 1.5rem; font-weight: 800; margin-bottom: 10px; color: #ffffff; }\r\n.p-desc { font-size: 0.95rem; color: #a1a1aa; margin-bottom: 25px; line-height: 1.5; }\r\n\r\n.p-features { list-style: none; padding: 0; margin: 0 0 30px 0; }\r\n.p-features li {\r\n  font-size: 0.9rem;\r\n  color: #e4e4e7;\r\n  margin-bottom: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.p-features li::before {\r\n  content: '\u2713';\r\n  color: #a855f7;\r\n  font-weight: 800;\r\n}\r\n\r\n.p-price { font-size: 1.8rem; font-weight: 800; color: #ffffff; margin-bottom: 20px; }\r\n\r\n.p-btn {\r\n  width: 100%;\r\n  background: #a855f7;\r\n  color: white;\r\n  border: none;\r\n  padding: 14px;\r\n  border-radius: 12px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  font-size: 0.95rem;\r\n  transition: background 0.2s;\r\n  display: block;\r\n}\r\n.p-btn:hover { background: #9333ea; }\r\n<\/style>\r\n\r\n<div class=\"card-grid\">\r\n\r\n  <div class=\"p-card\">\r\n    <div>\r\n      <div class=\"p-icon\">\u2696\ufe0f<\/div>\r\n      <div class=\"p-title\">Kalkulator Kalorii Zam\u00f3wienia<\/div>\r\n      <div class=\"p-desc\">Liczy i wy\u015bwietla sum\u0119 kalorii na \u017cywo w koszyku. Idealne dla restauracji fit i catering\u00f3w.<\/div>\r\n      <ul class=\"p-features\">\r\n        <li>Podsumowanie makrosk\u0142adnik\u00f3w (B, W, T)<\/li>\r\n        <li>Brak prze\u0142adowania koszyka zakupowego<\/li>\r\n        <li>Wygodny dla os\u00f3b licz\u0105cych kalorie<\/li>\r\n        <li>Dzia\u0142a lekko i szybko (Czysty JS)<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div>\r\n      <div class=\"p-price\">od 400 z\u0142<\/div>\r\n      <a href=\"#kontakt\" class=\"p-btn\">Wdr\u00f3\u017c u Klienta<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1539d4 e-flex e-con-boxed e-con e-parent\" data-id=\"a1539d4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bc7f583 e-con-full e-flex e-con e-child\" data-id=\"bc7f583\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af6aa29 elementor-widget elementor-widget-html\" data-id=\"af6aa29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap');\r\n\r\n.card-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n  gap: 20px;\r\n  max-width: 1200px;\r\n  margin: 20px auto;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n}\r\n\r\n.p-card {\r\n  background: #18181b; \/* Twoje luksusowe, ciemne t\u0142o *\/\r\n  border: 1px solid #27272a;\r\n  border-radius: 20px;\r\n  padding: 30px;\r\n  text-align: left;\r\n  color: #ffffff;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.p-card:hover { \r\n  transform: translateY(-5px); \r\n  border-color: #a855f7; \/* Tw\u00f3j fioletowy akcent ze screena *\/\r\n}\r\n\r\n.p-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  background: rgba(168, 85, 247, 0.1);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.5rem;\r\n  margin-bottom: 20px;\r\n  border: 1px solid rgba(168, 85, 247, 0.3);\r\n}\r\n\r\n.p-title { font-size: 1.5rem; font-weight: 800; margin-bottom: 10px; color: #ffffff; }\r\n.p-desc { font-size: 0.95rem; color: #a1a1aa; margin-bottom: 25px; line-height: 1.5; }\r\n\r\n.p-features { list-style: none; padding: 0; margin: 0 0 30px 0; }\r\n.p-features li {\r\n  font-size: 0.9rem;\r\n  color: #e4e4e7;\r\n  margin-bottom: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.p-features li::before {\r\n  content: '\u2713';\r\n  color: #a855f7;\r\n  font-weight: 800;\r\n}\r\n\r\n.p-price { font-size: 1.8rem; font-weight: 800; color: #ffffff; margin-bottom: 20px; }\r\n\r\n.p-btn {\r\n  width: 100%;\r\n  background: #a855f7;\r\n  color: white;\r\n  border: none;\r\n  padding: 14px;\r\n  border-radius: 12px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  font-size: 0.95rem;\r\n  transition: background 0.2s;\r\n  display: block;\r\n}\r\n.p-btn:hover { background: #9333ea; }\r\n<\/style>\r\n\r\n<div class=\"card-grid\">\r\n\r\n  <div class=\"p-card\">\r\n    <div>\r\n      <div class=\"p-icon\">\ud83d\udce6<\/div>\r\n      <div class=\"p-title\">Licznik Darmowej Dostawy<\/div>\r\n      <div class=\"p-desc\">Inteligentny pasek post\u0119pu w koszyku, motywuj\u0105cy klient\u00f3w do dorzucenia produkt\u00f3w do zam\u00f3wienia.<\/div>\r\n      <ul class=\"p-features\">\r\n        <li>Zwi\u0119ksza \u015bredni\u0105 warto\u015b\u0107 zam\u00f3wienia (AOV)<\/li>\r\n        <li>Dynamiczny pasek post\u0119pu (Progress bar)<\/li>\r\n        <li>Kompatybilny z ka\u017cdym koszykiem (Czysty JS)<\/li>\r\n        <li>Psychologiczny wyzwalacz zakupowy<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div>\r\n      <div class=\"p-price\">od 350 z\u0142<\/div>\r\n      <a href=\"#kontakt\" class=\"p-btn\">Wdr\u00f3\u017c u Klienta<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d027e8 e-con-full e-flex e-con e-child\" data-id=\"5d027e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9039f9 elementor-widget elementor-widget-html\" data-id=\"f9039f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap');\r\n\r\n.ups-widget {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  max-width: 450px;\r\n  margin: 20px auto;\r\n  background: #ffffff;\r\n  border-radius: 20px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n  overflow: hidden;\r\n  border: 1px solid #f1f5f9;\r\n}\r\n\r\n.ups-header {\r\n  background: #0f172a;\r\n  color: white;\r\n  padding: 25px 20px;\r\n  text-align: center;\r\n}\r\n\r\n.ups-header h3 {\r\n  margin: 0 0 8px 0;\r\n  font-size: 1.25rem;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n}\r\n\r\n.ups-header p {\r\n  margin: 0;\r\n  font-size: 0.9rem;\r\n  opacity: 0.8;\r\n  color: #ffffff;\r\n}\r\n\r\n.ups-body {\r\n  padding: 25px 20px;\r\n}\r\n\r\n\/* Styl paska post\u0119pu *\/\r\n.ups-progress-container {\r\n  background: #e2e8f0;\r\n  height: 16px;\r\n  border-radius: 20px;\r\n  width: 100%;\r\n  margin: 15px 0;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.ups-progress-bar {\r\n  height: 100%;\r\n  width: 0%;\r\n  background: linear-gradient(90deg, #f97316 0%, #f59e0b 100%);\r\n  border-radius: 20px;\r\n  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.ups-progress-bar.unlocked {\r\n  background: linear-gradient(90deg, #10b981 0%, #059669 100%);\r\n}\r\n\r\n.ups-summary {\r\n  text-align: center;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.ups-needed-text {\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  color: #1e293b;\r\n}\r\n\r\n.ups-needed-text.unlocked {\r\n  color: #10b981;\r\n}\r\n\r\n\/* Szybkie menu do klikania *\/\r\n.ups-menu-title {\r\n  font-size: 0.85rem;\r\n  font-weight: 800;\r\n  color: #64748b;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.05em;\r\n  margin-bottom: 12px;\r\n  text-align: left;\r\n}\r\n\r\n.ups-products {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.ups-product-item {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  background: #f8fafc;\r\n  padding: 12px 15px;\r\n  border-radius: 12px;\r\n  border: 1px solid #e2e8f0;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.ups-product-item:hover {\r\n  border-color: #cbd5e1;\r\n  background: #f1f5f9;\r\n}\r\n\r\n.ups-prod-flex {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n}\r\n\r\n\/* Okr\u0105g\u0142e k\u00f3\u0142eczka dla ikon Emoji *\/\r\n.ups-prod-emoji-badge {\r\n  width: 42px;\r\n  height: 42px;\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.4rem;\r\n  background: #ffffff;\r\n  border: 1px solid #e2e8f0;\r\n}\r\n\r\n.ups-prod-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  text-align: left;\r\n}\r\n\r\n.ups-prod-name {\r\n  font-weight: 600;\r\n  color: #1e293b;\r\n  font-size: 0.95rem;\r\n}\r\n\r\n.ups-prod-price {\r\n  font-size: 0.85rem;\r\n  color: #64748b;\r\n}\r\n\r\n.ups-add-btn {\r\n  background: #ffffff;\r\n  border: 1px solid #cbd5e1;\r\n  padding: 8px 12px;\r\n  border-radius: 8px;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  color: #334155;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.ups-add-btn:hover {\r\n  background: #0f172a;\r\n  color: #ffffff;\r\n  border-color: #0f172a;\r\n}\r\n\r\n.ups-footer {\r\n  padding: 20px;\r\n  background-color: #f8fafc;\r\n  border-top: 1px solid #e2e8f0;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.ups-total-label {\r\n  font-weight: 600;\r\n  color: #334155;\r\n}\r\n\r\n.ups-total-value {\r\n  font-size: 1.3rem;\r\n  font-weight: 800;\r\n  color: #0f172a;\r\n}\r\n\r\n.ups-reset {\r\n  background: none;\r\n  border: none;\r\n  color: #ef4444;\r\n  font-size: 0.8rem;\r\n  cursor: pointer;\r\n  text-decoration: underline;\r\n  padding: 5px;\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"ups-widget\">\r\n  <div class=\"ups-header\">\r\n    <h3>\ud83d\udef5 Test darmowej dostawy<\/h3>\r\n    <p>Dodaj produkty do koszyka i zobacz upselling w akcji<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"ups-body\">\r\n    <div class=\"ups-progress-container\">\r\n      <div id=\"progress-bar\" class=\"ups-progress-bar\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ups-summary\">\r\n      <div id=\"summary-status\" class=\"ups-needed-text\">\r\n        Brakuje Ci <span style=\"color: #f97316; font-size: 1.2rem; font-weight: 800;\" id=\"amount-left\">100.00 z\u0142<\/span> do darmowej dostawy!\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ups-menu-title\">Symuluj zam\u00f3wienie (kliknij \"+\"):<\/div>\r\n    \r\n    <div class=\"ups-products\">\r\n      \r\n      <div class=\"ups-product-item\">\r\n        <div class=\"ups-prod-flex\">\r\n          <div class=\"ups-prod-emoji-badge\">\ud83c\udf55<\/div>\r\n          <div class=\"ups-prod-info\">\r\n            <span class=\"ups-prod-name\">Pizza Margherita<\/span>\r\n            <span class=\"ups-prod-price\">32.00 z\u0142<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <button type=\"button\" class=\"ups-add-btn\" onclick=\"addToCart(32)\">+ Dodaj<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"ups-product-item\">\r\n        <div class=\"ups-prod-flex\">\r\n          <div class=\"ups-prod-emoji-badge\">\ud83c\udf54<\/div>\r\n          <div class=\"ups-prod-info\">\r\n            <span class=\"ups-prod-name\">Burger Klasyk<\/span>\r\n            <span class=\"ups-prod-price\">25.00 z\u0142<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <button type=\"button\" class=\"ups-add-btn\" onclick=\"addToCart(25)\">+ Dodaj<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"ups-product-item\">\r\n        <div class=\"ups-prod-flex\">\r\n          <div class=\"ups-prod-emoji-badge\">\ud83c\udf5f<\/div>\r\n          <div class=\"ups-prod-info\">\r\n            <span class=\"ups-prod-name\">Frytki Belgijskie<\/span>\r\n            <span class=\"ups-prod-price\">12.00 z\u0142<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <button type=\"button\" class=\"ups-add-btn\" onclick=\"addToCart(12)\">+ Dodaj<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"ups-product-item\">\r\n        <div class=\"ups-prod-flex\">\r\n          <div class=\"ups-prod-emoji-badge\">\ud83e\udd64<\/div>\r\n          <div class=\"ups-prod-info\">\r\n            <span class=\"ups-prod-name\">Coca Cola (0.5l)<\/span>\r\n            <span class=\"ups-prod-price\">8.00 z\u0142<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <button type=\"button\" class=\"ups-add-btn\" onclick=\"addToCart(8)\">+ Dodaj<\/button>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ups-footer\">\r\n    <div>\r\n      <span class=\"ups-total-label\">Tw\u00f3j koszyk: <\/span>\r\n      <span id=\"total-cart\" class=\"ups-total-value\">0.00 z\u0142<\/span>\r\n    <\/div>\r\n    <button type=\"button\" class=\"ups-reset\" onclick=\"resetCart()\">Wyczy\u015b\u0107<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function() {\r\n  let currentTotal = 0;\r\n  const threshold = 100;\r\n\r\n  function updateUI() {\r\n    const progressBar = document.getElementById('progress-bar');\r\n    const summaryStatus = document.getElementById('summary-status');\r\n    const totalCart = document.getElementById('total-cart');\r\n\r\n    if (!progressBar || !summaryStatus || !totalCart) return;\r\n\r\n    totalCart.innerText = currentTotal.toFixed(2) + \" z\u0142\";\r\n\r\n    const percentage = Math.min((currentTotal \/ threshold) * 100, 100);\r\n    progressBar.style.width = percentage + \"%\";\r\n\r\n    if (currentTotal >= threshold) {\r\n      progressBar.classList.add('unlocked');\r\n      summaryStatus.innerHTML = \"\ud83c\udf89 Gratulacje! Masz <strong>Darmow\u0105 Dostaw\u0119!<\/strong>\";\r\n      summaryStatus.style.color = \"#10b981\";\r\n    } else {\r\n      progressBar.classList.remove('unlocked');\r\n      summaryStatus.style.color = \"#1e293b\";\r\n      const missing = threshold - currentTotal;\r\n      summaryStatus.innerHTML = `Brakuje Ci <span style=\"color: #f97316; font-size: 1.2rem; font-weight: 800;\">${missing.toFixed(2)} z\u0142<\/span> do darmowej dostawy!`;\r\n    }\r\n  }\r\n\r\n  window.addToCart = function(price) {\r\n    currentTotal += price;\r\n    updateUI();\r\n  };\r\n\r\n  window.resetCart = function() {\r\n    currentTotal = 0;\r\n    updateUI();\r\n  };\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", updateUI);\r\n  } else {\r\n    updateUI();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f268b95 e-flex e-con-boxed e-con e-parent\" data-id=\"f268b95\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ee5b1bd e-con-full e-flex e-con e-child\" data-id=\"ee5b1bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3562427 elementor-widget elementor-widget-html\" data-id=\"3562427\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap');\r\n\r\n.rul-widget {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  max-width: 450px;\r\n  margin: 20px auto;\r\n  background: #ffffff;\r\n  border-radius: 20px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n  overflow: hidden;\r\n  border: 1px solid #f1f5f9;\r\n  text-align: center;\r\n}\r\n\r\n.rul-header {\r\n  background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); \/* Fioletowo-purpurowy gradient \"gamingowy\" *\/\r\n  color: white;\r\n  padding: 25px 20px;\r\n}\r\n\r\n.rul-header h3 {\r\n  margin: 0 0 8px 0;\r\n  font-size: 1.25rem;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n}\r\n\r\n.rul-header p {\r\n  margin: 0;\r\n  font-size: 0.9rem;\r\n  opacity: 0.9;\r\n  color: #ffffff;\r\n}\r\n\r\n.rul-body {\r\n  padding: 35px 25px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 20px;\r\n}\r\n\r\n\/* Okno losowania *\/\r\n.rul-display {\r\n  width: 100%;\r\n  background: #f8fafc;\r\n  border: 2px solid #e2e8f0;\r\n  border-radius: 16px;\r\n  padding: 30px 20px;\r\n  min-height: 120px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  transition: all 0.3s ease;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.rul-display.winner {\r\n  background: #f0fdf4;\r\n  border-color: #10b981;\r\n}\r\n\r\n.rul-emoji {\r\n  font-size: 3rem;\r\n  margin-bottom: 10px;\r\n  transition: transform 0.2s;\r\n}\r\n\r\n.rul-text {\r\n  font-size: 1.2rem;\r\n  font-weight: 800;\r\n  color: #1e293b;\r\n}\r\n\r\n.rul-subtext {\r\n  font-size: 0.85rem;\r\n  color: #64748b;\r\n  margin-top: 5px;\r\n}\r\n\r\n\/* Przycisk losowania *\/\r\n.rul-btn-spin {\r\n  width: 100%;\r\n  background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);\r\n  color: white;\r\n  border: none;\r\n  padding: 16px;\r\n  border-radius: 12px;\r\n  font-size: 1.05rem;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.rul-btn-spin:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);\r\n}\r\n\r\n.rul-btn-spin:disabled {\r\n  background: #cbd5e1;\r\n  color: #94a3b8;\r\n  cursor: not-allowed;\r\n  transform: none;\r\n  box-shadow: none;\r\n}\r\n\r\n\/* Przycisk zam\u00f3wienia (pojawia si\u0119 po wygranej) *\/\r\n.rul-btn-order {\r\n  width: 100%;\r\n  background: #10b981;\r\n  color: white;\r\n  border: none;\r\n  padding: 14px;\r\n  border-radius: 12px;\r\n  font-size: 1rem;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  display: none; \/* Ukryty na start *\/\r\n  transition: all 0.2s;\r\n  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2);\r\n}\r\n\r\n.rul-btn-order:hover {\r\n  background: #059669;\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"rul-widget\">\r\n  <div class=\"rul-header\">\r\n    <h3>\ud83c\udfb2 Ruletka Smak\u00f3w<\/h3>\r\n    <p>Nie wiesz, co zje\u015b\u0107? Pozw\u00f3l nam zdecydowa\u0107!<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"rul-body\">\r\n    \r\n    <div id=\"rul-screen\" class=\"rul-display\">\r\n      <div id=\"rul-emoji\" class=\"rul-emoji\">\u2753<\/div>\r\n      <div id=\"rul-text\" class=\"rul-text\">Kliknij przycisk poni\u017cej!<\/div>\r\n      <div id=\"rul-subtext\" class=\"rul-subtext\">Wylosujemy dla Ciebie idealne danie<\/div>\r\n    <\/div>\r\n\r\n    <button type=\"button\" id=\"spin-btn\" class=\"rul-btn-spin\">\ud83c\udfb0 Losuj m\u00f3j obiad!<\/button>\r\n    \r\n    <button type=\"button\" id=\"order-btn\" class=\"rul-btn-order\">\ud83d\uded2 Dodaj do zam\u00f3wienia!<\/button>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function() {\r\n  \/\/ Lista da\u0144 do wylosowania (mo\u017cesz j\u0105 dowolnie modyfikowa\u0107!)\r\n  const dishes = [\r\n    { emoji: \"\ud83c\udf55\", name: \"Pizza Pepperoni\", desc: \"Klasyk na ostro!\" },\r\n    { emoji: \"\ud83c\udf54\", name: \"Bacon Burger\", desc: \"Z chrupi\u0105cym bekonem\" },\r\n    { emoji: \"\ud83e\udd57\", name: \"Sa\u0142atka Cezar\", desc: \"Lekka i chrupi\u0105ca\" },\r\n    { emoji: \"\ud83c\udf5d\", name: \"Pasta Carbonara\", desc: \"Kremowa i syc\u0105ca\" },\r\n    { emoji: \"\ud83c\udf63\", name: \"Zestaw Sushi\", desc: \"\u015awie\u017co i zdrowo!\" },\r\n    { emoji: \"\ud83c\udf2f\", name: \"Burrito Wo\u0142owe\", desc: \"Meksyka\u0144ska uczta!\" },\r\n    { emoji: \"\ud83e\udd5e\", name: \"Nale\u015bniki z owocami\", desc: \"Co\u015b na s\u0142odko!\" },\r\n    { emoji: \"\ud83c\udf5c\", name: \"Ramen z kurczakiem\", desc: \"Rozgrzewaj\u0105cy wywar\" }\r\n  ];\r\n\r\n  function initRoulette() {\r\n    const spinBtn = document.getElementById('spin-btn');\r\n    const orderBtn = document.getElementById('order-btn');\r\n    const screen = document.getElementById('rul-screen');\r\n    const displayEmoji = document.getElementById('rul-emoji');\r\n    const displayText = document.getElementById('rul-text');\r\n    const displaySub = document.getElementById('rul-subtext');\r\n\r\n    if (!spinBtn || !screen) return;\r\n\r\n    spinBtn.addEventListener('click', function() {\r\n      \/\/ 1. Reset i zablokowanie przycisku\r\n      spinBtn.disabled = true;\r\n      orderBtn.style.display = 'none';\r\n      screen.classList.remove('winner');\r\n      displaySub.innerText = \"Trwa losowanie...\";\r\n\r\n      let counter = 0;\r\n      const totalTicks = 20; \/\/ Ile razy przeskoczy potrawa\r\n      const speed = 100; \/\/ Szybko\u015b\u0107 przeskakiwania (ms)\r\n\r\n      \/\/ 2. Efekt przeskakiwania da\u0144 (ruletka)\r\n      const interval = setInterval(() => {\r\n        const randomDish = dishes[Math.floor(Math.random() * dishes.length)];\r\n        displayEmoji.innerText = randomDish.emoji;\r\n        displayText.innerText = randomDish.name;\r\n        \r\n        \/\/ Lekkie podskakiwanie emoji podczas losowania\r\n        displayEmoji.style.transform = counter % 2 === 0 ? \"scale(1.2)\" : \"scale(1)\";\r\n\r\n        counter++;\r\n\r\n        if (counter >= totalTicks) {\r\n          clearInterval(interval);\r\n          \r\n          \/\/ 3. Koniec losowania - ostateczny zwyci\u0119zca\r\n          const winner = dishes[Math.floor(Math.random() * dishes.length)];\r\n          \r\n          displayEmoji.innerText = winner.emoji;\r\n          displayText.innerText = winner.name;\r\n          displaySub.innerText = winner.desc;\r\n          \r\n          displayEmoji.style.transform = \"scale(1.3)\";\r\n          screen.classList.add('winner');\r\n          \r\n          spinBtn.innerText = \"\ud83c\udfb0 Losuj ponownie\";\r\n          spinBtn.disabled = false;\r\n          \r\n          \/\/ Pokazujemy przycisk akcji!\r\n          orderBtn.style.display = 'block';\r\n        }\r\n      }, speed);\r\n    });\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", initRoulette);\r\n  } else {\r\n    initRoulette();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab69f96 e-con-full e-flex e-con e-child\" data-id=\"ab69f96\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cecd6a elementor-widget elementor-widget-html\" data-id=\"0cecd6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap');\r\n\r\n.card-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n  gap: 20px;\r\n  max-width: 1200px;\r\n  margin: 20px auto;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n}\r\n\r\n.p-card {\r\n  background: #18181b; \/* Ciemne t\u0142o zgodne z Twoim cennikiem *\/\r\n  border: 1px solid #27272a;\r\n  border-radius: 20px;\r\n  padding: 30px;\r\n  text-align: left;\r\n  color: #ffffff;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.p-card:hover { \r\n  transform: translateY(-5px); \r\n  border-color: #a855f7; \/* Tw\u00f3j fioletowy akcent ze screena *\/\r\n}\r\n\r\n.p-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  background: rgba(168, 85, 247, 0.1);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.5rem;\r\n  margin-bottom: 20px;\r\n  border: 1px solid rgba(168, 85, 247, 0.3);\r\n}\r\n\r\n.p-title { font-size: 1.5rem; font-weight: 800; margin-bottom: 10px; color: #ffffff; }\r\n.p-desc { font-size: 0.95rem; color: #a1a1aa; margin-bottom: 25px; line-height: 1.5; }\r\n\r\n.p-features { list-style: none; padding: 0; margin: 0 0 30px 0; }\r\n.p-features li {\r\n  font-size: 0.9rem;\r\n  color: #e4e4e7;\r\n  margin-bottom: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.p-features li::before {\r\n  content: '\u2713';\r\n  color: #a855f7;\r\n  font-weight: 800;\r\n}\r\n\r\n.p-price { font-size: 1.8rem; font-weight: 800; color: #ffffff; margin-bottom: 20px; }\r\n\r\n.p-btn {\r\n  width: 100%;\r\n  background: #a855f7;\r\n  color: white;\r\n  border: none;\r\n  padding: 14px;\r\n  border-radius: 12px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  font-size: 0.95rem;\r\n  transition: background 0.2s;\r\n  display: block;\r\n}\r\n.p-btn:hover { background: #9333ea; }\r\n<\/style>\r\n\r\n<div class=\"card-grid\">\r\n\r\n  <div class=\"p-card\">\r\n    <div>\r\n      <div class=\"p-icon\">\ud83c\udfb0<\/div>\r\n      <div class=\"p-title\">Ruletka Smak\u00f3w (Grywalizacja)<\/div>\r\n      <div class=\"p-desc\">Interaktywne ko\u0142o fortuny z nagrodami (rabaty, darmowe napoje), kt\u00f3re zamienia zakupy w \u015bwietn\u0105 zabaw\u0119.<\/div>\r\n      <ul class=\"p-features\">\r\n        <li>Zwi\u0119ksza konwersj\u0119 i czas sp\u0119dzony na stronie<\/li>\r\n        <li>Pozwala na budowanie bazy newsletterowej<\/li>\r\n        <li>Mo\u017cliwo\u015b\u0107 ustawienia szansy na wygran\u0105<\/li>\r\n        <li>Zatrzymuje porzucanie koszyk\u00f3w zakupowych<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div>\r\n      <div class=\"p-price\">od 550 z\u0142<\/div>\r\n      <a href=\"#kontakt\" class=\"p-btn\">Wdr\u00f3\u017c u Klienta<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d387225 e-flex e-con-boxed e-con e-parent\" data-id=\"d387225\" data-element_type=\"container\" data-e-type=\"container\" id=\"kontakt\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a042372 elementor-widget elementor-widget-html\" data-id=\"a042372\" 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=Poppins:wght@300;400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.263.0\/dist\/umd\/lucide.min.js\"><\/script>\r\n\r\n<div id=\"wrapper-kontakt-premium\">\r\n    <style>\r\n        #wrapper-kontakt-premium, #wrapper-kontakt-premium * {\r\n            font-family: 'Poppins', sans-serif !important;\r\n            box-sizing: border-box !important;\r\n        }\r\n\r\n        #wrapper-kontakt-premium {\r\n            background: #0a0a0c !important;\r\n            padding: 80px 20px;\r\n            color: #ffffff;\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .contact-container {\r\n            width: 100%;\r\n            max-width: 1100px;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1.2fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* LEWA STRONA *\/\r\n        .contact-info h2 {\r\n            font-size: clamp(30px, 4vw, 42px) !important;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            background: linear-gradient(135deg, #fff 0%, #94a3b8 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        .contact-info p { color: #94a3b8; font-size: 16px; margin-bottom: 30px; font-weight: 300; }\r\n\r\n        .benefit-card {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 12px;\r\n            background: rgba(255, 255, 255, 0.03);\r\n            border-radius: 12px;\r\n            margin-bottom: 12px;\r\n            border: 1px solid rgba(255, 255, 255, 0.05);\r\n        }\r\n        .benefit-card i { color: #ec4899; }\r\n\r\n        \/* PRAWA STRONA - FORMULARZ *\/\r\n        .form-glass {\r\n            background: rgba(255, 255, 255, 0.02);\r\n            backdrop-filter: blur(20px);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 24px;\r\n            padding: 35px;\r\n        }\r\n\r\n        .form-group { margin-bottom: 18px; position: relative; }\r\n\r\n        .form-group label {\r\n            display: block;\r\n            font-size: 12px;\r\n            color: #94a3b8;\r\n            margin-bottom: 6px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        \/* NAPRAWIONE INPUTY I SELECT *\/\r\n        .input-control {\r\n            width: 100%;\r\n            height: 54px; \/* Sztywna wysoko\u015b\u0107 dla wszystkich p\u00f3l *\/\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 12px;\r\n            padding: 0 15px 0 45px; \/* Wy\u015brodkowanie tekstu w pionie przez padding 0 *\/\r\n            color: #fff;\r\n            font-size: 15px;\r\n            transition: all 0.3s ease;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* SPECJALNA NAPRAWA DLA SELECTA *\/\r\n        select.input-control {\r\n            cursor: pointer;\r\n            appearance: none !important;\r\n            -webkit-appearance: none !important;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\") !important;\r\n            background-repeat: no-repeat !important;\r\n            background-position: right 15px center !important;\r\n            background-size: 16px !important;\r\n            line-height: 54px !important; \/* Wymuszenie centrowania w niekt\u00f3rych przegl\u0105darkach *\/\r\n        }\r\n\r\n        \/* Textarea musi mie\u0107 auto wysoko\u015b\u0107 *\/\r\n        textarea.input-control {\r\n            height: auto !important;\r\n            min-height: 100px;\r\n            padding-top: 15px !important;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .form-group i.field-icon {\r\n            position: absolute;\r\n            left: 15px;\r\n            top: 36px; \/* Idealne wyr\u00f3wnanie przy labelu *\/\r\n            color: #64748b;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .submit-btn {\r\n            width: 100%;\r\n            background: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);\r\n            color: #fff;\r\n            border: none;\r\n            height: 56px;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .submit-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 20px rgba(236, 72, 153, 0.3);\r\n        }\r\n\r\n        .success-overlay { display: none; text-align: center; color: #4ade80; margin-top: 15px; font-size: 14px; }\r\n\r\n        @media (max-width: 900px) {\r\n            .contact-container { grid-template-columns: 1fr; gap: 40px; }\r\n            .form-glass { padding: 25px; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"contact-container\">\r\n        <div class=\"contact-info\">\r\n            <h2>Porozmawiajmy o Twoim projekcie<\/h2>\r\n            <p>Napisz kilka s\u0142\u00f3w o swoim biznesie, a zaproponuj\u0119 najlepsze rozwi\u0105zanie.<\/p>\r\n            \r\n            <div class=\"benefit-card\"><i data-lucide=\"zap\" size=\"18\"><\/i><span>Szybka odpowied\u017a w 24h<\/span><\/div>\r\n            <div class=\"benefit-card\"><i data-lucide=\"shield-check\" size=\"18\"><\/i><span>Pe\u0142ne bezpiecze\u0144stwo danych<\/span><\/div>\r\n            <div class=\"benefit-card\"><i data-lucide=\"cpu\" size=\"18\"><\/i><span>Wsparcie AI i automatyzacji<\/span><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-wrapper\">\r\n            <form id=\"premium-contact-form\" class=\"form-glass\">\r\n                <div class=\"form-group\">\r\n                    <label>Imi\u0119 i nazwisko<\/label>\r\n                    <i data-lucide=\"user\" size=\"18\" class=\"field-icon\"><\/i>\r\n                    <input type=\"text\" class=\"input-control\" placeholder=\"Twoje imi\u0119...\" required>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                    <label>Adres e-mail<\/label>\r\n                    <i data-lucide=\"mail\" size=\"18\" class=\"field-icon\"><\/i>\r\n                    <input type=\"email\" class=\"input-control\" placeholder=\"twoj@email.pl\" required>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                    <label>Opis projektu<\/label>\r\n                    <i data-lucide=\"message-square\" size=\"18\" class=\"field-icon\"><\/i>\r\n                    <textarea class=\"input-control\" placeholder=\"W czym mog\u0119 Ci pom\u00f3c?\"><\/textarea>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                    <label>Przybli\u017cony bud\u017cet<\/label>\r\n                    <i data-lucide=\"banknote\" size=\"18\" class=\"field-icon\"><\/i>\r\n                    <select class=\"input-control\">\r\n                        <option value=\"\" disabled selected>Wybierz zakres (opcjonalnie)<\/option>\r\n                        <option value=\"1\">Poni\u017cej 5 000 PLN<\/option>\r\n                        <option value=\"2\">5 000 - 15 000 PLN<\/option>\r\n                        <option value=\"3\">Powy\u017cej 15 000 PLN<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"submit-btn\">\r\n                    <span>Wy\u015blij zapytanie<\/span>\r\n                    <i data-lucide=\"send\" size=\"18\"><\/i>\r\n                <\/button>\r\n\r\n                <div id=\"form-success\" class=\"success-overlay\">\r\n                    <i data-lucide=\"check-circle\" size=\"18\" style=\"vertical-align: middle; margin-right: 5px;\"><\/i> \r\n                    Wiadomo\u015b\u0107 wys\u0142ana! Odpowiem niebawem.\r\n                <\/div>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        if (window.lucide) lucide.createIcons();\r\n        const form = document.getElementById('premium-contact-form');\r\n        const successMsg = document.getElementById('form-success');\r\n\r\n        form.addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            const btn = form.querySelector('.submit-btn');\r\n            btn.innerHTML = 'Wysy\u0142anie...';\r\n            btn.style.opacity = '0.7';\r\n\r\n            setTimeout(() => {\r\n                form.reset();\r\n                btn.innerHTML = 'Wy\u015blij zapytanie <i data-lucide=\"send\" size=\"18\"><\/i>';\r\n                btn.style.opacity = '1';\r\n                successMsg.style.display = 'block';\r\n                if (window.lucide) lucide.createIcons();\r\n                setTimeout(() => { successMsg.style.display = 'none'; }, 5000);\r\n            }, 1200);\r\n        });\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3153160 e-flex e-con-boxed e-con e-parent\" data-id=\"3153160\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-145d842 elementor-widget elementor-widget-html\" data-id=\"145d842\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer id=\"premium-footer\">\r\n    <style>\r\n        \/* Wymuszenie czcionki dla WSZYSTKICH element\u00f3w wewn\u0105trz stopki *\/\r\n        #premium-footer, \r\n        #premium-footer * {\r\n            font-family: 'Poppins', sans-serif !important;\r\n        }\r\n\r\n        #premium-footer {\r\n            background: #0a0a0c;\r\n            color: #ffffff;\r\n            padding: 80px 0 30px 0;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Po\u015bwiata w tle *\/\r\n        #premium-footer::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -150px;\r\n            right: -150px;\r\n            width: 300px;\r\n            height: 300px;\r\n            background: radial-gradient(circle, rgba(139, 92, 246, 0.12) 0%, transparent 70%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .footer-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 30px;\r\n            display: grid;\r\n            grid-template-columns: 1.5fr 1fr 1fr 1.2fr;\r\n            gap: 40px;\r\n        }\r\n\r\n        \/* LOGO *\/\r\n        .footer-logo {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            display: block;\r\n            text-decoration: none;\r\n            color: #fff !important;\r\n        }\r\n\r\n        .footer-logo span {\r\n            background: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        .footer-bio {\r\n            color: rgba(255, 255, 255, 0.6);\r\n            font-size: 14px;\r\n            line-height: 1.6;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        \/* TYTU\u0141Y SEKCJI - Teraz na 100% Poppins *\/\r\n        .footer-heading {\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            margin-bottom: 25px;\r\n            color: #ffffff;\r\n            text-transform: none; \/* Zapobiega wymuszaniu wielkich liter przez niekt\u00f3re motywy *\/\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        \/* LINKI *\/\r\n        .footer-links {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .footer-links li {\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .footer-links a {\r\n            color: rgba(255, 255, 255, 0.6);\r\n            text-decoration: none;\r\n            font-size: 14px;\r\n            transition: all 0.3s ease;\r\n            display: inline-block;\r\n        }\r\n\r\n        .footer-links a:hover {\r\n            color: #ec4899;\r\n            padding-left: 5px;\r\n        }\r\n\r\n        \/* KONTAKT I SOCIALE *\/\r\n        .footer-contact-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            color: rgba(255, 255, 255, 0.6);\r\n            font-size: 14px;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .social-icons {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-top: 25px;\r\n        }\r\n\r\n        .social-icons a {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: rgba(255, 255, 255, 0.03);\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            text-decoration: none;\r\n        }\r\n\r\n        .social-icons a:hover {\r\n            background: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);\r\n            border-color: transparent;\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 20px rgba(236, 72, 153, 0.2);\r\n        }\r\n\r\n        \/* DOLNY PASEK *\/\r\n        .footer-bottom {\r\n            max-width: 1200px;\r\n            margin: 60px auto 0 auto;\r\n            padding: 30px 30px 0 30px;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-size: 13px;\r\n            color: rgba(255, 255, 255, 0.4);\r\n        }\r\n\r\n        \/* RESPONSYWNO\u015a\u0106 *\/\r\n        @media (max-width: 991px) {\r\n            .footer-container { grid-template-columns: 1fr 1fr; }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            #premium-footer { padding: 60px 0 30px 0; }\r\n            .footer-container { grid-template-columns: 1fr; text-align: center; }\r\n            .footer-contact-item, .social-icons { justify-content: center; }\r\n            .footer-bottom { flex-direction: column; gap: 15px; text-align: center; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"footer-container\">\r\n        <div class=\"footer-col\">\r\n            <a href=\"\/\" class=\"footer-logo\">\r\n                Emilia<span>Ruszczyk<\/span>\r\n            <\/a>\r\n            <p class=\"footer-bio\">\r\n                Projektuj\u0119 nowoczesne do\u015bwiadczenia cyfrowe. Tworz\u0119 strony, kt\u00f3re \u0142\u0105cz\u0105 estetyk\u0119 z wysok\u0105 konwersj\u0105 i automatyzacj\u0105.\r\n            <\/p>\r\n        <\/div>\r\n\r\n\r\n        <div class=\"footer-col\">\r\n            <h4 class=\"footer-heading\">Eksploruj<\/h4>\r\n            <ul class=\"footer-links\">\r\n                <li><a href=\"https:\/\/showroom.emiliaruszczyk.pl\/\" target=\"_blank\" rel=\"noopener\">Showroom<\/a><\/li>\r\n                <li><a href=\"#polityka\">Polityka prywatno\u015bci<\/a><\/li>\r\n                <li><a href=\"#cookies\">Cookies<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"footer-col\">\r\n            <h4 class=\"footer-heading\">Kontakt<\/h4>\r\n            <div class=\"footer-contact-item\">\r\n                <i data-lucide=\"mail\" size=\"18\"><\/i>\r\n                ignisdigital@emiliaruszczyk.pl\r\n            <\/div>\r\n            <div class=\"social-icons\">\r\n                <a href=\"https:\/\/www.linkedin.com\/in\/emilia-ruszczyk-78055719a\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn\">\r\n        <i data-lucide=\"linkedin\" size=\"20\"><\/i>\r\n    <\/a>\r\n                <a href=\"https:\/\/www.instagram.com\/nowoczesny_wymiar_stron\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\r\n        <i data-lucide=\"instagram\" size=\"20\"><\/i>\r\n    <\/a>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"footer-bottom\">\r\n        <p>\u00a9 2026 Emilia Ruszczyk. Wszystkie prawa zastrze\u017cone.<\/p>\r\n        <p>Design & Code: Emilia Ruszczyk<\/p>\r\n    <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n    if (window.lucide) lucide.createIcons();\r\n<\/script>\t\t\t\t<\/div>\n\t\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>EmiliaRuszczyk SHOWROOM&nbsp; Bezp\u0142atna wycena \ud83c\udf55 Kreator Burgera \/ Pizzy Interaktywny panel konfiguracji sk\u0142adnik\u00f3w z podsumowaniem ceny na \u017cywo dla restauracji. [&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":"","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-218","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/showroom.emiliaruszczyk.pl\/index.php?rest_route=\/wp\/v2\/pages\/218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/showroom.emiliaruszczyk.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/showroom.emiliaruszczyk.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/showroom.emiliaruszczyk.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/showroom.emiliaruszczyk.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=218"}],"version-history":[{"count":10,"href":"https:\/\/showroom.emiliaruszczyk.pl\/index.php?rest_route=\/wp\/v2\/pages\/218\/revisions"}],"predecessor-version":[{"id":273,"href":"https:\/\/showroom.emiliaruszczyk.pl\/index.php?rest_route=\/wp\/v2\/pages\/218\/revisions\/273"}],"wp:attachment":[{"href":"https:\/\/showroom.emiliaruszczyk.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}