{"product_id":"lighting-triggerballs","title":"Lighting Triggerballs","description":"\u003cstyle\u003e\n.uf-trigger{\n  max-width:1100px;\n  margin:0 auto;\n  padding:20px 12px 60px;\n  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n}\n\n.uf-trigger *{box-sizing:border-box;margin:0}\n\n\/* CONTAINER *\/\n.uf-trigger-shell{\n  border-radius:22px;\n  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);\n  border:1px solid #e2e8f0;\n  box-shadow:0 20px 60px rgba(15,23,42,.08);\n  padding:20px;\n}\n\n\/* HERO *\/\n.uf-trigger-hero{\n  display:flex;\n  flex-direction:column;\n  gap:20px;\n}\n\n.uf-trigger-title{\n  font-size:26px;\n  font-weight:900;\n  color:#0f172a;\n}\n\n.uf-trigger-lead{\n  font-size:15px;\n  color:#526174;\n  line-height:1.7;\n}\n\n\/* VISUAL *\/\n.uf-trigger-visual{\n  position:relative;\n  height:240px;\n  border-radius:18px;\n  overflow:hidden;\n  background:\n    radial-gradient(circle at center, rgba(37,99,235,.25), transparent 60%),\n    linear-gradient(135deg,#020617,#0f172a);\n}\n\n\/* GRID *\/\n.uf-trigger-visual::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);\n  background-size:30px 30px;\n  animation:gridMove 10s linear infinite;\n  z-index:1;\n}\n\n\/* SVG *\/\n.uf-trigger-svg{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  z-index:2;\n}\n\n\/* TEXT *\/\n.uf-trigger-core{\n  position:absolute;\n  bottom:14px;\n  left:14px;\n  right:14px;\n  z-index:3;\n}\n\n.uf-trigger-core h3{\n  color:#fff;\n  font-weight:900;\n  font-size:16px;\n}\n\n.uf-trigger-core p{\n  color:#cbd5f5;\n  font-size:13px;\n}\n\n\/* 🔥 PREMIUM BOXES *\/\n.uf-trigger-grid{\n  margin-top:20px;\n  display:grid;\n  gap:14px;\n}\n\n.uf-trigger-box{\n  background:#ffffff;\n  border-radius:18px;\n  padding:18px;\n  border:1px solid #e2e8f0;\n  box-shadow:0 10px 25px rgba(15,23,42,.06);\n  transition:.25s;\n  position:relative;\n  overflow:hidden;\n}\n\n.uf-trigger-box::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:radial-gradient(circle at top, rgba(37,99,235,.08), transparent 60%);\n  opacity:0;\n  transition:.3s;\n}\n\n.uf-trigger-box:hover{\n  transform:translateY(-4px);\n  box-shadow:0 18px 40px rgba(15,23,42,.12);\n}\n\n.uf-trigger-box:hover::before{\n  opacity:1;\n}\n\n.uf-trigger-box h3{\n  font-size:16px;\n  font-weight:900;\n  margin-bottom:12px;\n  color:#0f172a;\n}\n\n\/* ITEMS *\/\n.uf-trigger-items{\n  display:flex;\n  flex-direction:column;\n  gap:12px;\n}\n\n.uf-trigger-item{\n  display:flex;\n  align-items:flex-start;\n  gap:12px;\n  font-size:14px;\n  color:#526174;\n  line-height:1.5;\n}\n\n\/* ICON BUBBLE *\/\n.uf-trigger-icon{\n  width:26px;\n  height:26px;\n  border-radius:999px;\n  background:linear-gradient(135deg,#60a5fa,#2563eb);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:13px;\n  color:#fff;\n  flex-shrink:0;\n  box-shadow:0 4px 10px rgba(37,99,235,.35);\n}\n\n\/* CTA *\/\n.uf-trigger-cta{\n  margin-top:22px;\n  border-radius:18px;\n  padding:18px;\n  background:linear-gradient(135deg,#2563eb,#0f172a);\n  text-align:center;\n}\n\n.uf-trigger-cta h3{\n  color:#fff;\n  font-weight:900;\n}\n\n.uf-trigger-cta p{\n  color:#dbeafe;\n}\n\n\/* ANIMATIONS *\/\n@keyframes gridMove{\n  to{transform:translate(30px,30px);}\n}\n\n\/* DESKTOP *\/\n@media(min-width:1024px){\n  .uf-trigger-hero{\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:40px;\n    align-items:center;\n  }\n\n  .uf-trigger-title{font-size:36px}\n  .uf-trigger-grid{grid-template-columns:1fr 1fr}\n}\n\u003c\/style\u003e\n\n\u003csection class=\"uf-trigger\"\u003e\n  \u003cdiv class=\"uf-trigger-shell\"\u003e\n\n    \u003cdiv class=\"uf-trigger-hero\"\u003e\n\n      \u003c!-- TEXT --\u003e\n      \u003cdiv\u003e\n        \u003ch2 class=\"uf-trigger-title\"\u003e⚡ Lighting Triggerballs\u003c\/h2\u003e\n\n        \u003cp class=\"uf-trigger-lead\"\u003e\n          Gooi, stuiter of laat vallen — bij impact geven deze ballen direct licht. Perfect voor urbex en nachtavonturen.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"uf-trigger-items\"\u003e\n          \u003cdiv class=\"uf-trigger-item\"\u003e\n            \u003cdiv class=\"uf-trigger-icon\"\u003e⚡\u003c\/div\u003e\n            \u003cdiv\u003eReageert op impact\u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"uf-trigger-item\"\u003e\n            \u003cdiv class=\"uf-trigger-icon\"\u003e💡\u003c\/div\u003e\n            \u003cdiv\u003eFelle LED verlichting\u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"uf-trigger-item\"\u003e\n            \u003cdiv class=\"uf-trigger-icon\"\u003e🌙\u003c\/div\u003e\n            \u003cdiv\u003ePerfect voor donker\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 🔥 SVG ANIMATIE --\u003e\n      \u003cdiv class=\"uf-trigger-visual\"\u003e\n\n        \u003csvg class=\"uf-trigger-svg\" viewbox=\"0 0 300 200\"\u003e\n\n          \u003c!-- BALL --\u003e\n          \u003ccircle cx=\"150\" cy=\"100\" r=\"22\" fill=\"#60a5fa\"\u003e\n            \u003canimatetransform attributename=\"transform\" type=\"translate\" values=\"0,0; 0,-50; 0,0\" dur=\"1.1s\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\n          \u003c\/circle\u003e\n\n          \u003c!-- IMPACT RINGS --\u003e\n          \u003ccircle cx=\"150\" cy=\"100\" r=\"25\" stroke=\"#60a5fa\" stroke-width=\"2\" fill=\"none\"\u003e\n            \u003canimate attributename=\"r\" values=\"25;70\" dur=\"1.1s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n            \u003canimate attributename=\"opacity\" values=\"0.8;0\" dur=\"1.1s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n          \u003c\/circle\u003e\n\n          \u003ccircle cx=\"150\" cy=\"100\" r=\"25\" stroke=\"#93c5fd\" stroke-width=\"2\" fill=\"none\"\u003e\n            \u003canimate attributename=\"r\" values=\"25;90\" dur=\"1.1s\" begin=\"0.4s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n            \u003canimate attributename=\"opacity\" values=\"0.6;0\" dur=\"1.1s\" begin=\"0.4s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\n          \u003c\/circle\u003e\n\n        \u003c\/svg\u003e\n\n        \u003cdiv class=\"uf-trigger-core\"\u003e\n          \u003ch3\u003eImpact = Licht\u003c\/h3\u003e\n          \u003cp\u003eDirect zichtbaar in het donker\u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- 🔥 FIXED PREMIUM BOXES --\u003e\n    \u003cdiv class=\"uf-trigger-grid\"\u003e\n\n      \u003cdiv class=\"uf-trigger-box\"\u003e\n        \u003ch3\u003eWat doet het?\u003c\/h3\u003e\n\n        \u003cdiv class=\"uf-trigger-items\"\u003e\n          \u003cdiv class=\"uf-trigger-item\"\u003e\n            \u003cdiv class=\"uf-trigger-icon\"\u003e⚡\u003c\/div\u003e\n            \u003cdiv\u003eGeeft direct licht bij impact\u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"uf-trigger-item\"\u003e\n            \u003cdiv class=\"uf-trigger-icon\"\u003e🔄\u003c\/div\u003e\n            \u003cdiv\u003eAutomatisch activeren\u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"uf-trigger-item\"\u003e\n            \u003cdiv class=\"uf-trigger-icon\"\u003e🎯\u003c\/div\u003e\n            \u003cdiv\u003eWerkt zonder knoppen\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"uf-trigger-box\"\u003e\n        \u003ch3\u003eWaarom handig?\u003c\/h3\u003e\n\n        \u003cdiv class=\"uf-trigger-items\"\u003e\n          \u003cdiv class=\"uf-trigger-item\"\u003e\n            \u003cdiv class=\"uf-trigger-icon\"\u003e🏚️\u003c\/div\u003e\n            \u003cdiv\u003ePerfect voor urbex\u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"uf-trigger-item\"\u003e\n            \u003cdiv class=\"uf-trigger-icon\"\u003e🌙\u003c\/div\u003e\n            \u003cdiv\u003eBetere zichtbaarheid\u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"uf-trigger-item\"\u003e\n            \u003cdiv class=\"uf-trigger-icon\"\u003e🎒\u003c\/div\u003e\n            \u003cdiv\u003eCompact en makkelijk mee\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"uf-trigger-cta\"\u003e\n      \u003ch3\u003eZie wat anderen niet zien\u003c\/h3\u003e\n      \u003cp\u003eAltijd licht wanneer jij het nodig hebt\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"The Urbex Factory","offers":[{"title":"Default Title","offer_id":53270623977811,"sku":null,"price":4.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/3103\/2147\/files\/3_triggerballs_urbexfactory.png?v=1781953852","url":"https:\/\/www.urbexfactory.app\/bg-pt\/products\/lighting-triggerballs","provider":"The Urbex Factory","version":"1.0","type":"link"}