{"product_id":"mausam™-neckbreeze-5","title":"Mausam™ NeckBreeze 5","description":"\u003cstyle\u003e\n\n#neckbreeze-premium{\n  --nb-blue:#168CFF;\n  --nb-blue-dark:#006FE6;\n  --nb-green:#1FD39A;\n  --nb-green-dark:#0DAE7A;\n  --nb-white:#FFFFFF;\n  --nb-bg:#F5FBFF;\n  --nb-text:#10263D;\n  --nb-muted:#60788B;\n\n  position:relative;\n  overflow:hidden;\n  padding:85px 18px;\n\n  background:\n    radial-gradient(circle at 10% 15%,rgba(22,140,255,.20),transparent 30%),\n    radial-gradient(circle at 90% 35%,rgba(31,211,154,.18),transparent 30%),\n    linear-gradient(\n      180deg,\n      #FFFFFF 0%,\n      #F3FAFF 45%,\n      #F4FFF9 100%\n    );\n\n  color:var(--nb-text);\n  font-family:inherit;\n}\n\n\n#neckbreeze-premium *{\n  box-sizing:border-box;\n}\n\n\n\/* ------------------------------------\n   BACKGROUND GLOW\n------------------------------------- *\/\n\n.nb-orb{\n  position:absolute;\n  border-radius:50%;\n  filter:blur(100px);\n  opacity:.30;\n  pointer-events:none;\n}\n\n\n.nb-orb.one{\n  width:330px;\n  height:330px;\n  background:var(--nb-blue);\n  top:80px;\n  left:-130px;\n  animation:nbFloat 8s ease-in-out infinite;\n}\n\n\n.nb-orb.two{\n  width:330px;\n  height:330px;\n  background:var(--nb-green);\n  right:-130px;\n  bottom:250px;\n  animation:nbFloat 10s ease-in-out infinite reverse;\n}\n\n\n\/* ------------------------------------\n   CONTAINER\n------------------------------------- *\/\n\n.nb-container{\n  max-width:1160px;\n  margin:0 auto;\n  position:relative;\n  z-index:2;\n}\n\n\n\/* ------------------------------------\n   HERO\n------------------------------------- *\/\n\n.nb-hero{\n  text-align:center;\n  max-width:920px;\n  margin:0 auto 70px;\n}\n\n\n.nb-badge{\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n\n  padding:10px 17px;\n  border-radius:999px;\n\n  background:rgba(255,255,255,.72);\n  border:1px solid rgba(22,140,255,.17);\n\n  box-shadow:0 12px 35px rgba(22,140,255,.09);\n  backdrop-filter:blur(15px);\n\n  color:var(--nb-blue-dark);\n\n  font-size:12px;\n  font-weight:850;\n  letter-spacing:1.6px;\n}\n\n\n.nb-dot{\n  width:8px;\n  height:8px;\n\n  border-radius:50%;\n\n  background:var(--nb-green);\n\n  box-shadow:\n    0 0 0 5px rgba(31,211,154,.12),\n    0 0 17px rgba(31,211,154,.45);\n\n  animation:nbPulse 1.5s infinite;\n}\n\n\n.nb-title{\n  margin:26px 0 17px;\n\n  font-size:clamp(44px,7vw,82px);\n  line-height:.98;\n\n  letter-spacing:-3.2px;\n\n  font-weight:900;\n\n  color:#10243B;\n}\n\n\n.nb-title span,\n.nb-gradient{\n  background:\n    linear-gradient(\n      90deg,\n      var(--nb-blue-dark),\n      var(--nb-blue),\n      var(--nb-green-dark),\n      var(--nb-green)\n    );\n\n  background-size:250% auto;\n\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n\n  animation:nbGradient 6s linear infinite;\n}\n\n\n.nb-sub{\n  max-width:720px;\n  margin:0 auto;\n\n  color:var(--nb-muted);\n\n  font-size:18px;\n  line-height:1.75;\n}\n\n\n\/* ------------------------------------\n   ANIMATED NECK FAN VISUAL\n------------------------------------- *\/\n\n.nb-device-zone{\n  height:350px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  position:relative;\n\n  margin-top:35px;\n}\n\n\n\/* Neck band *\/\n\n.nb-device{\n  width:270px;\n  height:220px;\n\n  border:23px solid #FFFFFF;\n\n  border-top-color:transparent;\n\n  border-radius:55% 55% 45% 45%;\n\n  position:relative;\n\n  filter:\n    drop-shadow(0 30px 35px rgba(22,140,255,.16));\n\n  animation:nbDeviceFloat 4s ease-in-out infinite;\n}\n\n\n.nb-device::before,\n.nb-device::after{\n  content:\"\";\n\n  position:absolute;\n\n  width:58px;\n  height:125px;\n\n  top:50px;\n\n  border-radius:29px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #FFFFFF,\n      #EAF6FF\n    );\n\n  border:1px solid rgba(22,140,255,.13);\n\n  box-shadow:\n    0 18px 38px rgba(22,140,255,.14),\n    inset 0 0 0 1px rgba(255,255,255,.7);\n}\n\n\n.nb-device::before{\n  left:-43px;\n  transform:rotate(8deg);\n}\n\n\n.nb-device::after{\n  right:-43px;\n  transform:rotate(-8deg);\n}\n\n\n\/* Fan vents *\/\n\n.nb-vent-left,\n.nb-vent-right{\n  position:absolute;\n\n  width:38px;\n  height:85px;\n\n  top:79px;\n\n  z-index:5;\n\n  border-radius:19px;\n\n  background:\n    repeating-linear-gradient(\n      90deg,\n      #CFE6F5 0px,\n      #CFE6F5 2px,\n      #FFFFFF 2px,\n      #FFFFFF 5px\n    );\n}\n\n\n.nb-vent-left{\n  left:-33px;\n  transform:rotate(8deg);\n}\n\n\n.nb-vent-right{\n  right:-33px;\n  transform:rotate(-8deg);\n}\n\n\n\/* Air particles *\/\n\n.nb-air{\n  position:absolute;\n\n  width:3px;\n\n  border-radius:999px;\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent,\n      var(--nb-blue),\n      var(--nb-green),\n      transparent\n    );\n\n  box-shadow:\n    0 0 12px rgba(22,140,255,.4);\n\n  animation:nbAir 1.8s ease-in-out infinite;\n}\n\n\n.nb-air.a1{\n  left:33%;\n  height:95px;\n  top:75px;\n}\n\n\n.nb-air.a2{\n  left:38%;\n  height:115px;\n  top:40px;\n  animation-delay:.25s;\n}\n\n\n.nb-air.a3{\n  right:38%;\n  height:115px;\n  top:40px;\n  animation-delay:.4s;\n}\n\n\n.nb-air.a4{\n  right:33%;\n  height:95px;\n  top:75px;\n  animation-delay:.15s;\n}\n\n\n\/* ------------------------------------\n   FEATURE CARDS\n------------------------------------- *\/\n\n.nb-grid{\n  display:grid;\n\n  grid-template-columns:repeat(2,1fr);\n\n  gap:18px;\n}\n\n\n.nb-card{\n  background:rgba(255,255,255,.74);\n\n  border:\n    1px solid rgba(22,140,255,.10);\n\n  border-radius:28px;\n\n  padding:30px;\n\n  display:flex;\n\n  gap:18px;\n\n  box-shadow:\n    0 15px 50px rgba(37,101,144,.08);\n\n  backdrop-filter:blur(18px);\n\n  transition:.35s ease;\n}\n\n\n.nb-card:hover{\n\n  transform:\n    translateY(-8px)\n    scale(1.01);\n\n  border-color:\n    rgba(22,140,255,.25);\n\n  box-shadow:\n    0 25px 70px rgba(22,140,255,.14);\n}\n\n\n.nb-icon{\n  width:58px;\n  height:58px;\n\n  min-width:58px;\n\n  border-radius:18px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  font-size:25px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(22,140,255,.12),\n      rgba(31,211,154,.16)\n    );\n\n  border:\n    1px solid rgba(22,140,255,.09);\n}\n\n\n.nb-card small{\n\n  color:var(--nb-green-dark);\n\n  font-weight:850;\n\n  font-size:10px;\n\n  letter-spacing:1.5px;\n}\n\n\n.nb-card h3{\n\n  margin:5px 0 8px;\n\n  font-size:22px;\n\n  color:#10263D;\n}\n\n\n.nb-card p{\n\n  margin:0;\n\n  color:var(--nb-muted);\n\n  line-height:1.6;\n}\n\n\n\/* ------------------------------------\n   PERFORMANCE SECTION\n------------------------------------- *\/\n\n.nb-performance{\n\n  margin-top:90px;\n\n  padding:55px;\n\n  border-radius:36px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #087BEB,\n      #139EDC,\n      #16B98D\n    );\n\n  color:white;\n\n  display:grid;\n\n  grid-template-columns:1fr 1fr;\n\n  gap:60px;\n\n  align-items:center;\n\n  position:relative;\n\n  overflow:hidden;\n\n  box-shadow:\n    0 30px 85px rgba(10,123,200,.22);\n}\n\n\n.nb-performance::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:350px;\n  height:350px;\n\n  border-radius:50%;\n\n  background:white;\n\n  right:-130px;\n  top:-140px;\n\n  filter:blur(100px);\n\n  opacity:.16;\n}\n\n\n.nb-eyebrow{\n\n  color:#DFFFF5;\n\n  font-size:11px;\n\n  font-weight:850;\n\n  letter-spacing:1.8px;\n}\n\n\n.nb-performance h2,\n.nb-use h2,\n.nb-speeds h2,\n.nb-specs h2,\n.nb-final h2{\n\n  font-size:clamp(31px,4vw,48px);\n\n  line-height:1.06;\n\n  margin:10px 0 12px;\n\n  letter-spacing:-1.7px;\n}\n\n\n.nb-performance p{\n\n  color:rgba(255,255,255,.86);\n\n  line-height:1.7;\n}\n\n\n.nb-meter{\n\n  position:relative;\n\n  z-index:2;\n}\n\n\n.nb-number{\n\n  font-size:82px;\n\n  line-height:1;\n\n  font-weight:900;\n\n  color:#FFFFFF;\n}\n\n\n.nb-number span{\n\n  font-size:18px;\n\n  opacity:.75;\n\n  margin-left:6px;\n}\n\n\n.nb-meter-bar{\n\n  margin-top:25px;\n\n  height:9px;\n\n  background:\n    rgba(255,255,255,.18);\n\n  border-radius:999px;\n\n  overflow:hidden;\n}\n\n\n.nb-meter-fill{\n\n  height:100%;\n\n  width:0;\n\n  border-radius:999px;\n\n  background:white;\n\n  transition:\n    width 1.6s ease;\n}\n\n\n.nb-performance.visible\n.nb-meter-fill{\n\n  width:100%;\n}\n\n\n.nb-meter-label{\n\n  margin-top:11px;\n\n  color:\n    rgba(255,255,255,.8);\n\n  font-size:14px;\n}\n\n\n\/* ------------------------------------\n   5 SPEED SECTION\n------------------------------------- *\/\n\n.nb-speeds{\n\n  margin-top:90px;\n\n  text-align:center;\n}\n\n\n.nb-speed-grid{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(5,1fr);\n\n  gap:12px;\n\n  margin-top:35px;\n}\n\n\n.nb-speed-card{\n\n  position:relative;\n\n  overflow:hidden;\n\n  padding:29px 12px;\n\n  border-radius:24px;\n\n  background:\n    rgba(255,255,255,.78);\n\n  border:\n    1px solid rgba(22,140,255,.10);\n\n  box-shadow:\n    0 13px 38px rgba(22,140,255,.07);\n\n  transition:.35s ease;\n}\n\n\n.nb-speed-card::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  height:4px;\n\n  bottom:0;\n  left:0;\n\n  width:100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--nb-blue),\n      var(--nb-green)\n    );\n\n  transform:scaleX(0);\n\n  transform-origin:left;\n\n  transition:.35s ease;\n}\n\n\n.nb-speed-card:hover{\n\n  transform:\n    translateY(-7px);\n\n  box-shadow:\n    0 22px 45px rgba(22,140,255,.13);\n}\n\n\n.nb-speed-card:hover::before{\n\n  transform:scaleX(1);\n}\n\n\n.nb-speed-num{\n\n  font-size:40px;\n\n  font-weight:900;\n\n  color:var(--nb-blue);\n\n  margin-bottom:10px;\n}\n\n\n.nb-speed-card strong{\n\n  display:block;\n\n  color:#10263D;\n\n  font-size:15px;\n}\n\n\n.nb-speed-card small{\n\n  display:block;\n\n  color:var(--nb-muted);\n\n  margin-top:5px;\n}\n\n\n\/* ------------------------------------\n   USE CASES\n------------------------------------- *\/\n\n.nb-use{\n\n  margin-top:90px;\n\n  text-align:center;\n}\n\n\n.nb-use-grid{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap:14px;\n\n  margin-top:35px;\n}\n\n\n.nb-use-card{\n\n  padding:30px 18px;\n\n  border-radius:23px;\n\n  background:\n    rgba(255,255,255,.76);\n\n  border:\n    1px solid rgba(22,140,255,.09);\n\n  box-shadow:\n    0 12px 35px rgba(34,101,145,.06);\n\n  transition:.3s ease;\n}\n\n\n.nb-use-card:hover{\n\n  transform:\n    translateY(-7px);\n\n  box-shadow:\n    0 18px 45px rgba(22,140,255,.12);\n\n  border-color:\n    rgba(31,211,154,.3);\n}\n\n\n.nb-use-card span{\n\n  display:block;\n\n  font-size:33px;\n\n  margin-bottom:12px;\n}\n\n\n.nb-use-card strong{\n\n  display:block;\n\n  margin-bottom:6px;\n\n  font-size:17px;\n\n  color:#10263D;\n}\n\n\n.nb-use-card small{\n\n  color:var(--nb-muted);\n\n  line-height:1.5;\n}\n\n\n\/* ------------------------------------\n   SPECS\n------------------------------------- *\/\n\n.nb-specs{\n\n  margin-top:90px;\n\n  padding:45px;\n\n  background:\n    rgba(255,255,255,.72);\n\n  border-radius:32px;\n\n  border:\n    1px solid rgba(22,140,255,.1);\n\n  box-shadow:\n    0 20px 60px rgba(25,100,145,.08);\n\n  text-align:center;\n\n  backdrop-filter:blur(14px);\n}\n\n\n.nb-spec-grid{\n\n  margin-top:30px;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:14px;\n}\n\n\n.nb-spec{\n\n  padding:27px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #FFFFFF,\n      #F3FAFF\n    );\n\n  border-radius:21px;\n\n  border:\n    1px solid rgba(22,140,255,.09);\n\n  transition:.3s ease;\n}\n\n\n.nb-spec:hover{\n\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 15px 35px rgba(22,140,255,.1);\n}\n\n\n.nb-spec span{\n\n  display:block;\n\n  color:#7A92A4;\n\n  font-size:12px;\n\n  margin-bottom:8px;\n}\n\n\n.nb-spec strong{\n\n  font-size:20px;\n\n  color:#10263D;\n}\n\n\n\/* ------------------------------------\n   FINAL CTA\n------------------------------------- *\/\n\n.nb-final{\n\n  margin-top:90px;\n\n  padding:75px 28px;\n\n  border-radius:36px;\n\n  background:\n    linear-gradient(\n      125deg,\n      var(--nb-blue-dark),\n      var(--nb-blue),\n      var(--nb-green-dark)\n    );\n\n  background-size:\n    200% 200%;\n\n  animation:\n    nbFinalGradient 8s ease infinite;\n\n  color:white;\n\n  text-align:center;\n\n  position:relative;\n\n  overflow:hidden;\n\n  box-shadow:\n    0 30px 70px rgba(22,140,255,.24);\n}\n\n\n.nb-final::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:460px;\n  height:250px;\n\n  border-radius:50%;\n\n  background:white;\n\n  filter:blur(120px);\n\n  opacity:.15;\n\n  top:-120px;\n\n  left:50%;\n\n  transform:\n    translateX(-50%);\n}\n\n\n.nb-final \u003e *{\n\n  position:relative;\n\n  z-index:2;\n}\n\n\n.nb-final .nb-eyebrow{\n\n  color:#D8FFF3;\n}\n\n\n.nb-final h2{\n\n  color:white;\n}\n\n\n.nb-final .nb-gradient{\n\n  background:\n    linear-gradient(\n      90deg,\n      #FFFFFF,\n      #D6FFF3\n    );\n\n  -webkit-background-clip:text;\n\n  -webkit-text-fill-color:transparent;\n}\n\n\n.nb-final p{\n\n  max-width:570px;\n\n  margin:\n    0 auto 28px;\n\n  color:\n    rgba(255,255,255,.87);\n\n  line-height:1.7;\n}\n\n\n.nb-cta{\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:12px;\n\n  padding:\n    17px 29px;\n\n  border-radius:999px;\n\n  color:\n    var(--nb-blue-dark);\n\n  text-decoration:none;\n\n  font-weight:900;\n\n  background:white;\n\n  box-shadow:\n    0 15px 35px rgba(0,0,0,.13);\n\n  transition:.25s ease;\n}\n\n\n.nb-cta:hover{\n\n  transform:\n    translateY(-4px)\n    scale(1.025);\n\n  box-shadow:\n    0 22px 45px rgba(0,0,0,.19);\n}\n\n\n\/* ------------------------------------\n   SCROLL ANIMATION\n------------------------------------- *\/\n\n.nb-reveal{\n\n  opacity:0;\n\n  transform:\n    translateY(30px);\n\n  transition:\n    opacity .8s ease,\n    transform .8s ease;\n}\n\n\n.nb-reveal.visible{\n\n  opacity:1;\n\n  transform:\n    translateY(0);\n}\n\n\n\/* ------------------------------------\n   ANIMATIONS\n------------------------------------- *\/\n\n@keyframes nbFloat{\n\n  0%,100%{\n    transform:\n      translateY(0);\n  }\n\n  50%{\n    transform:\n      translateY(38px);\n  }\n}\n\n\n@keyframes nbPulse{\n\n  0%,100%{\n    transform:scale(1);\n    opacity:1;\n  }\n\n  50%{\n    transform:scale(.7);\n    opacity:.55;\n  }\n}\n\n\n@keyframes nbDeviceFloat{\n\n  0%,100%{\n    transform:\n      translateY(0)\n      rotate(-1deg);\n  }\n\n  50%{\n    transform:\n      translateY(-13px)\n      rotate(1deg);\n  }\n}\n\n\n@keyframes nbAir{\n\n  0%{\n    transform:\n      translateY(40px);\n\n    opacity:0;\n  }\n\n  35%{\n    opacity:1;\n  }\n\n  100%{\n    transform:\n      translateY(-55px);\n\n    opacity:0;\n  }\n}\n\n\n@keyframes nbGradient{\n\n  to{\n    background-position:\n      250% center;\n  }\n}\n\n\n@keyframes nbFinalGradient{\n\n  0%{\n    background-position:\n      0% 50%;\n  }\n\n  50%{\n    background-position:\n      100% 50%;\n  }\n\n  100%{\n    background-position:\n      0% 50%;\n  }\n}\n\n\n\/* ------------------------------------\n   MOBILE\n------------------------------------- *\/\n\n@media(max-width:800px){\n\n  #neckbreeze-premium{\n    padding:\n      60px 14px;\n  }\n\n  .nb-title{\n    letter-spacing:\n      -2px;\n  }\n\n  .nb-grid{\n\n    grid-template-columns:\n      1fr;\n  }\n\n  .nb-performance{\n\n    grid-template-columns:\n      1fr;\n\n    padding:\n      35px 24px;\n\n    gap:30px;\n  }\n\n  .nb-use-grid{\n\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n  .nb-speed-grid{\n\n    grid-template-columns:\n      repeat(5,1fr);\n\n    gap:6px;\n  }\n\n  .nb-speed-card{\n\n    padding:\n      22px 5px;\n  }\n\n  .nb-speed-num{\n\n    font-size:\n      29px;\n  }\n\n  .nb-speed-card strong{\n\n    font-size:\n      11px;\n  }\n\n  .nb-speed-card small{\n\n    font-size:\n      9px;\n  }\n\n  .nb-spec-grid{\n\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n  .nb-specs{\n\n    padding:\n      32px 20px;\n  }\n\n}\n\n\n@media(max-width:480px){\n\n  .nb-title{\n\n    font-size:\n      43px;\n  }\n\n  .nb-sub{\n\n    font-size:\n      16px;\n  }\n\n  .nb-card{\n\n    padding:\n      23px 18px;\n  }\n\n  .nb-device-zone{\n\n    height:\n      300px;\n  }\n\n  .nb-device{\n\n    transform:\n      scale(.85);\n  }\n\n  .nb-use-card{\n\n    padding:\n      24px 12px;\n  }\n\n  .nb-spec{\n\n    padding:\n      20px 12px;\n  }\n\n  .nb-spec strong{\n\n    font-size:\n      16px;\n  }\n\n  .nb-final{\n\n    padding:\n      60px 20px;\n  }\n\n  .nb-number{\n\n    font-size:\n      64px;\n  }\n\n}\n\n\n@media(prefers-reduced-motion:reduce){\n\n  #neckbreeze-premium *,\n  #neckbreeze-premium *::before,\n  #neckbreeze-premium *::after{\n\n    animation:none !important;\n\n    transition:none !important;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003cdiv id=\"neckbreeze-premium\"\u003e\n\u003c!-- BACKGROUND --\u003e\n\u003cdiv class=\"nb-orb one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nb-orb two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nb-container\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"nb-hero nb-reveal\"\u003e\n\u003cdiv class=\"nb-badge\"\u003e\n\u003cspan class=\"nb-dot\"\u003e\u003c\/span\u003e HANDS-FREE PERSONAL COOLING\u003c\/div\u003e\n\u003ch2 class=\"nb-title\"\u003eMeet the \u003cspan\u003eMausam™ NeckBreeze Pro\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"nb-sub\"\u003eYour own personal breeze, wherever life takes you. The Mausam™ NeckBreeze Pro wraps comfortably around your neck and delivers refreshing dual-sided airflow without taking up either of your hands.\u003c\/p\u003e\n\u003cdiv class=\"nb-device-zone\"\u003e\n\u003cdiv class=\"nb-air a1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nb-air a2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nb-air a3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nb-air a4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nb-device\"\u003e\n\u003cdiv class=\"nb-vent-left\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nb-vent-right\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MAIN BENEFITS --\u003e\n\u003csection class=\"nb-grid\"\u003e\n\u003cdiv class=\"nb-card nb-reveal\"\u003e\n\u003cdiv class=\"nb-icon\"\u003e💨\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003e CONTROL YOUR COMFORT \u003c\/small\u003e\n\u003ch3\u003e5 Adjustable Speeds\u003c\/h3\u003e\n\u003cp\u003eGo from a light refreshing breeze to powerful cooling with five airflow levels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-card nb-reveal\"\u003e\n\u003cdiv class=\"nb-icon\"\u003e🔄\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003e COOLING FROM BOTH SIDES \u003c\/small\u003e\n\u003ch3\u003eDual-Sided Airflow\u003c\/h3\u003e\n\u003cp\u003eDesigned to circulate refreshing airflow around both sides of your neck for wider cooling coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-card nb-reveal\"\u003e\n\u003cdiv class=\"nb-icon\"\u003e🙌\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003e WEAR IT. FORGET ABOUT IT. \u003c\/small\u003e\n\u003ch3\u003eCompletely Hands-Free\u003c\/h3\u003e\n\u003cp\u003eNo holding. No desk space. Simply wear your NeckBreeze Pro and get on with your day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-card nb-reveal\"\u003e\n\u003cdiv class=\"nb-icon\"\u003e🪶\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003e BUILT TO MOVE \u003c\/small\u003e\n\u003ch3\u003eLightweight \u0026amp; Portable\u003c\/h3\u003e\n\u003cp\u003eComfortable enough for everyday use whether you're travelling, working or enjoying the outdoors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PERFORMANCE --\u003e\n\u003csection class=\"nb-performance nb-reveal\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"nb-eyebrow\"\u003eCOOLING WITHOUT THE BULK\u003c\/div\u003e\n\u003ch2\u003eFresh air. \u003cbr\u003e\u003cstrong\u003e Right where you need it. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eTraditional fans keep you stuck in one place. NeckBreeze Pro moves with you, giving you personal airflow while your hands stay completely free.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-meter\"\u003e\n\u003cdiv class=\"nb-number\"\u003e5 \u003cspan\u003e SPEED LEVELS \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-meter-bar\"\u003e\n\u003cdiv class=\"nb-meter-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-meter-label\"\u003eChoose the airflow that feels right for you.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 5 SPEEDS --\u003e\n\u003csection class=\"nb-speeds nb-reveal\"\u003e\n\u003cdiv class=\"nb-eyebrow\" style=\"color: #0dae7a;\"\u003eYOU CONTROL THE BREEZE\u003c\/div\u003e\n\u003ch2\u003eFive levels. \u003cspan class=\"nb-gradient\"\u003e One perfect breeze. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"nb-speed-grid\"\u003e\n\u003cdiv class=\"nb-speed-card\"\u003e\n\u003cdiv class=\"nb-speed-num\"\u003e1\u003c\/div\u003e\n\u003cstrong\u003e Gentle \u003c\/strong\u003e \u003csmall\u003e Light breeze \u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-speed-card\"\u003e\n\u003cdiv class=\"nb-speed-num\"\u003e2\u003c\/div\u003e\n\u003cstrong\u003e Cool \u003c\/strong\u003e \u003csmall\u003e Easy airflow \u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-speed-card\"\u003e\n\u003cdiv class=\"nb-speed-num\"\u003e3\u003c\/div\u003e\n\u003cstrong\u003e Fresh \u003c\/strong\u003e \u003csmall\u003e Everyday cooling \u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-speed-card\"\u003e\n\u003cdiv class=\"nb-speed-num\"\u003e4\u003c\/div\u003e\n\u003cstrong\u003e Strong \u003c\/strong\u003e \u003csmall\u003e Extra airflow \u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-speed-card\"\u003e\n\u003cdiv class=\"nb-speed-num\"\u003e5\u003c\/div\u003e\n\u003cstrong\u003e MAX \u003c\/strong\u003e \u003csmall\u003e Maximum breeze \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- USE CASES --\u003e\n\u003csection class=\"nb-use nb-reveal\"\u003e\n\u003cdiv class=\"nb-eyebrow\" style=\"color: #0dae7a;\"\u003eCOOLING THAT MOVES WITH YOU\u003c\/div\u003e\n\u003ch2\u003eBuilt for \u003cspan class=\"nb-gradient\"\u003e everyday life. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"nb-use-grid\"\u003e\n\u003cdiv class=\"nb-use-card\"\u003e\n\u003cspan\u003e ✈️ \u003c\/span\u003e \u003cstrong\u003e Travel \u003c\/strong\u003e \u003csmall\u003e Personal cooling wherever your journey takes you. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-use-card\"\u003e\n\u003cspan\u003e 💻 \u003c\/span\u003e \u003cstrong\u003e Work \u003c\/strong\u003e \u003csmall\u003e Stay comfortable without taking up desk space. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-use-card\"\u003e\n\u003cspan\u003e 🚶 \u003c\/span\u003e \u003cstrong\u003e On The Move \u003c\/strong\u003e \u003csmall\u003e Stay cool while walking, shopping or commuting. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-use-card\"\u003e\n\u003cspan\u003e ☀️ \u003c\/span\u003e \u003cstrong\u003e Hot Days \u003c\/strong\u003e \u003csmall\u003e Your own personal breeze when temperatures rise. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SPECIFICATIONS --\u003e\n\u003csection class=\"nb-specs nb-reveal\"\u003e\n\u003cdiv class=\"nb-eyebrow\" style=\"color: #0dae7a;\"\u003eNECKBREEZE PRO DETAILS\u003c\/div\u003e\n\u003ch2\u003eDesigned around \u003cspan class=\"nb-gradient\"\u003e your comfort. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"nb-spec-grid\"\u003e\n\u003cdiv class=\"nb-spec\"\u003e\n\u003cspan\u003e Product Type \u003c\/span\u003e \u003cstrong\u003e Wearable Neck Fan \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-spec\"\u003e\n\u003cspan\u003e Speed Settings \u003c\/span\u003e \u003cstrong\u003e 5 Levels \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-spec\"\u003e\n\u003cspan\u003e Airflow \u003c\/span\u003e \u003cstrong\u003e Dual-Sided \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-spec\"\u003e\n\u003cspan\u003e Design \u003c\/span\u003e \u003cstrong\u003e Hands-Free \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-spec\"\u003e\n\u003cspan\u003e Portability \u003c\/span\u003e \u003cstrong\u003e Lightweight \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-spec\"\u003e\n\u003cspan\u003e Brand \u003c\/span\u003e \u003cstrong\u003e Mausam™ \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"nb-final nb-reveal\"\u003e\n\u003cdiv class=\"nb-eyebrow\"\u003eMAUSAM™ NECKBREEZE PRO\u003c\/div\u003e\n\u003ch2\u003eHot outside? \u003cbr\u003e\u003cspan class=\"nb-gradient\"\u003e Bring your own breeze. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFive cooling levels. Dual-sided airflow. Zero hands required. Meet your new everyday essential for staying cool.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"nb-cta\"\u003e GET YOUR NECKBREEZE PRO → \u003c\/a\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\ndocument.addEventListener(\n  \"DOMContentLoaded\",\n  function(){\n\n    const reveals =\n      document.querySelectorAll(\n        \"#neckbreeze-premium .nb-reveal\"\n      );\n\n\n    if(\n      \"IntersectionObserver\" in window\n    ){\n\n      const observer =\n        new IntersectionObserver(\n          function(entries){\n\n            entries.forEach(\n              function(entry){\n\n                if(\n                  entry.isIntersecting\n                ){\n\n                  entry.target\n                    .classList\n                    .add(\"visible\");\n\n                  observer\n                    .unobserve(\n                      entry.target\n                    );\n\n                }\n\n              }\n            );\n\n          },\n          {\n            threshold:.12\n          }\n        );\n\n\n      reveals.forEach(\n        function(el){\n\n          observer.observe(el);\n\n        }\n      );\n\n    }\n\n    else{\n\n      reveals.forEach(\n        function(el){\n\n          el.classList\n            .add(\"visible\");\n\n        }\n      );\n\n    }\n\n  }\n);\n\n\n\nfunction nbScrollToBuy(event){\n\n  event.preventDefault();\n\n\n  const selectors=[\n\n    'form[action*=\"\/cart\/add\"]',\n\n    '.product-form',\n\n    '[id*=\"ProductSubmitButton\"]',\n\n    '.product__info-container'\n\n  ];\n\n\n  let target=null;\n\n\n  for(\n    let i=0;\n    i\u003cselectors.length;\n    i++\n  ){\n\n    target=\n      document.querySelector(\n        selectors[i]\n      );\n\n    if(target) break;\n\n  }\n\n\n  if(target){\n\n    target.scrollIntoView({\n\n      behavior:\"smooth\",\n\n      block:\"center\"\n\n    });\n\n  }\n\n}\n\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Mausam","offers":[{"title":"Blue","offer_id":67799316103391,"sku":"100","price":399.0,"currency_code":"ZAR","in_stock":false},{"title":"Green","offer_id":67799316136159,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":false},{"title":"White","offer_id":67799316168927,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0830\/3902\/7423\/files\/pro3p1.avif?v=1790710677","url":"https:\/\/mausam.co.za\/products\/mausam%e2%84%a2-neckbreeze-5","provider":"Mausam","version":"1.0","type":"link"}