{"product_id":"first-aid-kit","title":"First Aid Kit","description":"\u003cstyle\u003e\n.uf-aid{\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-aid-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-aid-hero{\n  display:flex;\n  flex-direction:column;\n  gap:20px;\n}\n\n.uf-aid-title{\n  font-size:26px;\n  font-weight:900;\n  color:#0f172a;\n}\n\n.uf-aid-lead{\n  font-size:15px;\n  color:#526174;\n  line-height:1.7;\n}\n\n\/* VISUAL *\/\n.uf-aid-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-aid-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-aid-svg{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n}\n\n\/* CROSS *\/\n.uf-cross{\n  fill:#ef4444;\n  animation:crossPulse 1.8s ease-in-out infinite;\n}\n\n\/* HEART LINE *\/\n.uf-line{\n  stroke:#22c55e;\n  stroke-width:2;\n  fill:none;\n  stroke-dasharray:40;\n  animation:heartLine 2.2s linear infinite;\n}\n\n\/* TEXT *\/\n.uf-aid-core{\n  position:absolute;\n  bottom:14px;\n  left:14px;\n  color:#fff;\n}\n\n\/* INFO GRID *\/\n.uf-aid-grid{\n  margin-top:20px;\n  display:grid;\n  gap:14px;\n}\n\n.uf-aid-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-aid-box h3{\n  font-size:16px;\n  font-weight:900;\n  margin-bottom:10px;\n}\n\n.uf-aid-box p{\n  font-size:14px;\n  color:#526174;\n}\n\n\/* CTA *\/\n.uf-aid-cta{\n  margin-top:20px;\n  border-radius:18px;\n  padding:18px;\n  background:linear-gradient(135deg,#ef4444,#0f172a);\n  text-align:center;\n}\n\n.uf-aid-cta h3{\n  color:#fff;\n  font-weight:900;\n}\n\n.uf-aid-cta p{\n  color:#fecaca;\n}\n\n\/* ANIMATIONS *\/\n@keyframes crossPulse{\n  0%,100%{transform:scale(.9); opacity:.7}\n  50%{transform:scale(1.1); opacity:1}\n}\n\n@keyframes heartLine{\n  from{stroke-dashoffset:40;}\n  to{stroke-dashoffset:0;}\n}\n\n\/* DESKTOP *\/\n@media(min-width:1024px){\n  .uf-aid-hero{\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:40px;\n    align-items:center;\n  }\n\n  .uf-aid-title{font-size:36px}\n  .uf-aid-grid{grid-template-columns:1fr 1fr}\n}\n\u003c\/style\u003e\n\n\u003csection class=\"uf-aid\"\u003e\n  \u003cdiv class=\"uf-aid-shell\"\u003e\n\n    \u003cdiv class=\"uf-aid-hero\"\u003e\n\n      \u003c!-- TEXT --\u003e\n      \u003cdiv\u003e\n        \u003ch2 class=\"uf-aid-title\"\u003e🩹 First Aid Kit – Altijd voorbereid\u003c\/h2\u003e\n\n        \u003cp class=\"uf-aid-lead\"\u003e\n          Onmisbaar tijdens urbex en outdoor activiteiten. Met deze compacte EHBO-set ben je voorbereid op onverwachte situaties en kleine verwondingen.\n        \u003c\/p\u003e\n\n        \u003cp class=\"uf-aid-lead\"\u003e\n          Van snijwonden tot schaafplekken — snelle eerste hulp kan het verschil maken. Deze kit zorgt ervoor dat je direct kunt handelen.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- SVG ANIMATIE --\u003e\n      \u003cdiv class=\"uf-aid-visual\"\u003e\n\n        \u003csvg class=\"uf-aid-svg\" viewbox=\"0 0 300 200\"\u003e\n\n          \u003c!-- CROSS --\u003e\n          \u003crect class=\"uf-cross\" x=\"135\" y=\"70\" width=\"30\" height=\"60\"\u003e\u003c\/rect\u003e\n          \u003crect class=\"uf-cross\" x=\"120\" y=\"85\" width=\"60\" height=\"30\"\u003e\u003c\/rect\u003e\n\n          \u003c!-- HEART LINE --\u003e\n          \u003cpath class=\"uf-line\" d=\"M20 100 \n               L80 100 \n               L95 80 \n               L110 120 \n               L125 100 \n               L200 100 \n               L280 100\"\u003e\u003c\/path\u003e\n\n        \u003c\/svg\u003e\n\n        \u003cdiv class=\"uf-aid-core\"\u003e\n          \u003ch3\u003eDirect klaar\u003c\/h3\u003e\n          \u003cp\u003eHulp wanneer het nodig is\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-aid-grid\"\u003e\n\n      \u003cdiv class=\"uf-aid-box\"\u003e\n        \u003ch3\u003eWaarom essentieel?\u003c\/h3\u003e\n        \u003cp\u003e\n          Tijdens urbex kom je vaak in ruwe omgevingen. Kleine verwondingen gebeuren sneller dan je denkt.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"uf-aid-box\"\u003e\n        \u003ch3\u003eSnelle reactie\u003c\/h3\u003e\n        \u003cp\u003e\n          Direct handelen voorkomt erger en zorgt voor veilig verdergaan.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"uf-aid-box\"\u003e\n        \u003ch3\u003eCompact \u0026amp; draagbaar\u003c\/h3\u003e\n        \u003cp\u003e\n          Past perfect in je tas of riemtas zonder extra gewicht.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"uf-aid-box\"\u003e\n        \u003ch3\u003eVoor wie?\u003c\/h3\u003e\n        \u003cp\u003e\n          Voor iedere explorer die veiligheid serieus neemt.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"uf-aid-cta\"\u003e\n      \u003ch3\u003eWees voorbereid\u003c\/h3\u003e\n      \u003cp\u003eVeilig op pad, altijd\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\u003c!-- ========================================= THE URBEX FACTORY – LOCATIE INFORMATIE PREMIUM INFO PILLS ========================================= --\u003e  \u003cstyle\u003e .uf-location-wrap{   width:100%;    margin-top:26px;    font-family:     Inter,     system-ui,     -apple-system,     BlinkMacSystemFont,     \"Segoe UI\",     sans-serif; }  \/* HEADER *\/ .uf-location-head{   margin-bottom:18px; }  .uf-location-head-top{   display:flex;   align-items:center;   justify-content:space-between;    gap:14px; }  .uf-location-head h2{   margin:0;    font-size:34px;   line-height:1;    letter-spacing:-0.04em;    font-weight:900;    color:#001248; }  .uf-location-head p{   margin:12px 0 0;    color:#64748b;    font-size:15px;   line-height:1.7;    font-weight:500;    max-width:620px; }  \/* 🔥 UNVERIFIED BADGE *\/ .uf-unverified-badge{   display:inline-flex;   align-items:center;   justify-content:center;    gap:8px;    min-height:42px;    padding:0 16px;    border-radius:999px;    background:     linear-gradient(       135deg,       #fff7ed 0%,       #ffedd5 100%     );    border:1px solid rgba(249,115,22,.18);    color:#ea580c;    font-size:12px;   font-weight:900;    letter-spacing:.08em;   text-transform:uppercase;    box-shadow:     0 10px 24px rgba(249,115,22,.10); }  \/* CONTAINER *\/ .uf-location-pills{   width:100%;    border-radius:30px;    overflow:hidden;    background:     linear-gradient(       180deg,       #ffffff 0%,       #f8fafc 100%     );    border:1px solid rgba(0,18,72,.08);    box-shadow:     0 14px 34px rgba(15,23,42,.06); }  \/* ITEM *\/ .uf-location-pill{   display:flex;   align-items:center;    gap:18px;    min-height:92px;    padding:18px 20px;    position:relative; }  .uf-location-pill + .uf-location-pill{   border-top:1px solid rgba(0,18,72,.08); }  \/* LEFT *\/ .uf-location-pill-left{   display:flex;   align-items:center;   gap:14px;    flex:1;   min-width:0; }  \/* ICON *\/ .uf-location-pill-icon{   width:56px;   height:56px;    border-radius:18px;    flex-shrink:0;    display:flex;   align-items:center;   justify-content:center;    color:#ffffff;    font-size:22px;    box-shadow:     0 14px 24px rgba(15,23,42,.12); }  \/* TEXT *\/ .uf-location-pill-text{   flex:1;   min-width:0; }  .uf-location-pill-label{   display:block;    margin-bottom:5px;    color:#7c8aa5;    font-size:12px;   font-weight:900;    letter-spacing:.08em;    text-transform:uppercase; }  .uf-location-pill-title{   font-size:22px;   line-height:1.1;    letter-spacing:-0.03em;    font-weight:900;    color:#001248; }  \/* ========================================= GRAY ========================================= *\/  .uf-gray .uf-location-pill-icon{   background:     linear-gradient(       135deg,       #64748b,       #475569     );    box-shadow:     0 12px 24px rgba(100,116,139,.20); }  \/* ========================================= ORANGE ========================================= *\/  .uf-orange .uf-location-pill-icon{   background:     linear-gradient(       135deg,       #f59e0b,       #f97316     );    box-shadow:     0 12px 24px rgba(249,115,22,.22); }  \/* MOBILE *\/ @media(max-width:640px){    .uf-location-wrap{     margin-top:22px;   }    .uf-location-head-top{     flex-direction:column;     align-items:flex-start;      gap:12px;   }    .uf-location-head h2{     font-size:28px;   }    .uf-location-head p{     font-size:14px;     line-height:1.7;   }    .uf-unverified-badge{     min-height:38px;      padding:0 14px;      font-size:11px;   }    .uf-location-pills{     border-radius:24px;   }    .uf-location-pill{     min-height:auto;      padding:16px;   }    .uf-location-pill-icon{     width:50px;     height:50px;      border-radius:16px;      font-size:19px;   }    .uf-location-pill-title{     font-size:18px;   }  } \u003c\/style\u003e  \u003cdiv class=\"uf-location-wrap\"\u003e    \u003c!-- HEADER --\u003e   \u003cdiv class=\"uf-location-head\"\u003e      \u003cdiv class=\"uf-location-head-top\"\u003e        \u003ch2\u003e         Locatie informatie       \u003c\/h2\u003e        \u003cdiv class=\"uf-unverified-badge\"\u003e         ⚠️ Unverified       \u003c\/div\u003e      \u003c\/div\u003e      \u003cp\u003e       Bekijk direct de grootte van de locatie en hoe uitdagend de explore is.     \u003c\/p\u003e    \u003c\/div\u003e    \u003c!-- PILLS --\u003e   \u003cdiv class=\"uf-location-pills\"\u003e      \u003c!-- GROOTTE --\u003e     \u003cdiv class=\"uf-location-pill uf-gray\"\u003e        \u003cdiv class=\"uf-location-pill-left\"\u003e          \u003cdiv class=\"uf-location-pill-icon\"\u003e           📏         \u003c\/div\u003e          \u003cdiv class=\"uf-location-pill-text\"\u003e            \u003cspan class=\"uf-location-pill-label\"\u003e             Grootte           \u003c\/span\u003e            \u003cdiv class=\"uf-location-pill-title\"\u003e             Medium           \u003c\/div\u003e          \u003c\/div\u003e        \u003c\/div\u003e      \u003c\/div\u003e      \u003c!-- MOEILIJKHEID --\u003e     \u003cdiv class=\"uf-location-pill uf-orange\"\u003e        \u003cdiv class=\"uf-location-pill-left\"\u003e          \u003cdiv class=\"uf-location-pill-icon\"\u003e           🛡️         \u003c\/div\u003e          \u003cdiv class=\"uf-location-pill-text\"\u003e            \u003cspan class=\"uf-location-pill-label\"\u003e             Moeilijkheid           \u003c\/span\u003e            \u003cdiv class=\"uf-location-pill-title\"\u003e             Intermediate           \u003c\/div\u003e          \u003c\/div\u003e        \u003c\/div\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/div\u003e","brand":"The Urbex Factory","offers":[{"title":"Default Title","offer_id":53270620602707,"sku":null,"price":11.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/3103\/2147\/files\/3_FAK_urbexfactory.png?v=1781953644","url":"https:\/\/www.urbexfactory.app\/da-gr\/products\/first-aid-kit","provider":"The Urbex Factory","version":"1.0","type":"link"}