{"product_id":"flexibele-bureauventilator-zwanenhals","title":"Flexibele Bureauventilator met Zwanenhals","description":"\u003cdiv class=\"product-detail-container\"\u003e\u003c!--\n[AI Design Logic]\nProduct Type: Personal Cooling \/ Desk Fan\nTarget Audience: Office workers, students, home users needing focused cooling\nVisual Style: Clean, modern, minimalist\nColor Strategy: White\/Cool Grey background to feel fresh, with Deep Slate text for high readability and Soft Blue accents for a \"cooling\" psychological effect.\nShape Strategy: Radius 20px (Friendly, approachable, safe - fitting for a personal fan)\nTypography Strategy: Large Type \/ Mobile-first readable (H1: 36px+, Body: 18px+)\nMobile Table Strategy: Card-based (No horizontal scroll, full block layout with data-labels)\nImage Mapping: Hero=image_1, Gooseneck Feature=image_2, Portable Feature=image_3, Quiet\/Base Feature=image_4\n--\u003e\u003c\/div\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* =========================================\n       1. DESIGN SYSTEM \u0026 VARIABLES\n       ========================================= *\/\n    .product-detail-container {\n        --primary: #3498db; \/* Cool breeze blue *\/\n        --primary-hover: #2980b9;\n        --bg-body: #ffffff;\n        --bg-card: #f8f9fa;\n        --text-main: #2c3e50;\n        --text-sub: #576574;\n        --border-color: #ecf0f1;\n        --radius-md: 12px;\n        --radius-lg: 20px;\n        --shadow-sm: 0 4px 15px rgba(0,0,0,0.05);\n        --shadow-lg: 0 10px 30px rgba(0,0,0,0.08);\n        \n        \/* Spacing system *\/\n        --spacing-section: clamp(3rem, 6vw, 5rem);\n        --spacing-element: clamp(1.5rem, 3vw, 2.5rem);\n\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 5%;\n        box-sizing: border-box;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        color: var(--text-main);\n        background: var(--bg-body);\n        overflow-wrap: break-word;\n        word-break: break-word;\n    }\n\n    .product-detail-container * {\n        box-sizing: border-box;\n    }\n\n    \/* =========================================\n       2. TYPOGRAPHY SYSTEM\n       ========================================= *\/\n    .product-detail-container h1, \n    .product-detail-container h2, \n    .product-detail-container h3 {\n        margin-top: 0;\n        margin-bottom: clamp(1rem, 2vw, 1.5rem);\n        line-height: 1.2;\n        font-weight: 700;\n        color: var(--text-main);\n    }\n\n    .product-detail-container h1 {\n        font-size: clamp(34px, 4vw, 44px);\n    }\n\n    .product-detail-container h2 {\n        font-size: clamp(26px, 3vw, 32px);\n    }\n\n    .product-detail-container h3 {\n        font-size: clamp(20px, 2.5vw, 24px);\n    }\n\n    .product-detail-container p {\n        font-size: clamp(18px, 2vw, 20px);\n        line-height: 1.7;\n        color: var(--text-sub);\n        margin-top: 0;\n        margin-bottom: 1.5rem;\n    }\n\n    \/* =========================================\n       3. MEDIA \u0026 PLACEHOLDER PROTOCOL\n       ========================================= *\/\n    .product-detail-container img {\n        width: 100%;\n        height: auto;\n        display: block;\n        border-radius: var(--radius-lg);\n    }\n\n    .img-placeholder {\n        width: 100%;\n        aspect-ratio: 4\/3;\n        background-color: var(--bg-card);\n        border: 2px dashed var(--border-color);\n        border-radius: var(--radius-lg);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: var(--text-sub);\n        font-size: 18px;\n        font-weight: bold;\n        text-align: center;\n        padding: 2rem;\n    }\n\n    \/* =========================================\n       4. HERO SECTION\n       ========================================= *\/\n    .hero-section {\n        text-align: center;\n        margin-bottom: var(--spacing-section);\n        padding-top: var(--spacing-element);\n    }\n\n    .social-proof {\n        display: inline-block;\n        font-size: 16px;\n        color: var(--primary);\n        font-weight: 600;\n        margin-bottom: 1rem;\n        padding: 0.5rem 1rem;\n        background: rgba(52, 152, 219, 0.1);\n        border-radius: 50px;\n    }\n\n    .hero-badges {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1rem;\n        margin-top: 2rem;\n    }\n\n    .badge-static {\n        padding: 0.8rem 1.5rem;\n        background: var(--bg-card);\n        border: 1px solid var(--border-color);\n        border-radius: 50px;\n        font-size: 16px;\n        font-weight: 600;\n        color: var(--text-main);\n        \/* Strictly non-interactive *\/\n        pointer-events: none;\n    }\n\n    \/* =========================================\n       5. FEATURE MODULES (MOBILE LOCKED)\n       ========================================= *\/\n    .features-section {\n        margin-bottom: var(--spacing-section);\n    }\n\n    .feature-item {\n        display: flex;\n        flex-direction: column; \/* Mobile locked: Image Top, Text Bottom *\/\n        gap: var(--spacing-element);\n        margin-bottom: var(--spacing-section);\n    }\n\n    .feature-media, .feature-copy {\n        width: 100%;\n    }\n\n    \/* Desktop Z-Pattern Enhancement *\/\n    @media (min-width: 768px) {\n        .feature-item {\n            flex-direction: row;\n            align-items: center;\n        }\n        .feature-item:nth-child(even) {\n            flex-direction: row-reverse;\n        }\n        .feature-media, .feature-copy {\n            width: 50%;\n        }\n        .feature-copy {\n            padding: 0 3rem; \/* Breathing room for text *\/\n        }\n    }\n\n    \/* =========================================\n       6. SPECIFICATIONS TABLE (MOBILE CARD)\n       ========================================= *\/\n    .specs-section {\n        margin-bottom: var(--spacing-section);\n        background: var(--bg-card);\n        padding: var(--spacing-element);\n        border-radius: var(--radius-lg);\n    }\n\n    .specs-table-wrapper {\n        width: 100%;\n    }\n\n    .specs-table {\n        width: 100%;\n        border-collapse: collapse;\n        text-align: left;\n    }\n\n    .specs-table th, .specs-table td {\n        padding: 1.2rem;\n        border-bottom: 1px solid var(--border-color);\n        font-size: 18px;\n    }\n\n    .specs-table th {\n        font-weight: 700;\n        color: var(--text-main);\n    }\n\n    .specs-table td {\n        color: var(--text-sub);\n    }\n\n    @media (min-width: 768px) {\n        .specs-table tbody tr:hover {\n            background: #ffffff;\n        }\n    }\n\n    \/* Mobile Card Transformation (Strictly No Horizontal Scroll) *\/\n    @media (max-width: 767px) {\n        .specs-table, .specs-table thead, .specs-table tbody, .specs-table tr, .specs-table th, .specs-table td {\n            display: block;\n            width: 100%;\n        }\n        .specs-table thead {\n            display: none; \/* Hide native header *\/\n        }\n        .specs-table tr {\n            background: #ffffff;\n            margin-bottom: 1rem;\n            border: 1px solid var(--border-color);\n            border-radius: var(--radius-md);\n            padding: 1rem;\n            box-shadow: var(--shadow-sm);\n        }\n        .specs-table td {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 0.8rem 0;\n            border-bottom: 1px solid var(--border-color);\n        }\n        .specs-table td:last-child {\n            border-bottom: none;\n        }\n        .specs-table td::before {\n            content: attr(data-label);\n            font-weight: 700;\n            color: var(--text-main);\n            margin-right: 1rem;\n            flex-shrink: 0;\n            max-width: 50%;\n        }\n        .specs-table td span {\n            text-align: right;\n        }\n    }\n\n    \/* =========================================\n       7. FAQ SECTION\n       ========================================= *\/\n    .faq-section {\n        margin-bottom: var(--spacing-section);\n    }\n\n    .faq-item {\n        margin-bottom: 1.5rem;\n        padding-bottom: 1.5rem;\n        border-bottom: 1px solid var(--border-color);\n    }\n\n    .faq-item:last-child {\n        border-bottom: none;\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cp\u003eVertrouwd door meer dan 10.000 tevreden werkplekken\u003c\/p\u003e\n\u003ch1\u003eJe eigen verkoelende briesje, waar je ook bent.\u003c\/h1\u003e\n\u003cp\u003eEen compacte, stille en volledig verstelbare bureauventilator, ontworpen voor ultiem persoonlijk comfort thuis, op kantoor of onderweg.\u003c\/p\u003e\n\u003cimg src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260403154248\/dfd76620471fba9e0740823cb01ef1f2.jpg\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-badges\"\u003e\n\u003cdiv class=\"badge-static\"\u003eCompact ontwerp\u003c\/div\u003e\n\u003cdiv class=\"badge-static\"\u003eFluisterstil\u003c\/div\u003e\n\u003cdiv class=\"badge-static\"\u003eFlexibele zwanenhals\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURES SECTION --\u003e\n\u003cdiv class=\"features-section\"\u003e\n\u003c!-- Feature 1 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0597\/6208\/1862\/files\/1_0a8270ad-e739-4dd1-93b2-26225fe86051.jpg?v=1778926627\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003ch2\u003eNauwkeurige luchtstroom, precies waar je die nodig hebt\u003c\/h2\u003e\n\u003cp\u003eDankzij de geavanceerde, verstelbare zwenkarm kun je met deze ventilator de richting van de luchtstroom nauwkeurig instellen. Geniet van verkoeling op maat zonder je collega’s te storen of papieren van je bureau te blazen.\u003c\/p\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0597\/6208\/1862\/files\/2_e3746294-c28a-4d63-be73-9a2786d9ac55.jpg?v=1778926627\" alt=\"\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eKrachtige koeling in een compact formaat\u003c\/h2\u003e\n\u003cp\u003eLaat je niet misleiden door het formaat. Met een totale hoogte van slechts 22 cm en een lichtgewicht ontwerp past hij naadloos in je werkruimte en zorgt hij tegelijkertijd voor een krachtig, constant briesje. Ideaal voor op je bureau, nachtkastje of in je reistas.\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0597\/6208\/1862\/files\/3_9fffbb20-261c-4be2-a290-c4f28990cabb.jpg?v=1778926627\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eOerzachte stabiliteit en fluisterstil\u003c\/h2\u003e\n\u003cp\u003eDe stevige voet van 6 cm zorgt voor ultieme stabiliteit en voorkomt vervelende trillingen en wiebelen. In combinatie met een stille motor zorgt dit voor minimale overlast, zodat u zich volledig op uw werk kunt concentreren of comfortabel kunt slapen.\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPECIFICATIONS SECTION --\u003e\n\u003cdiv class=\"specs-section\"\u003e\n\u003ch2\u003eProductspecificaties\u003c\/h2\u003e\n\u003cp\u003eAlles wat je moet weten over je nieuwe desktopcomputer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ SECTION --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003eVeelgestelde vragen\u003c\/h2\u003e\n\u003ch3\u003eNeemt het onderstel veel ruimte op het bureau in beslag?\u003c\/h3\u003e\n\u003cp\u003eHelemaal niet! Het onderstel heeft een compacte voetafdruk van slechts 60 mm (2,4 inch) en is speciaal ontworpen om stabiel op een vol bureau te staan zonder in de weg te zitten.\u003c\/p\u003e\n\u003ch2\u003eIs deze ventilator stil genoeg voor kantooromgevingen?\u003c\/h2\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cp\u003eJa. De ventilator heeft een geoptimaliseerd bladenontwerp en een hoogwaardige motor die stil draait. Hij zorgt voor een aangenaam briesje met minimale geluidsoverlast, zodat u en uw collega’s er geen last van hebben.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eHoe bedien ik de ventilator?\u003c\/h3\u003e\n\u003cp\u003eHet apparaat is voorzien van een uiterst handige en eenvoudige aan\/uit-schakelaar. Sluit de meegeleverde stekker gewoon aan op het stopcontact en zet de schakelaar om om te een verkoelend briesje.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Gadgetspeurder","offers":[{"title":"Default Title","offer_id":45028312875078,"sku":"0403-16408970","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0597\/6208\/1862\/files\/dfd76620471fba9e0740823cb01ef1f2.jpg?v=1778490180","url":"https:\/\/gadgetspeurder.nl\/products\/flexibele-bureauventilator-zwanenhals","provider":"Gadgetspeurder","version":"1.0","type":"link"}