{"product_id":"viileystuuli-viilea-olo-koko-paivan-kadet-vapaina","title":"ViileysTuuli — Viileä olo koko päivän, kädet vapaina","description":"\u003ch4\u003e\u003cstrong\u003eKuumuus vie energian. Tämä palauttaa sen\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eHiki selässä. Kuuma ilma joka kääntyessä. Tavalliset tuulettimet eivät auta kun olet liikkeellä. ViileysTuuli kulkee mukana — vyöllä, kaulassa tai paidassa kiinni.\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/6376\/3286\/files\/Photo_To_Photo_260504_1864271032939286.png?v=1777907717\" alt=\"\" width=\"300\" height=\"300\"\u003e\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eKädet täysin vapaat\u003c\/strong\u003e\u003cbr\u003eKiinnitä vyölle, kaulaan tai paitaan — viileä tuuli ilman että pidät mitään kädessä.\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eTäysin hiljainen ja turvallinen\u003c\/strong\u003e\u003cbr\u003eSiivaton turbiinimoottori — ei leikkuuteriä, ei ääntä, ei vaaraa hiuksille tai vaatteille.\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003e3 nopeutta — sinä valitset\u003c\/strong\u003e\u003cbr\u003eKevyt sisätuuli tai tehokas ulkotuuli. Säädä oma mukavuutesi.\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003e5+ tuntia akkukestoa\u003c\/strong\u003e\u003cbr\u003e900 mAh akku kestää koko päivän. Lataus helposti USB:llä.\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/6376\/3286\/files\/Photo_To_Photo_260504_1864270836858722.png?v=1777907717\" alt=\"\" width=\"300\" height=\"300\"\u003e\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eViileänä pysyminen ei vaadi enää mitään\u003c\/strong\u003e\u003cbr\u003eEi johtoja, ei isoja laitteita. Vain pieni tuuletin joka kulkee kaikkialle mukana.\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eKokeile kerran — et enää halua olla ilman\u003c\/strong\u003e\u003cbr\u003eKesähelteillä, töissä, ulkoilussa tai kotona — aina sama helpotus.\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/6376\/3286\/files\/Photo_To_Photo_260504_1864270702668377.png?v=1777907717\" alt=\"\" width=\"300\" height=\"300\"\u003e\u003c\/p\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Portable Electronic Fan \/ Wearable Tech\nTarget Audience: Outdoor enthusiasts, commuters, people seeking comfort in hot weather\nVisual Style: Modern, Clean, Tech-Friendly, Refreshing\nColor Strategy: Sky Blue (--primary) for a cooling psychological effect, crisp white backgrounds, and deep slate text for high readability.\nShape Strategy: Radius 16px-24px (--radius-md\/lg) to evoke safety, friendliness, and ergonomic wearable design.\nTypography Strategy: Large Type system (Mobile-first readable, 16px absolute minimum, 32px+ headings).\nMobile Table Strategy: Card-based execution via CSS Flex\/Block, absolutely no horizontal scroll.\nImage Mapping: \n- Hero = image_1\n- Hands-Free Feature = image_2\n- Bladeless Safety = image_3\n- Battery \u0026 Speed = image_4\n--\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* =========================================================\n       1) DESIGN SYSTEM \u0026 VARIABLES\n       ========================================================= *\/\n    .product-detail-container {\n        --primary: #0ea5e9; \/* Sky Blue representing cooling wind *\/\n        --primary-light: #e0f2fe;\n        --bg-body: #ffffff;\n        --bg-card: #f8fafc;\n        --text-main: #0f172a;\n        --text-sub: #475569;\n        --radius-md: 16px;\n        --radius-lg: 24px;\n        --shadow-sm: 0 4px 6px -1px rgb(0 0 0 \/ 0.05);\n        --shadow-lg: 0 10px 15px -3px rgb(0 0 0 \/ 0.1);\n        --border-color: #e2e8f0;\n        \n        \/* Spacing System *\/\n        --spacing-section: clamp(3rem, 6vw, 5rem);\n        --spacing-element: clamp(1.5rem, 3vw, 2.5rem);\n\n        \/* Core Structure Rules *\/\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        \n        \/* Prevent text clipping globally *\/\n        overflow-wrap: break-word;\n        word-break: break-word;\n        -webkit-font-smoothing: antialiased;\n    }\n\n    .product-detail-container *,\n    .product-detail-container *::before,\n    .product-detail-container *::after {\n        box-sizing: inherit;\n    }\n\n    \/* =========================================================\n       2) TYPOGRAPHY SYSTEM (LARGE TYPE ONLY)\n       ========================================================= *\/\n    .pd-h1 {\n        font-size: clamp(34px, 5vw, 44px);\n        line-height: 1.2;\n        font-weight: 800;\n        margin: 0 0 1rem;\n        letter-spacing: -0.02em;\n    }\n    .pd-h2 {\n        font-size: clamp(24px, 4vw, 32px);\n        line-height: 1.3;\n        font-weight: 700;\n        margin: 0 0 1rem;\n    }\n    .pd-h3 {\n        font-size: clamp(20px, 3vw, 24px);\n        line-height: 1.4;\n        font-weight: 600;\n        margin: 0 0 1rem;\n    }\n    .pd-p {\n        font-size: clamp(18px, 2vw, 20px);\n        line-height: 1.7;\n        color: var(--text-sub);\n        margin: 0 0 1.5rem;\n    }\n    .pd-small {\n        font-size: clamp(16px, 1.5vw, 18px);\n        line-height: 1.6;\n        color: var(--text-sub);\n        margin: 0;\n    }\n\n    \/* Visual Badge (Non-interactive) *\/\n    .pd-badge {\n        display: inline-flex;\n        align-items: center;\n        background: var(--primary-light);\n        color: var(--primary);\n        padding: 0.6rem 1.2rem;\n        border-radius: 50px;\n        font-size: 16px;\n        font-weight: 700;\n        margin-bottom: 1.5rem;\n        user-select: none;\n    }\n\n    \/* =========================================================\n       3) IMAGE PROTOCOL (NATURAL FLOW, NO DISTORTION)\n       ========================================================= *\/\n    .pd-img-fluid {\n        width: 100%;\n        height: auto;\n        display: block;\n        border-radius: var(--radius-lg);\n        box-shadow: var(--shadow-sm);\n    }\n    \n    .pd-img-placeholder {\n        width: 100%;\n        aspect-ratio: 4\/3;\n        background: 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: 600;\n    }\n\n    \/* =========================================================\n       4) LAYOUT ARCHITECTURE (Z-PATTERN \u0026 MOBILE LOCK)\n       ========================================================= *\/\n    .pd-hero {\n        text-align: center;\n        padding: var(--spacing-element) 0 var(--spacing-section);\n    }\n    \n    .pd-hero-copy {\n        max-width: 800px;\n        margin: 0 auto var(--spacing-element);\n    }\n\n    .pd-features {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-section);\n        padding-bottom: var(--spacing-section);\n    }\n\n    \/* Feature Item Base (Mobile-First Column Lock) *\/\n    .pd-feature-item {\n        display: flex;\n        flex-direction: column;\n        gap: clamp(1.5rem, 4vw, 3rem);\n        align-items: center;\n    }\n\n    .pd-feature-media, .pd-feature-copy {\n        width: 100%;\n    }\n\n    \/* Desktop Z-Pattern *\/\n    @media (min-width: 768px) {\n        .pd-feature-item {\n            flex-direction: row;\n            gap: 5vw;\n        }\n        .pd-feature-item.reverse {\n            flex-direction: row-reverse;\n        }\n        .pd-feature-media, .pd-feature-copy {\n            flex: 1;\n        }\n        .pd-feature-copy {\n            padding: 2rem 0;\n        }\n    }\n\n    \/* =========================================================\n       5) SPECS TABLE (MOBILE CARD LOCK)\n       ========================================================= *\/\n    .pd-section-title {\n        text-align: center;\n        margin-bottom: var(--spacing-element);\n    }\n\n    .pd-table-container {\n        margin-bottom: var(--spacing-section);\n        background: var(--bg-body);\n    }\n\n    .pd-table {\n        width: 100%;\n        border-collapse: collapse;\n    }\n\n    .pd-table th, .pd-table td {\n        padding: 1.2rem;\n        text-align: left;\n        border-bottom: 1px solid var(--border-color);\n        font-size: clamp(16px, 1.5vw, 18px);\n    }\n\n    .pd-table th {\n        background: var(--bg-card);\n        font-weight: 700;\n        color: var(--text-main);\n    }\n\n    .pd-table td {\n        color: var(--text-sub);\n    }\n\n    \/* Mobile Table -\u003e Card Conversion *\/\n    @media (max-width: 767px) {\n        .pd-table, .pd-table tbody, .pd-table tr, .pd-table td {\n            display: block; \n            width: 100%;\n        }\n        .pd-table thead {\n            display: none; \/* Hide native header *\/\n        }\n        .pd-table tr {\n            background: var(--bg-card);\n            border: 1px solid var(--border-color);\n            border-radius: var(--radius-md);\n            margin-bottom: 1rem;\n            padding: 0.5rem;\n        }\n        .pd-table td {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            border-bottom: 1px solid var(--border-color);\n            padding: 1rem 0.5rem;\n            text-align: right;\n        }\n        .pd-table td:last-child {\n            border-bottom: none;\n        }\n        \/* Create pseudo-headers from data-label *\/\n        .pd-table td::before {\n            content: attr(data-label);\n            font-weight: 700;\n            color: var(--text-main);\n            text-align: left;\n            flex-shrink: 0;\n            margin-right: 1rem;\n        }\n    }\n\n    \/* =========================================================\n       6) FAQ SECTION\n       ========================================================= *\/\n    .pd-faq-list {\n        display: flex;\n        flex-direction: column;\n        gap: 1.5rem;\n        margin-bottom: var(--spacing-section);\n    }\n\n    .pd-faq-item {\n        background: var(--bg-card);\n        padding: clamp(1.5rem, 3vw, 2rem);\n        border-radius: var(--radius-md);\n    }\n\n    .pd-faq-q {\n        font-size: clamp(18px, 2.5vw, 22px);\n        font-weight: 700;\n        color: var(--text-main);\n        margin-bottom: 0.8rem;\n    }\n\u003c\/style\u003e","brand":"Evyra","offers":[{"title":"Vihreä","offer_id":53397758312790,"sku":"0408-16535970","price":22.95,"currency_code":"EUR","in_stock":true},{"title":"Luonnonvalkoinen","offer_id":53397758345558,"sku":"0408-16537809","price":22.95,"currency_code":"EUR","in_stock":true},{"title":"Vaaleanpunainen","offer_id":53397758378326,"sku":"0408-16532535","price":22.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0974\/6376\/3286\/files\/Photo_To_Photo_260504_1864270671166855.png?v=1777907717","url":"https:\/\/evyra.fi\/products\/viileystuuli-viilea-olo-koko-paivan-kadet-vapaina","provider":"Evyra","version":"1.0","type":"link"}