{"product_id":"portable-3-speed-wearable-fan","title":"Portable 3-Speed Wearable Fan","description":"\u003c!--[AI Design Logic]Product Type: Portable Electronic Fan \/ Wearable TechTarget Audience: Outdoor enthusiasts. commuters. people seeking comfort in hot weatherVisual Style: Modern. Clean. Tech-Friendly. RefreshingColor Strategy: Sky Blue (--primary) for a cooling psychological effect. crisp white backgrounds. and deep slate text for high readability.Shape Strategy: Radius 16px-24px (--radius-md\/lg) to evoke safety. friendliness. and ergonomic wearable design.Typography Strategy: Large Type system (Mobile-first readable. 16px absolute minimum. 32px+ headings).Mobile Table Strategy: Card-based execution via CSS Flex\/Block. absolutely no horizontal scroll.Image Mapping: - Hero = image_1- Hands-Free Feature = image_2- Bladeless Safety = image_3- Battery \u0026 Speed = image_4--\u003e\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* =========================================================       1) DESIGN SYSTEM \u0026 VARIABLES       ========================================================= *\/    .product-detail-container {        --primary: #0ea5e9; \/* Sky Blue representing cooling wind *\/        --primary-light: #e0f2fe;        --bg-body: #ffffff;        --bg-card: #f8fafc;        --text-main: #0f172a;        --text-sub: #475569;        --radius-md: 16px;        --radius-lg: 24px;        --shadow-sm: 0 4px 6px -1px rgb(0 0 0 \/ 0.05);        --shadow-lg: 0 10px 15px -3px rgb(0 0 0 \/ 0.1);        --border-color: #e2e8f0;                \/* Spacing System *\/        --spacing-section: clamp(3rem. 6vw. 5rem);        --spacing-element: clamp(1.5rem. 3vw. 2.5rem);        \/* Core Structure Rules *\/        max-width: 1200px;        margin: 0 auto;        padding: 0 5%;        box-sizing: border-box;        font-family: -apple-system. BlinkMacSystemFont. Segoe UI. Roboto. Helvetica. Arial. sans-serif;        color: var(--text-main);        background: var(--bg-body);                \/* Prevent text clipping globally *\/        overflow-wrap: break-word;        word-break: break-word;        -webkit-font-smoothing: antialiased;    }    .product-detail-container *.    .product-detail-container *::before.    .product-detail-container *::after {        box-sizing: inherit;    }    \/* =========================================================       2) TYPOGRAPHY SYSTEM (LARGE TYPE ONLY)       ========================================================= *\/    .pd-h1 {        font-size: clamp(34px. 5vw. 44px);        line-height: 1.2;        font-weight: 800;        margin: 0 0 1rem;        letter-spacing: -0.02em;    }    .pd-h2 {        font-size: clamp(24px. 4vw. 32px);        line-height: 1.3;        font-weight: 700;        margin: 0 0 1rem;    }    .pd-h3 {        font-size: clamp(20px. 3vw. 24px);        line-height: 1.4;        font-weight: 600;        margin: 0 0 1rem;    }    .pd-p {        font-size: clamp(18px. 2vw. 20px);        line-height: 1.7;        color: var(--text-sub);        margin: 0 0 1.5rem;    }    .pd-small {        font-size: clamp(16px. 1.5vw. 18px);        line-height: 1.6;        color: var(--text-sub);        margin: 0;    }    \/* Visual Badge (Non-interactive) *\/    .pd-badge {        display: inline-flex;        align-items: center;        background: var(--primary-light);        color: var(--primary);        padding: 0.6rem 1.2rem;        border-radius: 50px;        font-size: 16px;        font-weight: 700;        margin-bottom: 1.5rem;        user-select: none;    }    \/* =========================================================       3) IMAGE PROTOCOL (NATURAL FLOW. NO DISTORTION)       ========================================================= *\/    .pd-img-fluid {        width: 100%;        height: auto;        display: block;        border-radius: var(--radius-lg);        box-shadow: var(--shadow-sm);    }        .pd-img-placeholder {        width: 100%;        aspect-ratio: 4\/3;        background: var(--bg-card);        border: 2px dashed var(--border-color);        border-radius: var(--radius-lg);        display: flex;        align-items: center;        justify-content: center;        color: var(--text-sub);        font-size: 18px;        font-weight: 600;    }    \/* =========================================================       4) LAYOUT ARCHITECTURE (Z-PATTERN \u0026 MOBILE LOCK)       ========================================================= *\/    .pd-hero {        text-align: center;        padding: var(--spacing-element) 0 var(--spacing-section);    }        .pd-hero-copy {        max-width: 800px;        margin: 0 auto var(--spacing-element);    }    .pd-features {        display: flex;        flex-direction: column;        gap: var(--spacing-section);        padding-bottom: var(--spacing-section);    }    \/* Feature Item Base (Mobile-First Column Lock) *\/    .pd-feature-item {        display: flex;        flex-direction: column;        gap: clamp(1.5rem. 4vw. 3rem);        align-items: center;    }    .pd-feature-media. .pd-feature-copy {        width: 100%;    }    \/* Desktop Z-Pattern *\/    @media (min-width: 768px) {        .pd-feature-item {            flex-direction: row;            gap: 5vw;        }        .pd-feature-item.reverse {            flex-direction: row-reverse;        }        .pd-feature-media. .pd-feature-copy {            flex: 1;        }        .pd-feature-copy {            padding: 2rem 0;        }    }    \/* =========================================================       5) SPECS TABLE (MOBILE CARD LOCK)       ========================================================= *\/    .pd-section-title {        text-align: center;        margin-bottom: var(--spacing-element);    }    .pd-table-container {        margin-bottom: var(--spacing-section);        background: var(--bg-body);    }    .pd-table {        width: 100%;        border-collapse: collapse;    }    .pd-table th. .pd-table td {        padding: 1.2rem;        text-align: left;        border-bottom: 1px solid var(--border-color);        font-size: clamp(16px. 1.5vw. 18px);    }    .pd-table th {        background: var(--bg-card);        font-weight: 700;        color: var(--text-main);    }    .pd-table td {        color: var(--text-sub);    }    \/* Mobile Table -\u003e Card Conversion *\/    @media (max-width: 767px) {        .pd-table. .pd-table tbody. .pd-table tr. .pd-table td {            display: block;             width: 100%;        }        .pd-table thead {            display: none; \/* Hide native header *\/        }        .pd-table tr {            background: var(--bg-card);            border: 1px solid var(--border-color);            border-radius: var(--radius-md);            margin-bottom: 1rem;            padding: 0.5rem;        }        .pd-table td {            display: flex;            justify-content: space-between;            align-items: center;            border-bottom: 1px solid var(--border-color);            padding: 1rem 0.5rem;            text-align: right;        }        .pd-table td:last-child {            border-bottom: none;        }        \/* Create pseudo-headers from data-label *\/        .pd-table td::before {            content: attr(data-label);            font-weight: 700;            color: var(--text-main);            text-align: left;            flex-shrink: 0;            margin-right: 1rem;        }    }    \/* =========================================================       6) FAQ SECTION       ========================================================= *\/    .pd-faq-list {        display: flex;        flex-direction: column;        gap: 1.5rem;        margin-bottom: var(--spacing-section);    }    .pd-faq-item {        background: var(--bg-card);        padding: clamp(1.5rem. 3vw. 2rem);        border-radius: var(--radius-md);    }    .pd-faq-q {        font-size: clamp(18px. 2.5vw. 22px);        font-weight: 700;        color: var(--text-main);        margin-bottom: 0.8rem;    }\u003c\/style\u003e\n\u003c!-- 1. HERO SECTION --\u003e\u003cdiv class=\"pd-hero\"\u003e\n\u003cdiv class=\"pd-hero-copy\"\u003e\n\u003cdiv class=\"pd-badge\"\u003e🌟 Trusted by 10.000+ Users\u003c\/div\u003e\n\u003ch1 class=\"pd-h1\"\u003eUltimate Hands-Free Cooling. Anywhere You Go\u003c\/h1\u003e\n\u003cp class=\"pd-p\"\u003eBeat the summer heat instantly. The portable silent bladeless fan delivers a continuous. refreshing breeze whether you are hiking. working. or relaxing at home.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-img-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260408114330\/c7cdb054f5120ae2f010e11ca4406ea8.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-features\"\u003e\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\u003cdiv class=\"pd-img-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260408114330\/e7eb76c48a28859af8d3b9da5efe80fb.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003cdiv class=\"pd-badge\"\u003eWearable Design\u003c\/div\u003e\n\u003ch2 class=\"pd-h2\"\u003eFreedom to Move\u003c\/h2\u003e\n\u003cp class=\"pd-p\"\u003eDesigned strictly with your convenience in mind. Clip it securely to your waist. wear it around your neck with the lanyard. or attach it to your shirt collar.\u003c\/p\u003e\n\u003cp class=\"pd-p\"\u003eEnjoy a powerful. cooling breeze while keeping your hands completely free to handle outdoor gear. work tools. or just your morning coffee.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 (Reversed on Desktop) --\u003e\u003cdiv class=\"pd-feature-item\" reverse\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\u003cdiv class=\"pd-img-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260408114330\/457c6b7281eecedfc4d6764e0762095c.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003cdiv class=\"pd-badge\"\u003eBladeless Technology\u003c\/div\u003e\n\u003ch2 class=\"pd-h2\"\u003eWhisper-Quiet \u0026amp; 100% Safe\u003c\/h2\u003e\n\u003cp class=\"pd-p\"\u003eExperience true tranquility. The advanced bladeless motor system delivers smooth. uninterrupted airflow without the distracting buzz of traditional fans.\u003c\/p\u003e\n\u003cp class=\"pd-p\"\u003eThe enclosed turbine design ensures complete safety—no more anxiety about long hair or loose clothing getting tangled during use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\u003cdiv class=\"pd-img-placeholder\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260408114330\/2e8cd67607a963804970a34b0ed9d982.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003cdiv class=\"pd-badge\"\u003eUSB Rechargeable\u003c\/div\u003e\n\u003ch2 class=\"pd-h2\"\u003eCustomizable Breeze. All-Day Power\u003c\/h2\u003e\n\u003cp class=\"pd-p\"\u003eTake control of your climate. Toggle between 3 distinct adjustable speeds—from a gentle indoor whisper to a strong outdoor gust.\u003c\/p\u003e\n\u003cp class=\"pd-p\"\u003ePowered by a high-capacity built-in battery. it charges easily via USB and provides hours of continuous relief to outlast your longest days.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. SPECIFICATIONS TABLE --\u003e\u003cdiv class=\"pd-table-container\"\u003e\n\u003ch2 class=\"pd-h2\" pd-section-title\u003eTechnical Specifications\u003c\/h2\u003e\n\u003ctable class=\"pd-table\"\u003e\t\u003cthead\u003e\t\t\u003ctr\u003e\t\t\t\u003cth\u003eFeature\u003c\/th\u003e\t\t\t\u003cth\u003eDetails\u003c\/th\u003e\t\t\u003c\/tr\u003e\t\u003c\/thead\u003e\t\u003ctbody\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003eDesign Type\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003ePortable Wearable \/ Waist Clip \/ Neck Fan\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003eSafety System\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eFully Enclosed Bladeless Turbine\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003eSpeed Settings\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003e3 Adjustable Levels (Low. Medium. High)\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003eWeight\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003e150 g \/ 5.3 oz\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003eDimensions\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003e7.4 x 6.5 x 5.0 cm \/ 2.9 x 2.6 x 2.0 in\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003ctd data-label=\"Feature\"\u003ePower Source\u003c\/td\u003e\t\t\t\u003ctd data-label=\"Details\"\u003eUSB Rechargeable Built-in Battery\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- 4. FAQ SECTION --\u003e\u003cdiv\u003e\n\u003ch2 class=\"pd-h2\" pd-section-title\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv class=\"pd-faq-list\"\u003e\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-q\"\u003eWill my long hair get caught in the fan?\u003c\/div\u003e\n\u003cp class=\"pd-p\" style=\"margin-bottom:0;\"\u003eNot at all. The innovative bladeless design provides a safe. smooth breeze without any exposed moving blades. ensuring your hair remains completely protected.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-q\"\u003eHow do I charge the fan while traveling?\u003c\/div\u003e\n\u003cp class=\"pd-p\" style=\"margin-bottom:0;\"\u003eThe fan features a standard USB charging port. You can conveniently power it up using any power bank. car charger. laptop. or standard wall adapter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-q\"\u003eIs it heavy to wear around the neck all day?\u003c\/div\u003e\n\u003cp class=\"pd-p\" style=\"margin-bottom:0;\"\u003eIt is incredibly lightweight. weighing only 5.3 oz (150g). The ergonomic design ensures that you will barely notice you are wearing it while enjoying the cooling relief.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"sinelights","offers":[{"title":"Green \/ 📦 1-Pack (Standard)","offer_id":45408988463151,"sku":"0408-16535970","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Off-white \/ 📦 1-Pack (Standard)","offer_id":45408988495919,"sku":"0408-16537809","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Pink \/ 📦 1-Pack (Standard)","offer_id":45408988528687,"sku":"0408-16532535","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Green \/ 🎁 2-Pack (Save 15% - Best for Couples)","offer_id":45408988561455,"sku":"0408-16537076","price":26.95,"currency_code":"USD","in_stock":true},{"title":"Off-white \/ 🎁 2-Pack (Save 15% - Best for Couples)","offer_id":45408988594223,"sku":"0408-16532223","price":26.95,"currency_code":"USD","in_stock":true},{"title":"Pink \/ 🎁 2-Pack (Save 15% - Best for Couples)","offer_id":45408988626991,"sku":"0408-16535170","price":26.95,"currency_code":"USD","in_stock":true},{"title":"Green \/ 👨‍👩‍👧‍👦 4-Pack (Save 25% - Family Kit)","offer_id":45408988659759,"sku":"0408-16536891","price":52.95,"currency_code":"USD","in_stock":true},{"title":"Off-white \/ 👨‍👩‍👧‍👦 4-Pack (Save 25% - Family Kit)","offer_id":45408988692527,"sku":"0408-16538676","price":52.95,"currency_code":"USD","in_stock":true},{"title":"Pink \/ 👨‍👩‍👧‍👦 4-Pack (Save 25% - Family Kit)","offer_id":45408988725295,"sku":"0408-16532017","price":52.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0757\/0043\/7039\/files\/c7cdb054f5120ae2f010e11ca4406ea8.jpg?v=1780394989","url":"https:\/\/sinelights.com\/products\/portable-3-speed-wearable-fan","provider":"sinelights","version":"1.0","type":"link"}