{"product_id":"dashie-one™","title":"DASHIE One™","description":"\u003cstyle\u003e\n  .dashie-premium {\n    position: relative;\n    overflow: hidden;\n    padding: clamp(42px, 7vw, 92px) clamp(16px, 4vw, 48px);\n    border-radius: 30px;\n    color: #081225; \n    font-family: Arial, sans-serif;\n    background:\n      radial-gradient(circle at 85% 10%, rgba(0, 102, 255, 0.16), transparent 34%),\n      radial-gradient(circle at 10% 90%, rgba(0, 190, 255, 0.10), transparent 32%),\n      linear-gradient(135deg, #ffffff 0%, #f7fbff 42%, #edf7ff 100%);\n    border: 1px solid rgba(0, 102, 255, 0.10);\n    box-shadow: 0 30px 80px rgba(8, 18, 37, 0.10);\n  }\n\n  .dashie-premium::before {\n    content: \"\";\n    position: absolute;\n    inset: -40%;\n    background: linear-gradient(\n      120deg,\n      transparent 35%,\n      rgba(255,255,255,0.75) 50%,\n      transparent 65%\n    );\n    transform: translateX(-60%) rotate(8deg);\n    animation: dashieShine 7s ease-in-out infinite;\n    pointer-events: none;\n  }\n\n  .dashie-premium-wrap {\n    position: relative;\n    z-index: 2;\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .dashie-premium-top {\n    display: grid;\n    grid-template-columns: 1.05fr .95fr;\n    gap: clamp(30px, 5vw, 70px);\n    align-items: center;\n  }\n\n  .dashie-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 17px;\n    border-radius: 999px;\n    background: rgba(255,255,255,0.82);\n    border: 1px solid rgba(0,102,255,0.16);\n    color: #0066ff;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 1.4px;\n    text-transform: uppercase;\n    box-shadow: 0 12px 28px rgba(0,102,255,0.10);\n    animation: dashieFadeUp .8s ease both;\n  }\n\n  .dashie-premium-title {\n    margin: 22px 0 12px;\n    font-size: clamp(46px, 7.5vw, 90px);\n    line-height: .92;\n    letter-spacing: -2.4px;\n    font-weight: 950;\n    color: #071225;\n    animation: dashieFadeUp .8s ease .12s both;\n  }\n\n  .dashie-premium-title span {\n    color: #0066ff;\n  }\n\n  .dashie-premium-subtitle {\n    margin: 0 0 22px;\n    font-size: clamp(23px, 3vw, 38px);\n    line-height: 1.15;\n    font-weight: 900;\n    color: #172033;\n    animation: dashieFadeUp .8s ease .22s both;\n  }\n\n  .dashie-premium-copy {\n    max-width: 660px;\n    margin: 0;\n    color: #46546d;\n    font-size: clamp(15.5px, 1.6vw, 18px);\n    line-height: 1.75;\n    animation: dashieFadeUp .8s ease .32s both;\n  }\n\n  .dashie-premium-copy strong,\n  .dashie-blue {\n    color: #0066ff;\n    font-weight: 900;\n  }\n\n  .dashie-visual-card {\n    position: relative;\n    min-height: 280px;\n    border-radius: 30px;\n    background:\n      linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.35));\n    border: 1px solid rgba(0,102,255,0.12);\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,.85),\n      0 28px 70px rgba(8,18,37,.12);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 26px;\n    animation: dashieFloat 5s ease-in-out infinite;\n    overflow: hidden;\n  }\n\n  .dashie-visual-card::after {\n    content: \"360° ROAD COVERAGE\";\n    position: absolute;\n    bottom: 18px;\n    right: 20px;\n    color: rgba(0,102,255,.78);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 1.5px;\n  }\n\n  \/* NEW PREMIUM ORBIT *\/\n\n  .dashie-orbit {\n    position: relative;\n    width: 175px;\n    height: 175px;\n    border-radius: 50%;\n    border:\n      1px solid rgba(0,102,255,.18);\n    background:\n      radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), transparent 30%),\n      linear-gradient(145deg, rgba(255,255,255,.25), rgba(0,102,255,.05));\n    box-shadow:\n      inset 0 0 45px rgba(255,255,255,.45),\n      0 0 55px rgba(0,102,255,.10),\n      0 25px 50px rgba(8,18,37,.12);\n    backdrop-filter: blur(12px);\n  }\n\n  .dashie-orbit::before,\n  .dashie-orbit::after {\n    content: \"\";\n    position: absolute;\n    border-radius: 50%;\n    background:\n      radial-gradient(circle at 30% 30%, #7ed3ff, #0066ff 65%, #0041a8 100%);\n    box-shadow:\n      inset 0 2px 8px rgba(255,255,255,.55),\n      0 8px 24px rgba(0,102,255,.28),\n      0 0 16px rgba(0,102,255,.18);\n  }\n\n  \/* SMALLER CIRCLE 1 *\/\n  .dashie-orbit::before {\n    width: 22px;\n    height: 22px;\n    animation: dashieOrbitOne 7s linear infinite alternate;\n  }\n\n  \/* SMALLER CIRCLE 2 *\/\n  .dashie-orbit::after {\n    width: 16px;\n    height: 16px;\n    animation: dashieOrbitTwo 5s linear infinite alternate;\n  }\n\n  .dashie-lens {\n    position: absolute;\n    inset: 50%;\n    transform: translate(-50%, -50%);\n    width: 102px;\n    height: 102px;\n    border-radius: 50%;\n    background:\n      radial-gradient(circle at 40% 36%, #9fe0ff 0 8%, #2ca7ff 18%, #0066ff 32%, #071225 62%, #000 100%);\n    box-shadow:\n      inset 0 0 0 8px rgba(255,255,255,.14),\n      inset 0 0 0 18px rgba(0,102,255,.16),\n      inset 0 0 30px rgba(255,255,255,.08),\n      0 22px 45px rgba(0,102,255,.24),\n      0 0 18px rgba(0,102,255,.12);\n  }\n\n  .dashie-lens::before {\n    content: \"\";\n    position: absolute;\n    inset: 12px;\n    border-radius: 50%;\n    border: 1px solid rgba(255,255,255,.12);\n  }\n\n  .dashie-lens::after {\n    content: \"\";\n    position: absolute;\n    top: 18px;\n    left: 24px;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: rgba(255,255,255,.65);\n    filter: blur(2px);\n  }\n\n  .dashie-feature-grid {\n    margin-top: clamp(36px, 5vw, 62px);\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 15px;\n  }\n\n  .dashie-feature-card {\n    position: relative;\n    overflow: hidden;\n    background: rgba(255,255,255,0.84);\n    border: 1px solid rgba(0,102,255,0.11);\n    border-radius: 22px;\n    padding: 22px 16px;\n    text-align: center;\n    box-shadow: 0 16px 38px rgba(8,18,37,0.07);\n    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n    animation: dashieFadeUp .7s ease both;\n  }\n\n  .dashie-feature-card:hover {\n    transform: translateY(-7px);\n    border-color: rgba(0,102,255,0.32);\n    box-shadow: 0 26px 58px rgba(0,102,255,0.14);\n  }\n\n  .dashie-feature-icon {\n    width: 52px;\n    height: 52px;\n    margin: 0 auto 14px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #0066ff, #39adff);\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 24px;\n    box-shadow: 0 14px 30px rgba(0,102,255,0.24);\n  }\n\n  .dashie-feature-card strong {\n    display: block;\n    font-size: 14.5px;\n    line-height: 1.35;\n    color: #101828;\n  }\n\n  .dashie-sa-panel {\n    margin-top: 30px;\n    display: grid;\n    grid-template-columns: 1fr auto;\n    gap: 22px;\n    align-items: center;\n    background: rgba(255,255,255,0.86);\n    border: 1px solid rgba(0,102,255,0.12);\n    border-radius: 26px;\n    padding: clamp(22px, 3vw, 34px);\n    box-shadow: 0 18px 48px rgba(8,18,37,0.08);\n  }\n\n  .dashie-sa-panel h3 {\n    margin: 0 0 10px;\n    font-size: clamp(24px, 3vw, 34px);\n    font-weight: 950;\n    color: #071225;\n  }\n\n  .dashie-sa-panel p {\n    margin: 0;\n    color: #4c5a72;\n    font-size: 16px;\n    line-height: 1.7;\n    max-width: 780px;\n  }\n\n  .dashie-sa-badge {\n    min-width: 150px;\n    aspect-ratio: 1;\n    border-radius: 28px;\n    background: linear-gradient(135deg, #071225, #0066ff);\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 18px;\n    font-weight: 950;\n    box-shadow: 0 20px 46px rgba(0,102,255,.22);\n  }\n\n  .dashie-trust-row {\n    margin-top: 22px;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n  }\n\n  .dashie-trust {\n    background: #071225;\n    color: #fff;\n    border-radius: 18px;\n    padding: 16px;\n    font-size: 14px;\n    font-weight: 850;\n    text-align: center;\n    box-shadow: 0 14px 34px rgba(8,18,37,0.16);\n  }\n\n  .dashie-trust:nth-child(2) {\n    background: #0066ff;\n  }\n\n  @keyframes dashieFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(22px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes dashieFloat {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n  }\n\n  \/* DIFFERENT SPEEDS + OPPOSITE DIRECTIONS *\/\n\n  @keyframes dashieOrbitOne {\n    0% {\n      top: -10px;\n      left: 76px;\n    }\n    25% {\n      top: 74px;\n      left: 150px;\n    }\n    50% {\n      top: 145px;\n      left: 78px;\n    }\n    75% {\n      top: 72px;\n      left: -8px;\n    }\n    100% {\n      top: -10px;\n      left: 76px;\n    }\n  }\n\n  @keyframes dashieOrbitTwo {\n    0% {\n      bottom: -6px;\n      right: 72px;\n    }\n    25% {\n      bottom: 76px;\n      right: 148px;\n    }\n    50% {\n      bottom: 148px;\n      right: 76px;\n    }\n    75% {\n      bottom: 72px;\n      right: -6px;\n    }\n    100% {\n      bottom: -6px;\n      right: 72px;\n    }\n  }\n\n  @keyframes dashieShine {\n    0%, 45% { transform: translateX(-70%) rotate(8deg); opacity: 0; }\n    55% { opacity: 1; }\n    100% { transform: translateX(70%) rotate(8deg); opacity: 0; }\n  }\n\n  @media (max-width: 940px) {\n    .dashie-premium-top {\n      grid-template-columns: 1fr;\n      text-align: center;\n    }\n\n    .dashie-premium-copy {\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .dashie-visual-card {\n      order: -1;\n      min-height: 240px;\n    }\n\n    .dashie-feature-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .dashie-sa-panel {\n      grid-template-columns: 1fr;\n      text-align: center;\n    }\n\n    .dashie-sa-badge {\n      margin: 0 auto;\n    }\n  }\n\n  @media (max-width: 560px) {\n    .dashie-premium {\n      padding: 34px 14px;\n      border-radius: 22px;\n    }\n\n    .dashie-premium-title {\n      letter-spacing: -1px;\n    }\n\n    .dashie-feature-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .dashie-trust-row {\n      grid-template-columns: 1fr;\n    }\n\n    .dashie-orbit {\n      width: 145px;\n      height: 145px;\n    }\n\n    .dashie-lens {\n      width: 84px;\n      height: 84px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .dashie-premium::before,\n    .dashie-visual-card,\n    .dashie-orbit,\n    .dashie-feature-card,\n    .dashie-orbit::before,\n    .dashie-orbit::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"dashie-premium\"\u003e\n  \u003cdiv class=\"dashie-premium-wrap\"\u003e\n\n    \u003cdiv class=\"dashie-premium-top\"\u003e\n      \u003cdiv\u003e\n        \u003cdiv class=\"dashie-eyebrow\"\u003ePowered by HOCO DI61 Technology ⚡\u003c\/div\u003e\n\n        \u003ch2 class=\"dashie-premium-title\"\u003e\n          DASHIE \u003cspan\u003eOne™\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003ch3 class=\"dashie-premium-subtitle\"\u003e\n          Triple-Camera Smart Dashcam\n        \u003c\/h3\u003e\n\n        \u003cp class=\"dashie-premium-copy\"\u003e\n          The \u003cstrong\u003eDASHIE One™\u003c\/strong\u003e gives you complete road coverage with three synchronized cameras —\n          \u003cspan class=\"dashie-blue\"\u003efront, rear, and interior\u003c\/span\u003e — so you're always protected, no matter what happens on the road.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dashie-visual-card\"\u003e\n        \u003cdiv class=\"dashie-orbit\"\u003e\n          \u003cdiv class=\"dashie-lens\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dashie-feature-grid\"\u003e\n      \u003cdiv class=\"dashie-feature-card\"\u003e\n        \u003cdiv class=\"dashie-feature-icon\"\u003e🎥\u003c\/div\u003e\n        \u003cstrong\u003e3-Camera Simultaneous Recording\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dashie-feature-card\"\u003e\n        \u003cdiv class=\"dashie-feature-icon\"\u003e🌙\u003c\/div\u003e\n        \u003cstrong\u003eFull HD Footage, Day \u0026amp; Night\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dashie-feature-card\"\u003e\n        \u003cdiv class=\"dashie-feature-icon\"\u003e🔄\u003c\/div\u003e\n        \u003cstrong\u003eLoop Recording With Auto-Overwrite\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dashie-feature-card\"\u003e\n        \u003cdiv class=\"dashie-feature-icon\"\u003e👁️\u003c\/div\u003e\n        \u003cstrong\u003eWide-Angle Lens for Maximum Coverage\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dashie-feature-card\"\u003e\n        \u003cdiv class=\"dashie-feature-icon\"\u003e🚗\u003c\/div\u003e\n        \u003cstrong\u003eCompact, Discreet Design\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dashie-sa-panel\"\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eBuilt for South African Roads 🇿🇦\u003c\/h3\u003e\n        \u003cp\u003e\n          Whether you're navigating Joburg traffic or cruising the Garden Route, the DASHIE One™ has you covered.\n          Drive smarter. Drive safer.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dashie-sa-badge\"\u003e\n        Your Eyes\u003cbr\u003eon the Road.\u003cbr\u003eAlways.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dashie-trust-row\"\u003e\n      \u003cdiv class=\"dashie-trust\"\u003e🚚 Fast Nationwide Delivery\u003c\/div\u003e\n      \u003cdiv class=\"dashie-trust\"\u003e🛡️ Warranty Backed\u003c\/div\u003e\n      \u003cdiv class=\"dashie-trust\"\u003e💬 Local Support\u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Dashie","offers":[{"title":"Default Title","offer_id":45123404464151,"sku":"DSH-ONE-3CAM","price":699.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0798\/0233\/5255\/files\/ChatGPTImageMay10_2026_09_19_03AM.png?v=1778399344","url":"https:\/\/dashie.co.za\/products\/dashie-one%e2%84%a2","provider":"Dashie","version":"1.0","type":"link"}