{"product_id":"hestonix™-fold-flat-magnetic-charging-dock-with-pivoting-phone-stand-and-integrated-valet-tray","title":"Hestonix™ Fold-Flat Magnetic Charging Dock with Pivoting Phone Stand and Integrated Valet Tray","description":"\u003cstyle\u003e\n  \/* Scoped Container reset to prevent Shopify theme CSS bleeding *\/\n  .hestonix-dock-pdp {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    color: #334155;\n    background-color: #ffffff;\n    line-height: 1.65;\n    max-width: 1040px;\n    margin: 0 auto;\n    padding: 24px 12px;\n    box-sizing: border-box;\n  }\n\n  .hestonix-dock-pdp * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* Color Design Tokens - Tech Executive Slate \u0026 Cyan Glow Palette *\/\n  .hestonix-dock-pdp {\n    --h-slate-dark: #0f172a;\n    --h-slate-card: #1e293b;\n    --h-accent-blue: #2563eb;\n    --h-accent-cyan: #0ea5e9;\n    --h-accent-light: #e0f2fe;\n    --h-accent-border: #bae6fd;\n    --h-soft-bg: #f8fafc;\n    --h-card-border: #e2e8f0;\n    --h-text-main: #334155;\n    --h-text-dark: #0f172a;\n    --h-text-muted: #64748b;\n    --h-radius-xl: 24px;\n    --h-radius-lg: 16px;\n    --h-radius-md: 12px;\n  }\n\n  \/* Typography Rules *\/\n  .hestonix-dock-pdp h2 {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--h-text-dark);\n    line-height: 1.3;\n    letter-spacing: -0.02em;\n    margin-bottom: 14px;\n  }\n\n  .hestonix-dock-pdp h3 {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--h-text-dark);\n    margin-bottom: 8px;\n  }\n\n  .hestonix-dock-pdp p {\n    font-size: 15px;\n    color: var(--h-text-main);\n    margin-bottom: 16px;\n  }\n\n  \/* Badges \u0026 Tag Pills *\/\n  .hestonix-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background-color: var(--h-accent-light);\n    color: #0284c7;\n    border: 1px solid var(--h-accent-border);\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    padding: 6px 16px;\n    border-radius: 30px;\n    margin-bottom: 14px;\n  }\n\n  .hestonix-pill-wrapper {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 18px;\n  }\n\n  .hestonix-pill {\n    background-color: #ffffff;\n    border: 1px solid var(--h-card-border);\n    padding: 7px 16px;\n    border-radius: 50px;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--h-text-dark);\n    box-shadow: 0 2px 6px rgba(0,0,0,0.02);\n  }\n\n  \/* Hero Callout Header Banner *\/\n  .hestonix-hero-banner {\n    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\n    color: #ffffff;\n    border-radius: var(--h-radius-xl);\n    padding: 44px;\n    margin-bottom: 56px;\n    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.18);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hestonix-hero-banner::after {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -20%;\n    width: 320px;\n    height: 320px;\n    background: radial-gradient(circle, rgba(14, 165, 233, 0.22) 0%, rgba(0,0,0,0) 70%);\n    pointer-events: none;\n  }\n\n  .hestonix-hero-banner h2 {\n    color: #ffffff;\n    font-size: 32px;\n  }\n\n  .hestonix-hero-banner p {\n    color: #cbd5e1;\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  \/* Layout Grids *\/\n  .hestonix-two-col {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    align-items: center;\n    margin-bottom: 56px;\n  }\n\n  \/* Image Containers with Subtle Zoom *\/\n  .hestonix-img-wrapper {\n    position: relative;\n    border-radius: var(--h-radius-xl);\n    overflow: hidden;\n    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);\n    background-color: #f1f5f9;\n  }\n\n  .hestonix-img-wrapper img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n  }\n\n  .hestonix-img-wrapper:hover img {\n    transform: scale(1.035);\n  }\n\n  \/* 7-Benefit Grid (1 Highlight Featured Card + 6 Sub-cards) *\/\n  .hestonix-benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin-bottom: 56px;\n  }\n\n  .hestonix-card {\n    background-color: var(--h-soft-bg);\n    border: 1px solid var(--h-card-border);\n    border-radius: var(--h-radius-lg);\n    padding: 24px;\n    transition: all 0.3s ease;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n  }\n\n  .hestonix-card:hover {\n    border-color: var(--h-accent-cyan);\n    background-color: #ffffff;\n    transform: translateY(-4px);\n    box-shadow: 0 12px 28px rgba(14, 165, 233, 0.12);\n  }\n\n  .hestonix-card-featured {\n    grid-column: span 3;\n    background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);\n    border: 2px solid var(--h-accent-border);\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 24px;\n  }\n\n  .hestonix-icon-box {\n    width: 48px;\n    height: 48px;\n    background-color: #ffffff;\n    border-radius: var(--h-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 16px;\n    font-size: 24px;\n    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);\n    flex-shrink: 0;\n  }\n\n  \/* Location\/Use-Case Grid *\/\n  .hestonix-location-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n    margin-top: 20px;\n  }\n\n  .hestonix-location-item {\n    background-color: #ffffff;\n    border: 1px solid var(--h-card-border);\n    border-radius: var(--h-radius-md);\n    padding: 12px 10px;\n    text-align: center;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--h-text-dark);\n    box-shadow: 0 2px 4px rgba(0,0,0,0.02);\n  }\n\n  \/* Gift Box Section *\/\n  .hestonix-gift-card {\n    background-color: var(--h-accent-light);\n    border: 1px solid var(--h-accent-border);\n    border-left: 6px solid #0284c7;\n    border-radius: var(--h-radius-lg);\n    padding: 28px;\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    margin-top: 40px;\n  }\n\n  .hestonix-gift-icon {\n    font-size: 40px;\n    flex-shrink: 0;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .hestonix-two-col,\n    .hestonix-benefit-grid {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n\n    .hestonix-card-featured {\n      grid-column: span 1;\n      flex-direction: column;\n      align-items: flex-start;\n    }\n\n    .hestonix-location-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .hestonix-hero-banner {\n      padding: 30px 20px;\n    }\n\n    .hestonix-hero-banner h2 {\n      font-size: 24px;\n    }\n\n    .hestonix-dock-pdp h2 {\n      font-size: 22px;\n    }\n\n    .hestonix-gift-card {\n      flex-direction: column;\n      text-align: center;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"hestonix-dock-pdp\"\u003e\n  \n  \u003c!-- HERO BANNER SECTION --\u003e\n  \u003cdiv class=\"hestonix-hero-banner\"\u003e\n    \u003cspan class=\"hestonix-badge\" style=\"background: rgba(14, 165, 233, 0.2); color: #38bdf8; border-color: rgba(56, 189, 248, 0.4);\"\u003e\n      ⚡ Modern Desktop \u0026amp; Bedside Valet\n    \u003c\/span\u003e\n    \u003ch2\u003eHestonix™ Fold-Flat Magnetic Charging Dock\u003c\/h2\u003e\n    \u003cp\u003e\n      Meet a charging station designed to look less like a piece of tech and more like a refined object you actually want to leave on display. Instead of the typical upright charging stand or loose charging puck, this design features a slim magnetic charging disc that rises smoothly from a sculpted low-profile base, then folds completely flat when you want a cleaner, quieter surface.\n    \u003c\/p\u003e\n    \u003cdiv class=\"hestonix-pill-wrapper\"\u003e\n      \u003cspan class=\"hestonix-pill\" style=\"background: rgba(255,255,255,0.12); color: #ffffff; border: none;\"\u003e🧲 Effortless Magnetic Alignment\u003c\/span\u003e\n      \u003cspan class=\"hestonix-pill\" style=\"background: rgba(255,255,255,0.12); color: #ffffff; border: none;\"\u003e✨ Fold-Flat Sculptural Design\u003c\/span\u003e\n      \u003cspan class=\"hestonix-pill\" style=\"background: rgba(255,255,255,0.12); color: #ffffff; border: none;\"\u003e🏠 Integrated Valet Tray\u003c\/span\u003e\n      \u003cspan class=\"hestonix-pill\" style=\"background: rgba(255,255,255,0.12); color: #ffffff; border: none;\"\u003e🌙 Subtle Status Glow\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1: FOLD-FLAT DESIGN \u0026 MAGNETIC ALIGNMENT (IMAGE 1) --\u003e\n  \u003cdiv class=\"hestonix-two-col\"\u003e\n    \u003cdiv class=\"hestonix-img-wrapper\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/4782\/3922\/files\/1_7b47ea90-0224-4263-9745-f06e1b71c6c1.png?v=1789728303\" alt=\"Hestonix Fold-Flat Magnetic Charging Dock Overview and Folded State\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cspan class=\"hestonix-badge\"\u003e🧲 Sculptural Fold-Flat Architecture\u003c\/span\u003e\n      \u003ch2\u003eSeamless Magnetic Charging Meets Minimalist Sculpture\u003c\/h2\u003e\n      \u003cp\u003e\n        Snap your compatible phone into place for effortless magnetic alignment, tilt the charging surface to a comfortable viewing angle, and rotate your phone vertically for messages and calls or horizontally for videos, timers, and bedside StandBy viewing.\n      \u003c\/p\u003e\n      \u003cp\u003e\n        The weighted base helps keep the dock steady when attaching or removing your device with one hand, turning your daily power-up routine into a cleaner, more organized part of your workspace or nightstand.\n      \u003c\/p\u003e\n      \u003cdiv class=\"hestonix-pill-wrapper\"\u003e\n        \u003cspan class=\"hestonix-pill\"\u003eOne-Hand Snap \u0026amp; Go\u003c\/span\u003e\n        \u003cspan class=\"hestonix-pill\"\u003eFold-Flat Storage\u003c\/span\u003e\n        \u003cspan class=\"hestonix-pill\"\u003eWeighted Non-Slip Base\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 2: 7 KEY BENEFIT CARDS MATRIX --\u003e\n  \u003cdiv style=\"text-align: center; margin-bottom: 32px;\"\u003e\n    \u003cspan class=\"hestonix-badge\"\u003eEngineered for Tech \u0026amp; Interior Styling\u003c\/span\u003e\n    \u003ch2\u003e7 Reasons Hestonix™ Elevates Your Everyday Space\u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hestonix-benefit-grid\"\u003e\n    \u003c!-- Featured Card 1 (Full Width \/ Standout) --\u003e\n    \u003cdiv class=\"hestonix-card hestonix-card-featured\"\u003e\n      \u003cdiv class=\"hestonix-icon-box\" style=\"margin-bottom: 0; background: var(--h-accent-light); font-size: 28px;\"\u003e🧲\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch3 style=\"color: var(--h-text-dark); margin-bottom: 4px;\"\u003eEffortless Magnetic Alignment\u003c\/h3\u003e\n        \u003cp style=\"margin: 0; color: #475569;\"\u003e\n          Simply bring a compatible phone near the charging surface and the magnetic design helps position it neatly for convenient wireless charging without constantly adjusting placement.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Sub-Card 2 --\u003e\n    \u003cdiv class=\"hestonix-card\"\u003e\n      \u003cdiv class=\"hestonix-icon-box\"\u003e✨\u003c\/div\u003e\n      \u003ch3\u003eFold-Flat Sculptural Design\u003c\/h3\u003e\n      \u003cp\u003eThe charging disc folds down into the base when not in use, creating a clean, low-profile form that looks refined on a desk, nightstand, or entry table.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Sub-Card 3 --\u003e\n    \u003cdiv class=\"hestonix-card\"\u003e\n      \u003cdiv class=\"hestonix-icon-box\"\u003e📱\u003c\/div\u003e\n      \u003ch3\u003eAdjustable Viewing Angle\u003c\/h3\u003e\n      \u003cp\u003eTilt the magnetic charging surface for comfortable bedside viewing, video calls, notifications, timers, recipes, or desk use while charging.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Sub-Card 4 --\u003e\n    \u003cdiv class=\"hestonix-card\"\u003e\n      \u003cdiv class=\"hestonix-icon-box\"\u003e🔄\u003c\/div\u003e\n      \u003ch3\u003ePortrait or Landscape Rotating\u003c\/h3\u003e\n      \u003cp\u003eRotate vertically for everyday messaging or horizontally for streaming videos, following workouts, or using a bedside clock display.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Sub-Card 5 --\u003e\n    \u003cdiv class=\"hestonix-card\"\u003e\n      \u003cdiv class=\"hestonix-icon-box\"\u003e🏠\u003c\/div\u003e\n      \u003ch3\u003eBuilt-In Valet Tray\u003c\/h3\u003e\n      \u003cp\u003eA recessed side area keeps small everyday items such as keys, rings, earbuds, and accessories organized in one dedicated place.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Sub-Card 6 --\u003e\n    \u003cdiv class=\"hestonix-card\"\u003e\n      \u003cdiv class=\"hestonix-icon-box\"\u003e🌙\u003c\/div\u003e\n      \u003ch3\u003eSubtle Charging Glow\u003c\/h3\u003e\n      \u003cp\u003eA soft edge light adds a refined visual cue while keeping nighttime environments calm and uncluttered, perfect for bedrooms.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Sub-Card 7 --\u003e\n    \u003cdiv class=\"hestonix-card\"\u003e\n      \u003cdiv class=\"hestonix-icon-box\"\u003e🎁\u003c\/div\u003e\n      \u003ch3\u003eDoubles as Modern Décor\u003c\/h3\u003e\n      \u003cp\u003eWith its concealed cable routing, matte finish, and furniture-friendly silhouette, it brings practical tech and interior styling together.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 3: INTEGRATED VALET TRAY \u0026 ORGANIZED SURFACES (IMAGE 2) --\u003e\n  \u003cdiv class=\"hestonix-two-col\"\u003e\n    \u003cdiv\u003e\n      \u003cspan class=\"hestonix-badge\"\u003e🏠 Built-In Everyday Organization\u003c\/span\u003e\n      \u003ch2\u003eKeep Everyday Pocket Items Tidy in One Spot\u003c\/h2\u003e\n      \u003cp\u003e\n        Say goodbye to scattered nightstand clutter. Beside the main magnetic charging arm, a softly recessed tray provides a dedicated home for your essential everyday carry items—such as house keys, jewelry, rings, earbuds, or coins.\n      \u003c\/p\u003e\n      \u003cp\u003e\n        A concealed rear cable channel routes power wires neatly out of sight, ensuring your nightstand, desk, or entryway table maintains a sleek, hotel-worthy aesthetic from every angle.\n      \u003c\/p\u003e\n      \u003cdiv class=\"hestonix-pill-wrapper\"\u003e\n        \u003cspan class=\"hestonix-pill\"\u003eSoft Recessed Tray\u003c\/span\u003e\n        \u003cspan class=\"hestonix-pill\"\u003eConcealed Cable Routing\u003c\/span\u003e\n        \u003cspan class=\"hestonix-pill\"\u003eAnti-Scratch Matte Finish\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hestonix-img-wrapper\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/4782\/3922\/files\/2_43d49cea-02db-4a15-b0fc-36da990efd1c.png?v=1789728303\" alt=\"Hestonix Charging Dock Valet Tray and Nightstand Organization\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 4: AMBIENT GLOW \u0026 VERSATILE LOCATIONS (IMAGE 3) --\u003e\n  \u003cdiv class=\"hestonix-two-col\"\u003e\n    \u003cdiv class=\"hestonix-img-wrapper\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/4782\/3922\/files\/3_f0b3e0c5-a71e-42c7-81d3-bbdbdf63b49a.png?v=1789728303\" alt=\"Hestonix Dock Subtle Edge Light Glow and Bedside Setup\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cspan class=\"hestonix-badge\"\u003e🌙 Calm Nighttime Ambiance\u003c\/span\u003e\n      \u003ch2\u003eSubtle Status Light for Distraction-Free Rest\u003c\/h2\u003e\n      \u003cp\u003e\n        Unlike conventional charging stands that flood dark bedrooms with piercing indicator LEDs, the Hestonix™ dock features a soft, understated edge glow that quietly communicates charging status without disrupting your sleep.\n      \u003c\/p\u003e\n      \u003cp\u003e\n        Finished with a smooth matte exterior and softly rounded geometry, it blends effortlessly into any interior decor scheme.\n      \u003c\/p\u003e\n      \n      \u003c!-- Multi-space location boxes --\u003e\n      \u003cdiv class=\"hestonix-location-grid\"\u003e\n        \u003cdiv class=\"hestonix-location-item\"\u003e🛏️ Bedside Nightstand\u003c\/div\u003e\n        \u003cdiv class=\"hestonix-location-item\"\u003e💻 Home Office Desk\u003c\/div\u003e\n        \u003cdiv class=\"hestonix-location-item\"\u003e🔑 Entryway Console\u003c\/div\u003e\n        \u003cdiv class=\"hestonix-location-item\"\u003e✈️ Hotel \u0026amp; Travel\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 5: GIFT \u0026 LIFESTYLE CALLOUT BANNER --\u003e\n  \u003cdiv class=\"hestonix-gift-card\"\u003e\n    \u003cdiv class=\"hestonix-gift-icon\"\u003e🎁\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003ch3 style=\"margin-bottom: 6px; color: var(--h-text-dark);\"\u003eA Tech Essential Worth Gifting\u003c\/h3\u003e\n      \u003cp style=\"margin: 0; font-size: 14px; color: var(--h-text-main);\"\u003e\n        Ideal for professionals, students, travelers, design-conscious homeowners, and anyone tired of tangled cords and cluttered charging areas. It turns a daily charging routine into a cleaner, more organized part of the room and makes a polished gift for birthdays, graduations, housewarmings, or holidays.\n      \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":51841059782962,"sku":"HST-CH001","price":59.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0997\/4782\/3922\/files\/9bd84d3c-6f4c-4baa-b25a-2311fc1b48d5.png?v=1789728300","url":"https:\/\/hestonix.com\/products\/hestonix%e2%84%a2-fold-flat-magnetic-charging-dock-with-pivoting-phone-stand-and-integrated-valet-tray","provider":"Hestonix™","version":"1.0","type":"link"}