{"product_id":"napelemes-lampa-pislakolo-langhatassal","title":"Napelemes lámpa pislákoló lánghatással","description":"\u003cdiv class=\"solar-benefits-section\"\u003e\n\u003cdiv class=\"benefits-grid-container\"\u003e\n\u003c!-- Előny 1: Egész éjjel működik --\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#fff\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"30\" width=\"30\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n        \u003cpath d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n\u003cp\u003eEgész éjjel működik\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Előny 2: 100% vízálló --\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#fff\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"30\" width=\"30\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n        \u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.32 0z\"\u003e\u003c\/path\u003e\n        \u003cpath d=\"M12 2.69v11.32\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n\u003cp\u003e100% vízálló\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Előny 3: Kábelek és telepítés nélkül --\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#fff\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"30\" width=\"30\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n        \u003cpath d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n\u003cp\u003eKábelek és telepítés nélkül\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Vonal + Garancia --\u003e\n\u003cdiv class=\"guarantee-bar\"\u003e\n\u003cspan class=\"line\"\u003e\u003c\/span\u003e \u003cspan\u003e30 napos pénzvisszafizetési garancia\u003c\/span\u003e \u003cspan class=\"line\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === ÁLTALÁNOS SZEKCIÓ === *\/\n.solar-benefits-section {\n  background-color: #364745;\n  color: #fff;\n  text-align: center;\n  padding: 22px 10px 3px 10px; \/* az alsó rész 3px-re csökkentve *\/\n  font-family: 'Inter', Arial, sans-serif;\n  border-radius: 12px;\n  max-width: 1100px;\n  margin: 30px auto;\n}\n\n\/* === IKONRÁCS === *\/\n.benefits-grid-container {\n  display: flex;\n  justify-content: space-around;\n  align-items: flex-start;\n  margin-bottom: 18px;\n  flex-wrap: nowrap;\n  gap: 10px;\n}\n\n.benefit-item {\n  flex: 1;\n  min-width: 100px;\n  padding: 0 5px;\n  box-sizing: border-box;\n}\n\n.benefit-item svg {\n  width: 30px;\n  height: 30px;\n  margin-bottom: 6px;\n}\n\n.benefit-item p {\n  margin: 0;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 1.3;\n}\n\n\/* === GARANCIA SÁV === *\/\n.guarantee-bar {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  color: #fbe3a7;\n  font-weight: 600;\n  font-size: 16px;\n  margin-top: 15px;\n  margin-bottom: 3px; \/* 🚀 csak 3px a garancia alatt *\/\n}\n\n.guarantee-bar .line {\n  height: 1px;\n  width: 40px;\n  background-color: #fbe3a7;\n  display: inline-block;\n}\n\n\/* === RESZPONZÍV MOBIL === *\/\n@media (max-width: 768px) {\n  .benefits-grid-container {\n    gap: 5px;\n  }\n  .benefit-item {\n    min-width: 80px;\n    padding: 0 2px;\n  }\n  .benefit-item svg {\n    width: 24px;\n    height: 24px;\n  }\n  .benefit-item p {\n    font-size: 12px;\n  }\n  .guarantee-bar {\n    font-size: 12px;\n    margin-top: 12px;\n    margin-bottom: 3px;\n  }\n  .guarantee-bar .line {\n    width: 25px;\n  }\n}\n\n\/* === NAGYON KICSI KÉPERNYŐK === *\/\n@media (max-width: 400px) {\n  .benefit-item p {\n    font-size: 11px;\n  }\n}\n\u003c\/style\u003e\n\u003c!-- Bevezető szöveg (főcím fehérre állítva) --\u003e\n\u003cdiv style=\"max-width: 800px; margin: 40px auto 20px auto; padding: 0 15px; text-align: center; color: #fff; font-family: 'Inter', Arial, sans-serif;\"\u003e\n\u003ch2 style=\"font-size: 28px; font-weight: bold; margin-bottom: 15px; color: #fff;\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eAlakítsd át udvarodat a nyugalom és báj oázisává\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp style=\"font-size: 18px; line-height: 1.6; margin-bottom: 15px; text-align: left;\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eKépzeld el a tökéletes estéket:\u003c\/strong\u003e kerted meleg fényben kel életre, hipnotikusan utánozva a természetes lángot. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 18px; line-height: 1.6; text-align: left;\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cmeta charset=\"utf-8\"\u003e \u003cstrong\u003eA napelemes lámpa extra stílust kölcsönöz\u003c\/strong\u003e bármely kültéri térnek – legyen szó egy sétány megvilágításáról, egy zöld sarok kiemeléséről, vagy meghitt hangulat teremtéséről vacsorához.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Képek szekció felülírt szöveggel --\u003e\n\u003cdiv class=\"image-benefits-section\"\u003e\n\u003cdiv class=\"image-benefits-grid\"\u003e\n\u003c!-- Kép 1 --\u003e\n\u003cdiv class=\"image-benefit-card\"\u003e\n\u003cimg loading=\"lazy\" alt=\"Napelemes lámpák az udvaron\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/8088\/3721\/files\/IMG_2091.avif?v=1760870816\"\u003e\n\u003cdiv class=\"text-overlay\"\u003e\n\u003ch3\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eGyönyörű tér.\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eAlakítsd otthonodat kényelmes és hívogató menedékké minden este.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Kép 2 --\u003e\n\u003cdiv class=\"image-benefit-card\"\u003e\n\u003cimg loading=\"lazy\" alt=\"Napelemes lámpa éjszaka működik\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/8088\/3721\/files\/IMG_2093.avif?v=1760870816\"\u003e\n\u003cdiv class=\"text-overlay\"\u003e\n\u003ch3\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e8 óra fény. Karbantartás nélkül.\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eÉlvezd a világítást alkonytól hajnalig anélkül, hogy egy ujjadat is mozdítanád.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Kép 3 --\u003e\n\u003cdiv class=\"image-benefit-card\"\u003e\n\u003cimg loading=\"lazy\" alt=\"Napelemes lámpák napelem panellel\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/8088\/3721\/files\/IMG_2092.avif?v=1760870816\"\u003e\n\u003cdiv class=\"text-overlay\"\u003e\n\u003ch3\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e100% napenergiával működő LED.\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eFényes, hatékony és környezetbarát világítás, amire számíthatsz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Kép 4 --\u003e\n\u003cdiv class=\"image-benefit-card\"\u003e\n\u003cimg loading=\"lazy\" alt=\"Napelemes lámpa esőben\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/8088\/3721\/files\/IMG_2089.avif?v=1760870816\"\u003e\n\u003cdiv class=\"text-overlay\"\u003e\n\u003ch3\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eBármilyen körülmények között ragyog. Kábelek nélkül.\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eFagy- és vízálló kialakítás kültéri világításhoz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Alap stílusok a szekcióhoz *\/\n.image-benefits-section {\n  max-width: 1200px;\n  margin: 40px auto;\n  padding: 0 15px;\n  font-family: 'Inter', Arial, sans-serif;\n}\n\n.image-benefits-grid {\n  display: flex;\n  flex-wrap: nowrap; \/* Biztosítja, hogy az elemek egy sorban maradjanak asztali gépen *\/\n  gap: 20px; \/* Távolság a kártyák között *\/\n  overflow-x: auto; \/* Lehetővé teszi a vízszintes görgetést mobilon *\/\n  -webkit-overflow-scrolling: touch; \/* Folyékonyabb görgetés iOS-en *\/\n  scroll-snap-type: x mandatory; \/* Segít a kártyák igazításában görgetéskor *\/\n}\n\n.image-benefit-card {\n  flex: 0 0 auto; \/* Nem zsugorodik, nem nő, automatikus szélesség *\/\n  width: 280px; \/* Fix szélesség a kártyáknak mobilon, állítható *\/\n  min-width: 280px; \/* Biztosítja, hogy ne legyenek túl kicsik *\/\n  position: relative;\n  border-radius: 12px;\n  overflow: hidden;\n  scroll-snap-align: start; \/* Igazítja a kártyát a görgetési terület elejéhez *\/\n  box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n}\n\n.image-benefit-card img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover; \/* Lefedi a kártya területét, torzítás nélkül *\/\n  display: block;\n}\n\n.text-overlay {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: rgba(0, 0, 0, 0.3); \/* 30% átlátszóságra állítva *\/\n  color: #fff;\n  padding: 15px;\n  text-align: left;\n  border-bottom-left-radius: 12px;\n  border-bottom-right-radius: 12px;\n}\n\n.text-overlay h3 {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1.2;\n}\n\n.text-overlay p {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.4;\n}\n\n\/* ======= RESZPONZÍV — ASZTALI (4 egy sorban) ======= *\/\n@media (min-width: 769px) {\n  .image-benefits-grid {\n    flex-wrap: wrap; \/* Lehetővé teszi az elemeknek, hogy új sorba kerüljenek *\/\n    justify-content: center; \/* Középre igazítja a kártyákat *\/\n    gap: 20px; \/* Távolság a kártyák között *\/\n    overflow-x: hidden; \/* Kikapcsolja a vízszintes görgetést asztali gépen *\/\n  }\n  .image-benefit-card {\n    flex: 1 1 calc(25% - 15px); \/* 4 kártya egy sorban, távolsággal közöttük *\/\n    max-width: calc(25% - 15px); \/* Biztosítja a megfelelő szélességet *\/\n    width: auto; \/* Automatikus szélesség az alkalmazkodáshoz *\/\n    min-width: 200px; \/* Minimális szélesség, hogy ne legyenek túl kicsik *\/\n  }\n}\n\n\/* Nagyobb asztali képernyőkhöz való igazítások, ha szükséges *\/\n@media (min-width: 1024px) {\n  .image-benefit-card {\n    flex: 1 1 calc(25% - 15px); \/* Megtartja a 4-et egy sorban *\/\n    max-width: calc(25% - 15px);\n  }\n}\n\n\/* Nagyon kicsi képernyőkhöz való igazítások, ha szükséges *\/\n@media (max-width: 480px) {\n  .image-benefit-card {\n    width: 250px; \/* Kicsit kisebb szélesség nagyon kicsi képernyőkön *\/\n    min-width: 250px;\n  }\n  .text-overlay h3 {\n    font-size: 16px;\n  }\n  .text-overlay p {\n    font-size: 13px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv style=\"margin-top: 80px;\" class=\"before-after-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eNézd meg a különbséget, amit a Pislákoló Lámpa tesz\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003e\u003cspan style=\"color: #000;\"\u003eA legtöbb napelemes izzó alig világít.\u003c\/span\u003e\u003cbr\u003e\u003cspan style=\"color: #000;\"\u003e\u003cstrong\u003eA mieink meleget, mélységet és hangulatot teremtenek.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"comparison-grid-container\"\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003c!-- Előtte --\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cimg loading=\"lazy\" alt=\"Előtte: gyenge napelemes világítás\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/8088\/3721\/files\/img_slab.webp?v=1760872477\"\u003e \u003cspan class=\"card-label before-label\"\u003eELŐTTE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- Utána --\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cimg loading=\"lazy\" alt=\"Utána: napelemes lámpa lánghatással\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/8088\/3721\/files\/IMG_2092.avif?v=1760870816\"\u003e \u003cspan class=\"card-label after-label\"\u003eUTÁNA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bottom-info-text\"\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(255, 42, 0);\"\u003e\u003cstrong\u003eA telepítés 2 percet vesz igénybe\u003c\/strong\u003e\u003c\/span\u003e\u003cbr\u003e\u003cspan style=\"color: rgb(255, 42, 0);\"\u003e\u003cstrong\u003eÉlvezd, ahogy az udvarod kinéz minden este.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === ÁLTALÁNOS SZEKCIÓ === *\/\n.before-after-section {\n  max-width: none;\n  margin: 80px auto 15px auto; \/* sokkal kevesebb hely alul *\/\n  text-align: center;\n  font-family: 'Inter', Arial, sans-serif;\n  color: #333;\n}\n\n\/* === CÍM ÉS ALCÍM === *\/\n.section-title {\n  font-size: 32px;\n  font-weight: 700;\n  margin-bottom: 15px;\n  color: #222;\n}\n.section-subtitle {\n  font-size: 18px;\n  line-height: 1.5;\n  margin-bottom: 35px; \/* csökkentve *\/\n  color: #555;\n}\n\n\/* === KÉPRÁCS === *\/\n.comparison-grid-container {\n  max-width: 900px;\n  margin: 0 auto;\n  padding: 0 15px;\n}\n.comparison-grid {\n  display: flex;\n  justify-content: center;\n  gap: 25px;\n  flex-wrap: nowrap;\n  margin-bottom: 20px; \/* csökkentve *\/\n}\n.comparison-card {\n  position: relative;\n  width: 100%;\n  max-width: 418px;\n  flex: 1;\n  min-width: 165px;\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 6px 20px rgba(0,0,0,0.1);\n}\n.comparison-card img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n\/* === ELŐTTE \/ UTÁNA CÍMKÉK === *\/\n.card-label {\n  position: absolute;\n  bottom: 12px;\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 7px 18px;\n  border-radius: 18px;\n  color: #fff;\n  font-weight: 600;\n  font-size: 13px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n.before-label { background-color: #d98c5a; }\n.after-label { background-color: #6cb250; }\n\n\/* === VÉGSŐ PIROS SZÖVEG === *\/\n.bottom-info-text {\n  margin-top: 5px;   \/* csökkentve *\/\n  margin-bottom: 3px; \/* 🚀 csak 3px a szöveg alatt *\/\n}\n.bottom-info-text p {\n  color: #e63946;\n  font-size: 20px;\n  font-weight: 600;\n  line-height: 1.3;\n  margin: 0;\n}\n\n\/* === RESZPONZÍV === *\/\n@media (max-width: 768px) {\n  .section-title { font-size: 26px; }\n  .section-subtitle { font-size: 16px; margin-bottom: 25px; }\n  .comparison-grid { gap: 15px; margin-bottom: 15px; }\n  .comparison-card { max-width: 48%; min-width: 130px; }\n  .card-label { font-size: 11px; padding: 5px 12px; bottom: 8px; }\n  .bottom-info-text p { font-size: 17px; }\n}\n@media (max-width: 480px) {\n  .comparison-grid { gap: 10px; margin-bottom: 10px; }\n  .comparison-card { max-width: 49%; min-width: 110px; }\n  .section-title { font-size: 22px; }\n  .section-subtitle { font-size: 14px; }\n  .bottom-info-text p { font-size: 15px; }\n}\n\u003c\/style\u003e","brand":"Store HU","offers":[{"title":"Default Title","offer_id":52582162202951,"sku":null,"price":10700.0,"currency_code":"HUF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0920\/3485\/9335\/files\/1019_1_1.gif?v=1760883095","url":"https:\/\/alvara.hu\/products\/napelemes-lampa-pislakolo-langhatassal","provider":"Store HU","version":"1.0","type":"link"}