{"product_id":"bright-breezy","title":"Bright \u0026 Breezy","description":"\u003c!-- IMPALA OUTDOOR EQUIPMENT™ | BRIGHT \u0026 BREEZY --\u003e\n\u003cstyle\u003e\n    \/* ================================\n       IMPALA BRIGHT \u0026 BREEZY\n       PREMIUM ANIMATED PRODUCT SECTION\n       ================================ *\/\n\n    .impala-breezy {\n      --lime: #b7ff00;\n      --lime-bright: #d4ff33;\n      --green: #496b3d;\n      --green-dark: #18291c;\n      --green-deep: #0c160f;\n      --green-mid: #29432d;\n      --green-soft: #6f8f60;\n      --shadow: rgba(183,255,0,0.18);\n\n      font-family: Arial, Helvetica, sans-serif;\n      color: var(--lime);\n      background:\n        radial-gradient(circle at 15% 15%, rgba(183,255,0,0.08), transparent 30%),\n        radial-gradient(circle at 85% 75%, rgba(73,107,61,0.20), transparent 35%),\n        linear-gradient(145deg, var(--green-deep), #101d13 45%, var(--green-dark));\n      padding: 18px;\n      border-radius: 24px;\n      overflow: hidden;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    .impala-breezy *,\n    .impala-breezy *::before,\n    .impala-breezy *::after {\n      box-sizing: border-box;\n    }\n\n    \/* Floating atmospheric glow *\/\n\n    .impala-breezy::before {\n      content: \"\";\n      position: absolute;\n      width: 280px;\n      height: 280px;\n      border-radius: 50%;\n      background: rgba(183,255,0,0.06);\n      filter: blur(70px);\n      top: -120px;\n      left: -100px;\n      animation: breezyGlow 7s ease-in-out infinite alternate;\n      pointer-events: none;\n    }\n\n    .impala-breezy::after {\n      content: \"\";\n      position: absolute;\n      width: 240px;\n      height: 240px;\n      border-radius: 50%;\n      background: rgba(73,107,61,0.16);\n      filter: blur(60px);\n      bottom: -100px;\n      right: -80px;\n      animation: breezyGlow 8s ease-in-out infinite alternate-reverse;\n      pointer-events: none;\n    }\n\n    @keyframes breezyGlow {\n      from {\n        transform: translate(0,0) scale(0.9);\n        opacity: 0.5;\n      }\n      to {\n        transform: translate(35px,25px) scale(1.15);\n        opacity: 1;\n      }\n    }\n\n    \/* Main container *\/\n\n    .breezy-container {\n      position: relative;\n      z-index: 2;\n      max-width: 1100px;\n      margin: auto;\n    }\n\n    \/* Hero *\/\n\n    .breezy-hero {\n      text-align: center;\n      padding: 42px 20px 38px;\n      border: 1px solid rgba(183,255,0,0.20);\n      border-radius: 22px;\n      background: linear-gradient(\n        145deg,\n        rgba(41,67,45,0.72),\n        rgba(12,22,15,0.82)\n      );\n      box-shadow:\n        0 20px 60px rgba(0,0,0,0.35),\n        inset 0 0 40px rgba(183,255,0,0.025);\n      animation: heroEntry 0.9s ease-out both;\n    }\n\n    @keyframes heroEntry {\n      from {\n        opacity: 0;\n        transform: translateY(25px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    .breezy-brand {\n      display: inline-block;\n      color: var(--green-soft);\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 4px;\n      text-transform: uppercase;\n      margin-bottom: 15px;\n      animation: brandPulse 3s ease-in-out infinite;\n    }\n\n    @keyframes brandPulse {\n      0%,100% { opacity: 0.65; }\n      50% { opacity: 1; }\n    }\n\n    .breezy-hero h1 {\n      margin: 0;\n      color: var(--lime);\n      font-size: clamp(30px, 6vw, 68px);\n      line-height: 1.02;\n      font-weight: 950;\n      letter-spacing: -2px;\n      text-transform: uppercase;\n      text-shadow:\n        0 0 15px rgba(183,255,0,0.25),\n        0 0 40px rgba(183,255,0,0.10);\n      animation: titleGlow 3s ease-in-out infinite;\n    }\n\n    @keyframes titleGlow {\n      0%,100% {\n        text-shadow:\n          0 0 15px rgba(183,255,0,0.20),\n          0 0 35px rgba(183,255,0,0.08);\n      }\n      50% {\n        text-shadow:\n          0 0 22px rgba(183,255,0,0.42),\n          0 0 55px rgba(183,255,0,0.18);\n      }\n    }\n\n    .breezy-tagline {\n      margin: 18px auto 0;\n      max-width: 700px;\n      color: var(--lime-bright);\n      font-size: clamp(16px, 2.5vw, 23px);\n      line-height: 1.55;\n      font-weight: 600;\n    }\n\n    \/* Animated icons *\/\n\n    .breezy-orbs {\n      display: flex;\n      justify-content: center;\n      gap: 18px;\n      margin-top: 25px;\n    }\n\n    .breezy-orb {\n      width: 58px;\n      height: 58px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: var(--green-mid);\n      border: 1px solid rgba(183,255,0,0.35);\n      font-size: 27px;\n      box-shadow: 0 0 20px rgba(183,255,0,0.08);\n    }\n\n    .orb-fan {\n      animation: fanFloat 2.4s ease-in-out infinite;\n    }\n\n    .orb-light {\n      animation: lightPulse 1.8s ease-in-out infinite;\n    }\n\n    @keyframes fanFloat {\n      0%,100% { transform: translateY(0) rotate(-4deg); }\n      50% { transform: translateY(-8px) rotate(4deg); }\n    }\n\n    @keyframes lightPulse {\n      0%,100% {\n        transform: translateY(0) scale(1);\n        box-shadow: 0 0 15px rgba(183,255,0,0.08);\n      }\n      50% {\n        transform: translateY(-8px) scale(1.08);\n        box-shadow: 0 0 28px rgba(183,255,0,0.28);\n      }\n    }\n\n    \/* Section heading *\/\n\n    .breezy-section-title {\n      text-align: center;\n      margin: 48px 0 25px;\n    }\n\n    .breezy-section-title h2 {\n      color: var(--lime);\n      font-size: clamp(24px, 4vw, 38px);\n      margin: 0;\n      font-weight: 900;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    .breezy-section-title span {\n      display: block;\n      width: 65px;\n      height: 3px;\n      margin: 13px auto 0;\n      background: var(--lime);\n      border-radius: 10px;\n      box-shadow: 0 0 12px rgba(183,255,0,0.45);\n      animation: lineGrow 2s ease-in-out infinite alternate;\n    }\n\n    @keyframes lineGrow {\n      from { width: 45px; }\n      to { width: 100px; }\n    }\n\n    \/* Feature grid *\/\n\n    .breezy-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0,1fr));\n      gap: 16px;\n    }\n\n    .breezy-card {\n      position: relative;\n      padding: 24px;\n      min-height: 190px;\n      border-radius: 18px;\n      border: 1px solid rgba(183,255,0,0.16);\n      background:\n        linear-gradient(\n          145deg,\n          rgba(73,107,61,0.30),\n          rgba(24,41,28,0.88)\n        );\n      overflow: hidden;\n      transition:\n        transform 0.35s ease,\n        border-color 0.35s ease,\n        box-shadow 0.35s ease;\n      animation: cardRise 0.8s ease both;\n    }\n\n    .breezy-card:nth-child(2) { animation-delay: .08s; }\n    .breezy-card:nth-child(3) { animation-delay: .16s; }\n    .breezy-card:nth-child(4) { animation-delay: .24s; }\n    .breezy-card:nth-child(5) { animation-delay: .32s; }\n    .breezy-card:nth-child(6) { animation-delay: .40s; }\n\n    @keyframes cardRise {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    .breezy-card::after {\n      content: \"\";\n      position: absolute;\n      width: 100px;\n      height: 100px;\n      border-radius: 50%;\n      background: rgba(183,255,0,0.04);\n      right: -40px;\n      bottom: -40px;\n      transition: transform .5s ease;\n    }\n\n    .breezy-card:hover {\n      transform: translateY(-7px);\n      border-color: rgba(183,255,0,0.55);\n      box-shadow:\n        0 15px 35px rgba(0,0,0,0.35),\n        0 0 25px rgba(183,255,0,0.08);\n    }\n\n    .breezy-card:hover::after {\n      transform: scale(2);\n    }\n\n    .breezy-icon {\n      font-size: 34px;\n      display: inline-block;\n      margin-bottom: 12px;\n      animation: iconBounce 3s ease-in-out infinite;\n    }\n\n    @keyframes iconBounce {\n      0%,85%,100% { transform: translateY(0); }\n      90% { transform: translateY(-5px); }\n      95% { transform: translateY(0); }\n    }\n\n    .breezy-card h3 {\n      color: var(--lime);\n      margin: 0 0 9px;\n      font-size: 19px;\n      line-height: 1.25;\n      font-weight: 900;\n    }\n\n    .breezy-card p {\n      color: var(--lime-bright);\n      opacity: 0.82;\n      margin: 0;\n      font-size: 14px;\n      line-height: 1.65;\n    }\n\n    \/* Why section *\/\n\n    .breezy-benefits {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0,1fr));\n      gap: 14px;\n    }\n\n    .breezy-benefit {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      padding: 18px;\n      border-radius: 15px;\n      background: rgba(41,67,45,0.55);\n      border-left: 3px solid var(--lime);\n      transition: all .3s ease;\n    }\n\n    .breezy-benefit:hover {\n      transform: translateX(6px);\n      background: rgba(73,107,61,0.45);\n      box-shadow: 0 0 22px rgba(183,255,0,0.06);\n    }\n\n    .breezy-benefit-icon {\n      flex: 0 0 44px;\n      height: 44px;\n      border-radius: 12px;\n      background: var(--green-mid);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 23px;\n    }\n\n    .breezy-benefit strong {\n      display: block;\n      color: var(--lime);\n      font-size: 16px;\n      margin-bottom: 4px;\n    }\n\n    .breezy-benefit span {\n      color: var(--lime-bright);\n      opacity: .78;\n      font-size: 13px;\n      line-height: 1.45;\n    }\n\n    \/* Final statement *\/\n\n    .breezy-final {\n      text-align: center;\n      margin-top: 45px;\n      padding: 35px 20px;\n      border-radius: 20px;\n      background:\n        linear-gradient(\n          135deg,\n          rgba(183,255,0,0.08),\n          rgba(41,67,45,0.50)\n        );\n      border: 1px solid rgba(183,255,0,0.25);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .breezy-final::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 60%;\n      height: 100%;\n      background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(183,255,0,0.08),\n        transparent\n      );\n      animation: sweep 4s linear infinite;\n    }\n\n    @keyframes sweep {\n      0% { left: -100%; }\n      100% { left: 150%; }\n    }\n\n    .breezy-final h2 {\n      position: relative;\n      color: var(--lime);\n      font-size: clamp(24px, 4vw, 42px);\n      line-height: 1.15;\n      margin: 0 0 12px;\n      font-weight: 950;\n      text-transform: uppercase;\n    }\n\n    .breezy-final p {\n      position: relative;\n      color: var(--lime-bright);\n      font-size: 16px;\n      line-height: 1.6;\n      max-width: 650px;\n      margin: auto;\n    }\n\n    \/* Responsive *\/\n\n    @media (max-width: 700px) {\n\n      .impala-breezy {\n        padding: 10px;\n        border-radius: 16px;\n      }\n\n      .breezy-hero {\n        padding: 30px 15px;\n        border-radius: 17px;\n      }\n\n      .breezy-hero h1 {\n        letter-spacing: -1px;\n      }\n\n      .breezy-grid,\n      .breezy-benefits {\n        grid-template-columns: 1fr;\n      }\n\n      .breezy-card {\n        min-height: auto;\n        padding: 21px;\n      }\n\n      .breezy-section-title {\n        margin-top: 36px;\n      }\n\n      .breezy-final {\n        margin-top: 35px;\n        padding: 30px 17px;\n      }\n\n      .breezy-benefit {\n        padding: 16px;\n      }\n    }\n\n    @media (max-width: 400px) {\n\n      .breezy-hero h1 {\n        font-size: 30px;\n      }\n\n      .breezy-tagline {\n        font-size: 15px;\n      }\n\n      .breezy-orb {\n        width: 52px;\n        height: 52px;\n        font-size: 24px;\n      }\n\n      .breezy-card h3 {\n        font-size: 17px;\n      }\n\n      .breezy-card p {\n        font-size: 13px;\n      }\n    }\n\n  \u003c\/style\u003e\n\u003cdiv class=\"impala-breezy\"\u003e\n\u003cdiv class=\"breezy-container\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"breezy-hero\"\u003e\u003cbr\u003e\n\u003ch1\u003e💨 BRIGHT \u0026amp; BREEZY 🔦\u003c\/h1\u003e\n\u003cp class=\"breezy-tagline\"\u003e💨 Stay Cool. Stay Bright. Stay Moving.\u003c\/p\u003e\n\u003cp class=\"breezy-tagline\" style=\"font-size: 15px; opacity: .78; max-width: 760px;\"\u003eHeat and darkness are no match for the \u003cstrong\u003eBright \u0026amp; Breezy\u003c\/strong\u003e. Two essential functions. One compact outdoor companion. ☀️🌿\u003c\/p\u003e\n\u003cdiv class=\"breezy-orbs\"\u003e\n\u003cdiv class=\"breezy-orb orb-fan\"\u003e💨\u003c\/div\u003e\n\u003cdiv class=\"breezy-orb orb-light\"\u003e🔦\u003c\/div\u003e\n\u003cdiv class=\"breezy-orb orb-fan\"\u003e🔋\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"breezy-section-title\"\u003e\n\u003ch2\u003e⚡ Built For The Wild\u003c\/h2\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003csection class=\"breezy-grid\"\u003e\n\u003cdiv class=\"breezy-card\"\u003e\n\u003cdiv class=\"breezy-icon\"\u003e💨\u003c\/div\u003e\n\u003ch3\u003ePOWERFUL PORTABLE FAN\u003c\/h3\u003e\n\u003cp\u003eStrong, quiet airflow helps keep you cool without the bulk of a traditional fan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"breezy-card\"\u003e\n\u003cdiv class=\"breezy-icon\"\u003e🔦\u003c\/div\u003e\n\u003ch3\u003eBUILT-IN LIGHT\u003c\/h3\u003e\n\u003cp\u003eLight up your tent, campsite, workspace or late-night adventure whenever you need it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"breezy-card\"\u003e\n\u003cdiv class=\"breezy-icon\"\u003e🔋\u003c\/div\u003e\n\u003ch3\u003eUSB RECHARGEABLE\u003c\/h3\u003e\n\u003cp\u003eRecharge via USB and keep your cooling breeze and light ready wherever adventure takes you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"breezy-card\"\u003e\n\u003cdiv class=\"breezy-icon\"\u003e🎒\u003c\/div\u003e\n\u003ch3\u003eULTRA-COMPACT\u003c\/h3\u003e\n\u003cp\u003eLightweight and easy to carry, it slips neatly into your bag, pack or travel gear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"breezy-card\"\u003e\n\u003cdiv class=\"breezy-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eMULTIPLE SETTINGS\u003c\/h3\u003e\n\u003cp\u003eChoose the airflow speed and light brightness to match the conditions around you. There are 4 levels of airflow speed and 3 levels of light brightness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"breezy-card\"\u003e\n\u003cdiv class=\"breezy-icon\"\u003e🤫\u003c\/div\u003e\n\u003ch3\u003eWHISPER-QUIET\u003c\/h3\u003e\n\u003cp\u003eDesigned for comfortable use in tents, campsites, offices and relaxed evenings.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"breezy-section-title\"\u003e\n\u003ch2\u003e🌿 ONE DEVICE. MANY ADVENTURES.\u003c\/h2\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003csection class=\"breezy-benefits\"\u003e\n\u003cdiv class=\"breezy-benefit\"\u003e\n\u003cdiv class=\"breezy-benefit-icon\"\u003e🏕️\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCAMP \u0026amp; TRAIL READY\u003c\/strong\u003e \u003cspan\u003e Cool down and light up your space during camping, hiking, festivals and outdoor trips. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"breezy-benefit\"\u003e\n\u003cdiv class=\"breezy-benefit-icon\"\u003e🏢\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eOFFICE \u0026amp; TRAVEL FRIENDLY\u003c\/strong\u003e \u003cspan\u003e Compact enough for your desk, car, travel bag or long journeys. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"breezy-benefit\"\u003e\n\u003cdiv class=\"breezy-benefit-icon\"\u003e🌙\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDAY \u0026amp; NIGHT USE\u003c\/strong\u003e \u003cspan\u003e Keep the breeze flowing during the day and your surroundings illuminated after dark. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"breezy-benefit\"\u003e\n\u003cdiv class=\"breezy-benefit-icon\"\u003e🎁\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGIFT-WORTHY\u003c\/strong\u003e \u003cspan\u003e A practical outdoor companion for campers, travelers and adventure lovers. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL --\u003e\n\u003csection class=\"breezy-final\"\u003e\n\u003ch2\u003e💨 STAY FRESH.\u003cbr\u003e🔦 STAY BRIGHT.\u003cbr\u003e🌿 KEEP MOVING.\u003c\/h2\u003e\n\u003cp\u003eOne compact companion. Two essential functions. Built to keep you comfortable wherever the adventure takes you. ☀️💨🔦\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Impala Outdoor Equipment","offers":[{"title":"White","offer_id":55022400667872,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true},{"title":"Cream","offer_id":55022400700640,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0827\/1953\/9424\/files\/rn-image_picker_lib_temp_69cf329d-7bf7-4be8-9b80-abd5e250aae9.jpg?v=1791476361","url":"https:\/\/impalaoutdoor.co.za\/products\/bright-breezy","provider":"Impala Outdoor Equipment","version":"1.0","type":"link"}