{"id":1874,"date":"2025-09-12T19:04:30","date_gmt":"2025-09-12T17:04:30","guid":{"rendered":"https:\/\/sunnio.sk\/?page_id=1874"},"modified":"2025-10-17T00:09:11","modified_gmt":"2025-10-16T22:09:11","slug":"sunnio-sk-ziari-na-kazdy-web","status":"publish","type":"page","link":"https:\/\/sunnio.sk\/","title":{"rendered":"Sunnio.sk | \u017eiari na ka\u017ed\u00fd web"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1874\" class=\"elementor elementor-1874\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb008c3 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"fb008c3\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInUp&quot;,&quot;animation_delay&quot;:0}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8280a15 elementor-widget elementor-widget-html\" data-id=\"8280a15\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\r\n.contact-btn {\r\n    cursor: pointer;\r\n}\r\n.mockup-responsive-wrapper {\r\n  width: 100vw;\r\n  height: auto;\r\n display: flex;\r\n  justify-content: center;\r\n  align-items: flex-start; \/* \u2b05\ufe0f d\u00f4le\u017eit\u00e9: zarovna\u0165 navrch *\/\r\n  overflow: hidden;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n \r\n.mockup-content {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 100vw; \/*1920px;*\/\r\n  aspect-ratio: 16 \/ 9;\r\n}\r\n\r\n\r\n\/* 3. Video *\/\r\n.mockup-content video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* 4. Presne pozicionovan\u00fd iframe vo\u010di origin\u00e1lu *\/\r\n.iframe-holder {\r\n  position: absolute;\r\n  top: 53.8%;     \/* = 280px \/ 1080px *\/\r\n  left: 14%;  \/* = 300px \/ 1920px *\/\r\n  width: 100%; \/* = 1320px \/ 1920px *\/\r\n  height: 100%;\/* = 720px \/ 1080px *\/\r\n  overflow: hidden;\r\n\/*  pointer-events: none;*\/\r\n}\r\n\r\n\/* 5. Zmen\u0161enie + skos iframe *\/\r\n.iframe-skew {\r\n  width: 100%;\r\n  height: 100%;\r\n  transform: perspective(1500px) rotateX(10deg) rotateY(6deg) scale(0.34);\r\n  transform-origin: top left;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n}\r\n\r\n.video-holder-tablet {\r\n  position: absolute;\r\n  top: 59%;     \/* = 280px \/ 1080px *\/\r\n  left: 51.2%;  \/* = 300px \/ 1920px *\/\r\n  width: 79%; \/* = 1320px \/ 1920px *\/\r\n  height: 79%; \/* = 720px \/ 1080px *\/\r\n  overflow: hidden;\r\n  pointer-events: auto; \/* Zak\u00e1\u017ee kliky na cel\u00fa oblas\u0165 *\/\r\n}\r\n\r\n.video-skew-tablet {\r\n  width: 90%;\r\n  height: 100%;\r\n  transform: perspective(11000px) rotateX(2deg) rotateY(6deg) scale(0.385);\r\n  transform-origin: top left;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n\tpointer-events: none; \/* Zak\u00e1\u017ee kliky na cel\u00fa oblas\u0165 *\/\r\n}\r\n\r\n.iframe-skew iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: none;\r\n}\r\n\r\n.video-skew-tablet video {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n\r\n.video-overlay-link {\r\nposition: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 5;\r\n  pointer-events: auto;\r\n\tcursor: pointer;\r\n}\r\n\r\n\/* Predvolene skry\u0165 mobiln\u00fd fallback *\/\r\n.mockup-mobile-fallback {\r\n  position: relative;\r\n  width: 100vw;\r\n  overflow: hidden;\r\n  display: none; \/* Skryt\u00e9 na desktopoch \u2013 zobraz\u00ed sa len na mobile cez media query *\/\r\n}\r\n\r\n.mockup-mobile-fallback img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\n\/* Overlay cez ::after *\/\r\n.mockup-mobile-fallback::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0,0,0,0.3);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n\r\n\/* Zobraz na mobiloch (\u0161\u00edrka do 768px) *\/\r\n@media screen and (max-width: 768px) {\r\n  .mockup-responsive-wrapper {\r\n    display: none; \/* Skry\u0165 video+iframe sekciu *\/\r\n  }\r\n\r\n  .mockup-mobile-fallback {\r\n    display: block; \/* Zobrazi\u0165 statick\u00fd obr\u00e1zok *\/\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"mockup-responsive-wrapper\">\r\n  <div class=\"mockup-content\">\r\n    <video autoplay muted loop playsinline>\r\n      <source src=\"https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/09\/Notebook-And-Tablet.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <div class=\"iframe-holder\">\r\n      <div class=\"iframe-skew\">\r\n        <iframe src=\"https:\/\/evkakvety-eshop.eu\" scrolling=\"yes\"><\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"video-holder-tablet contact-btn\">\r\n      <div class=\"video-skew-tablet\">\r\n      <video autoplay muted loop playsinline>\r\n      <source  src=\"https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/09\/Notebook-And-Tablet-2.mp4\" type=\"video\/mp4\">\r\n        <\/video> \r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n<!-- Z\u00e1lo\u017en\u00fd obr\u00e1zok pre mobily -->\r\n<div class=\"mockup-mobile-fallback\">\r\n  <img decoding=\"async\" src=\"https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/09\/hero-image.jpg\" alt=\"N\u00e1h\u013ead intro\" \/>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-389ccf5 elementor-align-center animated-slow elementor-absolute contact-btn elementor-invisible elementor-widget elementor-widget-button\" data-id=\"389ccf5\" data-element_type=\"widget\" id=\"c\" data-settings=\"{&quot;_animation&quot;:&quot;bounceIn&quot;,&quot;_animation_delay&quot;:10000,&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Kontaktujte n\u00e1s<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2fe020a animated-slow elementor-absolute elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2fe020a\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;,&quot;_animation_delay&quot;:7000,&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pr\u00e1ve ho tvor\u00edme.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-989365d animated-slow elementor-absolute elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"989365d\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;,&quot;_animation_delay&quot;:2000,&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">V\u00e1\u0161 nov\u00fd web? <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64318f8 e-con-full e-flex e-con e-parent\" data-id=\"64318f8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9bff235 e-con-full e-flex e-con e-child\" data-id=\"9bff235\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d50ff1d e-con-full e-flex e-con e-parent\" data-id=\"d50ff1d\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1e20915 e-con-full orange-box e-flex e-con e-child\" data-id=\"1e20915\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5d9e188 e-con-full e-flex e-con e-child\" data-id=\"5d9e188\" data-element_type=\"container\" id=\"orange-text\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66e5096 elementor-widget__width-initial contact-btn elementor-widget elementor-widget-heading\" data-id=\"66e5096\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><a href=\"#\">M\u00c1M<br>Z\u00c1UJEM!<\/a><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56939c4 elementor-widget elementor-widget-heading\" data-id=\"56939c4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pozrite si<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d05e66c elementor-widget elementor-widget-heading\" data-id=\"d05e66c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Na\u0161e<br> slu\u017eby<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90390ec elementor-widget elementor-widget-heading\" data-id=\"90390ec\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">pre V\u00e1s<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff4e06a elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"ff4e06a\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7dfa4b6 e-con-full right-gallery e-flex elementor-invisible e-con e-child\" data-id=\"7dfa4b6\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInRight&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-296ab7b e-con-full e-flex e-con e-child\" data-id=\"296ab7b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0e2a35 elementor-widget elementor-widget-html\" data-id=\"b0e2a35\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* Pre tablety a mobily *\/\r\n\/* Skry\u0165 nov\u00e9 menu na desktope *\/\r\n#services-menu {\r\n  display: none;\r\n}\r\n\r\n\r\n\/* Zobrazi\u0165 menu iba na mobiloch *\/\r\n@media (max-width: 768px) {\r\n  #services-menu {\r\n    display: flex;               \/* flexbox pre jednoduch\u00e9 centrovanie *\/\r\n    justify-content: center;     \/* horizont\u00e1lne centrovanie *\/\r\n    margin-top: 30px;\r\n  }\r\n\r\n  #services-menu .menu {\r\n    display: flex;               \/* polo\u017eky ved\u013ea seba *\/\r\n    gap: 10px;                   \/* medzery medzi tla\u010didlami *\/\r\n  }\r\n  #services-menu .menu span {\r\n    padding: 10px;\r\n    max-width: 120px;\r\n    text-align: center;\r\n    background-color: #f4f4f4;   \/* default farba pozadia *\/\r\n    height: 40px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    border-radius: 4px 4px 0 0;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    color: #333;\r\n    text-decoration: underline;\r\n    font-family: \"Karla\", Sans-serif;\r\n    letter-spacing: 5.5px;\r\n    transition: background-color 0.3s;\r\n  }\r\n\r\n  \/* Akt\u00edvna polo\u017eka *\/\r\n  #services-menu .menu span.is-active-m {\r\n    background-color: #e6a045; \/* oran\u017eov\u00e1 pre vybran\u00fa polo\u017eku *\/\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<div id=\"services-menu\">\r\n  <div class=\"menu\">\r\n    <span class=\"tab-btn-1 is-active-m\">Web<\/span>\r\n    <span class=\"tab-btn-2\">E&#8209;shop<\/span>\r\n    <span class=\"tab-btn-3\">Logo<\/span>\r\n    <span class=\"tab-btn-4\">SEO<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const mobileMenuItems = document.querySelectorAll('#services-menu .menu span');\r\n  const desktopMenuItems = document.querySelectorAll('.desktop-menu span'); \/\/ uprav pod\u013ea existuj\u00faceho desktop menu\r\n  const tabs = document.querySelectorAll('.tab-content');\r\n\r\n  function updateMenu() {\r\n    const activeTab = Array.from(tabs).find(t => t.classList.contains('active')) || tabs[0];\r\n    const idx = activeTab.id.split('-')[1];\r\n\r\n    \/\/ Mobiln\u00e9 menu\r\n    mobileMenuItems.forEach(i => i.classList.remove('is-active-m'));\r\n    const activeMobileItem = document.querySelector(`#services-menu .menu .tab-btn-${idx}`);\r\n    if (activeMobileItem) activeMobileItem.classList.add('is-active-m');\r\n\r\n    \/\/ Desktopov\u00e9 menu\r\n    desktopMenuItems.forEach(i => i.classList.remove('is-active'));\r\n    const activeDesktopItem = document.querySelector(`.desktop-menu .tab-btn-${idx}`);\r\n    if (activeDesktopItem) activeDesktopItem.classList.add('is-active');\r\n  }\r\n\r\n  \/\/ Kliknutie na mobiln\u00e9 menu\r\n  mobileMenuItems.forEach(item => {\r\n    item.addEventListener('click', function() {\r\n      const cls = Array.from(this.classList).find(c => \/^tab-btn-\\d+$\/.test(c));\r\n      if (!cls) return;\r\n      const idx = cls.match(\/^tab-btn-(\\d+)$\/)[1];\r\n\r\n      \/\/ Prepnutie tabu sekcie\r\n      tabs.forEach(t => t.classList.remove('active'));\r\n      const targetTab = document.getElementById('tab-' + idx);\r\n      if (targetTab) targetTab.classList.add('active');\r\n\r\n      \/\/ Synchroniz\u00e1cia oboch menu\r\n      updateMenu();\r\n    });\r\n  });\r\n\r\n  \/\/ Synchroniz\u00e1cia pri resize okna\r\n  window.addEventListener('resize', updateMenu);\r\n\r\n  \/\/ Prednastaven\u00e1 akt\u00edvna polo\u017eka na za\u010diatku\r\n  updateMenu();\r\n});\r\n<\/script>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-962bcfe tab-content e-con-full e-flex e-con e-child\" data-id=\"962bcfe\" data-element_type=\"container\" id=\"tab-1\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-122e9de elementor-widget elementor-widget-html\" data-id=\"122e9de\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n  <style>\r\n   #site-preview {\r\n      border: 1px solid #ccc;\r\n      max-width: 85%;\r\n      margin: 40px auto 0;\r\n      box-shadow: 0 0 10px rgba(0,0,0,0.1);\r\n      overflow: hidden;\r\n      border-radius: 8px;\r\n      background-color: #fff;\r\n    }\r\n\r\n    .site-header {\r\n     max-width: 100% !important;\r\n     margin: 0;   \r\n      background: #333;\r\n      color: white;\r\n      padding: 10px 20px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n    }\r\n\r\n    .logo[contenteditable] {\r\n      font-size: 24px;\r\n      font-weight: bold;\r\n      outline: none;\r\n      cursor: text;\r\n    }\r\n\r\n    .menu {\r\n      display: flex;\r\n      gap: 15px;\r\n    }\r\n\r\n    .menu span[contenteditable] {\r\n      cursor: text;\r\n      padding: 5px;\r\n      outline: none;\r\n    }\r\n\r\n    .hero {\r\n      cursor: pointer;\r\n      position: relative;\r\n      background-image: url('https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/09\/logo_web-t-z.png');\r\n      background-size: contain;\r\n       background-repeat: no-repeat;\r\n      background-position: center;\r\n      text-align: center;\r\n      color: white;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      aspect-ratio: 16\/9;\r\n    }\r\n\r\n    .hero::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0;\r\n      right: 0; bottom: 0;\r\n      background: rgba(0,0,0,0.5);\r\n      z-index: 1;\r\n    }\r\n\r\n    .hero.overlay::before {\r\n       background: rgba(0,0,0,0);\r\n    }\r\n    .hero-text {\r\n      position: relative;\r\n      z-index: 2;\r\n      font-size: 28px;\r\n      font-weight: bold;\r\n      transition: opacity 0.5s ease;\r\n    }\r\n\r\n    #fileInput {\r\n      display: none;\r\n    }\r\n\r\n    .order-text, #firemneSluzby {\r\n      text-align: center;\r\n      margin-top: 40px;\r\n      letter-spacing: 0px;\r\n    }\r\n\r\n    .order-text h2, .order-text h3 {\r\n      color: #202020;\r\n      padding: 30px;\r\n      line-height: 1.6;\r\n    }\r\n    \r\n    .order-text h2, #firma-form-container h2 {\r\n     font-family: \"Krona One\", Sans-serif;\r\n      font-size: 20px;\r\n        text-transform: uppercase;\r\n    }\r\n     #firma-form-container h2 {\r\n         text-align: center;\r\n         margin: 20px;\r\n         color: #e6a045;\r\n     }\r\n        .order-text h3 {\r\n        font-family: 'Montserrat', sans-serif;\r\n      font-size: 20px;\r\n     padding-top: 0;\r\n      text-transform: unset;\r\n    }\r\n    .order-text p {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 18px;\r\n        color: #333;\r\n    }\r\n    \r\n    .start-order-hover-f {\r\n    display: inline-block;\r\n        font-family: \"Karla\", Sans-serif;\r\n    font-weight: 400;\r\n    letter-spacing: 5.5px;\r\n    background-color: #e6a045 !important;\r\n    color: white;\r\n    font-size: 18px !important;\r\n    padding: 14px 28px;\r\n    border: none;\r\n    border-radius: 0;\r\n    cursor: pointer;\r\n    text-transform: uppercase;\r\n    transition: background-color 0.3s ease;\r\n    text-decoration: none; \r\n      position: relative;\r\n      white-space: normal;\r\n      max-width: 85%;\r\n    }\r\n\r\n    .start-order-hover-f::after {\r\n      content: \"LEN KLIK A V\u00c1\u0160 KREAT\u00cdVNY WEB JE NA DOSAH!\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      color: #e6a045;\r\n      opacity: 0;\r\n      transition: opacity 0.3s ease;\r\n      text-align: center;\r\n      white-space: normal;\r\n      background-color: #fff;\r\n      padding: 14px 8px;\r\n      border: 1px dashed  #e6a045;\r\n      text-decoration: none;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .start-order-hover-f:hover::after {\r\n      opacity: 1;\r\n    }\r\n\r\n    .start-order-hover:hover {\r\n      color: transparent;\r\n    }\r\n\r\n\/* Skryt\u00fd formul\u00e1r na za\u010diatku *\/\r\n#firma-form-container {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transition: all 0.4s ease;\r\n  text-align: center;\r\n  margin: 30px 20px;\r\n  padding: 20px;\r\n  background-color: #f6f6f6;\r\n  border: 2px solid #e2e2e2;\r\n  border-radius: 8px;\r\n}\r\n\r\n#firma-form-container.visible {\r\n  max-height: 2000px;\r\n  opacity: 1;\r\n  visibility: visible;\r\n}\r\n\r\n\/* Nadpis *\/\r\n#firma-form-container h2 {\r\n  font-family: \"Krona One\", Sans-serif;\r\n  font-size: 20px;\r\n  text-transform: uppercase;\r\n  color: #e6a045;\r\n  margin: 20px auto;\r\n  text-align: center;\r\n}\r\n\r\n\/* V\u0161eobecn\u00e9 pole *\/\r\n.firma-form-container input,\r\n.firma-form-container textarea {\r\n  width: 100%;\r\n  max-width: 600px;\r\n  padding: 10px;\r\n  border: 1px solid #ccc;\r\n  border-radius: 4px;\r\n  margin: 10px auto 20px;\r\n  display: block;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 16px !important;\r\n  letter-spacing: 1px !important;\r\n  line-height: 2em !important;\r\n}\r\n.firma-form-container textarea {\r\n    line-height: 2.6em !important;\r\n}\r\n\r\n\/* Labely *\/\r\n.firma-form-container label {\r\n  font-weight: bold;\r\n  display: block;\r\n  margin-bottom: 5px;\r\n  text-align: left;\r\n  max-width: 600px;\r\n  margin: 0 auto 5px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 16px;\r\n}\r\n\r\n\/* Odosielacie tla\u010didlo *\/\r\n.firma-form-container .wpcf7-submit {\r\n  display: block;\r\n  background-color: #e6a045 !important;\r\n  color: white;\r\n  font-size: 18px !important;\r\n  padding: 14px 28px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-weight: bold;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  transition: background-color 0.3s ease;\r\n  font-family: \"Karla\", Sans-serif;\r\n  margin: 0 auto;\r\n  width: auto;\r\n}\r\n\r\n.firma-form-container .wpcf7-submit:hover {\r\n  background-color: #fff !important;\r\n  color: #e6a045 !important;\r\n  border: 1px dashed #e6a045 !important;\r\n}\r\n\r\n\r\n.wpcf7 form.invalid .wpcf7-response-output,\r\n.wpcf7 form.unaccepted .wpcf7-response-output,\r\n.wpcf7 form.failed .wpcf7-response-output, .wpcf7-not-valid-tip {\r\n  color: #a25600; \r\n}\r\n\r\n\r\n<\/style>\r\n<div id=\"introText\">\r\n    \r\n    \r\n\r\n\r\n <div class=\"order-text\">\r\n    <h2>Va\u0161u bud\u00facu firemn\u00fa str\u00e1nku si m\u00f4\u017eete<br> takmer vyklika\u0165 sami...<\/h2>\r\n<p>(sta\u010d\u00ed nahodi\u0165 obr\u00e1zok, n\u00e1zov firmy a pohra\u0165 sa s menu)<\/p>\r\n  <\/div>\r\n\r\n  <div id=\"site-preview\">\r\n    <div class=\"site-header\">\r\n      <div class=\"logo\" contenteditable=\"true\">Moja Firma<\/div>\r\n      <div class=\"menu\">\r\n        <span contenteditable=\"true\">O n\u00e1s<\/span>\r\n        <span contenteditable=\"true\">Na\u0161e slu\u017eby<\/span>\r\n        <span contenteditable=\"true\">Gal\u00e9ria<\/span>\r\n        <span contenteditable=\"true\">Kontakt<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero\" id=\"hero\">\r\n      <input type=\"file\" id=\"fileInput\" accept=\"image\/*\">\r\n      <div class=\"hero-text\" id=\"heroText\">Vyberte si vlastn\u00fd obr\u00e1zok<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"order-text\">\r\n    <h2>...alebo to rovno nechajte na n\u00e1s.<\/h2><h3 id=\"firemneSluzby\">\r\nWeb v\u00e1m navrhneme na mieru \u2013<br>\r\na venujeme mu cel\u00fd mesiac intenz\u00edvnej pr\u00e1ce, <br>len za 600 \u20ac.<\/h3>\r\n      <span id=\"startOrderHoverF\" class=\"start-order-hover-f\" onclick=\"toggleFirmaForm()\">\r\n        AK S\u00daHLAS\u00cdTE - ZA\u010c\u00cdNAME\r\n      <\/span>\r\n    \r\n  <\/div>\r\n<\/div>\r\n <!-- Skryt\u00fd formul\u00e1r -->\r\n <div id=\"firma-form-container\" class=\"firma-form-container\">\r\n  <h2>Objedn\u00e1vka firemn\u00e9ho webu<\/h2>\r\n  \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f2602-o1\" lang=\"sk-SK\" dir=\"ltr\" data-wpcf7-id=\"2602\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F1874#wpcf7-f2602-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Kontaktn\u00fd formul\u00e1r\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"2602\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.0.2\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"sk_SK\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2602-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<p><label>Meno a priezvisko<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><\/label>\n<\/p>\n<p><label>Email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label>Mobil<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span><\/label>\n<\/p>\n<p><label>Nap\u00ed\u0161te n\u00e1m, \u010do by mala va\u0161a firemn\u00e1 str\u00e1nka obsahova\u0165<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"5\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span><\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Odosla\u0165 objedn\u00e1vku\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n<\/div>\r\n\r\n<script>\r\n \r\n    \/\/ V\u00fdber obr\u00e1zku\r\n    const hero = document.getElementById('hero');\r\n    const fileInput = document.getElementById('fileInput');\r\n    const heroText = document.getElementById('heroText');\r\n\r\n    hero.addEventListener('click', () => fileInput.click());\r\n\r\n    fileInput.addEventListener('change', function () {\r\n      const file = this.files[0];\r\n      if (file) {\r\n        const reader = new FileReader();\r\n        reader.onload = function (e) {\r\n          hero.style.backgroundImage = `url('${e.target.result}')`;\r\n          hero.style.backgroundSize = 'cover';\r\n          hero.classList.add('overlay'); \r\n          heroText.style.opacity = '0';\r\n        };\r\n        reader.readAsDataURL(file);\r\n      }\r\n    });\r\n\r\nfunction toggleFirmaForm() {\r\n  const firmaForm = document.getElementById(\"firma-form-container\");\r\n  firmaForm.classList.toggle(\"visible\");\r\n\r\n  if (firmaForm.classList.contains(\"visible\")) {\r\n    setTimeout(() => {\r\n      const header = document.querySelector('.elementor-top-bar, .elementor-header');\r\n      const headerHeight = header ? header.offsetHeight : 0;\r\n      const formTop = firmaForm.getBoundingClientRect().top + window.pageYOffset;\r\n      window.scrollTo({ top: formTop - headerHeight - 10, behavior: 'smooth' });\r\n    }, 200);\r\n  }\r\n}\r\n\r\n\r\n    \r\n <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b23412 tab-content e-con-full e-flex e-con e-child\" data-id=\"2b23412\" data-element_type=\"container\" id=\"tab-2\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d17f1c elementor-widget elementor-widget-html\" data-id=\"6d17f1c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .eshop-section {\r\n    background: #f4f4f4;\r\n    padding: 80px 0 0;\r\n    text-align: center;\r\n    font-family: 'Montserrat', sans-serif;\r\n  }\r\n\r\n  .eshop-container {\r\n    max-width: 85%;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .eshop-text h2 {\r\n    font-size: 38px;\r\n    color: #e6a045;\r\n    margin-bottom: 15px;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .eshop-text p {\r\n    font-size: 18px;\r\n    color: #333;\r\n    margin-bottom: 30px;\r\n    line-height: 1.6;\r\n    padding: 15px 0;\r\n  }\r\n\r\n  .eshop-gallery {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 30px;\r\n  }\r\n\r\n  .eshop-frame {\r\n    width: 380px;\r\n    height: 400px;\r\n    background: white;\r\n    box-shadow: 0 6px 16px rgba(0,0,0,0.1);\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .scroll-frame {\r\n    height: 355px;\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  .eshop-frame:hover {\r\n    transform: translateY(-5px);\r\n  }\r\n\r\n  .eshop-frame img {\r\n    width: 100%;\r\n    display: block;\r\n  }\r\n\r\n  .eshop-caption {\r\n    padding: 12px 16px;\r\n    background: #e6a045;\r\n    color: #fff;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n  }\r\n\r\n  \/* Skryt\u00fd CF7 formul\u00e1r na za\u010diatku *\/\r\n  #eshop-form-container {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: all 0.4s ease;\r\n    text-align: center;\r\n    margin: 30px 20px;\r\n    padding: 20px;\r\n    background-color: #f6f6f6;\r\n    border: 2px solid #e2e2e2;\r\n    border-radius: 8px;\r\n  }\r\n\r\n  #eshop-form-container.visible {\r\n    max-height: 2000px;\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  #eshop-form-container h2 {\r\n    font-family: \"Krona One\", Sans-serif;\r\n    font-size: 20px;\r\n    text-transform: uppercase;\r\n    margin: 20px auto;\r\n    color: #e6a045;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* \u0160t\u00fdly vstupov, textarea, labelu a submit buttonu ako vo firme web *\/\r\n  .eshop-form-container input,\r\n  .eshop-form-container textarea {\r\n    width: 100%;\r\n    max-width: 600px;\r\n    padding: 10px;\r\n    border: 1px solid #ccc;\r\n    border-radius: 4px;\r\n    margin: 10px auto 20px;\r\n    display: block;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 16px !important;\r\n    letter-spacing: 1px !important;\r\n    line-height: 2em !important;\r\n  }\r\n  \r\n  .eshop-form-container textarea {\r\n    line-height: 2.6em !important;\r\n}\r\n\r\n  .eshop-form-container label {\r\n    font-weight: bold;\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    text-align: left;\r\n    max-width: 600px;\r\n    margin: 0 auto 5px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .eshop-form-container .wpcf7-submit {\r\n    display: block;\r\n    background-color: #e6a045 !important;\r\n    color: white;\r\n    font-size: 18px !important;\r\n    padding: 14px 28px;\r\n    border: none;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    transition: background-color 0.3s ease;\r\n    font-family: \"Karla\", Sans-serif;\r\n    margin: 0 auto;\r\n    width: auto;\r\n  }\r\n\r\n  .eshop-form-container .wpcf7-submit:hover {\r\n    background-color: #fff !important;\r\n    color: #e6a045 !important;\r\n    border: 1px dashed #e6a045 !important;\r\n  }\r\n\r\n  .eshop-button {\r\n    display: inline-block;\r\n    background-color: #e6a045 !important;\r\n    color: white;\r\n    font-size: 18px !important;\r\n    padding: 14px 28px;\r\n    border: none;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    transition: background-color 0.3s ease;\r\n    text-decoration: none;\r\n    font-family: \"Karla\", Sans-serif;\r\n    white-space: normal;\r\n  }\r\n\r\n  .eshop-button:hover {\r\n    background-color: #fff !important;\r\n    color: #e6a045 !important;\r\n    border: 1px dashed #e6a045 !important;\r\n  }\r\n\r\n<\/style>\r\n\r\n<section class=\"eshop-section\">\r\n  <div class=\"eshop-container\">\r\n    <div class=\"eshop-text\">\r\n      <h2>Aj e\u2011shop? Samozrejme.<\/h2>\r\n      <p>Navrhneme, nastav\u00edme, spust\u00edme.<\/p>\r\n      <p>Pozrite si, ako vyzer\u00e1 e-shop navrhnut\u00fd pre pohodln\u00fd predaj aj skvel\u00fd z\u00e1\u017eitok z\u00e1kazn\u00edka.<br>Uk\u00e1\u017eka na\u0161ej pr\u00e1ce \u2013 od domovskej str\u00e1nky po poklad\u0148u:<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"eshop-gallery\">\r\n      <div class=\"eshop-frame\">\r\n        <div class=\"scroll-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/09\/evkakvety-eshop-uvod-scaled.jpg\" alt=\"N\u00e1h\u013ead e-shopu 1\">\r\n        <\/div>\r\n        <div class=\"eshop-caption\">Domovsk\u00e1 str\u00e1nka<\/div>\r\n      <\/div>\r\n      <div class=\"eshop-frame\">\r\n        <div class=\"scroll-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/09\/evkakvety-menu-kategoria-produktov_.jpg\" alt=\"N\u00e1h\u013ead e-shopu 2\">\r\n        <\/div>\r\n        <div class=\"eshop-caption\">Kateg\u00f3rie produktov<\/div>\r\n      <\/div>\r\n      <div class=\"eshop-frame\">\r\n        <div class=\"scroll-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/09\/evkakvety_produkt-scaled.jpg\" alt=\"N\u00e1h\u013ead e-shopu 3\">\r\n        <\/div>\r\n        <div class=\"eshop-caption\">Produktov\u00fd detail<\/div>\r\n      <\/div>\r\n      <div class=\"eshop-frame\">\r\n        <div class=\"scroll-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/09\/evkakvety-eshop.eu_checkout_.jpg\" alt=\"N\u00e1h\u013ead e-shopu 4\">\r\n        <\/div>\r\n        <div class=\"eshop-caption\">Poklad\u0148a<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"eshop-text\"><br><br>\r\n      <p>Ka\u017ed\u00fd e-shop je individu\u00e1lny projekt \u2013 rozsah a funkcionality dohodneme spolo\u010dne. Cena sa ur\u010duje pod\u013ea n\u00e1ro\u010dnosti rie\u0161enia.<\/p>\r\n      <p>Nap\u00ed\u0161te n\u00e1m, radi s vami preberieme mo\u017enosti aj odhad ceny.<\/p>\r\n    <\/div>\r\n\r\n    <button class=\"eshop-button\" onclick=\"toggleEshopForm()\">Objedn\u00e1vam e\u2011shop<\/button>\r\n\r\n    <!-- Skryt\u00fd Contact Form 7 formul\u00e1r -->\r\n    <div id=\"eshop-form-container\" class=\"eshop-form-container\">\r\n      <h2>Objedn\u00e1vka e\u2011shopu<\/h2>\r\n      \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f2653-o2\" lang=\"sk-SK\" dir=\"ltr\" data-wpcf7-id=\"2653\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F1874#wpcf7-f2653-o2\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Kontaktn\u00fd formul\u00e1r\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"2653\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.0.2\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"sk_SK\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2653-o2\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<p><label>Meno a priezvisko<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><\/label>\n<\/p>\n<p><label>Email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label>Mobil<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span><\/label>\n<\/p>\n<p><label>Nap\u00ed\u0161te n\u00e1m, \u010do by mal v\u00e1\u0161 e-shop obsahova\u0165<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"5\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span><\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Odosla\u0165 objedn\u00e1vku\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n function toggleEshopForm() {\r\n  const form = document.getElementById(\"eshop-form-container\");\r\n  form.classList.toggle(\"visible\");\r\n\r\n  if (form.classList.contains(\"visible\")) {\r\n    setTimeout(() => {\r\n      const header = document.querySelector('.elementor-top-bar, .elementor-header');\r\n      const headerHeight = header ? header.offsetHeight : 0;\r\n      const formTop = form.getBoundingClientRect().top + window.pageYOffset;\r\n      window.scrollTo({ top: formTop - headerHeight - 10, behavior: 'smooth' });\r\n    }, 200);\r\n  }\r\n}\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-482e88d tab-content e-con-full e-flex e-con e-child\" data-id=\"482e88d\" data-element_type=\"container\" id=\"tab-3\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b482d9f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b482d9f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* Kontajner sekcie *\/\r\n#logo-section {\r\n  max-width: 85%;\r\n  margin: 40px auto;\r\n  padding: 20px;\r\n  border-radius: 8px;\r\n  text-align: center;\r\n}\r\n\r\n\/* Nadpis a text *\/\r\n.logo-text h2 {\r\n  font-family: \"Krona One\", sans-serif;\r\n  font-size: 20px;\r\n  text-transform: uppercase;\r\n  color: #202020;\r\n  margin-bottom: 50px;\r\n}\r\n.logo-text p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 18px;\r\n  color: #333;\r\n  margin-bottom: 50px;\r\n  margin-top: 50px;\r\n}\r\n\r\n\/* Logo 1 - vykres\u013eovanie *\/\r\n.logo-mountain-circle {\r\n  width: 180px;\r\n  height: 180px;\r\n  display: block;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Kruh *\/\r\n.logo-mountain-circle .circle {\r\n  fill: none;\r\n  stroke: #e6a045;\r\n  stroke-width: 2.5;\r\n  stroke-dasharray: 600;\r\n  stroke-dashoffset: 600;\r\n  animation: draw-line 2s ease forwards;\r\n}\r\n\r\n\/* Hory *\/\r\n.logo-mountain-circle .mountains {\r\n  fill: #e6a045a1\/*url(#grad-mountains)*\/;\r\n  stroke: #e6a045;\r\n  stroke-width: 2;\r\n  stroke-dasharray: 400;\r\n  stroke-dashoffset: 400;\r\n  animation: draw-mountains 2s ease 0.5s forwards;\r\n}\r\n\r\n\/* Slnko a l\u00fa\u010de *\/\r\n.logo-mountain-circle .sun-group {\r\n  opacity: 0;\r\n  transform: scale(0.5);\r\n  transform-origin: center;\r\n  animation: sun-rise 1s 2.5s ease forwards;\r\n}\r\n\r\n.logo-mountain-circle .sun {\r\n  fill: #e6a045;\r\n}\r\n\r\n.logo-mountain-circle .rays {\r\n  stroke: #e6a045;\r\n  stroke-width: 1.5;\r\n}\r\n\r\n\/* Anim\u00e1cie *\/\r\n@keyframes draw-line { to { stroke-dashoffset: 0; } }\r\n@keyframes draw-mountains { to { stroke-dashoffset: 0; } }\r\n@keyframes sun-rise { to { opacity: 1; transform: scale(1); } }\r\n\r\n\/* Button *\/\r\n.logo-btn {\r\n    display: inline-block;\r\n    font-family: \"Karla\", Sans-serif;\r\n    font-weight: 400;\r\n    letter-spacing: 5.5px;\r\n    background-color: #e6a045 !important;\r\n    color: white;\r\n    font-size: 18px !important;\r\n    padding: 14px 28px;\r\n    border: none;\r\n    border-radius: 0;\r\n    cursor: pointer;\r\n    text-transform: uppercase;\r\n    transition: background-color 0.3s ease;\r\n    text-decoration: none; \r\n    position: relative;\r\n    white-space: normal;\r\n}\r\n    .logo-btn:hover {\r\n      background-color: #fff !important;\r\n    color: #e6a045 !important;\r\n    border: 1px dashed #e6a045 !important;\r\n    }\r\n\r\n\/* Skryt\u00fd formul\u00e1r na za\u010diatku *\/\r\n#logo-form-container {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transition: all 0.4s ease;\r\n  text-align: center;\r\n  margin: 30px 20px;\r\n  padding: 20px;\r\n  background-color: #f6f6f6;\r\n  border: 2px solid #e2e2e2;\r\n  border-radius: 8px;\r\n}\r\n\r\n#logo-form-container.visible {\r\n  max-height: 2000px;\r\n  opacity: 1;\r\n  visibility: visible;\r\n}\r\n\r\n\/* Nadpis *\/\r\n#logo-form-container h2 {\r\n  font-family: \"Krona One\", Sans-serif;\r\n  font-size: 20px;\r\n  text-transform: uppercase;\r\n  color: #e6a045;\r\n  margin: 20px auto;\r\n  text-align: center;\r\n}\r\n\r\n\/* V\u0161eobecn\u00e9 pole *\/\r\n.logo-form-container input,\r\n.logo-form-container textarea {\r\n  width: 100%;\r\n  max-width: 600px;\r\n  padding: 10px;\r\n  border: 1px solid #ccc;\r\n  border-radius: 4px;\r\n  margin: 10px auto 20px;\r\n  display: block;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 16px !important;\r\n  letter-spacing: 1px !important;\r\n  line-height: 2em !important;\r\n}\r\n.logo-form-container textarea {\r\n    line-height: 2.6em !important;\r\n}\r\n\r\n\/* Labely *\/\r\n.logo-form-container label {\r\n  font-weight: bold;\r\n  display: block;\r\n  margin-bottom: 5px;\r\n  text-align: left;\r\n  max-width: 600px;\r\n  margin: 0 auto 5px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 16px;\r\n}\r\n\r\n\/* Odosielacie tla\u010didlo *\/\r\n.logo-form-container .wpcf7-submit {\r\n  display: block;\r\n  background-color: #e6a045 !important;\r\n  color: white;\r\n  font-size: 18px !important;\r\n  padding: 14px 28px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-weight: bold;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  transition: background-color 0.3s ease;\r\n  font-family: \"Karla\", Sans-serif;\r\n  margin: 0 auto;\r\n  width: auto;\r\n}\r\n\r\n.logo-form-container .wpcf7-submit:hover {\r\n  background-color: #fff !important;\r\n  color: #e6a045 !important;\r\n  border: 1px dashed #e6a045 !important;\r\n}\r\n\r\n\r\n.wpcf7 form.invalid .wpcf7-response-output,\r\n.wpcf7 form.unaccepted .wpcf7-response-output,\r\n.wpcf7 form.failed .wpcf7-response-output, .wpcf7-not-valid-tip {\r\n  color: #a25600; \r\n}\r\n<\/style>\r\n\r\n<div id=\"logo-section\">\r\n  <div class=\"logo-text\">\r\n    <h2>Logo je podpis va\u0161ej zna\u010dky<\/h2>\r\n    <p>Jednoduch\u00e9, zapam\u00e4tate\u013en\u00e9 a nad\u010dasov\u00e9 \u2013 tak\u00e9, ktor\u00e9 sa zmest\u00ed na vizitku, ale za\u017eiari aj na bilboarde.<\/p>\r\n  <\/div>\r\n\r\n<svg class=\"logo-mountain-circle\" viewBox=\"0 0 120 120\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Logo hory so slnkom v kruhu\">\r\n   <defs>\r\n    <linearGradient id=\"grad-mountains\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n      <stop offset=\"0%\" stop-color=\"#52613c\"\/>\r\n      <stop offset=\"100%\" stop-color=\"#61767b\"\/>\r\n    <\/linearGradient>\r\n  <\/defs> \r\n    \r\n  <!-- Kruh -->\r\n  <circle class=\"circle\" cx=\"60\" cy=\"60\" r=\"55\"\/>\r\n\r\n  <!-- Hory -->\r\n  <path class=\"mountains\" d=\"M20 85 L45 45 L65 70 L85 35 L105 85 Z\"\/>\r\n\r\n  <!-- Slnko a l\u00fa\u010de -->\r\n  <g class=\"sun-group\">\r\n    <circle class=\"sun\" cx=\"85\" cy=\"33\" r=\"9\"\/>\r\n    <!-- l\u00fa\u010de -->\r\n    <line class=\"rays\" x1=\"85\" y1=\"13\" x2=\"85\" y2=\"0\"\/>\r\n    <line class=\"rays\" x1=\"85\" y1=\"53\" x2=\"85\" y2=\"66\"\/>\r\n    <line class=\"rays\" x1=\"65\" y1=\"33\" x2=\"52\" y2=\"33\"\/>\r\n    <line class=\"rays\" x1=\"105\" y1=\"33\" x2=\"118\" y2=\"33\"\/>\r\n    <line class=\"rays\" x1=\"73\" y1=\"19\" x2=\"63\" y2=\"9\"\/>\r\n    <line class=\"rays\" x1=\"97\" y1=\"19\" x2=\"107\" y2=\"9\"\/>\r\n    <line class=\"rays\" x1=\"73\" y1=\"47\" x2=\"63\" y2=\"57\"\/>\r\n    <line class=\"rays\" x1=\"97\" y1=\"47\" x2=\"107\" y2=\"57\"\/>\r\n  <\/g>\r\n<\/svg>\r\n\r\n  <div class=\"logo-text\">\r\n    <p> Navrhneme v\u00e1m origin\u00e1lne logo, ktor\u00e9 vystihne charakter va\u0161ej firmy, bude fungova\u0165 v digit\u00e1le aj v tla\u010di a z\u00e1kazn\u00edci si ho ihne\u010f zapam\u00e4taj\u00fa.<\/p>\r\n    <button class=\"logo-btn\" onclick=\"toggleLogoForm()\">Chcem svoju zna\u010dku obliec\u0165 do loga<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Skryt\u00fd formul\u00e1r -->\r\n<div id=\"logo-form-container\" class=\"logo-form-container\">\r\n  <h2>Objedn\u00e1vka loga<\/h2>\r\n  \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f2979-o3\" lang=\"sk-SK\" dir=\"ltr\" data-wpcf7-id=\"2979\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F1874#wpcf7-f2979-o3\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Kontaktn\u00fd formul\u00e1r\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"2979\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.0.2\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"sk_SK\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2979-o3\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<p><label>Meno a priezvisko<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><\/label>\n<\/p>\n<p><label>Email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label>Mobil<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span><\/label>\n<\/p>\n<p><label>Spolu vytvor\u00edme nie\u010do jedine\u010dn\u00e9 \u2013 nap\u00ed\u0161te n\u00e1m.<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"5\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span><\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Odosla\u0165 objedn\u00e1vku\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n<\/div>\r\n\r\n<script>\r\nfunction toggleLogoForm() {\r\n  const form = document.getElementById(\"logo-form-container\");\r\n  form.classList.toggle(\"visible\");\r\n  if (form.classList.contains(\"visible\")) {\r\n    setTimeout(() => {\r\n      const header = document.querySelector('.elementor-top-bar, .elementor-header');\r\n      const headerHeight = header ? header.offsetHeight : 0;\r\n      const formTop = form.getBoundingClientRect().top + window.pageYOffset;\r\n      window.scrollTo({ top: formTop - headerHeight - 10, behavior: 'smooth' });\r\n    }, 200);\r\n  }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e081282 tab-content e-con-full e-flex e-con e-child\" data-id=\"e081282\" data-element_type=\"container\" id=\"tab-4\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-227f148 elementor-widget elementor-widget-html\" data-id=\"227f148\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n   #seo-preview {\r\n      border: 1px solid #ccc;\r\n      max-width: 100%;\r\n      margin: 40px auto 0;\r\n      box-shadow: 0 0 10px rgba(0,0,0,0.1);\r\n      overflow: hidden;\r\n      border-radius: 8px;\r\n      background-color: #fff;\r\n    }\r\n\r\n    .seo-header {\r\n     margin: 0;   \r\n      background: #333;\r\n      color: white;\r\n      padding: 10px 20px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n    }\r\n\r\n    .logo[contenteditable] {\r\n      font-size: 24px;\r\n      font-weight: bold;\r\n      outline: none;\r\n      cursor: text;\r\n    }\r\n\r\n    .menu {\r\n      display: flex;\r\n      gap: 15px;\r\n    }\r\n\r\n    .menu span[contenteditable] {\r\n      cursor: text;\r\n      padding: 5px;\r\n      outline: none;\r\n    }\r\n\r\n    .order-text, #seoServices {\r\n      text-align: center;\r\n      margin-top: 40px;\r\n      letter-spacing: 0px;\r\n    }\r\n\r\n    .order-text h2, .order-text h3 {\r\n      color: #202020;\r\n      padding: 30px;\r\n      line-height: 1.6;\r\n    }\r\n    \r\n    .order-text h2, #seo-form-container h2 {\r\n     font-family: \"Krona One\", Sans-serif;\r\n      font-size: 20px;\r\n        text-transform: uppercase;\r\n    }\r\n     #seo-form-container h2 {\r\n         text-align: center;\r\n         margin: 20px;\r\n         color: #e6a045;\r\n     }\r\n        .order-text h3 {\r\n        font-family: 'Montserrat', sans-serif;\r\n      font-size: 20px;\r\n     padding-top: 0;\r\n      text-transform: unset;\r\n    }\r\n    #Seo-text {\r\n        max-width: 85%;\r\n        margin: 0 auto;\r\n    }\r\n    .order-text p {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 18px;\r\n        color: #333;\r\n    }\r\n    \r\n    .start-order-hover {\r\n    display: inline-block;\r\n        font-family: \"Karla\", Sans-serif;\r\n    font-weight: 400;\r\n    letter-spacing: 5.5px;\r\n    background-color: #e6a045 !important;\r\n    color: white;\r\n    font-size: 18px !important;\r\n    padding: 14px 28px;\r\n    border: none;\r\n    border-radius: 0;\r\n    cursor: pointer;\r\n    text-transform: uppercase;\r\n    transition: background-color 0.3s ease;\r\n    text-decoration: none; \r\n      position: relative;\r\n      white-space: normal;\r\n    }\r\n\r\n    .start-order-hover::after {\r\n      content: \"LEN KLIK A V\u00c1\u0160 WEB Z\u00cdSKA ENERGIU, KTOR\u00da POTREBUJE!\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      color: #e6a045;\r\n      opacity: 0;\r\n      transition: opacity 0.3s ease;\r\n      text-align: center;\r\n      white-space: normal;\r\n      background-color: #fff;\r\n      padding: 14px 8px;\r\n      border: 1px dashed  #e6a045;\r\n      text-decoration: none;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .start-order-hover:hover::after {\r\n      opacity: 1;\r\n    }\r\n\r\n    .start-order-hover:hover {\r\n      color: transparent;\r\n    }\r\n\r\n\r\n \/* Skryt\u00fd CF7 formul\u00e1r na za\u010diatku *\/\r\n  #seo-form-container {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: all 0.4s ease;\r\n    text-align: center;\r\n    margin: 30px 20px;\r\n    padding: 20px;\r\n    background-color: #f6f6f6;\r\n    border: 2px solid #e2e2e2;\r\n    border-radius: 8px;\r\n  }\r\n\r\n  #seo-form-container.visible {\r\n    max-height: 2000px;\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  #seo-form-container h2 {\r\n    font-family: \"Krona One\", Sans-serif;\r\n    font-size: 20px;\r\n    text-transform: uppercase;\r\n    margin: 20px auto;\r\n    color: #e6a045;\r\n    text-align: center;\r\n  }\r\n\r\n\/* \u0160t\u00fdly vstupov, textarea, labelu a submit buttonu ako vo firme web *\/\r\n  .seo-form-container input,\r\n  .seo-form-container textarea {\r\n    width: 100%;\r\n    max-width: 600px;\r\n    padding: 10px;\r\n    border: 1px solid #ccc;\r\n    border-radius: 4px;\r\n    margin: 10px auto 20px;\r\n    display: block;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 16px !important;\r\n    letter-spacing: 1px !important;\r\n    line-height: 2em !important;\r\n  }\r\n  \r\n  .seo-form-container textarea {\r\n    line-height: 2.6em !important;\r\n}\r\n\r\n  .seo-form-container label {\r\n    font-weight: bold;\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    text-align: left;\r\n    max-width: 600px;\r\n    margin: 0 auto 5px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .seo-form-container .wpcf7-submit {\r\n    display: block;\r\n    background-color: #e6a045 !important;\r\n    color: white;\r\n    font-size: 18px !important;\r\n    padding: 14px 28px;\r\n    border: none;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    transition: background-color 0.3s ease;\r\n    font-family: \"Karla\", Sans-serif;\r\n    margin: 0 auto;\r\n    width: auto;\r\n  }\r\n\r\n  .seo-form-container .wpcf7-submit:hover {\r\n    background-color: #fff !important;\r\n    color: #e6a045 !important;\r\n    border: 1px dashed #e6a045 !important;\r\n  }\r\n\r\n  .seo-button {\r\n    display: inline-block;\r\n    background-color: #e6a045 !important;\r\n    color: white;\r\n    font-size: 18px !important;\r\n    padding: 14px 28px;\r\n    border: none;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    transition: background-color 0.3s ease;\r\n    text-decoration: none;\r\n    font-family: \"Karla\", Sans-serif;\r\n  }\r\n\r\n  .seo-button:hover {\r\n    background-color: #fff !important;\r\n    color: #e6a045 !important;\r\n    border: 1px dashed #e6a045 !important;\r\n  }\r\n  \r\n \r\n.seo-icon {\r\n  text-align: center;\r\n  margin: 30px auto;\r\n  display: block;\r\n  transition: transform 0.3s ease; \/* plynul\u00fd prechod *\/\r\n}\r\n\r\n.seo-icon:hover {\r\n  transform: scale(1.15); \/* zv\u00e4\u010d\u0161\u00ed sa o 15% pri hover *\/\r\n}\r\n\r\n\r\n\r\n<\/style>\r\n\r\n<div id=\"Seo-text\">\r\n  <div class=\"order-text\">\r\n    <h2>SEO je ako k\u00e1va pre v\u00e1\u0161 web\r\n  <\/h2>\r\n    <p>Nakopne ho, prebud\u00ed jeho potenci\u00e1l a z\u00e1kazn\u00edci ho za\u010dn\u00fa \u013eahko nach\u00e1dza\u0165.<\/p>\r\n  <\/div>\r\n  <div class=\"seo-icon\" style=\"text-align:center; margin:30px auto;\">\r\n      \r\n    <img decoding=\"async\" src=\"https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/10\/salka-kavy.png\" width=\"180\" height=\"auto\" alt=\"\u0160\u00e1lka k\u00e1vy\">\r\n  <\/div>\r\n\r\n  <div class=\"order-text\">\r\n    <h3 id=\"seoServices\">Spr\u00e1vne k\u013e\u00fa\u010dov\u00e9 slov\u00e1, r\u00fdchly web a obsah, ktor\u00fd hovor\u00ed za v\u00e1s.<br>\r\n       V\u00e1\u0161 web dolad\u00edme tak, aby sa Google zamiloval.<\/h3>\r\n    <span id=\"startOrderHover\" class=\"start-order-hover\" onclick=\"toggleSeoForm()\">\r\n        Dajte svojmu webu kofe\u00edn!\r\n    <\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Skryt\u00fd formul\u00e1r -->\r\n<div id=\"seo-form-container\" class=\"seo-form-container\">\r\n  <h2>Objedn\u00e1vka SEO optimaliz\u00e1cie<\/h2>\r\n  \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f2807-o4\" lang=\"sk-SK\" dir=\"ltr\" data-wpcf7-id=\"2807\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F1874#wpcf7-f2807-o4\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Kontaktn\u00fd formul\u00e1r\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"2807\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.0.2\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"sk_SK\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2807-o4\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<p><label>Meno a priezvisko<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><\/label>\n<\/p>\n<p><label>Email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label>Mobil<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span><\/label>\n<\/p>\n<p><label>Nap\u00ed\u0161te n\u00e1m, \u010do by ste chceli na va\u0161om webe zlep\u0161i\u0165<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"5\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span><\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Odosla\u0165 objedn\u00e1vku\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n<\/div>\r\n\r\n<script>\r\nfunction toggleSeoForm() {\r\n  const form = document.getElementById(\"seo-form-container\");\r\n  form.classList.toggle(\"visible\");\r\n\r\n  if (form.classList.contains(\"visible\")) {\r\n    setTimeout(() => {\r\n      const header = document.querySelector('.elementor-top-bar, .elementor-header');\r\n      const headerHeight = header ? header.offsetHeight : 0;\r\n      const formTop = form.getBoundingClientRect().top + window.pageYOffset;\r\n      window.scrollTo({\r\n        top: formTop - headerHeight - 10, \/\/ pridala som buffer 10px\r\n        behavior: 'smooth'\r\n      });\r\n    }, 200);\r\n  }\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4d65f0 e-con-full elementor-hidden-mobile desktop-menu e-transform e-transform e-flex e-con e-child\" data-id=\"b4d65f0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:270,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cff8ff1 elementor-button-info elementor-align-left elementor-widget__width-initial tab-btn-2 e-transform e-transform elementor-absolute elementor-widget elementor-widget-button\" data-id=\"cff8ff1\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;,&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:90,&quot;sizes&quot;:[]},&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">E&#8209;shop<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0cfcd91 elementor-button-info elementor-align-left elementor-widget__width-initial tab-btn-1 is-active e-transform e-transform elementor-widget elementor-widget-button\" data-id=\"0cfcd91\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;,&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:90,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\" javascript=\"\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Firemn\u00e1 webstr\u00e1nka<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30dbbc6 elementor-widget__width-initial tab-btn-3 e-transform e-transform elementor-button-info elementor-absolute elementor-widget elementor-widget-button\" data-id=\"30dbbc6\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:90,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;none&quot;,&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Tvorba loga<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b4086f elementor-widget__width-initial tab-btn-4 e-transform e-transform elementor-button-info elementor-absolute elementor-widget elementor-widget-button\" data-id=\"8b4086f\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:90,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;none&quot;,&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SEO optimaliz\u00e1cia<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12c3f5d e-flex e-con-boxed e-con e-parent\" data-id=\"12c3f5d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-368743c elementor-widget elementor-widget-html\" data-id=\"368743c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\n(function(){\r\n  function initTabs(){\r\n    const contents = document.querySelectorAll('.tab-content');\r\n\r\n    \/\/ ak \u017eiadna akt\u00edvna, otvor prv\u00fa a zv\u00fdrazni jej tla\u010didlo\r\nif (!document.querySelector('.tab-content.active') && contents.length) {\r\n  contents[0].classList.add('active');\r\n  const firstBtn = document.querySelector('[class*=\"tab-btn-1\"]');\r\n  if (firstBtn) firstBtn.classList.add('is-active');\r\n}\r\n\r\n    \/\/ Delegovan\u00fd klik \u2014 funguje aj ke\u010f elementy maj\u00fa vnoren\u00fa \u0161trukt\u00faru\r\n    document.addEventListener('click', function(e){\r\n      \/\/ n\u00e1jde najbli\u017e\u0161\u00ed rodi\u010d\/element, ktor\u00fd m\u00e1 v class atrib\u00fate 'tab-btn-'\r\n      const btn = e.target.closest('[class*=\"tab-btn-\"]');\r\n      if (!btn) return;\r\n\r\n      \/\/ zabr\u00e1ni prescrollovaniu ak je to <a href=\"#\">...<\/a>\r\n      e.preventDefault();\r\n\r\n      \/\/ vyh\u013eadaj triedu vo form\u00e1te tab-btn-N\r\n      const cls = Array.from(btn.classList).find(c => \/^tab-btn-\\d+$\/.test(c));\r\n      if (!cls) return;\r\n      const idx = cls.match(\/^tab-btn-(\\d+)$\/)[1];\r\n      const targetId = 'tab-' + idx;\r\n      const target = document.getElementById(targetId);\r\n      if (!target) return;\r\n\r\n      \/\/ prepni obsah\r\n      contents.forEach(c => c.classList.remove('active'));\r\n      target.classList.add('active');\r\n    \r\n    const header = document.querySelector('.elementor-top-bar, .elementor-header');\r\n    const headerHeight = header ? header.offsetHeight : 0;\r\n    const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - headerHeight - 10;\r\n    window.scrollTo({ top: targetPosition, behavior: 'smooth' });\r\n      \/\/ nastav vizu\u00e1lny stav akt\u00edvneho buttonu (volite\u013en\u00e9)\r\n      document.querySelectorAll('[class*=\"tab-btn-\"]').forEach(b => b.classList.remove('is-active'));\r\n      btn.classList.add('is-active');\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initTabs);\r\n  } else {\r\n    initTabs();\r\n  }\r\n})();\r\n\r\n\r\n\r\n<\/script>\r\n\r\n\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-45383c4 e-flex e-con-boxed e-con e-parent\" data-id=\"45383c4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-837da94 elementor-widget elementor-widget-html\" data-id=\"837da94\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  button.contact-btn {\r\n    padding: 20px 20px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 1000;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: auto;\r\n    background-color: rgba(0,0,0,0.5);\r\n  }\r\n\r\n  .modal-content {\r\n    background-color: #fff;\r\n    margin: 15% auto;\r\n    padding: 20px;\r\n    border-radius: 8px;\r\n    width: 90%;\r\n    max-width: 400px;\r\n    text-align: center;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.3);\r\n    position: relative;\r\n  }\r\n  \r\n  .modal-content img {\r\n    width: 50%;   \r\n  }\r\n  \r\n   .modal-content .order-text, .modal-content .order-text h2 {\r\n    padding: 0;\r\n    margin-bottom: 25px;\r\n  }\r\n  \r\n  .close {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 15px;\r\n    font-size: 20px;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n  }\r\n\r\n .contact-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px; \/* medzera medzi riadkami *\/\r\n}\r\n\r\n.contact-row {\r\n  display: flex;\r\n  align-items: center; \/* vertik\u00e1lne zarovnanie ikonky a textu *\/\r\n  gap: 8px; \/* medzera medzi ikonou a textom *\/\r\n  font-size: 16px;\r\n  padding-left: 10%;\r\n}\r\n\r\n.contact-row a:hover {\r\n    color: #E6A045;\r\n}\r\n\r\n.contact-row svg {\r\n  flex-shrink: 0; \/* aby sa ikonka nezmen\u0161ila *\/\r\n}\r\n\r\n  \r\n<\/style>\r\n\r\n<!-- Jeden spolo\u010dn\u00fd modal -->\r\n<div class=\"modal\" id=\"contactModal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\">&times;<\/span>\r\n    <img decoding=\"async\" src=\"https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/09\/logo_web-t-z.png\">\r\n    <div class=\"order-text\"><h2>Kontakt<\/h2><\/div>\r\n    <div class=\"contact-info\">\r\n  <p class=\"contact-row\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"#E6A045\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M6.62 10.79a15.053 15.053 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.11-.21c1.21.48 2.53.74 3.88.74a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C9.94 21 3 14.06 3 6a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.35.26 2.67.74 3.88a1 1 0 0 1-.21 1.11l-2.41 2.41z\"\/>\r\n    <\/svg>\r\n    <span>Mobil: <a href=\"tel:+421910907419\">+421(0)910 907 419<\/a><\/span>\r\n  <\/p>\r\n\r\n  <p class=\"contact-row\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"#E6A045\" viewBox=\"0 0 16 16\">\r\n      <path d=\"M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v.217l-8 4.8-8-4.8V4z\"\/>\r\n      <path d=\"M0 5.383v6.634a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5.383l-8 4.8-8-4.8z\"\/>\r\n    <\/svg>\r\n    <span>Email: <a href=\"mailto:info@sunnio.sk\">info@sunnio.sk<\/a><\/span>\r\n  <\/p>\r\n<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  const modal = document.getElementById(\"contactModal\");\r\n  const buttons = document.querySelectorAll(\".contact-btn\");\r\n  const closeBtn = modal.querySelector(\".close\");\r\n\r\n  \/\/ Otvorenie modalu pri kliknut\u00ed na ak\u00e9ko\u013evek tla\u010didlo\r\n  buttons.forEach(btn => {\r\n    btn.addEventListener(\"click\", () => {\r\n      modal.style.display = \"block\";\r\n    });\r\n  });\r\n\r\n  \/\/ Zavretie modalu kliknut\u00edm na \"x\"\r\n  closeBtn.addEventListener(\"click\", () => {\r\n    modal.style.display = \"none\";\r\n  });\r\n\r\n  \/\/ Zavretie modalu kliknut\u00edm mimo obsahu\r\n  window.addEventListener(\"click\", (event) => {\r\n    if (event.target === modal) {\r\n      modal.style.display = \"none\";\r\n    }\r\n  });\r\n<\/script>\r\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kontaktujte n\u00e1s Pr\u00e1ve ho tvor\u00edme. V\u00e1\u0161 nov\u00fd web? M\u00c1MZ\u00c1UJEM! Pozrite si Na\u0161e slu\u017eby pre V\u00e1s Web E&#8209;shop Logo SEO Va\u0161u bud\u00facu firemn\u00fa str\u00e1nku si m\u00f4\u017eete takmer vyklika\u0165 sami&#8230; (sta\u010d\u00ed nahodi\u0165 obr\u00e1zok, n\u00e1zov firmy a pohra\u0165 sa s menu) Moja Firma O n\u00e1s Na\u0161e slu\u017eby Gal\u00e9ria Kontakt Vyberte si vlastn\u00fd obr\u00e1zok &#8230;alebo to rovno nechajte na [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-1874","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Sunnio.sk | \u017eiari na ka\u017ed\u00fd web - Sunnio.sk<\/title>\n<meta name=\"description\" content=\"Tvorba kreat\u00edvnych webstr\u00e1nok\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sunnio.sk\/\" \/>\n<meta property=\"og:locale\" content=\"sk_SK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sunnio.sk | \u017eiari na ka\u017ed\u00fd web - Sunnio.sk\" \/>\n<meta property=\"og:description\" content=\"Tvorba kreat\u00edvnych webstr\u00e1nok\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sunnio.sk\/\" \/>\n<meta property=\"og:site_name\" content=\"Sunnio.sk\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-16T22:09:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/09\/hero-image.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Predpokladan\u00fd \u010das \u010d\u00edtania\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 min\u00faty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sunnio.sk\/\",\"url\":\"https:\/\/sunnio.sk\/\",\"name\":\"Sunnio.sk | \u017eiari na ka\u017ed\u00fd web - Sunnio.sk\",\"isPartOf\":{\"@id\":\"https:\/\/sunnio.sk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sunnio.sk\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sunnio.sk\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/09\/hero-image.jpg\",\"datePublished\":\"2025-09-12T17:04:30+00:00\",\"dateModified\":\"2025-10-16T22:09:11+00:00\",\"description\":\"Tvorba kreat\u00edvnych webstr\u00e1nok\",\"breadcrumb\":{\"@id\":\"https:\/\/sunnio.sk\/#breadcrumb\"},\"inLanguage\":\"sk-SK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sunnio.sk\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\/\/sunnio.sk\/#primaryimage\",\"url\":\"https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/09\/hero-image.jpg\",\"contentUrl\":\"https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/09\/hero-image.jpg\",\"width\":1818,\"height\":879,\"caption\":\"Hero image - Sunnio.sk - \u017eiari na ka\u017ed\u00fd web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sunnio.sk\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sunnio.sk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sunnio.sk | \u017eiari na ka\u017ed\u00fd web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sunnio.sk\/#website\",\"url\":\"https:\/\/sunnio.sk\/\",\"name\":\"Sunnio.sk\",\"description\":\"\u017diari na ka\u017ed\u00fd web\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sunnio.sk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sk-SK\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sunnio.sk | \u017eiari na ka\u017ed\u00fd web - Sunnio.sk","description":"Tvorba kreat\u00edvnych webstr\u00e1nok","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sunnio.sk\/","og_locale":"sk_SK","og_type":"article","og_title":"Sunnio.sk | \u017eiari na ka\u017ed\u00fd web - Sunnio.sk","og_description":"Tvorba kreat\u00edvnych webstr\u00e1nok","og_url":"https:\/\/sunnio.sk\/","og_site_name":"Sunnio.sk","article_modified_time":"2025-10-16T22:09:11+00:00","og_image":[{"url":"https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/09\/hero-image.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Predpokladan\u00fd \u010das \u010d\u00edtania":"3 min\u00faty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sunnio.sk\/","url":"https:\/\/sunnio.sk\/","name":"Sunnio.sk | \u017eiari na ka\u017ed\u00fd web - Sunnio.sk","isPartOf":{"@id":"https:\/\/sunnio.sk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sunnio.sk\/#primaryimage"},"image":{"@id":"https:\/\/sunnio.sk\/#primaryimage"},"thumbnailUrl":"https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/09\/hero-image.jpg","datePublished":"2025-09-12T17:04:30+00:00","dateModified":"2025-10-16T22:09:11+00:00","description":"Tvorba kreat\u00edvnych webstr\u00e1nok","breadcrumb":{"@id":"https:\/\/sunnio.sk\/#breadcrumb"},"inLanguage":"sk-SK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sunnio.sk\/"]}]},{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/sunnio.sk\/#primaryimage","url":"https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/09\/hero-image.jpg","contentUrl":"https:\/\/sunnio.sk\/wp-content\/uploads\/2025\/09\/hero-image.jpg","width":1818,"height":879,"caption":"Hero image - Sunnio.sk - \u017eiari na ka\u017ed\u00fd web"},{"@type":"BreadcrumbList","@id":"https:\/\/sunnio.sk\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sunnio.sk\/"},{"@type":"ListItem","position":2,"name":"Sunnio.sk | \u017eiari na ka\u017ed\u00fd web"}]},{"@type":"WebSite","@id":"https:\/\/sunnio.sk\/#website","url":"https:\/\/sunnio.sk\/","name":"Sunnio.sk","description":"\u017diari na ka\u017ed\u00fd web","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sunnio.sk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sk-SK"}]}},"_links":{"self":[{"href":"https:\/\/sunnio.sk\/index.php?rest_route=\/wp\/v2\/pages\/1874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunnio.sk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sunnio.sk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sunnio.sk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunnio.sk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1874"}],"version-history":[{"count":5,"href":"https:\/\/sunnio.sk\/index.php?rest_route=\/wp\/v2\/pages\/1874\/revisions"}],"predecessor-version":[{"id":3406,"href":"https:\/\/sunnio.sk\/index.php?rest_route=\/wp\/v2\/pages\/1874\/revisions\/3406"}],"wp:attachment":[{"href":"https:\/\/sunnio.sk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}