{"product_id":"aqua-breeze-ultra-chill-pro","title":"Aqua Breeze Ultra-Chill Pro Fan","description":"\u003cstyle\u003e\n\/* =========================================================\n   AQUA BREEZE NECKFLOW PRO\n   PREMIUM SKY BLUE + WHITE PRODUCT SECTION\n========================================================= *\/\n\n.aqua-neckflow {\n  --sky: #38bdf8;\n  --sky-light: #7dd3fc;\n  --sky-pale: #e0f7ff;\n  --blue-dark: #075985;\n  --white: #ffffff;\n  --text: #0f172a;\n  --muted: #64748b;\n\n  position: relative;\n  overflow: hidden;\n  padding: 90px 20px;\n  background:\n    radial-gradient(circle at 10% 20%, rgba(56,189,248,.20), transparent 30%),\n    radial-gradient(circle at 90% 80%, rgba(125,211,252,.22), transparent 35%),\n    linear-gradient(135deg, #ffffff 0%, #f0faff 50%, #ffffff 100%);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n}\n\n\/* Animated background glow *\/\n\n.aqua-neckflow::before,\n.aqua-neckflow::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(70px);\n  pointer-events: none;\n  animation: aquaFloat 8s ease-in-out infinite alternate;\n}\n\n.aqua-neckflow::before {\n  width: 300px;\n  height: 300px;\n  background: rgba(56,189,248,.18);\n  top: -100px;\n  left: -100px;\n}\n\n.aqua-neckflow::after {\n  width: 350px;\n  height: 350px;\n  background: rgba(125,211,252,.15);\n  right: -120px;\n  bottom: -120px;\n  animation-delay: 2s;\n}\n\n@keyframes aquaFloat {\n  from {\n    transform: translate(0,0) scale(1);\n  }\n  to {\n    transform: translate(30px,25px) scale(1.15);\n  }\n}\n\n\/* Main container *\/\n\n.aqua-container {\n  position: relative;\n  z-index: 2;\n  max-width: 1200px;\n  margin: auto;\n}\n\n\/* Hero *\/\n\n.aqua-hero {\n  text-align: center;\n  max-width: 850px;\n  margin: 0 auto 65px;\n  animation: heroReveal 1s ease forwards;\n}\n\n@keyframes heroReveal {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.aqua-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 9px 18px;\n  margin-bottom: 20px;\n  border-radius: 50px;\n  background: rgba(255,255,255,.75);\n  border: 1px solid rgba(56,189,248,.25);\n  box-shadow: 0 10px 35px rgba(14,165,233,.10);\n  color: var(--blue-dark);\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  backdrop-filter: blur(15px);\n}\n\n.aqua-badge-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--sky);\n  box-shadow: 0 0 12px var(--sky);\n  animation: pulseDot 1.8s infinite;\n}\n\n@keyframes pulseDot {\n  0%,100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.6);\n    opacity: .5;\n  }\n}\n\n.aqua-title {\n  margin: 0;\n  font-size: clamp(42px, 6vw, 76px);\n  line-height: .98;\n  font-weight: 800;\n  letter-spacing: -3px;\n  color: var(--text);\n}\n\n.aqua-title span {\n  color: var(--sky);\n  background: linear-gradient(\n    90deg,\n    #0284c7,\n    #38bdf8,\n    #7dd3fc,\n    #0284c7\n  );\n  background-size: 300%;\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n  animation: gradientMove 5s linear infinite;\n}\n\n@keyframes gradientMove {\n  0% { background-position: 0%; }\n  100% { background-position: 300%; }\n}\n\n.aqua-subtitle {\n  max-width: 720px;\n  margin: 25px auto 0;\n  color: var(--muted);\n  font-size: 18px;\n  line-height: 1.8;\n}\n\n\/* Product visual *\/\n\n.aqua-product-stage {\n  position: relative;\n  max-width: 800px;\n  min-height: 350px;\n  margin: 0 auto 75px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.aqua-product-glow {\n  position: absolute;\n  width: 320px;\n  height: 320px;\n  border-radius: 50%;\n  background: rgba(56,189,248,.18);\n  filter: blur(50px);\n  animation: productGlow 4s ease-in-out infinite;\n}\n\n@keyframes productGlow {\n  0%,100% {\n    transform: scale(.9);\n    opacity: .5;\n  }\n  50% {\n    transform: scale(1.15);\n    opacity: .9;\n  }\n}\n\n\/* CSS representation of neck fan *\/\n\n.aqua-fan {\n  position: relative;\n  width: 430px;\n  height: 180px;\n  animation: fanFloat 4s ease-in-out infinite;\n  z-index: 3;\n}\n\n@keyframes fanFloat {\n  0%,100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-12px);\n  }\n}\n\n.aqua-fan-left,\n.aqua-fan-right {\n  position: absolute;\n  width: 185px;\n  height: 115px;\n  top: 25px;\n  background: linear-gradient(145deg, #ffffff, #dff6ff);\n  border: 1px solid rgba(56,189,248,.35);\n  box-shadow:\n    0 20px 50px rgba(14,165,233,.18),\n    inset 0 0 25px rgba(255,255,255,.9);\n}\n\n.aqua-fan-left {\n  left: 20px;\n  border-radius: 80px 20px 45px 75px;\n  transform: rotate(7deg);\n}\n\n.aqua-fan-right {\n  right: 20px;\n  border-radius: 20px 80px 75px 45px;\n  transform: rotate(-7deg);\n}\n\n.aqua-fan-center {\n  position: absolute;\n  left: 50%;\n  top: 38px;\n  transform: translateX(-50%);\n  width: 95px;\n  height: 105px;\n  border-radius: 45px;\n  background: linear-gradient(145deg, #ffffff, #e9faff);\n  border: 1px solid rgba(56,189,248,.35);\n  box-shadow: 0 20px 45px rgba(14,165,233,.18);\n  z-index: 5;\n}\n\n.aqua-fan-center::after {\n  content: \"AQUA\";\n  position: absolute;\n  left: 50%;\n  top: 38%;\n  transform: translate(-50%,-50%);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  color: var(--sky);\n}\n\n.aqua-air {\n  position: absolute;\n  height: 2px;\n  width: 110px;\n  background: linear-gradient(90deg, transparent, rgba(56,189,248,.8), transparent);\n  border-radius: 50%;\n  filter: blur(.5px);\n  animation: airMove 2.5s linear infinite;\n}\n\n.aqua-air:nth-child(1) {\n  left: -70px;\n  top: 45px;\n}\n\n.aqua-air:nth-child(2) {\n  left: -95px;\n  top: 75px;\n  animation-delay: .6s;\n}\n\n.aqua-air:nth-child(3) {\n  right: -70px;\n  top: 45px;\n  animation-delay: 1.1s;\n}\n\n.aqua-air:nth-child(4) {\n  right: -95px;\n  top: 75px;\n  animation-delay: 1.6s;\n}\n\n@keyframes airMove {\n  0% {\n    opacity: 0;\n    transform: translateX(20px) scaleX(.6);\n  }\n  30% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-80px) scaleX(1.3);\n  }\n}\n\n\/* Features *\/\n\n.aqua-features {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n\n.aqua-card {\n  position: relative;\n  padding: 30px;\n  border-radius: 24px;\n  background: rgba(255,255,255,.72);\n  border: 1px solid rgba(56,189,248,.18);\n  box-shadow: 0 15px 50px rgba(15,23,42,.07);\n  backdrop-filter: blur(18px);\n  overflow: hidden;\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease,\n    border-color .4s ease;\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.aqua-card.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.aqua-card:hover {\n  transform: translateY(-10px);\n  border-color: rgba(56,189,248,.45);\n  box-shadow: 0 25px 65px rgba(14,165,233,.16);\n}\n\n.aqua-card::before {\n  content: \"\";\n  position: absolute;\n  width: 130px;\n  height: 130px;\n  border-radius: 50%;\n  background: rgba(56,189,248,.08);\n  top: -70px;\n  right: -70px;\n}\n\n.aqua-icon {\n  width: 55px;\n  height: 55px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 17px;\n  background: linear-gradient(145deg, #ffffff, #e0f7ff);\n  border: 1px solid rgba(56,189,248,.25);\n  color: #0284c7;\n  font-size: 25px;\n  margin-bottom: 22px;\n  box-shadow: 0 10px 25px rgba(14,165,233,.12);\n  transition: .4s ease;\n}\n\n.aqua-card:hover .aqua-icon {\n  transform: rotate(-8deg) scale(1.1);\n  box-shadow: 0 12px 30px rgba(14,165,233,.22);\n}\n\n.aqua-card h3 {\n  margin: 0 0 10px;\n  color: var(--text);\n  font-size: 20px;\n}\n\n.aqua-card p {\n  margin: 0;\n  color: var(--muted);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n\/* Speed selector *\/\n\n.aqua-speed-section {\n  margin-top: 70px;\n  padding: 45px;\n  border-radius: 30px;\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.85),\n      rgba(224,247,255,.7)\n    );\n  border: 1px solid rgba(56,189,248,.2);\n  box-shadow: 0 20px 60px rgba(15,23,42,.07);\n  text-align: center;\n}\n\n.aqua-speed-section h2 {\n  margin: 0 0 10px;\n  font-size: 30px;\n  color: var(--text);\n}\n\n.aqua-speed-section p {\n  margin: 0 0 30px;\n  color: var(--muted);\n}\n\n.aqua-speeds {\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.aqua-speed {\n  width: 58px;\n  height: 58px;\n  border: 1px solid rgba(56,189,248,.25);\n  border-radius: 50%;\n  background: #fff;\n  color: #0284c7;\n  font-weight: 700;\n  cursor: pointer;\n  transition: .3s ease;\n}\n\n.aqua-speed:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 10px 25px rgba(14,165,233,.15);\n}\n\n.aqua-speed.active {\n  background: linear-gradient(145deg, #38bdf8, #0284c7);\n  color: white;\n  border-color: transparent;\n  box-shadow: 0 10px 30px rgba(14,165,233,.3);\n  transform: scale(1.08);\n}\n\n.aqua-speed-result {\n  margin-top: 25px;\n  font-size: 15px;\n  color: #0284c7;\n  font-weight: 700;\n}\n\n\/* Battery *\/\n\n.aqua-battery {\n  margin-top: 35px;\n  display: flex;\n  justify-content: center;\n}\n\n.aqua-battery-display {\n  display: inline-flex;\n  align-items: center;\n  gap: 15px;\n  padding: 14px 22px;\n  border-radius: 18px;\n  background: rgba(255,255,255,.9);\n  border: 1px solid rgba(56,189,248,.2);\n  box-shadow: 0 10px 30px rgba(15,23,42,.06);\n}\n\n.aqua-battery-icon {\n  position: relative;\n  width: 50px;\n  height: 24px;\n  border: 2px solid #0284c7;\n  border-radius: 6px;\n  padding: 3px;\n}\n\n.aqua-battery-icon::after {\n  content: \"\";\n  position: absolute;\n  right: -6px;\n  top: 6px;\n  width: 4px;\n  height: 9px;\n  border-radius: 0 2px 2px 0;\n  background: #0284c7;\n}\n\n.aqua-battery-fill {\n  height: 100%;\n  width: 85%;\n  border-radius: 3px;\n  background: linear-gradient(90deg,#38bdf8,#0284c7);\n  animation: batteryPulse 2s infinite;\n}\n\n@keyframes batteryPulse {\n  0%,100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: .6;\n  }\n}\n\n.aqua-battery-text strong {\n  display: block;\n  color: var(--text);\n}\n\n.aqua-battery-text span {\n  color: var(--muted);\n  font-size: 12px;\n}\n\n\/* Tagline *\/\n\n.aqua-final {\n  margin-top: 70px;\n  text-align: center;\n}\n\n.aqua-final h2 {\n  margin: 0;\n  font-size: clamp(30px, 5vw, 48px);\n  color: var(--text);\n  letter-spacing: -1.5px;\n}\n\n.aqua-final h2 span {\n  color: #0284c7;\n}\n\n.aqua-final p {\n  margin-top: 15px;\n  color: var(--muted);\n}\n\n\/* Responsive *\/\n\n@media (max-width: 850px) {\n\n  .aqua-neckflow {\n    padding: 65px 16px;\n  }\n\n  .aqua-features {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .aqua-product-stage {\n    transform: scale(.85);\n    margin-top: -20px;\n    margin-bottom: 35px;\n  }\n}\n\n@media (max-width: 600px) {\n\n  .aqua-title {\n    font-size: 43px;\n    letter-spacing: -2px;\n  }\n\n  .aqua-subtitle {\n    font-size: 15px;\n  }\n\n  .aqua-features {\n    grid-template-columns: 1fr;\n  }\n\n  .aqua-card {\n    padding: 25px;\n  }\n\n  .aqua-speed-section {\n    padding: 30px 18px;\n  }\n\n  .aqua-product-stage {\n    transform: scale(.68);\n    height: 270px;\n    margin-top: -20px;\n  }\n\n  .aqua-fan {\n    width: 430px;\n  }\n\n  .aqua-final {\n    margin-top: 50px;\n  }\n}\n\u003c\/style\u003e\n\u003csection class=\"aqua-neckflow\"\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"aqua-hero\"\u003e\n\u003cdiv class=\"aqua-badge\"\u003e\n\u003cspan class=\"aqua-badge-dot\"\u003e\u003c\/span\u003e Next-Generation Personal Cooling\u003c\/div\u003e\n\u003ch1 class=\"aqua-title\"\u003eStay Cool.\u003cbr\u003e\u003cspan\u003eAnywhere.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"aqua-subtitle\"\u003eMeet the Aqua Breeze NeckFlow Pro — your hands-free cooling companion designed for workouts, commutes, outdoor adventures and long office sessions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT VISUAL --\u003e\n\u003cdiv class=\"aqua-product-stage\"\u003e\n\u003cdiv class=\"aqua-product-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-fan\"\u003e\n\u003cdiv class=\"aqua-air\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-air\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-air\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-air\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-fan-left\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-fan-center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-fan-right\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"aqua-features\"\u003e\n\u003cdiv class=\"aqua-card\"\u003e\n\u003cdiv class=\"aqua-icon\"\u003e〰\u003c\/div\u003e\n\u003ch3\u003eBladeless \u0026amp; Silent\u003c\/h3\u003e\n\u003cp\u003eSmooth, quiet airflow without traditional exposed blades. Perfect for meetings, studying and late-night work.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-card\"\u003e\n\u003cdiv class=\"aqua-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eUltra-Long Battery\u003c\/h3\u003e\n\u003cp\u003eEnjoy extended cooling throughout your day without constantly worrying about running out of power.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-card\"\u003e\n\u003cdiv class=\"aqua-icon\"\u003e❄\u003c\/div\u003e\n\u003ch3\u003e5-Speed Cooling\u003c\/h3\u003e\n\u003cp\u003eChoose from five adjustable airflow levels, from a gentle breeze to powerful personal cooling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-card\"\u003e\n\u003cdiv class=\"aqua-icon\"\u003e▣\u003c\/div\u003e\n\u003ch3\u003eSmart Digital Display\u003c\/h3\u003e\n\u003cp\u003eCheck your battery level at a glance with the integrated digital display.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-card\"\u003e\n\u003cdiv class=\"aqua-icon\"\u003e◉\u003c\/div\u003e\n\u003ch3\u003eSports \u0026amp; Office Ready\u003c\/h3\u003e\n\u003cp\u003eLightweight and ergonomically designed to sit comfortably around your neck wherever your day takes you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-card\"\u003e\n\u003cdiv class=\"aqua-icon\"\u003e↯\u003c\/div\u003e\n\u003ch3\u003eUSB Charging\u003c\/h3\u003e\n\u003cp\u003eConvenient USB charging lets you power up from a laptop, power bank or wall adapter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTERACTIVE SPEED CONTROL --\u003e\n\u003cdiv class=\"aqua-speed-section\"\u003e\n\u003ch2\u003eFind Your Perfect Breeze\u003c\/h2\u003e\n\u003cp\u003eTap a speed and feel the difference.\u003c\/p\u003e\n\u003cdiv class=\"aqua-speeds\"\u003e\n\u003cbutton class=\"aqua-speed active\"\u003e1\u003c\/button\u003e \u003cbutton class=\"aqua-speed\"\u003e2\u003c\/button\u003e \u003cbutton class=\"aqua-speed\"\u003e3\u003c\/button\u003e \u003cbutton class=\"aqua-speed\"\u003e4\u003c\/button\u003e \u003cbutton class=\"aqua-speed\"\u003e5\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-speed-result\"\u003eGentle Breeze\u003c\/div\u003e\n\u003c!-- BATTERY --\u003e\n\u003cdiv class=\"aqua-battery\"\u003e\n\u003cdiv class=\"aqua-battery-display\"\u003e\n\u003cdiv class=\"aqua-battery-icon\"\u003e\n\u003cdiv class=\"aqua-battery-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-battery-text\"\u003e\n\u003cstrong\u003e85% Battery\u003c\/strong\u003e \u003cspan\u003eReady to keep you cool\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FINAL TAGLINE --\u003e\n\u003cdiv class=\"aqua-final\"\u003e\n\u003ch2\u003eFeel the \u003cspan\u003eFlow.\u003c\/span\u003e\u003cbr\u003eBreathe the \u003cspan\u003eBreeze.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eHands-free cooling. Wherever life takes you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"My Store 7","offers":[{"title":"Default Title","offer_id":67397349834797,"sku":null,"price":449.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0773\/9388\/7277\/files\/aqua-breeze-neck-fan-ad-white-background_76cf8532-25cb-43ec-89de-aab35346b797.png?v=1787440829","url":"https:\/\/aquabreeze.co.za\/products\/aqua-breeze-ultra-chill-pro","provider":"Aqua Breeze ","version":"1.0","type":"link"}