{"id":10,"date":"2025-10-31T12:39:30","date_gmt":"2025-10-31T12:39:30","guid":{"rendered":"https:\/\/carbotera.com\/?page_id=10"},"modified":"2025-11-06T13:34:22","modified_gmt":"2025-11-06T13:34:22","slug":"carbotera","status":"publish","type":"page","link":"https:\/\/carbotera.com\/","title":{"rendered":"Carbotera &#8211; daj glebie drugie \u017cycie!"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73b4940 e-flex e-con-boxed e-con e-parent\" data-id=\"73b4940\" 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-a51e207 leaflet-on elementor-widget elementor-widget-html\" data-id=\"a51e207\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ulotka-tlo\">\r\n  <div class=\"tlo\"><\/div>\r\n\r\n  <!-- ULOTKA (z \"lupk\u0105\") -->\r\n  <div class=\"ulotka-wrap\" onclick=\"openZoom('https:\/\/carbotera.com\/wp-content\/uploads\/2025\/11\/ulotka-carbotera-A5-1.1-net.jpg')\">\r\n    <img decoding=\"async\" src=\"https:\/\/carbotera.com\/wp-content\/uploads\/2025\/11\/ulotka-carbotera-A5-1.1-net.jpg\"\r\n         alt=\"Ulotka Carbotera\" class=\"ulotka\" style=\"max-width:20vw;\">\r\n    <span class=\"zoom-hint\" aria-hidden=\"true\">\ud83d\udd0d<\/span>\r\n  <\/div>\r\n\r\n  <!-- NAPIS POD ULOTK\u0104 -->\r\n  <div class=\"naglowek\">\r\n    Ju\u017c nied\u0142ugo premiera naszych produkt\u00f3w!<br>Strona w budowie.\r\n  <\/div>\r\n\r\n  <!-- PRZYCISK TEL -->\r\n  <a href=\"tel:533311512\" class=\"przycisk\">\ud83d\udcde Zadzwo\u0144: 533&nbsp;311&nbsp;512<\/a>\r\n<\/div>\r\n\r\n<!-- OVERLAY DO POWI\u0118KSZANIA + POBIERANIA -->\r\n<div id=\"zoomOverlay\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Podgl\u0105d ulotki\">\r\n  <div class=\"zoom-toolbar\">\r\n    <a id=\"downloadBtn\" href=\"https:\/\/carbotera.com\/wp-content\/uploads\/2025\/10\/ulotka-carbotera-A5-1.1.jpg\"\r\n       download=\"ulotka-carbotera.jpg\" class=\"dl-btn\" title=\"Pobierz ulotk\u0119\">\u2b07\ufe0f Pobierz<\/a>\r\n    <button class=\"close-btn\" onclick=\"closeZoom()\" title=\"Zamknij\">\u2715<\/button>\r\n  <\/div>\r\n  <img decoding=\"async\" id=\"zoomImg\" src=\"\" alt=\"Ulotka - powi\u0119kszenie\">\r\n<\/div>\r\n\r\n<style>\r\nhtml, body {\r\n  margin: 0;\r\n  padding: 0;\r\n  height: 100%;\r\n  font-family: \"Lato\", Arial, sans-serif;\r\n  background: none;\r\n}\r\n\r\n\/* Sekcja g\u0142\u00f3wna *\/\r\n.ulotka-tlo {\r\n  position: fixed;\r\n  inset: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: flex-start; \/* wyr\u00f3wnanie od g\u00f3ry *\/\r\n  padding: 40px 20px 60px;     \/* margines G\u00d3RNY 40px *\/\r\n  text-align: center;\r\n  color: #fff;\r\n  overflow: auto;\r\n  z-index: 10;\r\n  gap: 25px;\r\n}\r\n\r\n\/* T\u0142o *\/\r\n.tlo {\r\n  position: fixed;\r\n  inset: 0;\r\n  background: url('https:\/\/carbotera.com\/wp-content\/uploads\/2025\/10\/beautiful-natural-landscape-scaled.jpg')\r\n              center\/cover no-repeat;\r\n  filter: blur(6px) brightness(0.9);\r\n  transform: scale(1.05);\r\n  z-index: -1;\r\n}\r\n\r\n\/* Ulotka + \"lupka\" *\/\r\n.ulotka-wrap {\r\n  position: relative;\r\n  display: inline-block;\r\n  cursor: zoom-in;\r\n}\r\n.ulotka {\r\n  max-width: min(90vw, 1100px);\r\n  height: auto;\r\n  border-radius: 12px;\r\n  box-shadow: 0 12px 40px rgba(0,0,0,.4);\r\n  margin-bottom: 25px; \/* odst\u0119p nad napisem *\/\r\n  display: block;\r\n}\r\n.zoom-hint{\r\n  position: absolute;\r\n  right: 14px;\r\n  bottom: 14px;\r\n  font-size: 30px;\r\n  background: rgba(0,0,0,.45);\r\n  color: #fff;\r\n  padding: 6px 10px;\r\n  border-radius: 8px;\r\n  line-height: 1;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Napis POD ulotk\u0105 *\/\r\n.naglowek {\r\n  font-size: clamp(18px, 2.5vw, 26px);\r\n  font-weight: 800;\r\n  text-shadow: 0 2px 6px rgba(0,0,0,.6);\r\n  line-height: 1.45;\r\n  margin-bottom: 18px; \/* odst\u0119p od przycisku *\/\r\n}\r\n\r\n\/* Przycisk telefon *\/\r\n.przycisk {\r\n  background: #1c6b2a;\r\n  color: #fff;\r\n  text-decoration: none;\r\n  padding: 16px 36px;\r\n  border-radius: 999px;\r\n  font-weight: 700;\r\n  font-size: clamp(15px, 2vw, 18px);\r\n  box-shadow: 0 4px 20px rgba(0,0,0,.3);\r\n  transition: background .25s, transform .15s;\r\n}\r\n.przycisk:hover {\r\n  background: #248f3b;\r\n  transform: scale(1.05);\r\n}\r\n\r\n\/* Overlay powi\u0119kszenia *\/\r\n#zoomOverlay{\r\n  display: none;              \/* poka\u017cemy klas\u0105 .show *\/\r\n  position: fixed;\r\n  inset: 0;\r\n  background: rgba(0,0,0,.85);\r\n  z-index: 9999;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 24px;\r\n}\r\n#zoomOverlay.show{ display: flex; }\r\n#zoomImg{\r\n  max-width: 95vw;\r\n  max-height: 95vh;\r\n  border-radius: 12px;\r\n  touch-action: pinch-zoom;   \/* pinch na telefonach *\/\r\n  cursor: zoom-out;\r\n}\r\n\r\n\/* Pasek narz\u0119dzi (pobierz \/ zamknij) *\/\r\n.zoom-toolbar{\r\n  position: fixed;\r\n  top: 16px;\r\n  right: 16px;\r\n  display: flex;\r\n  gap: 10px;\r\n}\r\n.dl-btn, .close-btn{\r\n  appearance: none;\r\n  border: 0;\r\n  border-radius: 999px;\r\n  padding: 10px 16px;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  background: #ffffff;\r\n  color: #111;\r\n  cursor: pointer;\r\n  box-shadow: 0 4px 20px rgba(0,0,0,.35);\r\n}\r\n.close-btn{\r\n  background: #222;\r\n  color: #fff;\r\n  padding: 10px 14px;\r\n  font-size: 18px;\r\n  line-height: 1;\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 600px) {\r\n  .ulotka-tlo { padding: 25px 16px 50px; gap: 20px; } \/* mniejszy g\u00f3rny margines *\/\r\n  .ulotka { margin-bottom: 20px; border-radius: 10px; }\r\n  .naglowek { margin-bottom: 16px; font-size: 18px; }\r\n  .przycisk { padding: 14px 28px; font-size: 16px; }\r\n  .zoom-hint{ font-size: 24px; right: 10px; bottom: 10px; }\r\n}\r\n\r\n\/* ===== MOBILE FIX ===== *\/\r\n@media (max-width: 600px) {\r\n  \/* mniejsze odst\u0119py i paddingi *\/\r\n  .ulotka-tlo {\r\n    padding: 20px 12px 32px;\r\n    gap: 16px;\r\n  }\r\n\r\n  \/* nadpisuje nawet inline style z <img ... style=\"max-width:60vw\"> *\/\r\n  .ulotka,\r\n  .ulotka[style] {\r\n    max-width: 94vw !important;  \/* szeroka, ale z marginesem przy kraw\u0119dziach *\/\r\n    border-radius: 10px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  \/* napis mniejszy i cia\u015bniejszy *\/\r\n  .naglowek {\r\n    font-size: 16px;\r\n    line-height: 1.35;\r\n    margin-bottom: 12px; \/* odst\u0119p od przycisku *\/\r\n    text-shadow: 0 2px 5px rgba(0,0,0,.5);\r\n    padding: 0 6px;      \/* \u017ceby nie \u201eklei\u0142\u201d si\u0119 do kraw\u0119dzi *\/\r\n  }\r\n\r\n  \/* przycisk wygodny do tapni\u0119cia *\/\r\n  .przycisk {\r\n    padding: 12px 20px;\r\n    font-size: 15px;\r\n  }\r\n\r\n  \/* lupka mniejsza i bli\u017cej kraw\u0119dzi *\/\r\n  .zoom-hint {\r\n    font-size: 20px;\r\n    right: 8px;\r\n    bottom: 8px;\r\n    padding: 4px 6px;\r\n  }\r\n\r\n  \/* overlay: prawie pe\u0142ny ekran na mobile *\/\r\n  #zoomImg {\r\n    max-width: 98vw;\r\n    max-height: 90vh;\r\n  }\r\n}\r\n\r\n\/* ===== NISKIE EKRANY \/ LANDSCAPE ===== *\/\r\n@media (max-height: 580px) and (orientation: landscape) {\r\n  .ulotka-tlo {\r\n    padding: 12px 12px 16px;\r\n    gap: 12px;\r\n  }\r\n  .ulotka {\r\n    max-height: 70vh;   \/* \u017ceby nie \u201ewypycha\u0142a\u201d przycisku poza ekran *\/\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\nfunction openZoom(src){\r\n  const overlay = document.getElementById('zoomOverlay');\r\n  const img = document.getElementById('zoomImg');\r\n  const dl = document.getElementById('downloadBtn');\r\n  img.src = src;\r\n  dl.href = src;                   \/\/ przycisk \"Pobierz\" pobiera dok\u0142adnie to zdj\u0119cie\r\n  overlay.classList.add('show');\r\n  document.body.style.overflow = 'hidden';\r\n}\r\nfunction closeZoom(){\r\n  const overlay = document.getElementById('zoomOverlay');\r\n  overlay.classList.remove('show');\r\n  document.body.style.overflow = '';\r\n}\r\n\/* Zamknij klikaj\u0105c w t\u0142o lub ESC *\/\r\ndocument.getElementById('zoomOverlay').addEventListener('click', (e) => {\r\n  if(e.target.id === 'zoomOverlay') closeZoom();\r\n});\r\ndocument.addEventListener('keydown', (e) => {\r\n  if(e.key === 'Escape') closeZoom();\r\n});\r\n<\/script>\r\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>\ud83d\udd0d Ju\u017c nied\u0142ugo premiera naszych produkt\u00f3w!Strona w budowie. \ud83d\udcde Zadzwo\u0144: 533&nbsp;311&nbsp;512 \u2b07\ufe0f Pobierz \u2715<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/carbotera.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carbotera.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carbotera.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carbotera.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carbotera.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":54,"href":"https:\/\/carbotera.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/carbotera.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/carbotera.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}