{"product_id":"coolza-deskbreeze™","title":"Coolza DeskBreeze™","description":"\u003cstyle\u003e\n  .coolza-deskbreeze {\n    position: relative;\n    overflow: hidden;\n    padding: 95px 20px;\n    background:\n      radial-gradient(circle at 12% 25%, rgba(40, 190, 240, 0.14), transparent 30%),\n      radial-gradient(circle at 88% 75%, rgba(60, 160, 255, 0.12), transparent 32%),\n      linear-gradient(135deg, #ffffff 0%, #f2fbff 50%, #eef9fd 100%);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  }\n\n  \/* Soft animated glow *\/\n  .coolza-deskbreeze::before {\n    content: \"\";\n    position: absolute;\n    width: 460px;\n    height: 460px;\n    border-radius: 50%;\n    background: rgba(35, 190, 240, 0.10);\n    filter: blur(80px);\n    top: -220px;\n    left: -140px;\n    animation: deskGlow 9s ease-in-out infinite alternate;\n  }\n\n  .coolza-deskbreeze::after {\n    content: \"\";\n    position: absolute;\n    width: 420px;\n    height: 420px;\n    border-radius: 50%;\n    background: rgba(35, 145, 255, 0.08);\n    filter: blur(85px);\n    bottom: -220px;\n    right: -130px;\n    animation: deskGlowTwo 11s ease-in-out infinite alternate;\n  }\n\n  @keyframes deskGlow {\n    from {\n      transform: translate(0, 0) scale(1);\n    }\n    to {\n      transform: translate(100px, 60px) scale(1.18);\n    }\n  }\n\n  @keyframes deskGlowTwo {\n    from {\n      transform: translate(0, 0) scale(1);\n    }\n    to {\n      transform: translate(-80px, -60px) scale(1.15);\n    }\n  }\n\n  .coolza-desk-inner {\n    position: relative;\n    z-index: 3;\n    max-width: 1080px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  \/* Eyebrow *\/\n  .coolza-desk-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    padding: 9px 17px;\n    border-radius: 50px;\n    background: rgba(255,255,255,0.78);\n    border: 1px solid rgba(70,190,230,0.25);\n    box-shadow: 0 8px 28px rgba(0,110,170,0.08);\n    color: #138fc8;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 1.8px;\n    text-transform: uppercase;\n    margin-bottom: 25px;\n    animation: deskFadeUp .8s ease forwards;\n  }\n\n  .coolza-desk-dot {\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: #20b9eb;\n    box-shadow: 0 0 12px rgba(32,185,235,.8);\n    animation: deskPulse 2s ease-in-out infinite;\n  }\n\n  @keyframes deskPulse {\n    0%,100% {\n      transform: scale(1);\n      opacity: 1;\n    }\n    50% {\n      transform: scale(1.5);\n      opacity: .55;\n    }\n  }\n\n  \/* Main heading *\/\n  .coolza-desk-title {\n    margin: 0 auto 24px;\n    max-width: 850px;\n    font-size: clamp(42px, 6vw, 72px);\n    line-height: 1;\n    letter-spacing: -3.5px;\n    font-weight: 800;\n    color: #101820;\n    animation: deskFadeUp .95s ease forwards;\n  }\n\n  .coolza-desk-title span {\n    background: linear-gradient(\n      90deg,\n      #078dca,\n      #25c9f1,\n      #078dca\n    );\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    animation: deskGradient 4s linear infinite;\n  }\n\n  @keyframes deskGradient {\n    to {\n      background-position: 200% center;\n    }\n  }\n\n  \/* Main copy *\/\n  .coolza-desk-copy {\n    max-width: 770px;\n    margin: 0 auto;\n    color: #5c6972;\n    font-size: 17px;\n    line-height: 1.8;\n    animation: deskFadeUp 1.15s ease forwards;\n  }\n\n  .coolza-desk-copy p {\n    margin: 0 0 23px;\n  }\n\n  .coolza-desk-copy p:last-child {\n    margin-bottom: 0;\n  }\n\n  .coolza-desk-copy strong {\n    color: #18242b;\n    font-weight: 750;\n  }\n\n  \/* Airflow animation *\/\n  .coolza-airflow {\n    position: relative;\n    height: 85px;\n    max-width: 620px;\n    margin: 42px auto 5px;\n    overflow: hidden;\n    opacity: .75;\n  }\n\n  .coolza-airflow span {\n    position: absolute;\n    left: -180px;\n    height: 2px;\n    border-radius: 50%;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(23,175,225,.15),\n      rgba(23,175,225,.7),\n      transparent\n    );\n    animation: airflow 4s linear infinite;\n  }\n\n  .coolza-airflow span:nth-child(1) {\n    width: 270px;\n    top: 15px;\n    animation-delay: 0s;\n  }\n\n  .coolza-airflow span:nth-child(2) {\n    width: 390px;\n    top: 35px;\n    animation-delay: 1.2s;\n  }\n\n  .coolza-airflow span:nth-child(3) {\n    width: 220px;\n    top: 58px;\n    animation-delay: 2.1s;\n  }\n\n  .coolza-airflow span:nth-child(4) {\n    width: 330px;\n    top: 75px;\n    animation-delay: 2.8s;\n  }\n\n  @keyframes airflow {\n    0% {\n      transform: translateX(0) skewX(-18deg);\n      opacity: 0;\n    }\n\n    15% {\n      opacity: 1;\n    }\n\n    75% {\n      opacity: .8;\n    }\n\n    100% {\n      transform: translateX(900px) skewX(-18deg);\n      opacity: 0;\n    }\n  }\n\n  \/* Premium tagline card *\/\n  .coolza-desk-highlight {\n    position: relative;\n    max-width: 850px;\n    margin: 25px auto 0;\n    padding: 30px 35px;\n    border-radius: 24px;\n    background: rgba(255,255,255,.72);\n    border: 1px solid rgba(90,190,225,.25);\n    box-shadow:\n      0 25px 70px rgba(0,100,150,.09),\n      inset 0 1px 0 rgba(255,255,255,.9);\n    backdrop-filter: blur(18px);\n    -webkit-backdrop-filter: blur(18px);\n    overflow: hidden;\n    animation: deskFadeUp 1.35s ease forwards;\n  }\n\n  \/* Moving shine *\/\n  .coolza-desk-highlight::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -120%;\n    width: 70%;\n    height: 100%;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.7),\n      transparent\n    );\n    transform: skewX(-20deg);\n    animation: deskShine 5s ease-in-out infinite;\n  }\n\n  @keyframes deskShine {\n    0% {\n      left: -120%;\n    }\n\n    35%,100% {\n      left: 145%;\n    }\n  }\n\n  .coolza-desk-tagline {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    font-size: 21px;\n    line-height: 1.4;\n    font-weight: 750;\n    letter-spacing: -.4px;\n    color: #101820;\n  }\n\n  .coolza-desk-tagline span {\n    color: #119ed6;\n  }\n\n  \/* Floating particles *\/\n  .coolza-desk-particle {\n    position: absolute;\n    z-index: 1;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: rgba(35,180,230,.25);\n    animation: deskParticle 7s ease-in-out infinite;\n  }\n\n  .desk-p1 {\n    top: 18%;\n    left: 9%;\n  }\n\n  .desk-p2 {\n    top: 67%;\n    left: 14%;\n    animation-delay: 2s;\n  }\n\n  .desk-p3 {\n    top: 30%;\n    right: 10%;\n    animation-delay: 1s;\n  }\n\n  .desk-p4 {\n    top: 78%;\n    right: 17%;\n    animation-delay: 3s;\n  }\n\n  @keyframes deskParticle {\n    0%,100% {\n      transform: translateY(0) scale(1);\n      opacity: .25;\n    }\n\n    50% {\n      transform: translateY(-35px) scale(1.4);\n      opacity: .8;\n    }\n  }\n\n  @keyframes deskFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(28px);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  \/* Mobile *\/\n  @media (max-width: 600px) {\n    .coolza-deskbreeze {\n      padding: 65px 18px;\n    }\n\n    .coolza-desk-title {\n      font-size: 43px;\n      letter-spacing: -2.2px;\n    }\n\n    .coolza-desk-copy {\n      font-size: 15px;\n      line-height: 1.75;\n    }\n\n    .coolza-airflow {\n      margin-top: 30px;\n    }\n\n    .coolza-desk-highlight {\n      padding: 24px 20px;\n      margin-top: 18px;\n    }\n\n    .coolza-desk-tagline {\n      font-size: 18px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"coolza-deskbreeze\"\u003e\n\n  \u003c!-- Floating particles --\u003e\n  \u003cspan class=\"coolza-desk-particle desk-p1\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"coolza-desk-particle desk-p2\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"coolza-desk-particle desk-p3\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"coolza-desk-particle desk-p4\"\u003e\u003c\/span\u003e\n\n  \u003cdiv class=\"coolza-desk-inner\"\u003e\n\n    \u003cdiv class=\"coolza-desk-eyebrow\"\u003e\n      \u003cspan class=\"coolza-desk-dot\"\u003e\u003c\/span\u003e\n      Meet DeskBreeze™\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"coolza-desk-title\"\u003e\n      Your space.\u003cbr\u003e\n      \u003cspan\u003eYour breeze.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"coolza-desk-copy\"\u003e\n\n      \u003cp\u003e\n        Bring a refreshing breeze to your everyday space with the\n        \u003cstrong\u003eCoolza DeskBreeze™\u003c\/strong\u003e. Whether you’re working,\n        studying, or taking a well-earned break, this desk fan brings\n        personal cooling right where you need it.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Make warm days feel more comfortable and your favourite spot\n        more inviting. From your workspace to your bedside table,\n        DeskBreeze is your companion for a cooler daily routine.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- Animated airflow --\u003e\n    \u003cdiv class=\"coolza-airflow\"\u003e\n      \u003cspan\u003e\u003c\/span\u003e\n      \u003cspan\u003e\u003c\/span\u003e\n      \u003cspan\u003e\u003c\/span\u003e\n      \u003cspan\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Tagline --\u003e\n    \u003cdiv class=\"coolza-desk-highlight\"\u003e\n      \u003cp class=\"coolza-desk-tagline\"\u003e\n        Coolza DeskBreeze™.\n        \u003cspan\u003eYour space. Your breeze.\u003c\/span\u003e\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Coolza","offers":[{"title":"Purple","offer_id":67617937817907,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Navy","offer_id":67617937850675,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray","offer_id":67617937883443,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":67617937916211,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":false},{"title":"White","offer_id":67617937948979,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":67617937981747,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue","offer_id":67617938014515,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1005\/4457\/7843\/files\/Screenshot2026-10-06132316.png?v=1791286464","url":"https:\/\/coolza.co.za\/products\/coolza-deskbreeze%e2%84%a2","provider":"Coolza","version":"1.0","type":"link"}