{"product_id":"militaire-rugzak","title":"Militaire Rugzak","description":"\u003cstyle\u003e\n.uf-pack{\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-pack-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-pack-hero{\n  display:flex;\n  flex-direction:column;\n  gap:20px;\n}\n\n.uf-pack-title{\n  font-size:26px;\n  font-weight:900;\n  color:#0f172a;\n}\n\n.uf-pack-lead{\n  font-size:15px;\n  color:#526174;\n  line-height:1.7;\n}\n\n\/* VISUAL *\/\n.uf-pack-visual{\n  position:relative;\n  height:240px;\n  border-radius:18px;\n  overflow:hidden;\n  background:linear-gradient(135deg,#020617,#0f172a);\n}\n\n\/* GRID *\/\n.uf-pack-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:32px 32px;\n}\n\n\/* SVG *\/\n.uf-pack-svg{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n}\n\n\/* MODULES *\/\n.uf-module{\n  animation:modulePulse 2.5s ease-in-out infinite;\n}\n\n.uf-module:nth-child(2){animation-delay:.4s;}\n.uf-module:nth-child(3){animation-delay:.8s;}\n.uf-module:nth-child(4){animation-delay:1.2s;}\n\n\/* LINES *\/\n.uf-line{\n  stroke:#22c55e;\n  stroke-width:1;\n  opacity:.4;\n  animation:lineMove 3s linear infinite;\n}\n\n\/* TEXT *\/\n.uf-pack-core{\n  position:absolute;\n  bottom:14px;\n  left:14px;\n  right:14px;\n  color:#fff;\n}\n\n\/* INFO *\/\n.uf-pack-grid{\n  margin-top:20px;\n  display:grid;\n  gap:14px;\n}\n\n.uf-pack-box{\n  background:#fff;\n  border-radius:18px;\n  padding:18px;\n  border:1px solid #e2e8f0;\n  box-shadow:0 10px 25px rgba(15,23,42,.06);\n}\n\n.uf-pack-box h3{\n  font-size:16px;\n  font-weight:900;\n  margin-bottom:10px;\n}\n\n.uf-pack-box p{\n  font-size:14px;\n  color:#526174;\n}\n\n\/* CTA *\/\n.uf-pack-cta{\n  margin-top:20px;\n  border-radius:18px;\n  padding:18px;\n  background:linear-gradient(135deg,#22c55e,#0f172a);\n  text-align:center;\n}\n\n.uf-pack-cta h3{\n  color:#fff;\n  font-weight:900;\n}\n\n.uf-pack-cta p{\n  color:#bbf7d0;\n}\n\n\/* ANIMATIONS *\/\n@keyframes modulePulse{\n  0%,100%{opacity:.5; transform:scale(.9);}\n  50%{opacity:1; transform:scale(1.2);}\n}\n\n@keyframes lineMove{\n  0%{stroke-dashoffset:20;}\n  100%{stroke-dashoffset:0;}\n}\n\n\/* DESKTOP *\/\n@media(min-width:1024px){\n  .uf-pack-hero{\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:40px;\n    align-items:center;\n  }\n\n  .uf-pack-title{font-size:36px}\n  .uf-pack-grid{grid-template-columns:1fr 1fr}\n}\n\u003c\/style\u003e\n\n\u003csection class=\"uf-pack\"\u003e\n  \u003cdiv class=\"uf-pack-shell\"\u003e\n\n    \u003cdiv class=\"uf-pack-hero\"\u003e\n\n      \u003c!-- TEXT --\u003e\n      \u003cdiv\u003e\n        \u003ch2 class=\"uf-pack-title\"\u003e🎒 Militaire Rugzak\u003c\/h2\u003e\n\n        \u003cp class=\"uf-pack-lead\"\u003e\n          Robuuste rugzak ontworpen voor maximale opslag en organisatie. \n          Perfect voor urbex, outdoor en lange exploraties waarbij je alles bij je moet hebben.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 🔥 SVG ANIMATIE --\u003e\n      \u003cdiv class=\"uf-pack-visual\"\u003e\n\n        \u003csvg class=\"uf-pack-svg\" viewbox=\"0 0 300 200\"\u003e\n\n          \u003c!-- MODULES --\u003e\n          \u003crect class=\"uf-module\" x=\"60\" y=\"60\" width=\"40\" height=\"30\" fill=\"#22c55e\" rx=\"4\"\u003e\u003c\/rect\u003e\n          \u003crect class=\"uf-module\" x=\"120\" y=\"50\" width=\"40\" height=\"30\" fill=\"#4ade80\" rx=\"4\"\u003e\u003c\/rect\u003e\n          \u003crect class=\"uf-module\" x=\"180\" y=\"60\" width=\"40\" height=\"30\" fill=\"#16a34a\" rx=\"4\"\u003e\u003c\/rect\u003e\n          \u003crect class=\"uf-module\" x=\"100\" y=\"110\" width=\"60\" height=\"35\" fill=\"#22c55e\" rx=\"6\"\u003e\u003c\/rect\u003e\n\n          \u003c!-- CONNECTION LINES --\u003e\n          \u003cline class=\"uf-line\" x1=\"80\" y1=\"75\" x2=\"140\" y2=\"65\"\u003e\u003c\/line\u003e\n          \u003cline class=\"uf-line\" x1=\"140\" y1=\"65\" x2=\"200\" y2=\"75\"\u003e\u003c\/line\u003e\n          \u003cline class=\"uf-line\" x1=\"140\" y1=\"65\" x2=\"130\" y2=\"125\"\u003e\u003c\/line\u003e\n\n        \u003c\/svg\u003e\n\n        \u003cdiv class=\"uf-pack-core\"\u003e\n          \u003ch3\u003e\u003c\/h3\u003e\n          \u003cp\u003eAltijd klaar voor vertrek\u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- INFO --\u003e\n    \u003cdiv class=\"uf-pack-grid\"\u003e\n\n      \u003cdiv class=\"uf-pack-box\"\u003e\n        \u003ch3\u003eWat maakt deze rugzak uniek?\u003c\/h3\u003e\n        \u003cp\u003e\n          Meerdere compartimenten zorgen ervoor dat je gear overzichtelijk en veilig opgeborgen blijft.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"uf-pack-box\"\u003e\n        \u003ch3\u003eWaarom handig?\u003c\/h3\u003e\n        \u003cp\u003e\n          Ideaal voor urbex. Neem alles mee zonder dat het rommelig wordt.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"uf-pack-box\"\u003e\n        \u003ch3\u003eWanneer gebruik je dit?\u003c\/h3\u003e\n        \u003cp\u003e\n          Lange trips, verlaten locaties, outdoor activiteiten en reizen.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"uf-pack-box\"\u003e\n        \u003ch3\u003eVoor wie is dit?\u003c\/h3\u003e\n        \u003cp\u003e\n          Voor explorers die voorbereid willen zijn op elke situatie.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"uf-pack-cta\"\u003e\n      \u003ch3\u003eNeem alles mee\u003c\/h3\u003e\n      \u003cp\u003eVoor elke missie voorbereid\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":53270580003155,"sku":null,"price":29.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/3103\/2147\/files\/6_rugzakken_urbexfactory_0b3f09aa-a665-4d33-95ce-29d94f207763.jpg?v=1781948178","url":"https:\/\/www.urbexfactory.nl\/de\/products\/militaire-rugzak","provider":"The Urbex Factory","version":"1.0","type":"link"}