{"product_id":"professional-installation-at-shop","title":"Professional Installation at Hurrey's","description":"\u003csection class=\"hp-install-wrap hp-theme-proinstall\" role=\"region\" aria-label=\"In-Shop Installation Service\"\u003e\n  \u003cstyle\u003e\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900\u0026display=swap');\n\n    :root{\n      \/* ===== PRO INSTALL (Yellow \/ Black) ===== *\/\n      --hp-yellow:#ffd400;\n      --hp-yellow-2:#ffea4a;\n      --hp-black:#0b0c0f;\n      --hp-black-2:#07070a;\n\n      \/* ===== Brighter Typography (fix) ===== *\/\n      --hp-text-title:#ffffff;\n      --hp-text-main:rgba(255,255,255,.92);\n      --hp-text-secondary:rgba(255,255,255,.82);\n      --hp-text-muted:rgba(255,255,255,.72);\n      --hp-text-fine:rgba(255,255,255,.62);\n\n      --hp-border:rgba(255,255,255,.12);\n      --hp-border-yellow:rgba(255,212,0,.28);\n\n      --hp-shadow: 0 18px 48px rgba(0,0,0,.55);\n      --hp-shadow-soft: 0 12px 30px rgba(0,0,0,.45);\n      --hp-shadow-hover: 0 26px 70px rgba(0,0,0,.68);\n\n      --hp-radius-xl: 24px;\n      --hp-radius-lg: 18px;\n      --hp-radius-md: 14px;\n\n      --hp-btn-h: 50px;\n    }\n\n    *{ box-sizing:border-box; }\n\n    \/* ===== Wrapper ===== *\/\n    .hp-install-wrap.hp-theme-proinstall{\n      max-width: 1100px;\n      margin: 34px auto;\n      padding: 34px;\n      border-radius: var(--hp-radius-xl);\n      font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n      color: var(--hp-text-main);\n      background:\n        radial-gradient(1000px 520px at 15% -10%, rgba(255,212,0,.22), transparent 60%),\n        radial-gradient(900px 520px at 110% 0%, rgba(255,234,74,.12), transparent 55%),\n        linear-gradient(180deg, var(--hp-black) 0%, var(--hp-black-2) 100%);\n      border: 1px solid rgba(255,212,0,.22);\n      box-shadow: var(--hp-shadow);\n    }\n\n    \/* ===== Header ===== *\/\n    .hp-install-header{\n      display:grid;\n      gap: 14px;\n      margin-bottom: 26px;\n    }\n\n    .hp-pill{\n      width:fit-content;\n      padding: 8px 14px;\n      border-radius: 999px;\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: .7px;\n      text-transform: uppercase;\n      color: #000;\n      background: linear-gradient(135deg, var(--hp-yellow), var(--hp-yellow-2));\n      box-shadow: 0 12px 34px rgba(255,212,0,.25);\n      border: 1px solid rgba(255,255,255,.12);\n    }\n\n    .hp-title{\n      margin: 0;\n      font-size: clamp(30px, 3.4vw, 44px);\n      line-height: 1.05;\n      font-weight: 900;\n      letter-spacing: -0.9px;\n      color: var(--hp-text-title);\n      text-shadow: 0 10px 26px rgba(0,0,0,.55);\n    }\n\n    .hp-subtitle{\n      margin: 0;\n      max-width: 86ch;\n      font-size: 15.5px;\n      line-height: 1.65;\n      color: var(--hp-text-secondary); \/* brighter than before *\/\n    }\n\n    \/* ===== Grid ===== *\/\n    .hp-grid{\n      display:grid;\n      grid-template-columns: 1.25fr .75fr;\n      gap: 22px;\n      align-items: start;\n    }\n    @media (max-width: 900px){\n      .hp-grid{ grid-template-columns: 1fr; }\n    }\n\n    \/* ===== Cards (Hover React) ===== *\/\n    .hp-card,\n    .hp-stat{\n      position: relative;\n      border-radius: var(--hp-radius-xl);\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));\n      border: 1px solid rgba(255,255,255,.12);\n      box-shadow: var(--hp-shadow-soft);\n      transition:\n        transform .35s cubic-bezier(.2,.8,.2,1),\n        box-shadow .35s cubic-bezier(.2,.8,.2,1),\n        border-color .35s ease;\n      will-change: transform;\n      overflow: hidden;\n    }\n\n    .hp-card::before,\n    .hp-stat::before{\n      content:\"\";\n      position:absolute;\n      left:0;\n      top:0;\n      height:100%;\n      width:5px;\n      background: linear-gradient(180deg, var(--hp-yellow), rgba(255,212,0,.18));\n      opacity: .95;\n    }\n\n    .hp-card::after,\n    .hp-stat::after{\n      content:\"\";\n      position:absolute;\n      inset:-1px;\n      border-radius: inherit;\n      pointer-events:none;\n      opacity:0;\n      transition: opacity .35s ease;\n      background:\n        radial-gradient(700px 260px at 22% 0%, rgba(255,212,0,.20), transparent 60%),\n        radial-gradient(700px 260px at 88% 15%, rgba(255,234,74,.12), transparent 60%);\n    }\n\n    .hp-card:hover,\n    .hp-stat:hover{\n      transform: translateY(-8px) scale(1.01);\n      box-shadow: var(--hp-shadow-hover);\n      border-color: var(--hp-border-yellow);\n    }\n    .hp-card:hover::after,\n    .hp-stat:hover::after{ opacity: 1; }\n\n    .hp-card-inner,\n    .hp-stat-inner{\n      padding: 26px;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* ===== Main Card Content ===== *\/\n    .hp-card h3{\n      margin: 0 0 14px;\n      font-size: 18px;\n      font-weight: 900;\n      color: var(--hp-text-title);\n      letter-spacing: -0.2px;\n    }\n\n    .hp-list{\n      margin: 0;\n      padding-left: 18px;\n      display: grid;\n      gap: 10px;\n      font-size: 14.5px;\n      line-height: 1.6;\n      color: var(--hp-text-secondary); \/* brighter *\/\n    }\n    .hp-list strong{\n      color: var(--hp-text-title);\n    }\n\n    \/* ===== Address Block ===== *\/\n    .hp-address{\n      margin-top: 22px;\n      padding: 18px;\n      border-radius: var(--hp-radius-lg);\n      background: linear-gradient(180deg, rgba(255,212,0,.12), rgba(255,255,255,.05));\n      border: 1px dashed rgba(255,212,0,.38);\n    }\n\n    .hp-address strong{\n      display:block;\n      font-size: 14px;\n      font-weight: 900;\n      margin-bottom: 8px;\n      color: var(--hp-yellow);\n      letter-spacing: .2px;\n    }\n\n    .hp-address .hp-addr-line{\n      color: var(--hp-text-main); \/* brighter address line *\/\n      font-weight: 700;\n    }\n\n    .hp-copy-row{\n      display:grid;\n      grid-template-columns: 1fr auto;\n      gap: 12px;\n      margin-top: 12px;\n      align-items: center;\n    }\n    @media (max-width: 520px){\n      .hp-copy-row{ grid-template-columns: 1fr; }\n    }\n\n    .hp-copy-row input{\n      height: var(--hp-btn-h);\n      padding: 0 14px;\n      border-radius: var(--hp-radius-md);\n      border: 1px solid rgba(255,255,255,.16);\n      background: rgba(0,0,0,.38);\n      color: var(--hp-text-title);\n      font-size: 14px;\n      outline: none;\n    }\n\n    .hp-copy-row button{\n      height: var(--hp-btn-h);\n      padding: 0 18px;\n      border-radius: var(--hp-radius-md);\n      border: 1px solid rgba(0,0,0,.25);\n      background: linear-gradient(135deg, var(--hp-yellow), var(--hp-yellow-2));\n      color: #000;\n      font-weight: 900;\n      cursor: pointer;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      box-shadow: 0 16px 38px rgba(255,212,0,.22);\n      transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;\n      white-space: nowrap;\n    }\n    .hp-copy-row button:hover{\n      transform: translateY(-2px);\n      box-shadow: 0 22px 52px rgba(255,212,0,.30);\n      filter: brightness(1.02);\n    }\n\n    \/* ===== Actions ===== *\/\n    .hp-actions{\n      display:flex;\n      flex-direction: column;\n      gap: 14px;\n      margin-top: 22px;\n      align-items: flex-start;\n    }\n\n    .hp-btn{\n      height: var(--hp-btn-h);\n      padding: 0 22px;\n      border-radius: 16px;\n      font-weight: 900;\n      font-size: 14px;\n      text-decoration:none;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;\n      white-space: nowrap;\n    }\n\n    .hp-btn-primary{\n      background: linear-gradient(135deg, var(--hp-yellow), var(--hp-yellow-2));\n      color: #000;\n      border: 1px solid rgba(0,0,0,.22);\n      box-shadow: 0 18px 50px rgba(255,212,0,.22);\n    }\n    .hp-btn-primary:hover{\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 26px 70px rgba(255,212,0,.30);\n      filter: brightness(1.02);\n    }\n\n    .hp-btn-secondary{\n      background: rgba(255,255,255,.09);\n      color: var(--hp-text-title);\n      border: 1px solid rgba(255,255,255,.16);\n      box-shadow: 0 14px 34px rgba(0,0,0,.40);\n    }\n    .hp-btn-secondary:hover{\n      transform: translateY(-2px);\n      box-shadow: 0 22px 56px rgba(0,0,0,.55);\n      border-color: rgba(255,212,0,.22);\n    }\n\n    \/* ===== Note ===== *\/\n    .hp-note{\n      margin-top: 18px;\n      padding: 16px 18px;\n      border-radius: var(--hp-radius-lg);\n      background: rgba(255,255,255,.06);\n      border: 1px solid rgba(255,255,255,.12);\n      color: var(--hp-text-muted); \/* brighter *\/\n      font-size: 13.5px;\n      line-height: 1.65;\n    }\n\n    \/* ===== Side Cards ===== *\/\n    .hp-mini{ display:grid; gap: 14px; }\n\n    .hp-kicker{\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: .65px;\n      text-transform: uppercase;\n      color: var(--hp-yellow);\n      margin-bottom: 8px;\n    }\n\n    .hp-value{\n      margin: 0;\n      font-size: 14.5px;\n      line-height: 1.6;\n      color: var(--hp-text-secondary); \/* brighter *\/\n    }\n\n    \/* ===== Motion prefs ===== *\/\n    @media (prefers-reduced-motion: reduce){\n      .hp-card, .hp-stat, .hp-btn, .hp-copy-row button{ transition:none !important; }\n      .hp-card:hover, .hp-stat:hover{ transform:none !important; }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"hp-install-header\"\u003e\n    \u003cdiv class=\"hp-pill\"\u003ePRO INSTALL • IN-SHOP SERVICE\u003c\/div\u003e\n    \u003ch2 class=\"hp-title\"\u003eProfessional Installation\u003cbr\u003eAt Hurrey’s\u003c\/h2\u003e\n    \u003cp class=\"hp-subtitle\"\u003e\n      Installation is performed in-house by experienced technicians using the correct tools and procedures.\n      Selecting this service ensures your order is reviewed, scheduled properly, and completed to our standards.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hp-grid\"\u003e\n    \u003cdiv class=\"hp-card\"\u003e\n      \u003cdiv class=\"hp-card-inner\"\u003e\n        \u003ch3\u003eHow This Works\u003c\/h3\u003e\n        \u003cul class=\"hp-list\"\u003e\n          \u003cli\u003e\u003cstrong\u003eInstallation is performed at our shop only.\u003c\/strong\u003e\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eScheduling is arranged after purchase\u003c\/strong\u003e once your order is reviewed.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eShipping charges still apply\u003c\/strong\u003e (even if parts ship directly to our shop).\u003c\/li\u003e\n          \u003cli\u003eAll orders are reviewed after purchase to confirm \u003cstrong\u003epart compatibility\u003c\/strong\u003e, \u003cstrong\u003eshipping destination\u003c\/strong\u003e, and \u003cstrong\u003einstallation requirements\u003c\/strong\u003e.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eLabor pricing, additional materials, and scheduling\u003c\/strong\u003e are finalized after order review.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eThis product does not include the cost of parts\u003c\/strong\u003e unless explicitly stated.\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003cdiv class=\"hp-address\" aria-label=\"Ship-to-shop address\"\u003e\n          \u003cstrong\u003eShip Parts Directly to Our Shop\u003c\/strong\u003e\n          \u003cdiv class=\"hp-addr-line\"\u003e109 Flock Road, Hamilton, NJ 08619\u003c\/div\u003e\n          \u003cdiv class=\"hp-copy-row\"\u003e\n            \u003cinput id=\"hpShopAddress\" type=\"text\" readonly value=\"109 Flock Road, Hamilton, NJ 08619\"\u003e\n            \u003cbutton type=\"button\" id=\"hpCopyBtn\" onclick=\"copyShopAddress()\"\u003eCopy Address\u003c\/button\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"hp-actions\" role=\"group\" aria-label=\"Installation actions\"\u003e\n          \u003ca class=\"hp-btn hp-btn-primary\" href=\"https:\/\/app.shopmonkey.cloud\/public\/quote-request\/6182d425fccd4b395287dc55?noExternalScripts=1\" target=\"_blank\" rel=\"noopener\"\u003e\n            Request Installation Quote →\n          \u003c\/a\u003e\n\n          \u003ca class=\"hp-btn hp-btn-secondary\" href=\"tel:16092494921\"\u003e\n            Call the Shop\n          \u003c\/a\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"hp-note\"\u003e\n          By purchasing this service, you acknowledge that final installation timing and pricing may vary based on vehicle configuration,\n          part availability, and required labor. If you have questions before ordering, please contact us prior to checkout.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003caside class=\"hp-mini\" aria-label=\"Quick highlights\"\u003e\n      \u003cdiv class=\"hp-stat\"\u003e\n        \u003cdiv class=\"hp-stat-inner\"\u003e\n          \u003cdiv class=\"hp-kicker\"\u003eService Scope\u003c\/div\u003e\n          \u003cp class=\"hp-value\"\u003eIn-shop installation for parts purchased through our store.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hp-stat\"\u003e\n        \u003cdiv class=\"hp-stat-inner\"\u003e\n          \u003cdiv class=\"hp-kicker\"\u003eOrder Review\u003c\/div\u003e\n          \u003cp class=\"hp-value\"\u003eWe confirm compatibility, destination, and labor requirements before scheduling.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hp-stat\"\u003e\n        \u003cdiv class=\"hp-stat-inner\"\u003e\n          \u003cdiv class=\"hp-kicker\"\u003eFinal Details\u003c\/div\u003e\n          \u003cp class=\"hp-value\"\u003ePricing and timing are finalized after review based on your exact configuration.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/aside\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    async function copyShopAddress(){\n      const input = document.getElementById('hpShopAddress');\n      const btn = document.getElementById('hpCopyBtn');\n      const text = input.value;\n\n      try{\n        await navigator.clipboard.writeText(text);\n      }catch(e){\n        input.select();\n        input.setSelectionRange(0, 99999);\n        try{ document.execCommand('copy'); }catch(err){}\n      }\n\n      const original = btn.textContent;\n      btn.textContent = \"Copied!\";\n      setTimeout(() =\u003e { btn.textContent = original; }, 1100);\n    }\n  \u003c\/script\u003e\n\u003c\/section\u003e\n","brand":"Hurrey's Performance","offers":[{"title":"Default Title","offer_id":47356027601083,"sku":"PRO-INSTALL","price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/3249\/2987\/files\/ChatGPTImageJan13_2026_10_57_17AM.png?v=1768319909","url":"https:\/\/hurreysoffroad.com\/products\/professional-installation-at-shop","provider":"Hurreys Performance","version":"1.0","type":"link"}