{"product_id":"new-portable-neck-fan","title":"🔥Last Day 60% OFF🔥New Portable Neck Fan","description":"\u003c!--\n  Portable Neck Fan — AIDA lower-page conversion block\n  Paste into a Shopify \"Custom liquid\" block directly below the product information section.\n  This snippet does not replace or edit the product title, price, variant picker, or buy box above it.\n--\u003e\n\u003cstyle\u003e\n  .nfa-page,\n  .nfa-page * {\n    box-sizing: border-box;\n  }\n\n  .nfa-page {\n    --nfa-ink: #101114;\n    --nfa-muted: #62666d;\n    --nfa-line: #dedfe3;\n    --nfa-paper: #ffffff;\n    --nfa-mist: #f5f5f7;\n    --nfa-blue: #1677ff;\n    --nfa-blue-dark: #0861d5;\n    --nfa-cool: #e8f4ff;\n    --nfa-radius: 28px;\n    width: 100%;\n    overflow: hidden;\n    color: var(--nfa-ink);\n    background: var(--nfa-paper);\n    font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\",\n      \"Segoe UI\", Helvetica, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    text-rendering: optimizeLegibility;\n    container-name: nfa;\n    container-type: inline-size;\n  }\n\n  .nfa-page img {\n    display: block;\n    max-width: 100%;\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n  }\n\n  .nfa-wrap {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n  }\n\n  .nfa-section {\n    padding: clamp(72px, 9vw, 132px) 0;\n  }\n\n  .nfa-eyebrow {\n    margin: 0 0 15px;\n    color: var(--nfa-blue);\n    font-size: 14px;\n    font-weight: 750;\n    letter-spacing: 0.09em;\n    line-height: 1.2;\n    text-transform: uppercase;\n  }\n\n  .nfa-heading {\n    max-width: 820px;\n    margin: 0;\n    font-size: clamp(40px, 6.4vw, 78px);\n    font-weight: 720;\n    letter-spacing: -0.055em;\n    line-height: 0.98;\n  }\n\n  \/* Prevent Shopify theme heading colors from overriding this block. *\/\n  .nfa-page .nfa-heading {\n    color: var(--nfa-ink) !important;\n  }\n\n  .nfa-heading--medium {\n    font-size: clamp(36px, 5vw, 62px);\n  }\n\n  .nfa-copy {\n    max-width: 680px;\n    margin: 24px 0 0;\n    color: var(--nfa-muted);\n    font-size: clamp(18px, 2.1vw, 23px);\n    letter-spacing: -0.018em;\n    line-height: 1.5;\n  }\n\n  .nfa-button {\n    display: inline-flex;\n    min-height: 56px;\n    align-items: center;\n    justify-content: center;\n    margin-top: 30px;\n    padding: 15px 27px;\n    border: 0;\n    border-radius: 999px;\n    background: var(--nfa-blue);\n    box-shadow: 0 10px 30px rgba(22, 119, 255, 0.22);\n    color: #fff !important;\n    font-size: 17px;\n    font-weight: 700;\n    line-height: 1.2;\n    text-align: center;\n    text-decoration: none !important;\n    transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease;\n  }\n\n  .nfa-button:hover {\n    background: var(--nfa-blue-dark);\n    box-shadow: 0 14px 36px rgba(22, 119, 255, 0.28);\n    transform: translateY(-2px);\n  }\n\n  .nfa-button:focus-visible,\n  .nfa-faq summary:focus-visible {\n    outline: 3px solid rgba(22, 119, 255, 0.38);\n    outline-offset: 4px;\n  }\n\n  .nfa-button__arrow {\n    margin-left: 10px;\n    font-size: 20px;\n    line-height: 1;\n    transition: transform 180ms ease;\n  }\n\n  .nfa-button:hover .nfa-button__arrow {\n    transform: translateX(3px);\n  }\n\n  \/* A — Attention *\/\n  .nfa-hero {\n    position: relative;\n    display: grid;\n    align-items: stretch;\n    isolation: isolate;\n    background: #06101d;\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n  }\n\n  .nfa-hero__media {\n    display: flex;\n    align-items: center;\n    background: #eef7ff;\n    grid-column: 2;\n    grid-row: 1;\n  }\n\n  .nfa-hero__media img {\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n  }\n\n  .nfa-hero::after {\n    display: none;\n  }\n\n  .nfa-hero__content {\n    width: auto;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    margin: 0;\n    padding:\n      clamp(72px, 9vw, 130px)\n      clamp(36px, 6vw, 90px)\n      clamp(72px, 9vw, 130px)\n      max(20px, calc((100vw - 1180px) \/ 2));\n    color: #fff;\n    grid-column: 1;\n    grid-row: 1;\n  }\n\n  .nfa-hero .nfa-eyebrow {\n    color: #8ec9ff;\n  }\n\n  .nfa-hero .nfa-heading {\n    max-width: 680px;\n    color: #fff !important;\n  }\n\n  .nfa-hero .nfa-copy {\n    max-width: 570px;\n    color: rgba(255, 255, 255, 0.84) !important;\n  }\n\n  .nfa-microproof {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px 22px;\n    margin-top: 26px;\n    color: rgba(255, 255, 255, 0.82);\n    font-size: 14px;\n    font-weight: 650;\n  }\n\n  .nfa-microproof span {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .nfa-microproof span::before {\n    width: 17px;\n    height: 17px;\n    display: grid;\n    place-items: center;\n    margin-right: 7px;\n    border: 1px solid currentColor;\n    border-radius: 50%;\n    color: #8ec9ff;\n    content: \"✓\";\n    font-size: 10px;\n    font-weight: 800;\n  }\n\n  \/* I — Interest *\/\n  .nfa-intro {\n    text-align: center;\n  }\n\n  .nfa-intro .nfa-heading,\n  .nfa-intro .nfa-copy {\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  .nfa-intro__line {\n    width: 1px;\n    height: 80px;\n    margin: 0 auto 35px;\n    background: linear-gradient(transparent, #aeb2b8);\n  }\n\n  .nfa-feature {\n    display: grid;\n    overflow: hidden;\n    border-radius: var(--nfa-radius);\n    margin-top: 28px;\n    background: var(--nfa-mist);\n    grid-template-columns: 1.04fr 0.96fr;\n  }\n\n  .nfa-feature:nth-child(even) {\n    grid-template-columns: 0.96fr 1.04fr;\n  }\n\n  .nfa-feature:nth-child(even) .nfa-feature__media {\n    order: 2;\n  }\n\n  .nfa-feature__media {\n    display: flex;\n    min-height: 0;\n    align-items: center;\n    justify-content: center;\n    background: #e8eef3;\n  }\n\n  .nfa-feature__media img {\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n  }\n\n  .nfa-feature__body {\n    display: flex;\n    align-items: center;\n    padding: clamp(38px, 6vw, 86px);\n  }\n\n  .nfa-feature__body h3 {\n    margin: 0;\n    color: var(--nfa-ink) !important;\n    font-size: clamp(32px, 4.2vw, 56px);\n    font-weight: 700;\n    letter-spacing: -0.045em;\n    line-height: 1.02;\n  }\n\n  .nfa-feature__body p {\n    margin: 20px 0 0;\n    color: var(--nfa-muted);\n    font-size: clamp(17px, 1.8vw, 21px);\n    line-height: 1.52;\n  }\n\n  .nfa-feature__number {\n    display: block;\n    margin-bottom: 40px;\n    color: #a2a6ad;\n    font-size: 16px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n  }\n\n  .nfa-quiet {\n    overflow: hidden;\n    padding: clamp(76px, 9vw, 120px) 0 0;\n    background:\n      radial-gradient(circle at 50% 15%, rgba(76, 167, 255, 0.24), transparent 33%),\n      #05090f;\n    color: #fff;\n    text-align: center;\n  }\n\n  .nfa-quiet .nfa-heading,\n  .nfa-quiet .nfa-copy {\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  .nfa-quiet .nfa-heading {\n    color: #fff !important;\n  }\n\n  .nfa-quiet .nfa-copy {\n    color: #aeb9c6 !important;\n  }\n\n  .nfa-speed {\n    position: relative;\n    width: min(720px, calc(100% - 28px));\n    min-height: 350px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: clamp(18px, 5vw, 52px);\n    margin: 48px auto 0;\n    overflow: hidden;\n    border: 1px solid rgba(142, 201, 255, 0.18);\n    border-bottom: 0;\n    border-radius: 32px 32px 0 0;\n    background:\n      radial-gradient(circle at 50% 65%, rgba(29, 130, 255, 0.32), transparent 42%),\n      rgba(255, 255, 255, 0.035);\n  }\n\n  .nfa-speed::before,\n  .nfa-speed::after {\n    position: absolute;\n    width: 390px;\n    height: 390px;\n    border: 1px solid rgba(142, 201, 255, 0.13);\n    border-radius: 50%;\n    content: \"\";\n  }\n\n  .nfa-speed::after {\n    width: 530px;\n    height: 530px;\n    border-color: rgba(142, 201, 255, 0.07);\n  }\n\n  .nfa-speed__item {\n    position: relative;\n    z-index: 1;\n    width: clamp(74px, 12vw, 108px);\n    height: clamp(74px, 12vw, 108px);\n    display: grid;\n    place-items: center;\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.07);\n    color: #d5eaff;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n    box-shadow: 0 14px 50px rgba(0, 0, 0, 0.28);\n  }\n\n  .nfa-speed__item:nth-child(2) {\n    background: rgba(43, 140, 255, 0.25);\n    transform: scale(1.12);\n  }\n\n  .nfa-speed__item:nth-child(3) {\n    border-color: rgba(142, 201, 255, 0.5);\n    background: var(--nfa-blue);\n    color: #fff;\n  }\n\n  \/* D — Desire *\/\n  .nfa-life {\n    background: var(--nfa-mist);\n  }\n\n  .nfa-life__head {\n    display: flex;\n    align-items: end;\n    justify-content: space-between;\n    gap: 40px;\n    margin-bottom: 42px;\n  }\n\n  .nfa-life__head .nfa-copy {\n    max-width: 410px;\n    margin: 0;\n  }\n\n  .nfa-scenes {\n    display: grid;\n    gap: 18px;\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  .nfa-scene {\n    position: relative;\n    overflow: hidden;\n    border-radius: 25px;\n    background: #dce8f0;\n  }\n\n  .nfa-scene img {\n    width: 100%;\n    height: auto;\n    aspect-ratio: auto;\n    object-fit: contain;\n    transition: transform 500ms cubic-bezier(0.2, 0.7, 0.2, 1);\n  }\n\n  .nfa-scene:hover img {\n    transform: scale(1.025);\n  }\n\n  .nfa-scene::after {\n    position: absolute;\n    inset: 48% 0 0;\n    background: linear-gradient(transparent, rgba(3, 8, 14, 0.86));\n    content: \"\";\n  }\n\n  .nfa-scene__text {\n    position: absolute;\n    z-index: 1;\n    right: 28px;\n    bottom: 27px;\n    left: 28px;\n    color: #fff;\n  }\n\n  .nfa-scene__text h3 {\n    margin: 0;\n    color: #fff !important;\n    font-size: 27px;\n    font-weight: 700;\n    letter-spacing: -0.035em;\n  }\n\n  .nfa-scene__text p {\n    margin: 8px 0 0;\n    color: rgba(255, 255, 255, 0.78);\n    font-size: 15px;\n    line-height: 1.45;\n  }\n\n  .nfa-compare {\n    display: grid;\n    overflow: hidden;\n    margin-top: 48px;\n    border: 1px solid var(--nfa-line);\n    border-radius: 24px;\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .nfa-compare__col {\n    padding: clamp(28px, 4.5vw, 55px);\n  }\n\n  .nfa-compare__col + .nfa-compare__col {\n    border-left: 1px solid var(--nfa-line);\n    background: #f0f8ff;\n  }\n\n  .nfa-compare h3 {\n    margin: 0 0 27px;\n    color: var(--nfa-ink) !important;\n    font-size: 24px;\n    letter-spacing: -0.025em;\n  }\n\n  .nfa-compare ul {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  .nfa-compare li {\n    position: relative;\n    padding: 15px 0 15px 31px;\n    border-top: 1px solid rgba(125, 130, 138, 0.18);\n    color: var(--nfa-muted);\n    font-size: 17px;\n    line-height: 1.35;\n  }\n\n  .nfa-compare li::before {\n    position: absolute;\n    top: 17px;\n    left: 2px;\n    width: 19px;\n    height: 19px;\n    border-radius: 50%;\n    color: #9b9ea4;\n    content: \"×\";\n    font-size: 18px;\n    font-weight: 700;\n    line-height: 17px;\n    text-align: center;\n  }\n\n  .nfa-compare__col--cool li::before {\n    background: var(--nfa-blue);\n    color: #fff;\n    content: \"✓\";\n    font-size: 12px;\n    line-height: 19px;\n  }\n\n  .nfa-how {\n    text-align: center;\n  }\n\n  .nfa-how .nfa-heading,\n  .nfa-how .nfa-copy {\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  .nfa-how__grid {\n    display: grid;\n    gap: 14px;\n    margin-top: 50px;\n    counter-reset: nfa-step;\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  .nfa-step {\n    min-height: 235px;\n    padding: 34px;\n    border-radius: 22px;\n    background: var(--nfa-mist);\n    text-align: left;\n    counter-increment: nfa-step;\n  }\n\n  .nfa-step::before {\n    display: block;\n    margin-bottom: 56px;\n    color: var(--nfa-blue);\n    content: \"0\" counter(nfa-step);\n    font-size: 14px;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n  }\n\n  .nfa-step h3 {\n    margin: 0;\n    color: var(--nfa-ink) !important;\n    font-size: 25px;\n    letter-spacing: -0.03em;\n  }\n\n  .nfa-step p {\n    margin: 10px 0 0;\n    color: var(--nfa-muted);\n    font-size: 16px;\n    line-height: 1.45;\n  }\n\n  .nfa-how__media {\n    overflow: hidden;\n    width: min(760px, 100%);\n    margin: 30px auto 0;\n    border-radius: 26px;\n    background: var(--nfa-mist);\n  }\n\n  .nfa-faq {\n    background: var(--nfa-mist);\n  }\n\n  .nfa-faq__layout {\n    display: grid;\n    gap: clamp(40px, 8vw, 110px);\n    grid-template-columns: 0.75fr 1.25fr;\n  }\n\n  .nfa-faq details {\n    border-top: 1px solid #ced0d4;\n  }\n\n  .nfa-faq details:last-child {\n    border-bottom: 1px solid #ced0d4;\n  }\n\n  .nfa-faq summary {\n    position: relative;\n    padding: 25px 44px 25px 0;\n    cursor: pointer;\n    font-size: 19px;\n    font-weight: 700;\n    letter-spacing: -0.016em;\n    list-style: none;\n  }\n\n  .nfa-faq summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .nfa-faq summary::after {\n    position: absolute;\n    top: 25px;\n    right: 4px;\n    color: var(--nfa-blue);\n    content: \"+\";\n    font-size: 25px;\n    font-weight: 400;\n    line-height: 1;\n    transition: transform 180ms ease;\n  }\n\n  .nfa-faq details[open] summary::after {\n    transform: rotate(45deg);\n  }\n\n  .nfa-faq details p {\n    max-width: 620px;\n    padding: 0 42px 25px 0;\n    margin: 0;\n    color: var(--nfa-muted);\n    font-size: 16px;\n    line-height: 1.55;\n  }\n\n  \/* A — Action *\/\n  .nfa-final {\n    position: relative;\n    display: grid;\n    align-items: center;\n    isolation: isolate;\n    background: #eaf5ff;\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n    text-align: left;\n  }\n\n  .nfa-final__media {\n    display: flex;\n    align-items: center;\n    background: #eaf5ff;\n    grid-column: 2;\n    grid-row: 1;\n  }\n\n  .nfa-final__media img {\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n  }\n\n  .nfa-final::after {\n    display: none;\n  }\n\n  .nfa-final .nfa-wrap {\n    width: auto;\n    margin: 0;\n    padding:\n      clamp(72px, 9vw, 130px)\n      clamp(36px, 6vw, 90px)\n      clamp(72px, 9vw, 130px)\n      max(20px, calc((100vw - 1180px) \/ 2));\n    grid-column: 1;\n    grid-row: 1;\n  }\n\n  .nfa-final .nfa-heading,\n  .nfa-final .nfa-copy {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  .nfa-final__note {\n    margin: 15px 0 0;\n    color: var(--nfa-muted);\n    font-size: 13px;\n  }\n\n  @media (max-width: 900px) {\n    .nfa-feature,\n    .nfa-feature:nth-child(even) {\n      grid-template-columns: 1fr;\n    }\n\n    .nfa-feature:nth-child(even) .nfa-feature__media {\n      order: 0;\n    }\n\n    .nfa-feature__media {\n      min-height: 0;\n    }\n\n    .nfa-scenes {\n      grid-template-columns: 1fr;\n    }\n\n    .nfa-scene {\n      min-height: 0;\n    }\n\n    .nfa-faq__layout {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 700px) {\n    .nfa-wrap,\n    .nfa-hero__content {\n      width: min(100% - 28px, 1180px);\n    }\n\n    .nfa-section {\n      padding: 72px 0;\n    }\n\n    .nfa-heading {\n      font-size: clamp(40px, 13vw, 60px);\n    }\n\n    .nfa-heading--medium {\n      font-size: clamp(36px, 11.2vw, 52px);\n    }\n\n    .nfa-copy {\n      margin-top: 19px;\n      font-size: 18px;\n    }\n\n    .nfa-hero {\n      grid-template-columns: 1fr;\n    }\n\n    .nfa-hero__media {\n      grid-column: 1;\n      grid-row: 1;\n    }\n\n    .nfa-hero__media img {\n      width: 100%;\n      height: auto;\n      object-fit: contain;\n    }\n\n    .nfa-hero__content {\n      width: min(100% - 28px, 1180px);\n      margin: 0 auto;\n      padding: 52px 0 60px;\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .nfa-microproof {\n      display: grid;\n      gap: 9px;\n      margin-top: 22px;\n    }\n\n    .nfa-button {\n      width: 100%;\n      min-height: 58px;\n    }\n\n    .nfa-intro__line {\n      height: 55px;\n    }\n\n    .nfa-feature {\n      margin-top: 14px;\n      border-radius: 20px;\n    }\n\n    .nfa-feature__media {\n      min-height: 0;\n      aspect-ratio: auto;\n    }\n\n    .nfa-feature__body {\n      padding: 36px 25px 42px;\n    }\n\n    .nfa-feature__body h3 {\n      font-size: 37px;\n    }\n\n    .nfa-feature__number {\n      margin-bottom: 26px;\n    }\n\n    .nfa-quiet {\n      padding-top: 72px;\n    }\n\n    .nfa-life__head {\n      display: block;\n      margin-bottom: 28px;\n    }\n\n    .nfa-life__head .nfa-copy {\n      margin-top: 18px;\n    }\n\n    .nfa-scene {\n      min-height: 0;\n      border-radius: 20px;\n    }\n\n    .nfa-compare {\n      grid-template-columns: 1fr;\n    }\n\n    .nfa-compare__col + .nfa-compare__col {\n      border-top: 1px solid var(--nfa-line);\n      border-left: 0;\n    }\n\n    .nfa-how__grid {\n      grid-template-columns: 1fr;\n    }\n\n    .nfa-step {\n      min-height: 190px;\n    }\n\n    .nfa-step::before {\n      margin-bottom: 35px;\n    }\n\n    .nfa-faq summary {\n      font-size: 18px;\n    }\n\n    .nfa-final {\n      grid-template-columns: 1fr;\n      text-align: center;\n    }\n\n    .nfa-final__media {\n      grid-column: 1;\n      grid-row: 1;\n    }\n\n    .nfa-final .nfa-wrap {\n      width: min(100% - 28px, 1180px);\n      margin: 0 auto;\n      padding: 60px 0 72px;\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .nfa-final .nfa-heading,\n    .nfa-final .nfa-copy {\n      margin-right: auto;\n      margin-left: auto;\n    }\n  }\n\n  \/*\n    Shopify can place this block inside a narrow product-description column on desktop.\n    Container queries make the layout respond to the block's real width, not only the screen.\n  *\/\n  @container nfa (max-width: 900px) {\n    .nfa-feature,\n    .nfa-feature:nth-child(even) {\n      grid-template-columns: 1fr;\n    }\n\n    .nfa-feature:nth-child(even) .nfa-feature__media {\n      order: 0;\n    }\n\n    .nfa-feature__media {\n      min-height: 0;\n    }\n\n    .nfa-scenes {\n      grid-template-columns: 1fr;\n    }\n\n    .nfa-scene {\n      min-height: 0;\n    }\n\n    .nfa-faq__layout {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @container nfa (max-width: 700px) {\n    .nfa-wrap,\n    .nfa-hero__content {\n      width: min(100% - 28px, 1180px);\n    }\n\n    .nfa-section {\n      padding: 72px 0;\n    }\n\n    .nfa-heading {\n      font-size: clamp(38px, 10cqw, 54px);\n      overflow-wrap: normal;\n      word-break: normal;\n    }\n\n    .nfa-heading--medium {\n      font-size: clamp(34px, 9cqw, 48px);\n    }\n\n    .nfa-copy {\n      margin-top: 19px;\n      font-size: 18px;\n    }\n\n    .nfa-hero {\n      grid-template-columns: 1fr;\n    }\n\n    .nfa-hero__media {\n      grid-column: 1;\n      grid-row: 1;\n    }\n\n    .nfa-hero__media img {\n      width: 100%;\n      height: auto;\n      object-fit: contain;\n    }\n\n    .nfa-hero__content {\n      width: min(100% - 28px, 1180px);\n      margin: 0 auto;\n      padding: 52px 0 60px;\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .nfa-hero .nfa-heading {\n      color: #fff !important;\n    }\n\n    .nfa-microproof {\n      display: grid;\n      gap: 9px;\n      margin-top: 22px;\n    }\n\n    .nfa-button {\n      width: 100%;\n      min-height: 58px;\n    }\n\n    .nfa-intro__line {\n      height: 55px;\n    }\n\n    .nfa-feature {\n      margin-top: 14px;\n      border-radius: 20px;\n    }\n\n    .nfa-feature__media {\n      min-height: 0;\n      aspect-ratio: auto;\n    }\n\n    .nfa-feature__body {\n      padding: 36px 25px 42px;\n    }\n\n    .nfa-feature__body h3 {\n      font-size: clamp(32px, 8.5cqw, 42px);\n    }\n\n    .nfa-feature__number {\n      margin-bottom: 26px;\n    }\n\n    .nfa-quiet {\n      padding-top: 72px;\n    }\n\n    .nfa-life__head {\n      display: block;\n      margin-bottom: 28px;\n    }\n\n    .nfa-life__head .nfa-copy {\n      margin-top: 18px;\n    }\n\n    .nfa-scene {\n      min-height: 0;\n      border-radius: 20px;\n    }\n\n    .nfa-compare {\n      grid-template-columns: 1fr;\n    }\n\n    .nfa-compare__col + .nfa-compare__col {\n      border-top: 1px solid var(--nfa-line);\n      border-left: 0;\n    }\n\n    .nfa-how__grid {\n      grid-template-columns: 1fr;\n    }\n\n    .nfa-step {\n      min-height: 190px;\n    }\n\n    .nfa-step::before {\n      margin-bottom: 35px;\n    }\n\n    .nfa-faq summary {\n      font-size: 18px;\n    }\n\n    .nfa-final {\n      grid-template-columns: 1fr;\n      text-align: center;\n    }\n\n    .nfa-final__media {\n      grid-column: 1;\n      grid-row: 1;\n    }\n\n    .nfa-final .nfa-wrap {\n      width: min(100% - 28px, 1180px);\n      margin: 0 auto;\n      padding: 60px 0 72px;\n      grid-column: 1;\n      grid-row: 2;\n    }\n\n    .nfa-final .nfa-heading,\n    .nfa-final .nfa-copy {\n      margin-right: auto;\n      margin-left: auto;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .nfa-page *,\n    .nfa-page *::before,\n    .nfa-page *::after {\n      scroll-behavior: auto !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"nfa-page\" id=\"nfa-landing\"\u003e\n  \u003c!-- ATTENTION --\u003e\n  \u003cdiv class=\"nfa-hero\"\u003e\n    \u003cdiv class=\"nfa-hero__media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.myshopage.com\/a7aa3d15-b67c-4d80-07a1-cf241a9aa800\/w1000.png\" alt=\"Hands-free portable neck fan creating cooling airflow around the neck\" width=\"1000\" height=\"1000\" fetchpriority=\"high\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"nfa-hero__content\"\u003e\n      \u003cp class=\"nfa-eyebrow\"\u003ePersonal cooling, reimagined\u003c\/p\u003e\n      \u003ch2 class=\"nfa-heading\"\u003eThe heat doesn’t get a vote.\u003c\/h2\u003e\n      \u003cp class=\"nfa-copy\"\u003e\n        Wear your breeze. The bladeless neck fan surrounds you with refreshing airflow\n        while both hands stay completely free.\n      \u003c\/p\u003e\n      \u003ca class=\"nfa-button\" href=\"#nfa-shop-now\" data-nfa-shop\u003e\n        Choose My Color\n        \u003cspan class=\"nfa-button__arrow\" aria-hidden=\"true\"\u003e→\u003c\/span\u003e\n      \u003c\/a\u003e\n      \u003cdiv class=\"nfa-microproof\" aria-label=\"Key product benefits\"\u003e\n        \u003cspan\u003eHands-free comfort\u003c\/span\u003e\n        \u003cspan\u003eHair-friendly bladeless design\u003c\/span\u003e\n        \u003cspan\u003e3 adjustable speeds\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- INTEREST --\u003e\n  \u003cdiv class=\"nfa-section nfa-intro\"\u003e\n    \u003cdiv class=\"nfa-wrap\"\u003e\n      \u003cdiv class=\"nfa-intro__line\"\u003e\u003c\/div\u003e\n      \u003cp class=\"nfa-eyebrow\"\u003eWhy handheld fans fall short\u003c\/p\u003e\n      \u003ch2 class=\"nfa-heading nfa-heading--medium\"\u003eA tiny breeze shouldn’t take up your whole hand.\u003c\/h2\u003e\n      \u003cp class=\"nfa-copy\"\u003e\n        Stop aiming, gripping, and constantly repositioning. Slip it on, choose your speed,\n        and keep moving through the heat.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"nfa-wrap\" aria-label=\"Product benefits\"\u003e\n    \u003cdiv class=\"nfa-feature\"\u003e\n      \u003cdiv class=\"nfa-feature__media\"\u003e\n        \u003cimg src=\"https:\/\/cdn.myshopage.com\/db3883f6-da80-40ce-e7ed-d49605315e00\/w500.gif\" alt=\"Close-up demonstration of the neck fan in use\" width=\"581\" height=\"581\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nfa-feature__body\"\u003e\n        \u003cdiv\u003e\n          \u003cspan class=\"nfa-feature__number\"\u003e01 \/ ALL-AROUND AIRFLOW\u003c\/span\u003e\n          \u003ch3\u003eCool air, right where you want it.\u003c\/h3\u003e\n          \u003cp\u003e\n            Air outlets along the neckband direct a steady breeze upward around your neck\n            and face—without waving a fan inches from your skin.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"nfa-feature\"\u003e\n      \u003cdiv class=\"nfa-feature__media\"\u003e\n        \u003cimg src=\"https:\/\/cdn.myshopage.com\/c67bef18-5c17-401e-b9c1-1f303a528200\/w500.gif\" alt=\"Lightweight neck fan resting comfortably around the shoulders\" width=\"548\" height=\"548\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nfa-feature__body\"\u003e\n        \u003cdiv\u003e\n          \u003cspan class=\"nfa-feature__number\"\u003e02 \/ WEARABLE COMFORT\u003c\/span\u003e\n          \u003ch3\u003ePut it on. Forget it’s there.\u003c\/h3\u003e\n          \u003cp\u003e\n            The curved, headphone-inspired shape sits comfortably around your neck so you\n            can walk, work, cook, or relax with both hands free.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"nfa-feature\"\u003e\n      \u003cdiv class=\"nfa-feature__media\"\u003e\n        \u003cimg src=\"https:\/\/cdn.myshopage.com\/67f6c742-0989-4573-42d0-e0a2ba951600\/w500.jpg\" alt=\"Modern portable neck fan with a clean headphone-inspired design\" width=\"535\" height=\"535\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nfa-feature__body\"\u003e\n        \u003cdiv\u003e\n          \u003cspan class=\"nfa-feature__number\"\u003e03 \/ BLADELESS DESIGN\u003c\/span\u003e\n          \u003ch3\u003eA breeze without the hair drama.\u003c\/h3\u003e\n          \u003cp\u003e\n            With no exposed spinning blades, long hair stays away from the moving parts.\n            It looks more like sleek wearable tech than a mini fan.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"nfa-section nfa-quiet\"\u003e\n    \u003cdiv class=\"nfa-wrap\"\u003e\n      \u003cp class=\"nfa-eyebrow\"\u003eYour speed. Your breeze.\u003c\/p\u003e\n      \u003ch2 class=\"nfa-heading nfa-heading--medium\"\u003eFrom a gentle airflow to serious relief.\u003c\/h2\u003e\n      \u003cp class=\"nfa-copy\"\u003e\n        Tap through three fan speeds and find the setting that feels right for the moment.\n      \u003c\/p\u003e\n      \u003cdiv class=\"nfa-speed\" aria-label=\"Three adjustable fan speeds\"\u003e\n        \u003cdiv class=\"nfa-speed__item\"\u003eLOW\u003c\/div\u003e\n        \u003cdiv class=\"nfa-speed__item\"\u003eMED\u003c\/div\u003e\n        \u003cdiv class=\"nfa-speed__item\"\u003eHIGH\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- DESIRE --\u003e\n  \u003cdiv class=\"nfa-section nfa-life\"\u003e\n    \u003cdiv class=\"nfa-wrap\"\u003e\n      \u003cdiv class=\"nfa-life__head\"\u003e\n        \u003cdiv\u003e\n          \u003cp class=\"nfa-eyebrow\"\u003eMade for real summer days\u003c\/p\u003e\n          \u003ch2 class=\"nfa-heading nfa-heading--medium\"\u003eTake your cool with you.\u003c\/h2\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"nfa-copy\"\u003e\n          One wearable fan. A lot fewer moments spent thinking about the heat.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nfa-scenes\"\u003e\n        \u003cdiv class=\"nfa-scene\"\u003e\n          \u003cimg src=\"https:\/\/cdn.myshopage.com\/bd4a1dba-6423-45bd-9097-47e286e28a00\/w500.png\" alt=\"Person staying comfortable with a wearable neck fan\" width=\"601\" height=\"601\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"nfa-scene__text\"\u003e\n            \u003ch3\u003eCommute cooler.\u003c\/h3\u003e\n            \u003cp\u003eBring your own breeze to packed trains, hot platforms, and long walks.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"nfa-scene\"\u003e\n          \u003cimg src=\"https:\/\/cdn.myshopage.com\/a97838a6-e6a9-4623-f5ea-b93ee8541f00\/w500.jpg\" alt=\"Wearable neck fan fitting naturally into an everyday work setting\" width=\"602\" height=\"602\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"nfa-scene__text\"\u003e\n            \u003ch3\u003eFocus longer.\u003c\/h3\u003e\n            \u003cp\u003eStay hands-free at your desk, in the kitchen, or while working around the house.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"nfa-scene\"\u003e\n          \u003cimg src=\"https:\/\/cdn.myshopage.com\/040b725b-72a5-4bb1-4c4b-62e26eee4000\/w400.jpg\" alt=\"Portable neck fan ready for outdoor summer activities\" width=\"501\" height=\"501\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"nfa-scene__text\"\u003e\n            \u003ch3\u003eStay out longer.\u003c\/h3\u003e\n            \u003cp\u003eMade for dog walks, gardening, ball games, festivals, and sunny weekends.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nfa-compare\" aria-label=\"Handheld fan and wearable neck fan comparison\"\u003e\n        \u003cdiv class=\"nfa-compare__col\"\u003e\n          \u003ch3\u003eHandheld fan\u003c\/h3\u003e\n          \u003cul\u003e\n            \u003cli\u003eOccupies one hand\u003c\/li\u003e\n            \u003cli\u003eCools only where you point it\u003c\/li\u003e\n            \u003cli\u003eNeeds constant repositioning\u003c\/li\u003e\n            \u003cli\u003eExposed blades can catch loose hair\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"nfa-compare__col nfa-compare__col--cool\"\u003e\n          \u003ch3\u003eWearable neck fan\u003c\/h3\u003e\n          \u003cul\u003e\n            \u003cli\u003eHands stay completely free\u003c\/li\u003e\n            \u003cli\u003eAirflow surrounds the neck and face\u003c\/li\u003e\n            \u003cli\u003eMoves with you throughout the day\u003c\/li\u003e\n            \u003cli\u003eNo exposed spinning blades\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"nfa-section nfa-how\"\u003e\n    \u003cdiv class=\"nfa-wrap\"\u003e\n      \u003cp class=\"nfa-eyebrow\"\u003eCooling made simple\u003c\/p\u003e\n      \u003ch2 class=\"nfa-heading nfa-heading--medium\"\u003eThree steps. Instant breeze.\u003c\/h2\u003e\n      \u003cp class=\"nfa-copy\"\u003eNo setup. No app. No learning curve.\u003c\/p\u003e\n\n      \u003cdiv class=\"nfa-how__grid\"\u003e\n        \u003cdiv class=\"nfa-step\"\u003e\n          \u003ch3\u003eCharge it.\u003c\/h3\u003e\n          \u003cp\u003ePower up with the included USB charging cable.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"nfa-step\"\u003e\n          \u003ch3\u003eWear it.\u003c\/h3\u003e\n          \u003cp\u003eRest the curved band comfortably around your neck.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"nfa-step\"\u003e\n          \u003ch3\u003eTap and cool.\u003c\/h3\u003e\n          \u003cp\u003eChoose from three speeds and get on with your day.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nfa-how__media\"\u003e\n        \u003cimg src=\"https:\/\/cdn.myshopage.com\/0ca47a3d-073b-4b62-def9-80b89d589000\/w500.gif\" alt=\"Simple demonstration of how to wear and operate the portable neck fan\" width=\"500\" height=\"500\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"nfa-section nfa-faq\"\u003e\n    \u003cdiv class=\"nfa-wrap nfa-faq__layout\"\u003e\n      \u003cdiv\u003e\n        \u003cp class=\"nfa-eyebrow\"\u003eGood to know\u003c\/p\u003e\n        \u003ch2 class=\"nfa-heading nfa-heading--medium\"\u003eQuestions? Cool.\u003c\/h2\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cdetails\u003e\n          \u003csummary\u003eWill it catch or pull my hair?\u003c\/summary\u003e\n          \u003cp\u003e\n            The fan uses an enclosed, bladeless exterior with no exposed spinning fan blades,\n            making it far more hair-friendly than a traditional handheld mini fan.\n          \u003c\/p\u003e\n        \u003c\/details\u003e\n        \u003cdetails\u003e\n          \u003csummary\u003eCan I adjust the airflow?\u003c\/summary\u003e\n          \u003cp\u003e\n            Yes. Tap the power control to cycle through three fan speeds, from a gentler breeze\n            to stronger airflow.\n          \u003c\/p\u003e\n        \u003c\/details\u003e\n        \u003cdetails\u003e\n          \u003csummary\u003eWhere can I wear it?\u003c\/summary\u003e\n          \u003cp\u003e\n            It is designed for everyday non-water activities: commuting, desk work, cooking,\n            walking, gardening, travel, sporting events, and more.\n          \u003c\/p\u003e\n        \u003c\/details\u003e\n        \u003cdetails\u003e\n          \u003csummary\u003eHow do I charge it?\u003c\/summary\u003e\n          \u003cp\u003e\n            Recharge it with the included USB charging cable. Charging time and operating time\n            can vary by power source and selected fan speed.\n          \u003c\/p\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ACTION --\u003e\n  \u003cdiv class=\"nfa-section nfa-final\" id=\"nfa-shop-now\"\u003e\n    \u003cdiv class=\"nfa-final__media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.myshopage.com\/040b725b-72a5-4bb1-4c4b-62e26eee4000\/w400.jpg\" alt=\"\" width=\"501\" height=\"501\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"nfa-wrap\"\u003e\n      \u003cp class=\"nfa-eyebrow\"\u003eSummer feels better hands-free\u003c\/p\u003e\n      \u003ch2 class=\"nfa-heading nfa-heading--medium\"\u003eLess sweating.\u003cbr\u003eMore living.\u003c\/h2\u003e\n      \u003cp class=\"nfa-copy\"\u003e\n        Choose your color above and make your next hot day feel a whole lot easier.\n      \u003c\/p\u003e\n      \u003ca class=\"nfa-button\" href=\"#nfa-shop-now\" data-nfa-shop\u003e\n        Get My Neck Fan\n        \u003cspan class=\"nfa-button__arrow\" aria-hidden=\"true\"\u003e→\u003c\/span\u003e\n      \u003c\/a\u003e\n      \u003cp class=\"nfa-final__note\"\u003eSelect your preferred option in the product section above.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  (() =\u003e {\n    const page = document.getElementById(\"nfa-landing\");\n    if (!page || page.dataset.nfaReady === \"true\") return;\n    page.dataset.nfaReady = \"true\";\n\n    const findProductTarget = () =\u003e {\n      const productForm = document.querySelector('form[action*=\"\/cart\/add\"]');\n      if (productForm) {\n        return productForm.closest(\n          \".product__info-container, .product-info, .product-form, .product\"\n        ) || productForm;\n      }\n\n      return document.querySelector(\n        \"#ProductInfo, [id^='ProductInfo-'], .product__info-wrapper, main\"\n      );\n    };\n\n    page.querySelectorAll(\"[data-nfa-shop]\").forEach((button) =\u003e {\n      button.addEventListener(\"click\", (event) =\u003e {\n        const target = findProductTarget();\n        if (!target) return;\n\n        event.preventDefault();\n        target.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n\n        window.setTimeout(() =\u003e {\n          const variantControl = target.querySelector(\n            \"select, input[type='radio'], button[name='add'], [name='add']\"\n          );\n          if (variantControl) variantControl.focus({ preventScroll: true });\n        }, 650);\n      });\n    });\n  })();\n\u003c\/script\u003e\n","brand":"Coeot","offers":[{"title":"White \/ Buy 1","offer_id":50273311359333,"sku":"HCK-062910097-1-W","price":29.99,"currency_code":"USD","in_stock":true},{"title":"White \/ Buy 2 save 40%off","offer_id":50273311555941,"sku":"HCK-062910097-2-W","price":39.99,"currency_code":"USD","in_stock":true},{"title":"White \/ Buy 3 save 50%off","offer_id":50273311588709,"sku":"HCK-062910097-3-W","price":49.99,"currency_code":"USD","in_stock":true},{"title":"Pink \/ Buy 1","offer_id":50273311392101,"sku":"HCK-062910097-1-P","price":29.99,"currency_code":"USD","in_stock":true},{"title":"Pink \/ Buy 2 save 40%off","offer_id":50273311654245,"sku":"HCK-062910097-2-P","price":39.99,"currency_code":"USD","in_stock":true},{"title":"Pink \/ Buy 3 save 50%off","offer_id":50273311687013,"sku":"HCK-062910097-3-P","price":49.99,"currency_code":"USD","in_stock":true},{"title":"Dark green \/ Buy 1","offer_id":50273311424869,"sku":"HCK-062910097-1-D","price":29.99,"currency_code":"USD","in_stock":true},{"title":"Dark green \/ Buy 2 save 40%off","offer_id":50273311752549,"sku":"HCK-062910097-2-D","price":39.99,"currency_code":"USD","in_stock":true},{"title":"Dark green \/ Buy 3 save 50%off","offer_id":50273311785317,"sku":"HCK-062910097-3-D","price":49.99,"currency_code":"USD","in_stock":true},{"title":"Light green \/ Buy 1","offer_id":50273311457637,"sku":"HCK-062910097-1-L","price":29.99,"currency_code":"USD","in_stock":true},{"title":"Light green \/ Buy 2 save 40%off","offer_id":50273311850853,"sku":"HCK-062910097-2-L","price":39.99,"currency_code":"USD","in_stock":true},{"title":"Light green \/ Buy 3 save 50%off","offer_id":50273311883621,"sku":"HCK-062910097-3-L","price":49.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0864\/5017\/6357\/files\/w500_1_eda428f9-2955-416d-935a-8259ac98b978.webp?v=1782729609","url":"https:\/\/www.coeot.com\/products\/new-portable-neck-fan","provider":"Coeot","version":"1.0","type":"link"}