{"product_id":"phone-hold","title":"🔥Universal Ball Head Arm for Phone","description":"\u003cstyle\u003e\n\/* =========================================================\n   UNIVERSAL PHONE HOLDER LANDING PAGE\n   Shopify Compatible\n   PC + Mobile Responsive\n   Original Text \u0026 Images Preserved\n========================================================= *\/\n\n.phone-holder-page {\n  --ph-bg: #f5f7f6;\n  --ph-card: #ffffff;\n  --ph-dark: #18211d;\n  --ph-text: #414b46;\n  --ph-muted: #66716b;\n  --ph-green: #219c64;\n  --ph-green-dark: #167347;\n  --ph-green-light: #eaf7f0;\n  --ph-border: #dfe8e3;\n\n  width: 100%;\n  max-width: 920px;\n  margin: 0 auto;\n  padding: 28px 18px 38px;\n\n  box-sizing: border-box;\n\n  background:\n    radial-gradient(\n      circle at top right,\n      rgba(33, 156, 100, 0.10),\n      transparent 30%\n    ),\n    linear-gradient(\n      180deg,\n      #f8faf9 0%,\n      #f3f6f4 100%\n    );\n\n  border-radius: 24px;\n\n  color: var(--ph-text);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n\n  overflow: hidden;\n\n  word-break: normal;\n  overflow-wrap: normal;\n}\n\n.phone-holder-page *,\n.phone-holder-page *::before,\n.phone-holder-page *::after {\n  box-sizing: border-box;\n}\n\n.phone-holder-page img {\n  display: block;\n\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n\n  margin: 0 auto;\n}\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.ph-intro {\n  margin-bottom: 24px;\n  padding: 28px 26px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #17231d 0%,\n      #21352b 100%\n    );\n\n  border-radius: 20px;\n\n  box-shadow:\n    0 12px 30px rgba(24, 33, 29, 0.14);\n}\n\n.ph-intro-title {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: 27px;\n  line-height: 1.35;\n  font-weight: 800;\n  letter-spacing: -0.3px;\n}\n\n.ph-intro-title em {\n  font-style: normal;\n}\n\n.ph-intro-title::after {\n  content: \"\";\n\n  display: block;\n\n  width: 58px;\n  height: 4px;\n\n  margin-top: 16px;\n\n  border-radius: 999px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #55c98d,\n      var(--ph-green)\n    );\n}\n\n.ph-intro-text {\n  margin: 20px 0 0;\n\n  color: #e9f0ec;\n\n  font-size: 16px;\n  line-height: 1.75;\n}\n\n.ph-intro-text strong {\n  color: #ffffff;\n  font-weight: 750;\n}\n\n\/* =========================================================\n   IMAGE \/ GIF\n========================================================= *\/\n\n.ph-media {\n  margin: 22px 0;\n\n  padding: 10px;\n\n  background: #ffffff;\n\n  border: 1px solid var(--ph-border);\n  border-radius: 20px;\n\n  box-shadow:\n    0 8px 24px rgba(26, 48, 37, 0.08);\n}\n\n.ph-media img {\n  border-radius: 13px;\n}\n\n\/* =========================================================\n   FEATURE SECTION\n========================================================= *\/\n\n.ph-features {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 16px;\n\n  margin: 26px 0;\n}\n\n.ph-feature-card {\n  position: relative;\n\n  min-width: 0;\n\n  padding: 22px 20px 22px 22px;\n\n  background: var(--ph-card);\n\n  border: 1px solid var(--ph-border);\n  border-radius: 17px;\n\n  box-shadow:\n    0 6px 20px rgba(30, 54, 42, 0.06);\n\n  overflow: hidden;\n}\n\n.ph-feature-card::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: 0;\n\n  width: 5px;\n  height: 100%;\n\n  background:\n    linear-gradient(\n      180deg,\n      #45bd80,\n      var(--ph-green-dark)\n    );\n}\n\n.ph-feature-card p {\n  margin: 0;\n\n  font-size: 15px;\n  line-height: 1.68;\n\n  color: var(--ph-text);\n}\n\n.ph-feature-title {\n  display: block;\n\n  margin-bottom: 9px;\n\n  color: var(--ph-green-dark);\n\n  font-size: 16px;\n  line-height: 1.35;\n  font-weight: 800;\n\n  letter-spacing: 0.1px;\n}\n\n.ph-feature-card strong {\n  font-weight: 700;\n}\n\n\/* =========================================================\n   CONTENT IMAGE STACK\n========================================================= *\/\n\n.ph-image-stack {\n  display: flex;\n  flex-direction: column;\n\n  gap: 20px;\n\n  margin: 28px 0;\n}\n\n.ph-image-stack .ph-media {\n  margin: 0;\n}\n\n\/* =========================================================\n   INFORMATION AREA\n========================================================= *\/\n\n.ph-info-section {\n  margin-top: 24px;\n  padding: 24px;\n\n  background: #ffffff;\n\n  border: 1px solid var(--ph-border);\n  border-radius: 20px;\n\n  box-shadow:\n    0 8px 24px rgba(28, 49, 39, 0.06);\n}\n\n.ph-section-title {\n  position: relative;\n\n  margin: 0 0 20px;\n\n  padding-bottom: 11px;\n\n  color: var(--ph-dark);\n\n  font-size: 21px;\n  line-height: 1.3;\n  font-weight: 800;\n\n  letter-spacing: 0.3px;\n}\n\n.ph-section-title::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  bottom: 0;\n\n  width: 48px;\n  height: 4px;\n\n  border-radius: 999px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--ph-green),\n      #62c998\n    );\n}\n\n\/* =========================================================\n   SPECIFICATIONS\n========================================================= *\/\n\n.ph-spec-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  gap: 12px;\n}\n\n.ph-spec-item {\n  position: relative;\n\n  min-width: 0;\n\n  padding: 14px 15px 14px 40px;\n\n  background: #f7faf8;\n\n  border: 1px solid #e5ede8;\n  border-radius: 12px;\n\n  color: #3d4742;\n\n  font-size: 15px;\n  line-height: 1.55;\n\n  word-break: normal;\n  overflow-wrap: break-word;\n}\n\n.ph-spec-item::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 16px;\n  top: 20px;\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n\n  background: var(--ph-green);\n\n  box-shadow:\n    0 0 0 4px rgba(33, 156, 100, 0.12);\n}\n\n\/* =========================================================\n   PACKAGE\n========================================================= *\/\n\n.ph-package {\n  position: relative;\n\n  padding: 17px 17px 17px 49px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #eef9f3,\n      #f8fcfa\n    );\n\n  border: 1px solid #d6ecdf;\n  border-radius: 14px;\n\n  color: var(--ph-dark);\n\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n.ph-package::before {\n  content: \"✓\";\n\n  position: absolute;\n\n  left: 17px;\n  top: 16px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 23px;\n  height: 23px;\n\n  border-radius: 50%;\n\n  background: var(--ph-green);\n\n  color: #ffffff;\n\n  font-size: 13px;\n  font-weight: 800;\n}\n\n\/* =========================================================\n   DESKTOP\n========================================================= *\/\n\n@media (min-width: 769px) {\n\n  .ph-feature-card,\n  .ph-media,\n  .ph-info-section {\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease;\n  }\n\n  .ph-feature-card:hover,\n  .ph-media:hover,\n  .ph-info-section:hover {\n    transform: translateY(-2px);\n  }\n\n  .ph-feature-card:hover {\n    box-shadow:\n      0 12px 26px rgba(30, 54, 42, 0.10);\n  }\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 768px) {\n\n  .phone-holder-page {\n    padding: 17px 12px 28px;\n\n    border-radius: 17px;\n  }\n\n  .ph-intro {\n    padding: 22px 18px;\n\n    border-radius: 16px;\n  }\n\n  .ph-intro-title {\n    font-size: 22px;\n  }\n\n  .ph-intro-text {\n    font-size: 15px;\n    line-height: 1.67;\n  }\n\n  .ph-features {\n    grid-template-columns: 1fr;\n\n    gap: 12px;\n\n    margin: 20px 0;\n  }\n\n  .ph-feature-card {\n    padding: 18px 16px 18px 19px;\n\n    border-radius: 14px;\n  }\n\n  .ph-feature-card p {\n    font-size: 14px;\n    line-height: 1.63;\n  }\n\n  .ph-feature-title {\n    font-size: 15px;\n  }\n\n  .ph-media {\n    margin: 17px 0;\n\n    padding: 7px;\n\n    border-radius: 15px;\n  }\n\n  .ph-media img {\n    border-radius: 10px;\n  }\n\n  .ph-image-stack {\n    gap: 15px;\n\n    margin: 20px 0;\n  }\n\n  .ph-info-section {\n    margin-top: 18px;\n    padding: 19px 15px;\n\n    border-radius: 16px;\n  }\n\n  .ph-section-title {\n    margin-bottom: 16px;\n\n    font-size: 19px;\n  }\n\n  .ph-spec-grid {\n    grid-template-columns: 1fr;\n\n    gap: 9px;\n  }\n\n  .ph-spec-item {\n    padding: 13px 13px 13px 37px;\n\n    font-size: 14px;\n  }\n\n  .ph-spec-item::before {\n    left: 14px;\n    top: 18px;\n  }\n\n  .ph-package {\n    padding: 15px 13px 15px 44px;\n\n    font-size: 14px;\n  }\n\n  .ph-package::before {\n    left: 14px;\n    top: 14px;\n  }\n}\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .phone-holder-page {\n    padding-left: 9px;\n    padding-right: 9px;\n  }\n\n  .ph-intro {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n  .ph-intro-title {\n    font-size: 20px;\n  }\n\n  .ph-feature-card {\n    padding-left: 17px;\n    padding-right: 13px;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"phone-holder-page\"\u003e\n\n\n  \u003c!-- INTRO --\u003e\n  \u003cdiv class=\"ph-intro\"\u003e\n\n    \u003ch4 class=\"ph-intro-title\"\u003e\n      \u003cem\u003e\n        \u003cstrong\u003e\n          Superb stability and protection, robust and secure protection, and strong suction!\n        \u003c\/strong\u003e\n      \u003c\/em\u003e\n    \u003c\/h4\u003e\n\n    \u003cdiv class=\"ph-intro-text\"\u003e\n      A extremely flexible\n      \u003cstrong\u003eball-joint 360°\u003c\/strong\u003e\n      rotation allows for\n      \u003cstrong\u003elimitless viewing angles in this cell phone\u003c\/strong\u003e\n      holder for cars. Put your phone in the\n      \u003cstrong\u003eideal position for a safer\u003c\/strong\u003e\n      and more enjoyable trip.\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- GIF --\u003e\n  \u003cdiv class=\"ph-media\"\u003e\n    \u003cimg src=\"https:\/\/img.staticdj.com\/888e8fddd1b432bca570a22dcfbe5c30.gif\" width=\"600\" height=\"600\" alt=\"\"\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- FEATURES --\u003e\n  \u003cdiv class=\"ph-features\"\u003e\n\n    \u003cdiv class=\"ph-feature-card\"\u003e\n      \u003cp\u003e\n        \u003cspan class=\"ph-feature-title\"\u003e\n          EASY ONE TOUCH LOCK\/RELEASE：\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          Allows you to quickly mount and remove your phone with one hand.\n        \u003c\/strong\u003e\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ph-feature-card\"\u003e\n      \u003cp\u003e\n        \u003cspan class=\"ph-feature-title\"\u003e\n          ADJUSTABLE VIEWING：\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          The telescopic arm extends from 5 – 9.8 inches and pivots on 360 degree arc for a variety of mounting positions. The rotating ball joint allows you to view your phone in both landscape and portrait mode.\n        \u003c\/strong\u003e\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ph-feature-card\"\u003e\n      \u003cp\u003e\n        \u003cspan class=\"ph-feature-title\"\u003e\n          UNIVERSAL MOUNTING：\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          Holds all phone and case combinations from 2.3 inches to 3.5 inches in width.\n        \u003c\/strong\u003e\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ph-feature-card\"\u003e\n      \u003cp\u003e\n        \u003cspan class=\"ph-feature-title\"\u003e\n          STRONG SUCTION：\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          Single use dashboard disc and reusable suction cup combo provide a powerful hold and superior sticking strength.\n        \u003c\/strong\u003e\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- PRODUCT IMAGES --\u003e\n  \u003cdiv class=\"ph-image-stack\"\u003e\n\n    \u003cdiv class=\"ph-media\"\u003e\n      \u003cimg src=\"https:\/\/img.staticdj.com\/198b7b9f7c02f5df9185d6dbdf9c7e37.jpeg\" width=\"810\" height=\"1460\" alt=\"\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ph-media\"\u003e\n      \u003cimg src=\"https:\/\/img.staticdj.com\/116e562f2912e85ce8c4ea29a1bdb0df.jpeg\" width=\"810\" height=\"1260\" alt=\"\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ph-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0690\/4102\/9318\/files\/51ba1ad63f5769da52dabbbba9f45d92.jpg?v=1753856154\" alt=\"\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- SPECIFICATIONS --\u003e\n  \u003cdiv class=\"ph-info-section\"\u003e\n\n    \u003ch4 class=\"ph-section-title\"\u003e\n      \u003cstrong\u003eSPECIFICATIONS\u003c\/strong\u003e\n    \u003c\/h4\u003e\n\n    \u003cdiv class=\"ph-spec-grid\"\u003e\n\n      \u003cdiv class=\"ph-spec-item\"\u003e\n        MATERIAL: ABS\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ph-spec-item\"\u003e\n        COLOR: black\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ph-spec-item\"\u003e\n        PRODUCT WEIGHT: 320g\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ph-spec-item\"\u003e\n        PRODUCT SIZE: Height 230-250mm\/Base Diameter 8.9 cm\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- PACKAGE --\u003e\n  \u003cdiv class=\"ph-info-section\"\u003e\n\n    \u003ch4 class=\"ph-section-title\"\u003e\n      \u003cstrong\u003ePACKAGE INCLUDE\u003c\/strong\u003e\n    \u003c\/h4\u003e\n\n    \u003cdiv class=\"ph-package\"\u003e\n      Universal Ball Head Arm for Phone × 1\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"Buy 1","offer_id":50795880841264,"sku":"SZ07622610141688-万向吸盘汽车手机支架","price":44.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0689\/7414\/9680\/files\/abdd8b6ae5ca294f7bc7521c4cd051d8_88eb9861-22e2-4eba-a33c-80c331775156.jpg?v=1791947082","url":"https:\/\/vilyro.com\/fr\/products\/phone-hold","provider":"vilyro.com","version":"1.0","type":"link"}