{"title":"Home page","description":null,"products":[{"product_id":"fan","title":"Mausam™ Breeze 5","description":"\u003cstyle\u003e\n    #mausam-breeze-premium {\n      --blue: #0a84ff;\n      --blue2: #4bb4ff;\n      --dark: #07111f;\n      --text: #101828;\n      --muted: #667085;\n      --card: rgba(255,255,255,.78);\n\n      position: relative;\n      overflow: hidden;\n      padding: 80px 18px;\n      background:\n        radial-gradient(circle at 10% 10%, rgba(10,132,255,.15), transparent 30%),\n        radial-gradient(circle at 90% 60%, rgba(75,180,255,.13), transparent 28%),\n        linear-gradient(180deg,#f9fcff 0%,#eef7ff 45%,#ffffff 100%);\n      font-family: inherit;\n      color: var(--text);\n    }\n\n    #mausam-breeze-premium * {\n      box-sizing: border-box;\n    }\n\n    .mb-container {\n      max-width: 1150px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    .mb-glow {\n      position: absolute;\n      border-radius: 50%;\n      filter: blur(90px);\n      opacity: .25;\n      pointer-events: none;\n    }\n\n    .mb-glow.one {\n      width: 260px;\n      height: 260px;\n      background: #3aa7ff;\n      left: -90px;\n      top: 180px;\n      animation: mbFloat 7s ease-in-out infinite;\n    }\n\n    .mb-glow.two {\n      width: 300px;\n      height: 300px;\n      background: #8bd2ff;\n      right: -120px;\n      bottom: 300px;\n      animation: mbFloat 9s ease-in-out infinite reverse;\n    }\n\n    .mb-hero {\n      text-align: center;\n      max-width: 850px;\n      margin: 0 auto 70px;\n    }\n\n    .mb-pill {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 15px;\n      border-radius: 999px;\n      background: rgba(255,255,255,.82);\n      border: 1px solid rgba(10,132,255,.12);\n      backdrop-filter: blur(12px);\n      box-shadow: 0 10px 30px rgba(0,80,150,.08);\n      color: var(--blue);\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 1.6px;\n    }\n\n    .mb-dot {\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background: var(--blue);\n      box-shadow: 0 0 0 5px rgba(10,132,255,.1);\n      animation: mbPulse 1.4s infinite;\n    }\n\n    .mb-title {\n      margin: 22px 0 16px;\n      font-size: clamp(42px, 7vw, 80px);\n      line-height: .98;\n      font-weight: 900;\n      letter-spacing: -3px;\n    }\n\n    .mb-title span,\n    .mb-gradient {\n      background: linear-gradient(90deg,var(--blue),var(--blue2));\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n\n    .mb-sub {\n      max-width: 650px;\n      margin: 0 auto;\n      color: var(--muted);\n      font-size: 18px;\n      line-height: 1.7;\n    }\n\n    .mb-fan-zone {\n      height: 230px;\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-top: 35px;\n    }\n\n    .mb-fan {\n      width: 175px;\n      height: 175px;\n      border-radius: 50%;\n      background: rgba(255,255,255,.7);\n      border: 1px solid rgba(255,255,255,.95);\n      box-shadow:\n        0 25px 60px rgba(10,90,170,.15),\n        inset 0 0 0 10px rgba(10,132,255,.03);\n      backdrop-filter: blur(14px);\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      animation: mbFanFloat 4s ease-in-out infinite;\n    }\n\n    .mb-blades {\n      width: 112px;\n      height: 112px;\n      position: relative;\n      animation: mbSpin .65s linear infinite;\n    }\n\n    .mb-blades span {\n      width: 54px;\n      height: 25px;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform-origin: 0 50%;\n      background: linear-gradient(90deg,var(--blue),#66c3ff);\n      border-radius: 70% 15% 70% 20%;\n    }\n\n    .mb-blades span:nth-child(1){transform:rotate(0deg) translateX(6px);}\n    .mb-blades span:nth-child(2){transform:rotate(90deg) translateX(6px);}\n    .mb-blades span:nth-child(3){transform:rotate(180deg) translateX(6px);}\n    .mb-blades span:nth-child(4){transform:rotate(270deg) translateX(6px);}\n\n    .mb-center {\n      position: absolute;\n      width: 28px;\n      height: 28px;\n      background: #0868db;\n      border-radius: 50%;\n      box-shadow: 0 6px 18px rgba(0,90,220,.35);\n    }\n\n    .mb-air {\n      position: absolute;\n      right: 8%;\n      width: 120px;\n      height: 2px;\n      background: linear-gradient(90deg,rgba(10,132,255,.8),transparent);\n      border-radius: 999px;\n      animation: mbAir 1.8s ease-in-out infinite;\n    }\n\n    .mb-air.a1 { top: 72px; }\n    .mb-air.a2 { top: 115px; width: 150px; animation-delay: .2s; }\n    .mb-air.a3 { top: 158px; width: 95px; animation-delay: .4s; }\n\n    .mb-grid {\n      display: grid;\n      grid-template-columns: repeat(2,1fr);\n      gap: 18px;\n    }\n\n    .mb-card {\n      background: var(--card);\n      border: 1px solid rgba(255,255,255,.9);\n      border-radius: 26px;\n      padding: 30px;\n      display: flex;\n      gap: 18px;\n      box-shadow: 0 14px 45px rgba(20,80,140,.07);\n      backdrop-filter: blur(16px);\n      transition: .35s ease;\n    }\n\n    .mb-card:hover {\n      transform: translateY(-7px);\n      box-shadow: 0 24px 65px rgba(20,80,160,.13);\n    }\n\n    .mb-icon {\n      width: 56px;\n      height: 56px;\n      min-width: 56px;\n      border-radius: 17px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #edf7ff;\n      font-size: 24px;\n    }\n\n    .mb-card small {\n      color: var(--blue);\n      font-weight: 800;\n      letter-spacing: 1.3px;\n      font-size: 10px;\n    }\n\n    .mb-card h3 {\n      margin: 5px 0 7px;\n      font-size: 22px;\n    }\n\n    .mb-card p {\n      margin: 0;\n      color: var(--muted);\n      line-height: 1.6;\n    }\n\n    .mb-speed {\n      margin-top: 85px;\n      padding: 50px;\n      background: var(--dark);\n      border-radius: 34px;\n      color: white;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 55px;\n      align-items: center;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 30px 80px rgba(0,30,70,.2);\n    }\n\n    .mb-speed:after {\n      content: \"\";\n      position: absolute;\n      width: 280px;\n      height: 280px;\n      right: -90px;\n      top: -90px;\n      border-radius: 50%;\n      background: var(--blue);\n      filter: blur(100px);\n      opacity: .22;\n    }\n\n    .mb-speed h2,\n    .mb-colour-box h2,\n    .mb-specs h2,\n    .mb-final h2 {\n      font-size: clamp(30px,4vw,48px);\n      line-height: 1.05;\n      margin: 10px 0 12px;\n      letter-spacing: -1.5px;\n    }\n\n    .mb-speed p {\n      color: #aebccc;\n      line-height: 1.6;\n    }\n\n    .mb-speed-ui {\n      position: relative;\n      z-index: 2;\n    }\n\n    .mb-level {\n      display: flex;\n      align-items: end;\n      gap: 10px;\n      margin-bottom: 20px;\n    }\n\n    .mb-level span {\n      font-size: 11px;\n      letter-spacing: 2px;\n      color: #7ea1c7;\n      font-weight: 800;\n      padding-bottom: 9px;\n    }\n\n    .mb-level strong {\n      font-size: 70px;\n      line-height: 1;\n    }\n\n    .mb-buttons {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n    }\n\n    .mb-buttons button {\n      width: 48px;\n      height: 48px;\n      border-radius: 50%;\n      border: 1px solid rgba(255,255,255,.13);\n      background: rgba(255,255,255,.06);\n      color: white;\n      cursor: pointer;\n      font-weight: 700;\n      transition: .25s ease;\n    }\n\n    .mb-buttons button.active,\n    .mb-buttons button:hover {\n      background: var(--blue);\n      transform: scale(1.08);\n      border-color: var(--blue);\n      box-shadow: 0 10px 25px rgba(10,132,255,.35);\n    }\n\n    .mb-bar {\n      height: 7px;\n      background: rgba(255,255,255,.1);\n      border-radius: 999px;\n      margin-top: 22px;\n      overflow: hidden;\n    }\n\n    .mb-progress {\n      width: 60%;\n      height: 100%;\n      border-radius: 999px;\n      background: linear-gradient(90deg,var(--blue),#66c3ff);\n      transition: .4s ease;\n    }\n\n    .mb-speed-name {\n      margin-top: 10px;\n      color: #b9c7d6;\n      font-size: 14px;\n    }\n\n    .mb-colour-box,\n    .mb-specs {\n      margin-top: 85px;\n      padding: 45px;\n      border-radius: 30px;\n      background: rgba(255,255,255,.82);\n      border: 1px solid rgba(10,132,255,.08);\n      box-shadow: 0 18px 60px rgba(20,80,140,.07);\n      text-align: center;\n    }\n\n    .mb-eyebrow {\n      color: var(--blue);\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: 1.8px;\n    }\n\n    .mb-colours {\n      display: flex;\n      justify-content: center;\n      gap: 12px;\n      flex-wrap: wrap;\n      margin-top: 28px;\n    }\n\n    .mb-colour {\n      min-width: 120px;\n      padding: 13px 18px;\n      border: 1px solid #e4edf5;\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      cursor: pointer;\n      transition: .25s ease;\n      background: white;\n    }\n\n    .mb-colour.active {\n      border-color: var(--blue);\n      box-shadow: 0 8px 24px rgba(10,132,255,.13);\n    }\n\n    .mb-swatch {\n      width: 22px;\n      height: 22px;\n      border-radius: 50%;\n      border: 2px solid white;\n      box-shadow: 0 0 0 1px #d9e3ec;\n    }\n\n    .mb-blue { background: #4f91da; }\n    .mb-white { background: #f3f3f3; }\n    .mb-black { background: #17191d; }\n\n    .mb-spec-grid {\n      display: grid;\n      grid-template-columns: repeat(3,1fr);\n      gap: 14px;\n      margin-top: 28px;\n    }\n\n    .mb-spec {\n      padding: 24px;\n      border-radius: 20px;\n      background: #f8fbff;\n      border: 1px solid rgba(10,132,255,.07);\n    }\n\n    .mb-spec span {\n      display: block;\n      color: var(--muted);\n      font-size: 12px;\n      margin-bottom: 7px;\n    }\n\n    .mb-spec strong {\n      font-size: 22px;\n    }\n\n    .mb-final {\n      margin-top: 85px;\n      padding: 70px 28px;\n      border-radius: 34px;\n      text-align: center;\n      background: var(--dark);\n      color: white;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .mb-final:before {\n      content: \"\";\n      position: absolute;\n      width: 400px;\n      height: 220px;\n      border-radius: 50%;\n      background: var(--blue);\n      filter: blur(110px);\n      opacity: .18;\n      top: -100px;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n\n    .mb-final \u003e * {\n      position: relative;\n      z-index: 2;\n    }\n\n    .mb-final p {\n      max-width: 540px;\n      margin: 0 auto 28px;\n      color: #b1becc;\n      line-height: 1.7;\n    }\n\n    .mb-cta {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 16px 25px;\n      border-radius: 999px;\n      text-decoration: none;\n      color: white;\n      font-weight: 800;\n      background: linear-gradient(90deg,var(--blue),#34a8ff);\n      box-shadow: 0 15px 35px rgba(10,132,255,.28);\n      transition: .25s ease;\n    }\n\n    .mb-cta:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 22px 45px rgba(10,132,255,.4);\n    }\n\n    .mb-reveal {\n      opacity: 0;\n      transform: translateY(30px);\n      transition: opacity .8s ease, transform .8s ease;\n    }\n\n    .mb-reveal.visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    @keyframes mbSpin {\n      to { transform: rotate(360deg); }\n    }\n\n    @keyframes mbPulse {\n      0%,100% { transform: scale(1); opacity: 1; }\n      50% { transform: scale(.7); opacity: .55; }\n    }\n\n    @keyframes mbFanFloat {\n      0%,100% { transform: translateY(0); }\n      50% { transform: translateY(-10px); }\n    }\n\n    @keyframes mbFloat {\n      0%,100% { transform: translateY(0); }\n      50% { transform: translateY(35px); }\n    }\n\n    @keyframes mbAir {\n      0% { transform: translateX(-25px); opacity: 0; }\n      35% { opacity: 1; }\n      100% { transform: translateX(55px); opacity: 0; }\n    }\n\n    @media(max-width: 800px) {\n      #mausam-breeze-premium {\n        padding: 55px 14px;\n      }\n\n      .mb-title {\n        letter-spacing: -2px;\n      }\n\n      .mb-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .mb-speed {\n        grid-template-columns: 1fr;\n        padding: 32px 24px;\n        gap: 30px;\n      }\n\n      .mb-spec-grid {\n        grid-template-columns: repeat(2,1fr);\n      }\n\n      .mb-colour-box,\n      .mb-specs {\n        padding: 30px 20px;\n      }\n\n      .mb-fan-zone {\n        height: 200px;\n      }\n\n      .mb-air {\n        right: 0;\n      }\n    }\n\n    @media(max-width: 480px) {\n      .mb-card {\n        padding: 22px 18px;\n      }\n\n      .mb-spec {\n        padding: 18px 12px;\n      }\n\n      .mb-spec strong {\n        font-size: 18px;\n      }\n\n      .mb-final {\n        padding: 55px 20px;\n      }\n\n      .mb-buttons button {\n        width: 44px;\n        height: 44px;\n      }\n    }\n  \u003c\/style\u003e\n\u003cdiv id=\"mausam-breeze-premium\"\u003e\n\u003cdiv class=\"mb-glow one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mb-glow two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mb-container\"\u003e\n\u003csection class=\"mb-hero mb-reveal\"\u003e\n\u003cdiv class=\"mb-pill\"\u003e\n\u003cspan class=\"mb-dot\"\u003e\u003c\/span\u003e PORTABLE PERSONAL COOLING\u003c\/div\u003e\n\u003ch2 class=\"mb-title\"\u003eMeet the \u003cspan\u003eMausam™ Breeze 5\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"mb-sub\"\u003eStay cool anywhere with a sleek 5-speed compact desk fan designed for powerful personal airflow without taking up your space.\u003c\/p\u003e\n\u003cdiv class=\"mb-fan-zone\"\u003e\n\u003cdiv class=\"mb-air a1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mb-air a2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mb-air a3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mb-fan\"\u003e\n\u003cdiv class=\"mb-blades\" id=\"mbBlades\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mb-grid\"\u003e\n\u003cdiv class=\"mb-card mb-reveal\"\u003e\n\u003cdiv class=\"mb-icon\"\u003e💨\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003ePERSONALISED COOLING\u003c\/small\u003e\n\u003ch3\u003e5 Adjustable Speeds\u003c\/h3\u003e\n\u003cp\u003eChoose from a soft breeze to stronger personal airflow whenever you need it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-reveal\"\u003e\n\u003cdiv class=\"mb-icon\"\u003e🎯\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eCOOL YOUR WAY\u003c\/small\u003e\n\u003ch3\u003eAdjustable Air Direction\u003c\/h3\u003e\n\u003cp\u003eDirect the airflow exactly where you want it for more comfortable cooling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-reveal\"\u003e\n\u003cdiv class=\"mb-icon\"\u003e🪶\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eEASY TO MOVE\u003c\/small\u003e\n\u003ch3\u003eLightweight Design\u003c\/h3\u003e\n\u003cp\u003eAt approximately 0.8 kg, it’s easy to move between your desk, room or workspace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-reveal\"\u003e\n\u003cdiv class=\"mb-icon\"\u003e📏\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003eSPACE SAVING\u003c\/small\u003e\n\u003ch3\u003eCompact Size\u003c\/h3\u003e\n\u003cp\u003eApprox. 26 cm high × 10 cm wide, ideal for smaller spaces and everyday use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mb-speed mb-reveal\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"mb-eyebrow\"\u003eFIND YOUR PERFECT BREEZE\u003c\/div\u003e\n\u003ch2\u003eOne fan. \u003cspan class=\"mb-gradient\"\u003eFive cooling levels.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eTap a speed below and watch the Breeze 5 respond.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-speed-ui\"\u003e\n\u003cdiv class=\"mb-level\"\u003e\n\u003cspan\u003eLEVEL\u003c\/span\u003e \u003cstrong id=\"mbSpeedNumber\"\u003e3\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-buttons\"\u003e\n\u003cbutton type=\"button\" data-speed=\"1\"\u003e1\u003c\/button\u003e \u003cbutton type=\"button\" data-speed=\"2\"\u003e2\u003c\/button\u003e \u003cbutton type=\"button\" class=\"active\" data-speed=\"3\"\u003e3\u003c\/button\u003e \u003cbutton type=\"button\" data-speed=\"4\"\u003e4\u003c\/button\u003e \u003cbutton type=\"button\" data-speed=\"5\"\u003e5\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-bar\"\u003e\n\u003cdiv class=\"mb-progress\" id=\"mbProgress\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-speed-name\" id=\"mbSpeedName\"\u003eEveryday Cooling\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mb-colour-box mb-reveal\"\u003e\n\u003cdiv class=\"mb-eyebrow\"\u003eCHOOSE YOUR STYLE\u003c\/div\u003e\n\u003ch2\u003eAvailable in \u003cspan class=\"mb-gradient\"\u003ethree colours.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"mb-colours\"\u003e\n\u003cdiv class=\"mb-colour active\" data-colour=\"Blue\"\u003e\n\u003cspan class=\"mb-swatch mb-blue\"\u003e\u003c\/span\u003e \u003cstrong\u003eBlue\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-colour\" data-colour=\"White\"\u003e\n\u003cspan class=\"mb-swatch mb-white\"\u003e\u003c\/span\u003e \u003cstrong\u003eWhite\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-colour\" data-colour=\"Black\"\u003e\n\u003cspan class=\"mb-swatch mb-black\"\u003e\u003c\/span\u003e \u003cstrong\u003eBlack\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 18px; color: #667085;\"\u003eSelected: \u003cstrong id=\"mbColourText\"\u003eBlue\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"mb-specs mb-reveal\"\u003e\n\u003cdiv class=\"mb-eyebrow\"\u003ePRODUCT DETAILS\u003c\/div\u003e\n\u003ch2\u003eSmall fan. \u003cspan class=\"mb-gradient\"\u003eBig convenience.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"mb-spec-grid\"\u003e\n\u003cdiv class=\"mb-spec\"\u003e\n\u003cspan\u003eSpeed Levels\u003c\/span\u003e \u003cstrong\u003e5\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-spec\"\u003e\n\u003cspan\u003eApprox. Height\u003c\/span\u003e \u003cstrong\u003e26 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-spec\"\u003e\n\u003cspan\u003eApprox. Width\u003c\/span\u003e \u003cstrong\u003e10 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-spec\"\u003e\n\u003cspan\u003eApprox. Weight\u003c\/span\u003e \u003cstrong\u003e0.8 kg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-spec\"\u003e\n\u003cspan\u003eColours\u003c\/span\u003e \u003cstrong\u003e3\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-spec\"\u003e\n\u003cspan\u003eAir Direction\u003c\/span\u003e \u003cstrong\u003eAdjustable\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mb-final mb-reveal\"\u003e\n\u003cdiv class=\"mb-eyebrow\"\u003eMAUSAM™ BREEZE 5\u003c\/div\u003e\n\u003ch2\u003eReady to stay cool? \u003cbr\u003e\u003cspan class=\"mb-gradient\"\u003eComfort starts here.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eCompact, lightweight and designed for everyday personal cooling at home, work or study.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"mb-cta\"\u003e SHOP BREEZE 5 → \u003c\/a\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function () {\n\n      const reveals = document.querySelectorAll(\"#mausam-breeze-premium .mb-reveal\");\n\n      if (\"IntersectionObserver\" in window) {\n        const observer = new IntersectionObserver(function(entries) {\n          entries.forEach(function(entry) {\n            if (entry.isIntersecting) {\n              entry.target.classList.add(\"visible\");\n              observer.unobserve(entry.target);\n            }\n          });\n        }, { threshold: 0.12 });\n\n        reveals.forEach(function(el) {\n          observer.observe(el);\n        });\n      } else {\n        reveals.forEach(function(el) {\n          el.classList.add(\"visible\");\n        });\n      }\n\n      const buttons = document.querySelectorAll(\"#mausam-breeze-premium .mb-buttons button\");\n      const number = document.getElementById(\"mbSpeedNumber\");\n      const progress = document.getElementById(\"mbProgress\");\n      const speedName = document.getElementById(\"mbSpeedName\");\n      const blades = document.getElementById(\"mbBlades\");\n\n      const names = {\n        1: \"Gentle Breeze\",\n        2: \"Light Cooling\",\n        3: \"Everyday Cooling\",\n        4: \"Strong Breeze\",\n        5: \"Maximum Airflow\"\n      };\n\n      const spin = {\n        1: \"1.3s\",\n        2: \"1s\",\n        3: \".65s\",\n        4: \".45s\",\n        5: \".28s\"\n      };\n\n      buttons.forEach(function(btn) {\n        btn.addEventListener(\"click\", function() {\n          const speed = Number(this.dataset.speed);\n\n          buttons.forEach(function(b) {\n            b.classList.remove(\"active\");\n          });\n\n          this.classList.add(\"active\");\n          number.textContent = speed;\n          progress.style.width = (speed * 20) + \"%\";\n          speedName.textContent = names[speed];\n\n          if (blades) {\n            blades.style.animationDuration = spin[speed];\n          }\n        });\n      });\n\n      const colours = document.querySelectorAll(\"#mausam-breeze-premium .mb-colour\");\n      const colourText = document.getElementById(\"mbColourText\");\n\n      colours.forEach(function(item) {\n        item.addEventListener(\"click\", function() {\n          colours.forEach(function(c) {\n            c.classList.remove(\"active\");\n          });\n\n          this.classList.add(\"active\");\n          colourText.textContent = this.dataset.colour;\n        });\n      });\n\n    });\n\n    function mbScrollToBuy(event) {\n      event.preventDefault();\n\n      const selectors = [\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '[id*=\"ProductSubmitButton\"]',\n        '.product__info-container'\n      ];\n\n      let target = null;\n\n      for (let i = 0; i \u003c selectors.length; i++) {\n        target = document.querySelector(selectors[i]);\n        if (target) break;\n      }\n\n      if (target) {\n        target.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"center\"\n        });\n      }\n    }\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Mausam","offers":[{"title":"black","offer_id":67786846142687,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"white","offer_id":67786846175455,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"blue","offer_id":67786846208223,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0830\/3902\/7423\/files\/ChatGPT_Image_Sep_28_2026_07_06_24_PM.png?v=1790615222"}],"url":"https:\/\/mausam.co.za\/collections\/frontpage.oembed","provider":"Mausam","version":"1.0","type":"link"}