{"product_id":"coolza-pocketfan™","title":"Coolza PocketFan™","description":"\n\u003cstyle\u003e\n  .coolza-premium {\n    --coolza-blue: #1677ff;\n    --coolza-ice: #eaf4ff;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n                 Roboto, Helvetica, Arial, sans-serif;\n    color: #101828;\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    padding: 42px 26px;\n    margin: 20px 0;\n    border: 1px solid #e8eef5;\n    border-radius: 24px;\n    background:\n      radial-gradient(ellipse at 100% 0%,\n        rgba(22,119,255,.10), transparent 48%),\n      linear-gradient(145deg, #ffffff 0%, #f8fbff 100%);\n    box-shadow: 0 12px 40px rgba(20, 55, 100, .055);\n  }\n\n  .coolza-premium *,\n  .coolza-premium *::before,\n  .coolza-premium *::after {\n    box-sizing: border-box;\n  }\n\n  .coolza-premium .cz-content {\n    position: relative;\n    z-index: 2;\n    max-width: 590px;\n    margin: 0 auto;\n  }\n\n  .coolza-premium .cz-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    margin: 0 0 18px;\n    padding: 8px 12px;\n    border: 1px solid rgba(22,119,255,.17);\n    border-radius: 100px;\n    background: rgba(255,255,255,.8);\n    color: #1768d7;\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n\n  .coolza-premium .cz-dot {\n    width: 7px;\n    height: 7px;\n    flex-shrink: 0;\n    border-radius: 50%;\n    background: var(--coolza-blue);\n    box-shadow: 0 0 0 4px rgba(22,119,255,.10);\n    animation: czPulse 2s ease-in-out infinite;\n  }\n\n  .coolza-premium .cz-heading {\n    margin: 0 0 19px;\n    color: #101828;\n    font-size: clamp(30px, 5vw, 43px);\n    font-weight: 780;\n    letter-spacing: -1.8px;\n    line-height: 1.12;\n  }\n\n  .coolza-premium .cz-heading span {\n    display: block;\n    color: var(--coolza-blue);\n    background: linear-gradient(95deg, #1268ed, #48a4ff);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .coolza-premium .cz-description {\n    margin: 0;\n    color: #667085;\n    font-size: 15px;\n    line-height: 1.9;\n    font-weight: 400;\n  }\n\n  .coolza-premium .cz-description strong {\n    color: #172b4d;\n    font-weight: 750;\n  }\n\n  .coolza-premium .cz-divider {\n    height: 1px;\n    margin: 27px 0 22px;\n    background: linear-gradient(\n      90deg, rgba(22,119,255,.35),\n      rgba(22,119,255,.04)\n    );\n  }\n\n  .coolza-premium .cz-speed-title {\n    margin: 0 0 14px;\n    color: #344054;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 1.7px;\n    text-transform: uppercase;\n  }\n\n  .coolza-premium .cz-speeds {\n    display: grid;\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n    gap: 9px;\n  }\n\n  .coolza-premium .cz-speed {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    min-width: 0;\n    padding: 13px 2px 11px;\n    border: 1px solid #e4edf8;\n    border-radius: 14px;\n    background: rgba(255,255,255,.8);\n    animation: czRise .7s both;\n    animation-delay: var(--delay, 0s);\n    transition: transform .3s ease,\n                border-color .3s ease,\n                background .3s ease,\n                box-shadow .3s ease;\n  }\n\n  .coolza-premium .cz-speed:hover {\n    transform: translateY(-5px);\n    border-color: #9bc8ff;\n    background: #fff;\n    box-shadow: 0 9px 22px rgba(22,119,255,.10);\n  }\n\n  .coolza-premium .cz-speed-number {\n    color: #1677ff;\n    font-size: 21px;\n    font-weight: 800;\n    line-height: 1;\n  }\n\n  .coolza-premium .cz-speed-label {\n    color: #98a2b3;\n    font-size: 9px;\n    font-weight: 750;\n    letter-spacing: .7px;\n    text-transform: uppercase;\n  }\n\n  .coolza-premium .cz-footer {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-top: 24px;\n    padding: 16px;\n    border: 1px solid rgba(22,119,255,.10);\n    border-radius: 15px;\n    background: linear-gradient(110deg, #eff6ff, #ffffff);\n  }\n\n  .coolza-premium .cz-breeze-icon {\n    display: grid;\n    place-items: center;\n    width: 42px;\n    height: 42px;\n    flex-shrink: 0;\n    border-radius: 12px;\n    background: #fff;\n    color: #1677ff;\n    box-shadow: 0 3px 12px rgba(22,119,255,.09);\n  }\n\n  .coolza-premium .cz-breeze-icon svg {\n    width: 23px;\n    height: 23px;\n  }\n\n  .coolza-premium .cz-footer-text {\n    margin: 0;\n    color: #475467;\n    font-size: 12px;\n    line-height: 1.65;\n  }\n\n  .coolza-premium .cz-footer-text strong {\n    display: block;\n    margin-bottom: 2px;\n    color: #172b4d;\n    font-size: 13px;\n    font-weight: 800;\n  }\n\n  .coolza-premium .cz-orb {\n    position: absolute;\n    z-index: 0;\n    top: 60px;\n    right: -90px;\n    width: 230px;\n    height: 230px;\n    border: 1px solid rgba(22,119,255,.09);\n    border-radius: 50%;\n    background: radial-gradient(\n      circle, rgba(22,119,255,.045), transparent 68%\n    );\n    animation: czFloat 7s ease-in-out infinite;\n    pointer-events: none;\n  }\n\n  .coolza-premium .cz-orb::before,\n  .coolza-premium .cz-orb::after {\n    position: absolute;\n    content: \"\";\n    inset: 22px;\n    border: 1px solid rgba(22,119,255,.08);\n    border-radius: 50%;\n  }\n\n  .coolza-premium .cz-orb::after {\n    inset: 48px;\n  }\n\n  @keyframes czPulse {\n    0%, 100% { opacity: 1; box-shadow: 0 0 0 4px rgba(22,119,255,.10); }\n    50% { opacity: .65; box-shadow: 0 0 0 7px rgba(22,119,255,.04); }\n  }\n\n  @keyframes czRise {\n    from { opacity: 0; transform: translateY(12px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes czFloat {\n    0%, 100% { transform: translateY(0) rotate(0deg); }\n    50% { transform: translateY(-14px) rotate(5deg); }\n  }\n\n  @media (max-width: 480px) {\n    .coolza-premium {\n      padding: 30px 17px;\n      border-radius: 19px;\n    }\n\n    .coolza-premium .cz-heading {\n      font-size: 32px;\n      letter-spacing: -1.2px;\n    }\n\n    .coolza-premium .cz-description {\n      font-size: 14px;\n      line-height: 1.85;\n    }\n\n    .coolza-premium .cz-speeds {\n      gap: 5px;\n    }\n\n    .coolza-premium .cz-speed {\n      padding: 12px 1px 10px;\n      border-radius: 10px;\n      gap: 8px;\n    }\n\n    .coolza-premium .cz-speed-number {\n      font-size: 19px;\n    }\n\n    .coolza-premium .cz-speed-label {\n      font-size: 8px;\n      letter-spacing: .3px;\n    }\n\n    .coolza-premium .cz-orb {\n      top: 100px;\n      right: -145px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .coolza-premium *,\n    .coolza-premium *::before,\n    .coolza-premium *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"coolza-premium\"\u003e\n  \u003cdiv class=\"cz-orb\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"cz-content\"\u003e\n\n    \u003cdiv class=\"cz-eyebrow\"\u003e\n      \u003cspan class=\"cz-dot\"\u003e\u003c\/span\u003e\n      COOLZA PORTABLE COOLING\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"cz-heading\"\u003e\n      A little breeze,\n      \u003cspan\u003ewherever you go.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"cz-description\"\u003e\n      Meet your new everyday essential. The\n      \u003cstrong\u003eCoolza Portable Hand Fan\u003c\/strong\u003e\n      makes staying cool effortless, wherever the day takes you.\n      With \u003cstrong\u003esix adjustable speed settings\u003c\/strong\u003e,\n      you can choose the airflow that feels right for you —\n      from a gentle breeze to a stronger blast of cooling comfort.\n      Perfect for commutes, outdoor events, travel and those\n      warm days when you need a little extra refreshment.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"cz-divider\"\u003e\u003c\/div\u003e\n\n    \u003cp class=\"cz-speed-title\"\u003eYour breeze. Your setting.\u003c\/p\u003e\n\n    \u003cdiv class=\"cz-speeds\" aria-label=\"Six fan speed settings\"\u003e\n      \u003cdiv class=\"cz-speed\" style=\"--delay:.05s\"\u003e\n        \u003cspan class=\"cz-speed-number\"\u003e01\u003c\/span\u003e\n        \u003cspan class=\"cz-speed-label\"\u003eGentle\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cz-speed\" style=\"--delay:.12s\"\u003e\n        \u003cspan class=\"cz-speed-number\"\u003e02\u003c\/span\u003e\n        \u003cspan class=\"cz-speed-label\"\u003eSoft\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cz-speed\" style=\"--delay:.19s\"\u003e\n        \u003cspan class=\"cz-speed-number\"\u003e03\u003c\/span\u003e\n        \u003cspan class=\"cz-speed-label\"\u003eFresh\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cz-speed\" style=\"--delay:.26s\"\u003e\n        \u003cspan class=\"cz-speed-number\"\u003e04\u003c\/span\u003e\n        \u003cspan class=\"cz-speed-label\"\u003eCool\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cz-speed\" style=\"--delay:.33s\"\u003e\n        \u003cspan class=\"cz-speed-number\"\u003e05\u003c\/span\u003e\n        \u003cspan class=\"cz-speed-label\"\u003eStrong\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cz-speed\" style=\"--delay:.40s\"\u003e\n        \u003cspan class=\"cz-speed-number\"\u003e06\u003c\/span\u003e\n        \u003cspan class=\"cz-speed-label\"\u003eMax\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cz-footer\"\u003e\n      \u003cdiv class=\"cz-breeze-icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"\u003e\n          \u003cpath d=\"M3 8h12a3 3 0 1 0-3-3\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M2 12h17a2.5 2.5 0 1 1-2.5 2.5\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M4 16h6a2 2 0 1 1-2 2\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n\n      \u003cp class=\"cz-footer-text\"\u003e\n        \u003cstrong\u003eSmall fan. Big refresh.\u003c\/strong\u003e\n        Take your comfort with you, wherever life takes you.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Coolza","offers":[{"title":"Default Title","offer_id":67595873550643,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1005\/4457\/7843\/files\/IMG2Handfan.png?v=1790770025","url":"https:\/\/coolza.co.za\/products\/coolza-pocketfan%e2%84%a2","provider":"Coolza","version":"1.0","type":"link"}