{"product_id":"hestonix™-rotating-focus-timer-with-halo-progress-display","title":"Hestonix™ Rotating Focus Timer with Halo Progress Display","description":"\u003cstyle\u003e\n  \/* Base Scoped Styles for Shopify Compatibility *\/\n  .hestonix-pdp-wrapper {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    color: #1e293b;\n    line-height: 1.65;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 12px;\n    box-sizing: border-box;\n    background-color: #ffffff;\n  }\n\n  .hestonix-pdp-wrapper * {\n    box-sizing: border-box;\n  }\n\n  \/* Typography \u0026 Badges *\/\n  .hestonix-badge {\n    display: inline-block;\n    background-color: #f0fdf4;\n    color: #15803d;\n    border: 1px solid #bbf7d0;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.2px;\n    padding: 6px 14px;\n    border-radius: 50px;\n    margin-bottom: 12px;\n  }\n\n  .hestonix-badge-purple {\n    background-color: #f5f3ff;\n    color: #6d28d9;\n    border: 1px solid #ddd6fe;\n  }\n\n  .hestonix-badge-blue {\n    background-color: #f0f9ff;\n    color: #0369a1;\n    border: 1px solid #bae6fd;\n  }\n\n  .hestonix-title {\n    font-size: 28px;\n    font-weight: 800;\n    color: #0f172a;\n    line-height: 1.25;\n    margin: 0 0 16px 0;\n    letter-spacing: -0.5px;\n  }\n\n  .hestonix-subtitle {\n    font-size: 16px;\n    color: #475569;\n    margin-bottom: 24px;\n  }\n\n  \/* Hero Banner *\/\n  .hestonix-hero {\n    text-align: center;\n    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n    padding: 36px 20px 28px;\n    border-radius: 20px;\n    border: 1px solid #f1f5f9;\n    margin-bottom: 40px;\n  }\n\n  .hestonix-hero-img-wrap {\n    margin-top: 24px;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 12px 30px -8px rgba(15, 23, 42, 0.1);\n  }\n\n  .hestonix-hero-img-wrap img {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n  }\n\n  \/* Grid Layouts *\/\n  .hestonix-grid-2 {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: center;\n    margin-bottom: 44px;\n  }\n\n  .hestonix-features-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 18px;\n    margin-bottom: 40px;\n  }\n\n  \/* Feature Cards *\/\n  .hestonix-card {\n    background: #f8fafc;\n    border: 1px solid #e2e8f0;\n    border-radius: 16px;\n    padding: 24px;\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .hestonix-card-icon {\n    font-size: 26px;\n    margin-bottom: 12px;\n    display: inline-block;\n  }\n\n  .hestonix-card-title {\n    font-size: 16px;\n    font-weight: 700;\n    color: #0f172a;\n    margin: 0 0 8px 0;\n  }\n\n  .hestonix-card-desc {\n    font-size: 14px;\n    color: #475569;\n    margin: 0;\n    line-height: 1.55;\n  }\n\n  \/* Media Card \/ Visual Sections *\/\n  .hestonix-media-box {\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);\n  }\n\n  .hestonix-media-box img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .hestonix-content-box h3 {\n    font-size: 22px;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0 0 14px 0;\n    line-height: 1.3;\n  }\n\n  .hestonix-content-box p {\n    font-size: 15px;\n    color: #334155;\n    margin-bottom: 16px;\n  }\n\n  \/* Pill Badges *\/\n  .hestonix-badge-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 18px;\n  }\n\n  .hestonix-pill {\n    background: #ffffff;\n    border: 1px solid #cbd5e1;\n    color: #334155;\n    font-size: 13px;\n    font-weight: 600;\n    padding: 6px 14px;\n    border-radius: 20px;\n    box-shadow: 0 1px 2px rgba(0,0,0,0.04);\n  }\n\n  \/* Highlight Banner *\/\n  .hestonix-highlight-bar {\n    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\n    color: #ffffff;\n    border-radius: 18px;\n    padding: 32px 28px;\n    margin-bottom: 40px;\n    text-align: center;\n  }\n\n  .hestonix-highlight-bar h3 {\n    color: #ffffff;\n    font-size: 21px;\n    font-weight: 700;\n    margin: 0 0 12px 0;\n  }\n\n  .hestonix-highlight-bar p {\n    color: #cbd5e1;\n    margin: 0;\n    font-size: 15px;\n    max-width: 720px;\n    margin: 0 auto;\n    line-height: 1.6;\n  }\n\n  \/* Guarantee \/ Mindful Productivity Section *\/\n  .hestonix-guarantee {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    background: #f0fdf4;\n    border: 1px dashed #22c55e;\n    padding: 22px;\n    border-radius: 16px;\n    margin-top: 24px;\n  }\n\n  .hestonix-guarantee-icon {\n    font-size: 34px;\n    flex-shrink: 0;\n  }\n\n  .hestonix-guarantee-text h4 {\n    margin: 0 0 4px 0;\n    font-size: 16px;\n    color: #14532d;\n    font-weight: 700;\n  }\n\n  .hestonix-guarantee-text p {\n    margin: 0;\n    font-size: 13px;\n    color: #166534;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 768px) {\n    .hestonix-grid-2 {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n\n    .hestonix-features-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .hestonix-title {\n      font-size: 23px;\n    }\n\n    .hestonix-content-box h3 {\n      font-size: 19px;\n    }\n\n    .hestonix-grid-2.hestonix-reverse-mobile {\n      display: flex;\n      flex-direction: column-reverse;\n    }\n\n    .hestonix-hero {\n      padding: 24px 16px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"hestonix-pdp-wrapper\"\u003e\n\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"hestonix-hero\"\u003e\n    \u003cspan class=\"hestonix-badge\"\u003eVisual Time Management\u003c\/span\u003e\n    \u003ch2 class=\"hestonix-title\"\u003eHestonix™ Rotating Focus Timer with Halo Progress Display\u003c\/h2\u003e\n    \u003cp class=\"hestonix-subtitle\"\u003e\n      Time feels different when you can actually see it moving. Designed for effortless visual focus without turning your desk into another screen-filled workspace.\n    \u003c\/p\u003e\n    \n    \u003cdiv class=\"hestonix-hero-img-wrap\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/4782\/3922\/files\/1_4687f7f2-f7a0-4c53-a1b1-cb450e342e6a.png?v=1789730556\" alt=\"Hestonix Rotating Focus Timer with Halo Progress Display\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- FEATURE SECTION 1: VISUAL HALO \u0026 ROTATING CONTROL --\u003e\n  \u003cdiv class=\"hestonix-grid-2\"\u003e\n    \u003cdiv class=\"hestonix-content-box\"\u003e\n      \u003cspan class=\"hestonix-badge hestonix-badge-purple\"\u003eIntuitive Interaction\u003c\/span\u003e\n      \u003ch3\u003eUnderstand Time at a Single Glance\u003c\/h3\u003e\n      \u003cp\u003e\n        At the center of the design is a large angled digital display surrounded by a soft illuminated progress ring. Instead of constantly reading tiny numbers, you can instantly feel how much time remains as the light gradually changes around the display.\n      \u003c\/p\u003e\n      \u003cp\u003e\n        A tactile outer control ring makes setting the timer feel immediate. Simply rotate it to choose your time, press to start or pause, and turn again whenever you need a quick adjustment.\n      \u003c\/p\u003e\n      \u003cdiv class=\"hestonix-badge-list\"\u003e\n        \u003cspan class=\"hestonix-pill\"\u003e💡 Visual Light Ring\u003c\/span\u003e\n        \u003cspan class=\"hestonix-pill\"\u003e🌀 Tactile Outer Dial\u003c\/span\u003e\n        \u003cspan class=\"hestonix-pill\"\u003e⏱️ Countdown \u0026amp; Count-Up\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hestonix-media-box\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/4782\/3922\/files\/2_7b369fe6-38d7-4b64-bc2a-95e63d94eb0d.png?v=1789730556\" alt=\"Hestonix Halo Display and Rotating Dial Feature\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- FEATURE SECTION 2: QUIET MODE \u0026 DESK AESTHETICS --\u003e\n  \u003cdiv class=\"hestonix-grid-2 hestonix-reverse-mobile\"\u003e\n    \u003cdiv class=\"hestonix-media-box\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/4782\/3922\/files\/3_3d0f4b7a-ee61-4ad9-afa4-ecd95ddfb742.png?v=1789730556\" alt=\"Hestonix Focus Timer Desk Setup Aesthetics\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hestonix-content-box\"\u003e\n      \u003cspan class=\"hestonix-badge hestonix-badge-blue\"\u003eThoughtful Desk Aesthetic\u003c\/span\u003e\n      \u003ch3\u003eDesigned to Live Seamlessly on Your Desk\u003c\/h3\u003e\n      \u003cp\u003e\n        The timer sits on a compact weighted base with a subtly tilted face, making the display easy to read from a natural seated position. Its rounded matte body looks at home beside laptops, notebooks, and lamps rather than looking like a kitchen appliance.\n      \u003c\/p\u003e\n      \u003cp\u003e\n        For quiet environments, a \u003cstrong\u003evisual-only mode\u003c\/strong\u003e lets the light ring notify you without audible alarms—perfect for libraries, shared offices, and late-night study sessions.\n      \u003c\/p\u003e\n      \u003cdiv class=\"hestonix-badge-list\"\u003e\n        \u003cspan class=\"hestonix-pill\"\u003e🌙 Silent Visual Mode\u003c\/span\u003e\n        \u003cspan class=\"hestonix-pill\"\u003e📐 Angled Display\u003c\/span\u003e\n        \u003cspan class=\"hestonix-pill\"\u003e🔋 Built-in Rechargeable Power\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 7 KEY SELLING POINTS GRID --\u003e\n  \u003cdiv style=\"text-align: center; margin-bottom: 28px;\"\u003e\n    \u003ch3 style=\"font-size: 24px; font-weight: 800; color: #0f172a; margin-bottom: 8px;\"\u003eWhy The Hestonix™ Timer Belongs on Your Desk\u003c\/h3\u003e\n    \u003cp style=\"color: #64748b; font-size: 15px; margin: 0;\"\u003eDesigned to create a calmer, more visual, and intentional relationship with time.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hestonix-features-grid\"\u003e\n    \u003c!-- Card 1 --\u003e\n    \u003cdiv class=\"hestonix-card\"\u003e\n      \u003cspan class=\"hestonix-card-icon\"\u003e💡\u003c\/span\u003e\n      \u003ch4 class=\"hestonix-card-title\"\u003eVisual Halo Progress Display\u003c\/h4\u003e\n      \u003cp class=\"hestonix-card-desc\"\u003eThe illuminated ring gives you an instant visual sense of remaining time, so you stay aware without squinting at countdown digits.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Card 2 --\u003e\n    \u003cdiv class=\"hestonix-card\"\u003e\n      \u003cspan class=\"hestonix-card-icon\"\u003e✨\u003c\/span\u003e\n      \u003ch4 class=\"hestonix-card-title\"\u003eTactile Rotating Time Control\u003c\/h4\u003e\n      \u003cp class=\"hestonix-card-desc\"\u003eTurn the outer dial to set time and press to start or pause. Faster and far more satisfying than tapping phones or menus.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Card 3 --\u003e\n    \u003cdiv class=\"hestonix-card\"\u003e\n      \u003cspan class=\"hestonix-card-icon\"\u003e⚡\u003c\/span\u003e\n      \u003ch4 class=\"hestonix-card-title\"\u003eCountdown \u0026amp; Count-Up Modes\u003c\/h4\u003e\n      \u003cp class=\"hestonix-card-desc\"\u003eUse countdown mode for deep work, study, or workouts, or switch to count-up mode to track how long tasks actually take.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Card 4 --\u003e\n    \u003cdiv class=\"hestonix-card\"\u003e\n      \u003cspan class=\"hestonix-card-icon\"\u003e🌙\u003c\/span\u003e\n      \u003ch4 class=\"hestonix-card-title\"\u003eQuiet Visual-Only Mode\u003c\/h4\u003e\n      \u003cp class=\"hestonix-card-desc\"\u003eMute audible alerts and rely entirely on changing light halos—ideal for quiet offices, dorms, reading rooms, or nighttime use.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Card 5 --\u003e\n    \u003cdiv class=\"hestonix-card\"\u003e\n      \u003cspan class=\"hestonix-card-icon\"\u003e🏠\u003c\/span\u003e\n      \u003ch4 class=\"hestonix-card-title\"\u003eDesigned to Live on Your Desk\u003c\/h4\u003e\n      \u003cp class=\"hestonix-card-desc\"\u003eCompact weighted base, comfortable tilt angle, and premium matte finish blend naturally into any clean modern workspace.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Card 6 --\u003e\n    \u003cdiv class=\"hestonix-card\"\u003e\n      \u003cspan class=\"hestonix-card-icon\"\u003e🔋\u003c\/span\u003e\n      \u003ch4 class=\"hestonix-card-title\"\u003eRechargeable Everyday Convenience\u003c\/h4\u003e\n      \u003cp class=\"hestonix-card-desc\"\u003eInternal rechargeable battery eliminates disposable battery replacements, keeping your desk neat and ready every day.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- HIGHLIGHT BANNER --\u003e\n  \u003cdiv class=\"hestonix-highlight-bar\"\u003e\n    \u003ch3\u003e🎁 A Practical Gift for Better Everyday Routines\u003c\/h3\u003e\n    \u003cp\u003e\n      Whether protecting a 25-minute Pomodoro focus block, pacing a workout, managing meetings, or keeping homework on track, Hestonix™ helps turn good intentions into effortless daily habits.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- GUARANTEE \/ FOOTER NOTE --\u003e\n  \u003cdiv class=\"hestonix-guarantee\"\u003e\n    \u003cdiv class=\"hestonix-guarantee-icon\"\u003e🌿\u003c\/div\u003e\n    \u003cdiv class=\"hestonix-guarantee-text\"\u003e\n      \u003ch4\u003eCalmer Focus \u0026amp; Better Time Control Guaranteed\u003c\/h4\u003e\n      \u003cp\u003eExperience physical, distraction-free time tracking that keeps you focused without adding screen fatigue to your workday.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":51841134395698,"sku":"HST-DG002","price":49.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0997\/4782\/3922\/files\/51889b8b-cca1-4309-9598-c77f6bdb4442.png?v=1789730510","url":"https:\/\/hestonix.com\/products\/hestonix%e2%84%a2-rotating-focus-timer-with-halo-progress-display","provider":"Hestonix™","version":"1.0","type":"link"}