{"product_id":"eye-massager","title":"Eye Massager","description":"\u003cstyle\u003e\n.eye-product-page,\n.eye-product-page * {\n  box-sizing: border-box;\n}\n\n.eye-product-page {\n  width: 100%;\n  max-width: 1100px;\n  margin: 0 auto;\n  font-family: inherit;\n  color: #161616;\n}\n\n\/* PRODUCT DESCRIPTION *\/\n\n.eye-copy {\n  padding: 20px 4px 34px;\n}\n\n.eye-copy-tag {\n  margin-bottom: 10px;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n  color: #6b7890;\n}\n\n.eye-copy h2 {\n  margin: 0 0 16px;\n  font-size: clamp(30px, 6vw, 48px);\n  line-height: 1.05;\n  letter-spacing: -1.5px;\n  font-weight: 800;\n  color: #111;\n}\n\n.eye-copy-lead {\n  max-width: 760px;\n  margin: 0 0 22px;\n  font-size: 17px;\n  line-height: 1.7;\n  color: #555;\n}\n\n.eye-copy p {\n  max-width: 800px;\n  margin: 0 0 16px;\n  font-size: 15px;\n  line-height: 1.75;\n  color: #555;\n}\n\n.eye-benefit-list {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 10px;\n  max-width: 760px;\n  margin: 25px 0;\n}\n\n.eye-benefit {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-height: 54px;\n  padding: 12px 14px;\n  border: 1px solid #ededed;\n  border-radius: 14px;\n  background: #fafafa;\n  font-size: 14px;\n  font-weight: 600;\n  color: #242424;\n}\n\n.eye-benefit-dot {\n  display: flex;\n  flex: 0 0 30px;\n  width: 30px;\n  height: 30px;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: #111;\n  color: white;\n  font-size: 14px;\n}\n\n.eye-reset-line {\n  margin-top: 26px !important;\n  font-size: 18px !important;\n  font-weight: 700;\n  color: #181818 !important;\n}\n\n\n\/* DARK FEATURE EXPERIENCE *\/\n\n.eye-tech {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  margin: 12px 0 36px;\n  padding: 55px 28px 32px;\n  border-radius: 28px;\n  background:\n    radial-gradient(circle at 20% 0%, rgba(63,157,255,.22), transparent 35%),\n    radial-gradient(circle at 85% 90%, rgba(255,118,70,.18), transparent 32%),\n    linear-gradient(145deg, #050b14 0%, #09172a 48%, #050a12 100%);\n  color: white;\n  box-shadow: 0 25px 70px rgba(5,12,25,.24);\n}\n\n\/* MOVING BACKGROUND GLOW *\/\n\n.eye-orb {\n  position: absolute;\n  z-index: -2;\n  border-radius: 999px;\n  filter: blur(70px);\n  opacity: .55;\n  pointer-events: none;\n}\n\n.eye-orb-one {\n  width: 260px;\n  height: 260px;\n  top: -130px;\n  left: -70px;\n  background: #348eff;\n  animation: eyeOrbOne 8s ease-in-out infinite alternate;\n}\n\n.eye-orb-two {\n  width: 240px;\n  height: 240px;\n  right: -100px;\n  bottom: -120px;\n  background: #ff754c;\n  animation: eyeOrbTwo 9s ease-in-out infinite alternate;\n}\n\n@keyframes eyeOrbOne {\n  from {\n    transform: translate3d(0,0,0) scale(.9);\n  }\n  to {\n    transform: translate3d(70px,60px,0) scale(1.15);\n  }\n}\n\n@keyframes eyeOrbTwo {\n  from {\n    transform: translate3d(0,0,0) scale(.95);\n  }\n  to {\n    transform: translate3d(-70px,-45px,0) scale(1.18);\n  }\n}\n\n\n\/* APPLE STYLE SCANNING LIGHT *\/\n\n.eye-scan {\n  position: absolute;\n  z-index: -1;\n  top: -30%;\n  left: -45%;\n  width: 30%;\n  height: 170%;\n  transform: rotate(16deg);\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255,255,255,.04),\n    rgba(255,255,255,.17),\n    rgba(255,255,255,.04),\n    transparent\n  );\n  filter: blur(4px);\n  animation: eyeScan 6s ease-in-out infinite;\n  pointer-events: none;\n}\n\n@keyframes eyeScan {\n  0% {\n    left: -50%;\n  }\n  45% {\n    left: 125%;\n  }\n  100% {\n    left: 125%;\n  }\n}\n\n\n\/* HEADER *\/\n\n.eye-tech-tag {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  margin-bottom: 12px;\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 3px;\n  color: #8ecfff;\n}\n\n.eye-tech h2 {\n  position: relative;\n  z-index: 2;\n  max-width: 760px;\n  margin: 0 auto 12px;\n  text-align: center;\n  font-size: clamp(32px, 7vw, 55px);\n  line-height: .98;\n  letter-spacing: -2px;\n  font-weight: 850;\n  color: #fff;\n}\n\n.eye-tech-intro {\n  position: relative;\n  z-index: 2;\n  max-width: 630px;\n  margin: 0 auto 42px;\n  text-align: center;\n  font-size: 15px;\n  line-height: 1.7;\n  color: rgba(255,255,255,.64);\n}\n\n\n\/* CENTRAL ENERGY DISPLAY *\/\n\n.eye-energy {\n  position: relative;\n  z-index: 2;\n  width: min(440px, 92%);\n  height: 150px;\n  margin: 0 auto 40px;\n}\n\n.eye-energy-core {\n  position: absolute;\n  inset: 50% auto auto 50%;\n  width: 150px;\n  height: 70px;\n  transform: translate(-50%, -50%);\n  border-radius: 999px;\n  border: 1px solid rgba(255,255,255,.18);\n  background: rgba(255,255,255,.07);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  box-shadow:\n    0 0 30px rgba(94,175,255,.13),\n    inset 0 0 25px rgba(255,255,255,.03);\n}\n\n.eye-energy-text {\n  position: absolute;\n  z-index: 4;\n  inset: 50% auto auto 50%;\n  transform: translate(-50%, -50%);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  white-space: nowrap;\n  text-transform: uppercase;\n  color: rgba(255,255,255,.9);\n}\n\n.eye-energy-ring {\n  position: absolute;\n  inset: 50% auto auto 50%;\n  width: 180px;\n  height: 90px;\n  transform: translate(-50%, -50%);\n  border: 1px solid rgba(91,183,255,.40);\n  border-radius: 999px;\n  animation: eyeEnergyPulse 2.4s ease-out infinite;\n}\n\n.eye-energy-ring:nth-child(2) {\n  animation-delay: .8s;\n}\n\n.eye-energy-ring:nth-child(3) {\n  animation-delay: 1.6s;\n}\n\n@keyframes eyeEnergyPulse {\n  0% {\n    opacity: .9;\n    transform: translate(-50%, -50%) scale(.65);\n  }\n\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(2.1);\n  }\n}\n\n\n\/* FEATURE GRID *\/\n\n.eye-feature-grid {\n  position: relative;\n  z-index: 3;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 12px;\n}\n\n.eye-feature {\n  position: relative;\n  overflow: hidden;\n  padding: 24px 14px 20px;\n  border: 1px solid rgba(255,255,255,.10);\n  border-radius: 19px;\n  background: rgba(255,255,255,.045);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  text-align: center;\n  animation: eyeFeatureActivate 8s ease-in-out infinite;\n}\n\n.eye-feature:nth-child(2) {\n  animation-delay: 1s;\n}\n\n.eye-feature:nth-child(3) {\n  animation-delay: 2s;\n}\n\n.eye-feature:nth-child(4) {\n  animation-delay: 3s;\n}\n\n@keyframes eyeFeatureActivate {\n  0%, 12%, 100% {\n    transform: translateY(0);\n    border-color: rgba(255,255,255,.10);\n    background: rgba(255,255,255,.045);\n  }\n\n  5% {\n    transform: translateY(-5px);\n    border-color: rgba(134,206,255,.45);\n    background: rgba(255,255,255,.09);\n  }\n}\n\n.eye-feature-icon {\n  position: relative;\n  display: flex;\n  width: 58px;\n  height: 58px;\n  margin: 0 auto 14px;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  font-size: 25px;\n  background: rgba(255,255,255,.06);\n  border: 1px solid rgba(255,255,255,.12);\n}\n\n.eye-feature-icon::after {\n  content: \"\";\n  position: absolute;\n  inset: -6px;\n  border-radius: 50%;\n  animation: eyeFeaturePulse 2.5s ease-out infinite;\n}\n\n.eye-feature:nth-child(1) .eye-feature-icon {\n  color: #ff9b73;\n  box-shadow: 0 0 30px rgba(255,108,67,.18);\n}\n\n.eye-feature:nth-child(1) .eye-feature-icon::after {\n  border: 1px solid rgba(255,108,67,.7);\n}\n\n.eye-feature:nth-child(2) .eye-feature-icon {\n  color: #73c4ff;\n  box-shadow: 0 0 30px rgba(74,174,255,.18);\n}\n\n.eye-feature:nth-child(2) .eye-feature-icon::after {\n  border: 1px solid rgba(74,174,255,.7);\n  animation-delay: .5s;\n}\n\n.eye-feature:nth-child(3) .eye-feature-icon {\n  color: #bba4ff;\n  box-shadow: 0 0 30px rgba(159,120,255,.18);\n}\n\n.eye-feature:nth-child(3) .eye-feature-icon::after {\n  border: 1px solid rgba(159,120,255,.7);\n  animation-delay: 1s;\n}\n\n.eye-feature:nth-child(4) .eye-feature-icon {\n  color: #79e6c3;\n  box-shadow: 0 0 30px rgba(82,221,176,.18);\n}\n\n.eye-feature:nth-child(4) .eye-feature-icon::after {\n  border: 1px solid rgba(82,221,176,.7);\n  animation-delay: 1.5s;\n}\n\n@keyframes eyeFeaturePulse {\n  from {\n    transform: scale(.85);\n    opacity: .7;\n  }\n\n  to {\n    transform: scale(1.35);\n    opacity: 0;\n  }\n}\n\n.eye-feature h3 {\n  margin: 0 0 7px;\n  font-size: 15px;\n  font-weight: 700;\n  color: white;\n}\n\n.eye-feature p {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: rgba(255,255,255,.58);\n}\n\n\n\/* FINAL MESSAGE *\/\n\n.eye-finale {\n  position: relative;\n  z-index: 3;\n  margin-top: 35px;\n  text-align: center;\n}\n\n.eye-finale-small {\n  margin-bottom: 8px;\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  color: rgba(255,255,255,.45);\n}\n\n.eye-finale-text {\n  font-size: clamp(19px, 4vw, 28px);\n  line-height: 1.2;\n  font-weight: 750;\n  background: linear-gradient(\n    90deg,\n    #84ccff,\n    #ffffff,\n    #ffac83,\n    #ffffff,\n    #84ccff\n  );\n  background-size: 250% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: eyeTextFlow 5s linear infinite;\n}\n\n@keyframes eyeTextFlow {\n  to {\n    background-position: 250% center;\n  }\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 750px) {\n\n  .eye-copy {\n    padding: 14px 2px 28px;\n  }\n\n  .eye-copy h2 {\n    font-size: 34px;\n  }\n\n  .eye-copy-lead {\n    font-size: 16px;\n  }\n\n  .eye-benefit-list {\n    grid-template-columns: 1fr;\n  }\n\n  .eye-tech {\n    padding: 42px 14px 26px;\n    border-radius: 21px;\n  }\n\n  .eye-tech h2 {\n    font-size: 37px;\n    letter-spacing: -1.3px;\n  }\n\n  .eye-tech-intro {\n    margin-bottom: 29px;\n    font-size: 14px;\n  }\n\n  .eye-energy {\n    height: 125px;\n    margin-bottom: 26px;\n  }\n\n  .eye-feature-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 9px;\n  }\n\n  .eye-feature {\n    padding: 20px 8px 17px;\n    border-radius: 16px;\n  }\n\n  .eye-feature-icon {\n    width: 50px;\n    height: 50px;\n    font-size: 22px;\n  }\n\n  .eye-feature h3 {\n    font-size: 13px;\n  }\n\n  .eye-feature p {\n    font-size: 11px;\n  }\n}\n\n@media (max-width: 390px) {\n\n  .eye-tech h2 {\n    font-size: 32px;\n  }\n\n  .eye-feature-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .eye-feature p {\n    font-size: 10.5px;\n  }\n}\n\n\n\/* ACCESSIBILITY *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .eye-product-page *,\n  .eye-product-page *::before,\n  .eye-product-page *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"eye-product-page\"\u003e\n\n  \u003c!-- PRODUCT DESCRIPTION --\u003e\n\n  \u003csection class=\"eye-copy\"\u003e\n\n    \u003cdiv class=\"eye-copy-tag\"\u003e\n      Your Personal Reset\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Switch Off The World.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"eye-copy-lead\"\u003e\n      Long day. Too much screen time. Tension building around your eyes and temples.\n      Sometimes you just want everything to stop for a few minutes.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      This intelligent eye massager combines soothing heat, rhythmic air compression,\n      gentle vibration and relaxing audio to create a calming massage experience\n      around the eyes and temples.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Whether you have spent the day staring at screens, working long hours,\n      studying, travelling or simply carrying the tension of a busy day,\n      slip it on, lean back and give yourself a moment to reset.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"eye-benefit-list\"\u003e\n\n      \u003cdiv class=\"eye-benefit\"\u003e\n        \u003cdiv class=\"eye-benefit-dot\"\u003e✓\u003c\/div\u003e\n        Tired and strained eyes\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"eye-benefit\"\u003e\n        \u003cdiv class=\"eye-benefit-dot\"\u003e✓\u003c\/div\u003e\n        Everyday temple tension\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"eye-benefit\"\u003e\n        \u003cdiv class=\"eye-benefit-dot\"\u003e✓\u003c\/div\u003e\n        Long screen sessions\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"eye-benefit\"\u003e\n        \u003cdiv class=\"eye-benefit-dot\"\u003e✓\u003c\/div\u003e\n        Relaxation before sleep\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"eye-benefit\"\u003e\n        \u003cdiv class=\"eye-benefit-dot\"\u003e✓\u003c\/div\u003e\n        Work and study recovery\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"eye-benefit\"\u003e\n        \u003cdiv class=\"eye-benefit-dot\"\u003e✓\u003c\/div\u003e\n        Travel and downtime\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cp class=\"eye-reset-line\"\u003e\n      Put it on. Press play. Let the day fade away.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- VISUAL FEATURE EXPERIENCE --\u003e\n\n  \u003csection class=\"eye-tech\"\u003e\n\n    \u003cdiv class=\"eye-orb eye-orb-one\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"eye-orb eye-orb-two\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"eye-scan\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"eye-tech-tag\"\u003e\n      Intelligent Relaxation Technology\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Four Ways To Switch Off.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"eye-tech-intro\"\u003e\n      Heat, compression, vibration and audio work together to transform\n      a few quiet minutes into your own personal escape.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"eye-energy\"\u003e\n\n      \u003cdiv class=\"eye-energy-ring\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"eye-energy-ring\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"eye-energy-ring\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"eye-energy-core\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"eye-energy-text\"\u003e\n        Relaxation Activated\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"eye-feature-grid\"\u003e\n\n      \u003cdiv class=\"eye-feature\"\u003e\n        \u003cdiv class=\"eye-feature-icon\"\u003e♨\u003c\/div\u003e\n        \u003ch3\u003eHeat Therapy\u003c\/h3\u003e\n        \u003cp\u003e\n          Comforting warmth surrounds the eye area for a soothing experience.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"eye-feature\"\u003e\n        \u003cdiv class=\"eye-feature-icon\"\u003e↔\u003c\/div\u003e\n        \u003ch3\u003eAir Compression\u003c\/h3\u003e\n        \u003cp\u003e\n          Rhythmic pressure gently massages around the eyes and temples.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"eye-feature\"\u003e\n        \u003cdiv class=\"eye-feature-icon\"\u003e〰\u003c\/div\u003e\n        \u003ch3\u003eVibration Massage\u003c\/h3\u003e\n        \u003cp\u003e\n          Gentle vibration adds another layer of relaxing massage.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"eye-feature\"\u003e\n        \u003cdiv class=\"eye-feature-icon\"\u003e♫\u003c\/div\u003e\n        \u003ch3\u003eBluetooth Audio\u003c\/h3\u003e\n        \u003cp\u003e\n          Play music, meditation, podcasts or your favourite calming sounds.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"eye-finale\"\u003e\n\n      \u003cdiv class=\"eye-finale-small\"\u003e\n        Your Moment Starts Here\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"eye-finale-text\"\u003e\n        Heat. Pressure. Massage. Escape.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Hookain ","offers":[{"title":"Default Title","offer_id":48315757592812,"sku":null,"price":50.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0346\/5573\/1843\/files\/ChatGPT_Image_Sep_6_2026_03_26_24_PM.png?v=1788672505","url":"https:\/\/www.hookain.store\/products\/eye-massager","provider":"Hookain ","version":"1.0","type":"link"}