{"product_id":"europa-urbex-kaart","title":"Europa Urbex Kaart - 50.000+ Locaties","description":"\u003cstyle\u003e\n.uf-maps{\n  max-width:1200px;\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\/* CONTAINER *\/\n.uf-maps-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-maps-hero{\n  display:flex;\n  flex-direction:column;\n  gap:20px;\n}\n\n\/* TEXT *\/\n.uf-maps-title{\n  font-size:clamp(38px,5vw,68px);\n  line-height:.95;\n  letter-spacing:-0.06em;\n  font-weight:900;\n  color:#001248;\n  text-align:center;\n}\n\n.uf-maps-lead{\n  font-size:17px;\n  line-height:1.85;\n  color:#334155;\n  text-align:center;\n  font-weight:500;\n}\n\n\/* VISUAL *\/\n.uf-maps-visual{\n  position:relative;\n  border-radius:18px;\n  height:240px;\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-maps-visual::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);\n  background-size:36px 36px;\n  animation:gridMove 14s linear infinite;\n}\n\n\/* RADAR *\/\n.uf-maps-visual::after{\n  content:\"\";\n  position:absolute;\n  inset:-60%;\n  background:conic-gradient(\n    transparent 0deg,\n    rgba(96,165,250,.35) 70deg,\n    rgba(96,165,250,.15) 120deg,\n    transparent 180deg\n  );\n  animation:radarSpin 3.2s linear infinite;\n}\n\n\/* HOTSPOT *\/\n.uf-hotspot{\n  position:absolute;\n  width:120px;\n  height:120px;\n  border-radius:50%;\n  background:radial-gradient(circle, rgba(96,165,250,.25), transparent 70%);\n  animation:moveHotspot 6s ease-in-out infinite;\n}\n\n\/* DOTS *\/\n.uf-map-dots{\n  position:absolute;\n  inset:0;\n  display:grid;\n  grid-template-columns:repeat(10,1fr);\n  grid-template-rows:repeat(6,1fr);\n}\n\n.uf-map-dot{\n  width:6px;\n  height:6px;\n  border-radius:50%;\n  margin:auto;\n  background:#60a5fa;\n  opacity:.3;\n}\n\n.uf-map-dot:nth-child(5n){\n  background:#fff;\n  opacity:1;\n  animation:pulseDot 2s infinite;\n}\n\n\/* CORE TEXT *\/\n.uf-maps-core{\n  position:absolute;\n  bottom:16px;\n  left:16px;\n  right:16px;\n  z-index:3;\n}\n\n.uf-maps-core h3{\n  color:#fff;\n  font-size:16px;\n  font-weight:800;\n}\n\n.uf-maps-core p{\n  color:#cbd5f5;\n  font-size:12px;\n}\n\n\/* LIST *\/\n.uf-maps-list{\n  display:flex;\n  flex-direction:column;\n  gap:12px;\n  font-size:15px;\n  line-height:1.8;\n  color:#334155;\n  font-weight:600;\n}\n\n\/* 🔥 FEATURES FIXED *\/\n.uf-maps-features{\n  margin-top:20px;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:10px;\n}\n\n.uf-maps-feature{\n  display:flex;\n  align-items:center;\n  gap:10px;\n\n  padding:16px 18px;\n\n  border-radius:18px;\n  background:#ffffff;\n  border:1px solid rgba(0,18,72,.08);\n\n  font-size:14px;\n  font-weight:700;\n  line-height:1.5;\n  color:#334155;\n\n  white-space:normal;\n}\n\n.uf-maps-feature-icon{\n  flex-shrink:0;\n  width:26px;\n  height:26px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:999px;\n  background:rgba(37,99,235,.08);\n}\n\n\/* HIGHLIGHT *\/\n.uf-maps-highlight{\n  margin-top:24px;\n  border-radius:18px;\n  padding:18px;\n  background:linear-gradient(135deg,#2563eb,#0f172a);\n  text-align:center;\n}\n\n.uf-maps-highlight h3{\n  color:#fff;\n  font-size:34px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:-0.05em;\n}\n\n.uf-maps-highlight p{\n  color:rgba(255,255,255,.78);\n  font-size:15px;\n  line-height:1.8;\n  font-weight:500;\n  margin-top:10px;\n}\n\n\/* ANIMATIONS *\/\n@keyframes radarSpin{\n  to{transform:rotate(360deg);}\n}\n@keyframes gridMove{\n  to{transform:translate(40px,40px);}\n}\n@keyframes pulseDot{\n  50%{transform:scale(1.8);}\n}\n@keyframes moveHotspot{\n  0%{top:20%;left:20%;}\n  50%{top:60%;left:70%;}\n  100%{top:20%;left:20%;}\n}\n\n\/* DESKTOP *\/\n@media(min-width:1024px){\n  .uf-maps-hero{\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:40px;\n    align-items:center;\n  }\n\n  .uf-maps-title{\n    font-size:clamp(38px,5vw,68px);\n    line-height:.95;\n    letter-spacing:-0.06em;\n    text-align:left;\n  }\n\n  .uf-maps-lead{\n    text-align:left;\n  }\n\n  .uf-maps-features{\n    grid-template-columns:repeat(4,1fr);\n  }\n}\n\n\/* MOBILE *\/\n@media(max-width:640px){\n\n  .uf-maps-title{\n    font-size:38px;\n    line-height:.95;\n  }\n\n  .uf-maps-lead{\n    font-size:15px;\n    line-height:1.8;\n  }\n\n  .uf-maps-feature{\n    font-size:13px;\n    padding:14px 16px;\n  }\n\n  .uf-maps-highlight h3{\n    font-size:28px;\n  }\n\n  .uf-maps-highlight p{\n    font-size:14px;\n    line-height:1.75;\n  }\n\n}\n\u003c\/style\u003e\n\n\u003csection class=\"uf-maps\"\u003e\n  \u003cdiv class=\"uf-maps-shell\"\u003e\n\n    \u003cdiv class=\"uf-maps-hero\"\u003e\n\n      \u003cdiv\u003e\n        \u003ch2 class=\"uf-maps-title\"\u003e🔎 Ontdek Urbex in Europa\u003c\/h2\u003e\n\n        \u003cp class=\"uf-maps-lead\"\u003e\n          Duizenden verlaten kastelen, fabrieken en bunkers binnen handbereik.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"uf-maps-list\"\u003e\n          \u003cdiv\u003e✅ \u003cstrong\u003e50.000+ locaties\u003c\/strong\u003e\n\u003c\/div\u003e\n          \u003cdiv\u003e🔄 Wekelijkse updates\u003c\/div\u003e\n          \u003cdiv\u003e📱 Direct toegankelijk\u003c\/div\u003e\n          \u003cdiv\u003e🔒 Geen geblokkeerde links\u003c\/div\u003e\n          \u003cdiv\u003e👥 Community toegang\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"uf-maps-visual\"\u003e\n\n        \u003cdiv class=\"uf-hotspot\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"uf-map-dots\"\u003e\n          {% for i in (1..60) %}\n            \u003cdiv class=\"uf-map-dot\"\u003e\u003c\/div\u003e\n          {% endfor %}\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"uf-maps-core\"\u003e\n          \u003ch3\u003eLive kaart gevoel\u003c\/h3\u003e\n          \u003cp\u003eAltijd nieuwe locaties beschikbaar\u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"uf-maps-features\"\u003e\n      \u003cdiv class=\"uf-maps-feature\"\u003e\n        \u003cdiv class=\"uf-maps-feature-icon\"\u003e📍\u003c\/div\u003e\n        50.000+ spots\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"uf-maps-feature\"\u003e\n        \u003cdiv class=\"uf-maps-feature-icon\"\u003e⚡\u003c\/div\u003e\n        Snelle toegang\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"uf-maps-feature\"\u003e\n        \u003cdiv class=\"uf-maps-feature-icon\"\u003e🔄\u003c\/div\u003e\n        Wekelijkse updates\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"uf-maps-feature\"\u003e\n        \u003cdiv class=\"uf-maps-feature-icon\"\u003e👥\u003c\/div\u003e\n        Community\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"uf-maps-highlight\"\u003e\n      \u003ch3\u003eDe grootste urbex map van Europa\u003c\/h3\u003e\n      \u003cp\u003eDirect openen. Wekelijks geüpdatet. Geen gedoe.\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":53270576464211,"sku":null,"price":41.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/3103\/2147\/files\/Europa_4654bfba-33a7-4d3b-9fe2-e7e1e0ba477b.jpg?v=1781945932","url":"https:\/\/urbexfactory.eu\/tr\/products\/europa-urbex-kaart","provider":"The Urbex Factory","version":"1.0","type":"link"}