{"product_id":"4szt-male-przyjazne-kaktusy-do-dekoracji","title":"4szt. małe przyjazne kaktusy do dekoracji","description":"\u003cstyle\u003e\n\/* ===== RESET + ANIMACJE ===== *\/\nhtml, body {\n  overflow-x: hidden !important;\n  position: relative !important;\n  box-sizing: border-box;\n}\n.fade-in {\n  opacity: 0;\n  animation: fadeIn 0.4s ease-in-out forwards;\n}\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n@keyframes scaleGrow {\n  from {\n    transform: scale(1.2) rotate(0deg);\n    opacity: 0.7;\n  }\n  to {\n    transform: scale(1.5) rotate(2deg);\n    opacity: 1;\n  }\n}\n@keyframes scaleGrowReverse {\n  from {\n    transform: scale(1.2) rotate(0deg);\n    opacity: 0.7;\n  }\n  to {\n    transform: scale(1.5) rotate(-2deg);\n    opacity: 1;\n  }\n}\n.content-wrapper {\n  margin: 50px;\n}\n\n\/* ===== GŁÓWNE SEKCJE ===== *\/\n.product-container {\n  display: flex;\n  flex-wrap: nowrap;\n  margin: 60px;\n  align-items: center;\n  justify-content: space-between;\n  overflow: visible !important;\n  position: relative;\n}\n.product-container.reverse {\n  flex-direction: row-reverse;\n}\n.product-text {\n  flex: 1 1 50%;\n  line-height: 1.8;\n  color: #333;\n  padding-left: 0px;\n  padding-right: 0px;\n}\n.product-container.reverse .product-text {\n  padding-left: 80px;\n  padding-right: 0px;\n}\n.product-image {\n  padding: 0 !important;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  overflow: visible;\n  z-index: 1;\n}\n.product-container.reverse .product-image {\n  justify-content: flex-start;\n}\n.product-image img {\n  width: auto;\n  height: auto;\n  object-fit: cover;\n  border-radius: 10px;\n  transition: transform 0.4s ease-in-out;\n  display: block;\n  position: relative;\n  z-index: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  .product-image:hover img {\n    position: absolute;\n    inset: 0;\n    margin: auto;\n    width: auto;\n    height: auto;\n    max-width: 100%;\n    max-height: 100%;\n    object-fit: contain;\n    transform: scale(1.1) rotate(1.5deg);\n    z-index: 1001;\n    animation: scaleGrow 0.6s ease-in-out forwards;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);\n  }\n\n  .product-container.reverse .product-image:hover img {\n    transform: scale(1.1) rotate(-1.5deg);\n    animation: scaleGrowReverse 0.6s ease-in-out forwards;\n  } \n}\n\n\/* ===== GALERIA ===== *\/\n.product-image:has(.gallery-wrapper) {\n  flex: 1 1 auto;\n  max-width: 400px;\n  width: 100%;\n  margin-left: 50px;\n  padding: 0;\n  display: flex !important;\n  justify-content: flex-end;\n  align-items: center;\n  overflow: visible !important;\n}\n.product-container.reverse .product-image:has(.gallery-wrapper) {\n  justify-content: flex-start;\n}\n.gallery-wrapper {\n  position: relative;\n  width: 100%;\n  overflow: visible !important;\n  z-index: 2;\n  isolation: isolate;\n}\n.product-gallery {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 20px;\n  width: 100%;\n}\n.product-gallery-item {\n  aspect-ratio: 1 \/ 1;\n  width: 100%;\n  position: relative;\n  overflow: visible;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.product-gallery-item img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 6px;\n  transition: transform 0.3s ease-in-out;\n}\n@media (hover: hover) and (pointer: fine) {\n  .product-gallery-item:hover {\n    z-index: 9999 !important;\n  }\n  .product-gallery-item:hover img {\n    z-index: 1001;\n    position: absolute;\n    inset: 0;\n    margin: auto;\n    width: auto;\n    height: auto;\n    max-width: 100%;\n    max-height: 100%;\n    object-fit: contain;\n    animation: scaleGrow 0.6s ease-in-out forwards;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);\n  }\n  .product-gallery-item:not(:hover) img {\n    transform: none !important;\n    object-fit: cover !important;\n    width: 100% !important;\n    height: 100% !important;\n    position: relative !important;\n    z-index: 1 !important;\n    box-shadow: none !important;\n    animation: none !important;\n  }\n  .product-image--single {\n    width: 300px !important;\n    height: 300px !important;\n    overflow: visible;\n    position: relative;\n    padding: 0 !important;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 1;\n    margin-top: 50px;\n    margin-bottom: 50px;\n  }\n  .product-image--single img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 10px;\n    transition: transform 0.4s ease-in-out;\n    display: block;\n    position: relative;\n    z-index: 1;\n  }\n}\n\n\n  \n  \n  \/* ===== PRZYCISK KUP TERAZ ===== *\/\n.btn-buy {\n  display: flex; justify-content: center; align-items: center;\n  width: 220px; font-size: 20px !important; \n  font-weight: bold !important;\n  color: #fff !important; background-color: #00639B !important;\n  border: none; border-radius: 8px; cursor: pointer;\n  margin-top: 20px; margin-bottom: 20px; margin-left: 100px !important;\n  margin-right: 100px !important;\n  transition: background 0.3s, color 0.3s;\n  text-align: center; z-index: 1; position: relative !important;\n  padding: 15px 15px !important;\n}\n  .btn-buy:hover {\n  background-color: #003985 !important;\n  color: #4DFF84 !important;\n  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2) !important;\n}\n\n\/* ===== LIGHTBOX ===== *\/\n.lightbox-overlay {\n  position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\n  background: rgba(0, 0, 0, 0.5); display: none;\n  justify-content: center; align-items: center;\n  z-index: 9999; flex-direction: column;\n}\n.lightbox-overlay.active { display: flex; }\n.lightbox-overlay img {\n  max-width: 80vw; max-height: 80vh;\n  border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.5);\n  transition: transform 0.2s ease;\n  transform-origin: center center;\n}\n.lightbox-close {\n  margin-top: 50px !important;\n  font-size: 80px !important;\n  color: #fff !important;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  z-index: 10003;\n}\n.lightbox-nav {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  pointer-events: all;\n  z-index: 10002;\n  width: auto;\n  max-width: 100%;\n}\n  #lightbox-img {\n  position: relative; \/* kluczowy krok *\/\n  display: block;\n  margin: 0 auto;\n}\n.lightbox-arrow {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  font-size: 80px !important;\n  color: #fff !important;\n  background: rgba(0, 0, 0, 0.3);\n  border: none;\n  cursor: pointer;\n  z-index: 10003;\n  padding: 10px !important;\n  transition: transform 0.2s ease;\n}\n\n.lightbox-arrow:hover {\n  transform: translateY(-50%) scale(1.15);\n}\n\n#lightbox-prev {\n  left: -60px;\n}\n\n#lightbox-next {\n  right: -60px;\n}\n\/* ===== RWD ===== *\/\n@media (max-width: 768px) {\n  .lightbox-arrow { font-size: 60px !important; }\n  #lightbox-prev {left: -10px; }\n  #lightbox-next {right: -10px }\n  .lightbox-close { font-size: 60px !important; margin-top: 10px; }\n  .product-container {\n    flex-direction: column;\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n  .product-image img {\n    width: 60% !important;\n    max-width: 100% !important;\n  }\n  .gallery-wrapper {\n  width: 50% !important;\n  overflow-x: hidden !important;\n  padding: 0px !important;\n}\n  .product-gallery {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n    width: 100%;\n  }\n  .product-gallery-item {\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n  .product-gallery-item img {\n    width: 100% !important;\n    height: 100% !important;\n    border-radius: 6px; \n    box-shadow: none !important;\n  }\n}\n@media (max-width: 480px) {\n  .product-container {\n    flex-direction: column;\n    margin: 0px;\n    padding: 0px;\n    gap: 10px;\n  }\n  .product-container.reverse {\n    flex-direction: column;\n  }\n  .lightbox-close { \n    margin-top: 0px !important;\n  }\n  .product-text {\n    width: 100% !important;\n    font-size: 14px !important;\n    text-align: center !important;\n    padding: 0 !important;\n  }\n.product-container.reverse .product-text {\n  padding-left: 0px !important;\n}\n  .product-image--single {\n    width: auto !important;\n    height: auto !important;\n    margin-top: 20px !important;\n    margin-bottom: 20px !important;\n  }\n  .product-image:has(.gallery-wrapper) {\n    width: 100% !important;\n    margin: 0 auto 10px auto !important;\n    justify-content: center !important;\n  }\n  .gallery-wrapper {\n    width: 100% !important;\n    padding: 0 !important;\n  }\n  .btn-buy {\n    margin: 10px auto !important;\n    padding: 10px 20px !important;\n    display: block;\n  }\n  .content-wrapper {\n  margin: 20px;\n    }\n}\n\u003c\/style\u003e\n\u003cscript\u003e\nwindow.addEventListener(\"load\", function () {\n  const overlay = document.getElementById(\"lightbox\");\n  const lightboxImg = document.getElementById(\"lightbox-img\");\n  const closeBtn = document.getElementById(\"lightbox-close\");\n  const prevBtn = document.getElementById(\"lightbox-prev\");\n  const nextBtn = document.getElementById(\"lightbox-next\");\n\n  const galleryImages = Array.from(document.querySelectorAll(\".product-gallery-item img\"));\n  const singleImages = Array.from(document.querySelectorAll(\".product-image--single img\"));\n  const allImages = [...galleryImages, ...singleImages];\n\n  let currentIndex = 0;\n\n  function openLightbox(index) {\n    currentIndex = index;\n    lightboxImg.src = allImages[currentIndex].src;\n    overlay.classList.add(\"active\");\n  }\n\n  function closeLightbox() {\n    overlay.classList.remove(\"active\");\n    lightboxImg.src = \"\";\n    lightboxImg.style.transform = \"scale(1)\";\n  }\n\n  function showPrev() {\n    currentIndex = (currentIndex - 1 + allImages.length) % allImages.length;\n    lightboxImg.src = allImages[currentIndex].src;\n  }\n\n  function showNext() {\n    currentIndex = (currentIndex + 1) % allImages.length;\n    lightboxImg.src = allImages[currentIndex].src;\n  }\n\n  allImages.forEach((img, index) =\u003e {\n    img.addEventListener(\"click\", () =\u003e openLightbox(index));\n  });\n\n  overlay.addEventListener(\"click\", (e) =\u003e {\n    if (e.target === overlay || e.target === closeBtn) closeLightbox();\n  });\n\n  document.addEventListener(\"keydown\", (e) =\u003e {\n    if (e.key === \"Escape\") closeLightbox();\n    if (e.key === \"ArrowLeft\") showPrev();\n    if (e.key === \"ArrowRight\") showNext();\n  });\n\n  prevBtn.addEventListener(\"click\", (e) =\u003e {\n    e.preventDefault(); e.stopPropagation(); showPrev();\n  });\n\n  nextBtn.addEventListener(\"click\", (e) =\u003e {\n    e.preventDefault(); e.stopPropagation(); showNext();\n  });\n\n  closeBtn.addEventListener(\"click\", (e) =\u003e {\n    e.preventDefault(); e.stopPropagation(); closeLightbox();\n  });\n\n  \/\/ 🔍 Lupa (desktop only)\n  if (window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches) {\n    lightboxImg.addEventListener(\"mousemove\", function (e) {\n      const rect = lightboxImg.getBoundingClientRect();\n      const x = ((e.clientX - rect.left) \/ rect.width) * 100;\n      const y = ((e.clientY - rect.top) \/ rect.height) * 100;\n      lightboxImg.style.transformOrigin = `${x}% ${y}%`;\n      lightboxImg.style.transform = \"scale(1.8)\";\n    });\n\n    lightboxImg.addEventListener(\"mouseleave\", function () {\n      lightboxImg.style.transform = \"scale(1)\";\n    });\n  }\n});\n  function scrollToTop() {\n  window.scrollTo({ top: 325, behavior: \"smooth\" });\n}\n\u003c\/script\u003e\n\n\u003c!-- HTML for Lightbox --\u003e\n\u003cdiv id=\"lightbox\" class=\"lightbox-overlay\"\u003e\n  \u003cdiv class=\"lightbox-img-wrapper\"\u003e\n    \u003cdiv style=\"position: relative; display: inline-block;\"\u003e\n      \u003cimg id=\"lightbox-img\" src=\"\" alt=\"Preview\"\u003e\n      \u003cbutton id=\"lightbox-prev\" class=\"lightbox-arrow\"\u003e❮\u003c\/button\u003e\n      \u003cbutton id=\"lightbox-next\" class=\"lightbox-arrow\"\u003e❯\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cbutton id=\"lightbox-close\" class=\"lightbox-close\"\u003e×\u003c\/button\u003e\n\u003c\/div\u003e\n\n\n\n\u003c!-- SEKCJE START --\u003e\n\u003cdiv class=\"content-wrapper\"\u003e\n\u003cdiv style=\"font-family: Montserrat, sans-serif; font-weight: 300; font-size: 22px; background: #fff; overflow: visible;\"\u003e\n\u003cdiv class=\"product-container reverse\"\u003e\n\u003cdiv class=\"product-text\"\u003e\n\u003ch2\u003eCodzienna Dawka Uśmiechu – Figurka, Która Rozwesela\u003c\/h2\u003e\n\u003cp\u003eMasz dość ponurych dni, brakuje Ci pozytywnej energii w pracy lub domu? Oto sposób na poprawę humoru – \u003cstrong\u003eurocze figurki z kaktusami w doniczkach\u003c\/strong\u003e, które nie tylko dekorują przestrzeń, ale przede wszystkim poprawiają nastrój i wywołują uśmiech u każdego, kto na nie spojrzy.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-image product-image--single\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0945\/5543\/9442\/files\/1_22c6ab34-7233-4984-986a-3a7af107a677.jpg?v=1744280780\" alt=\"Zestaw figurek LOVE z kaktusami\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-text\"\u003e\n\u003ch2\u003eMałe, Ale Zmieniają Wszystko\u003c\/h2\u003e\n\u003cp\u003eKażda figurka została zaprojektowana z dbałością o detale – słodkie buźki, zabawne kształty liter i żywe kolory sprawiają, że stanowią idealny prezent lub dekorację do biura, auta czy domu.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e🌵 Zestaw liter tworzących słowo „LOVE” – z mini doniczkami i buźkami\u003c\/li\u003e\n\u003cli\u003e💚 Wersja z kolorowymi filiżankami – urocza i kompaktowa\u003c\/li\u003e\n\u003cli\u003e🎁 Idealne na prezent, do auta, biurka lub jako dekoracja okienna\u003c\/li\u003e\n\u003cli\u003e🥰 Wysokiej jakości żywica – trwałość i estetyka\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cdiv class=\"gallery-wrapper\"\u003e\n\u003cdiv class=\"product-gallery\"\u003e\n\u003cdiv class=\"product-gallery-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0945\/5543\/9442\/files\/2_2f17ecbb-6dfa-490c-a290-cb96b92a3233.jpg?v=1744280780\" alt=\"Doniczka z kaktusem w kształcie serca\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"product-gallery-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0945\/5543\/9442\/files\/3_d2fdfd1d-b0da-42fb-91aa-18c8557f76e7.jpg?v=1744280780\" alt=\"Zbliżenie na uśmiechniętą figurkę z literą O\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"product-gallery-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0945\/5543\/9442\/files\/4_d8756990-0b2a-44e0-b239-25a0424b5fc8.jpg?v=1744280780\" alt=\"Zestaw 4 figurek w filiżankach\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"product-gallery-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0945\/5543\/9442\/files\/5_d109ddbf-195b-4975-87c5-c0d46dc76211.jpg?v=1744280780\" alt=\"Zbliżenie na figurkę króliczka z filiżanki\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-container reverse\"\u003e\n\u003cdiv class=\"product-text\"\u003e\n\u003ch2\u003eAntystresowa Dekoracja – Idealna do Auta i Biura\u003c\/h2\u003e\n\u003cp\u003eStresujesz się w korkach? Potrzebujesz czegoś, co umili Ci dzień w pracy? Te figurki nie tylko poprawiają nastrój, ale stają się też \u003cstrong\u003etematem do rozmowy i źródłem pozytywnych emocji\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e🚗 Łatwe do zamocowania na desce rozdzielczej\u003c\/li\u003e\n\u003cli\u003e📦 Lekkie – zestaw waży jedynie 33–51 g\u003c\/li\u003e\n\u003cli\u003e👐 Bezpieczne i trwałe – wykonane z wysokiej jakości żywicy\u003c\/li\u003e\n\u003cli\u003e🌼 Każdy zestaw to małe dzieło sztuki rękodzielniczego charakteru\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-image product-image--single\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0945\/5543\/9442\/files\/6_770df3cc-c74c-4871-9ee9-87a6214e27a5.jpg?v=1744280780\" alt=\"Zestaw LOVE w samochodzie\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-text\"\u003e\n\u003ch2\u003eZamień Monotonię w Kolorową Przestrzeń\u003c\/h2\u003e\n\u003cp\u003eWprowadź odrobinę radości tam, gdzie jej najbardziej potrzeba. To nie tylko dekoracja – to codzienny przypominacz o tym, że warto się uśmiechać.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"btn-buy\" type=\"button\" onclick=\"scrollToTop()\"\u003e🛒 Kup Teraz!\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SEKCJE KONIEC --\u003e\n","brand":"Bazlee","offers":[{"title":"B","offer_id":50583111762258,"sku":"14:200006152#B","price":35.0,"currency_code":"PLN","in_stock":true},{"title":"A","offer_id":50583111795026,"sku":"14:200006151#A","price":35.0,"currency_code":"PLN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0945\/5543\/9442\/files\/1_22c6ab34-7233-4984-986a-3a7af107a677.jpg?v=1744280780","url":"https:\/\/bazlee.pl\/products\/4szt-male-przyjazne-kaktusy-do-dekoracji","provider":"Bazlee","version":"1.0","type":"link"}