{"product_id":"monitor-arm","title":"Monitor Arm","description":"\u003cdiv class=\"deskly-future-wrapper\"\u003e\n\n\u003cstyle\u003e\n\/* ===== DESKLY FUTURE (TYPOGRAPHY HERO - FULL WIDTH \/ INDIVIDUAL SPEC CARDS) ===== *\/\n\n.deskly-future-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  color: #111827;\n  width: 100%;\n  background: #FFFFFF;\n  line-height: 1.5;\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialiased;\n}\n\n.deskly-future-wrapper * {\n  box-sizing: border-box;\n}\n\n.df-container {\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 20px 0 40px; \n}\n\n\/* --- EDITORIAL HERO SECTION --- *\/\n.df-hero-minimal {\n  padding: 20px 0 50px;\n  text-align: left;\n}\n\n.df-hero-title {\n  font-size: 72px;\n  font-weight: 800;\n  color: #111827;\n  letter-spacing: -2px;\n  line-height: 1.05;\n  margin: 0 0 24px;\n}\n\n.df-hero-title span {\n  color: #0077D8;\n}\n\n.df-hero-desc {\n  font-size: 20px;\n  color: #4B5563;\n  max-width: 760px;\n  line-height: 1.6;\n  margin: 0 0 40px;\n}\n\n\/* Specs Grid under Hero *\/\n.df-hero-specs-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 30px;\n  padding-top: 36px;\n  border-top: 1px solid #E5E7EB;\n}\n\n.df-hs-item {\n  display: flex;\n  flex-direction: column;\n}\n\n.df-hs-val {\n  font-size: 24px;\n  font-weight: 800;\n  color: #111827;\n  line-height: 1.2;\n}\n\n.df-hs-lbl {\n  font-size: 13px;\n  font-weight: 600;\n  color: #6B7280;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  margin-top: 6px;\n}\n\n\/* --- PAIN POINT SECTION --- *\/\n.df-pain-section {\n  padding: 40px 0;\n  margin-top: 10px;\n}\n\n.df-pain-title {\n  font-size: 48px;\n  font-weight: 800;\n  color: #111827;\n  letter-spacing: -1.5px;\n  line-height: 1.1;\n  margin: 0 0 16px;\n  max-width: 800px;\n}\n\n.df-pain-desc {\n  font-size: 22px;\n  color: #4B5563;\n  line-height: 1.6;\n  max-width: 760px;\n  margin: 0;\n}\n\n\/* --- IMAGES --- *\/\n.df-image {\n  width: 100%;\n  border-radius: 16px;\n  display: block;\n  margin: 40px 0;\n  object-fit: cover;\n}\n\n\/* --- BLUE CARDS GRID --- *\/\n.df-grid-2 {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n  margin-bottom: 20px;\n}\n\n\/* Адаптация картинок внутри сетки *\/\n.df-grid-2 .df-image {\n  margin: 0;\n  height: 100%;\n}\n\n.df-grid-3 {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin-bottom: 30px;\n}\n\n.df-card {\n  background: #EBF5FF;\n  border: 1.5px solid #D1E8FF;\n  border-radius: 20px;\n  padding: 32px 28px;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n}\n\n.df-card:hover {\n  transform: translateY(-3px);\n  border-color: #93C5FD;\n  box-shadow: 0 10px 25px rgba(0, 119, 216, 0.12);\n}\n\n.df-icon-svg {\n  width: 36px;\n  height: 36px;\n  margin-bottom: 18px;\n  color: #111827;\n}\n\n.df-card-title {\n  font-size: 22px;\n  font-weight: 700;\n  color: #0077D8;\n  margin: 0 0 10px;\n  line-height: 1.25;\n}\n\n.df-card-text {\n  font-size: 16px;\n  color: #374151;\n  margin: 0;\n  line-height: 1.55;\n}\n\n\/* --- TECHNICAL SPECS (SEPARATE CARDS WITH BRIGHT BLUE BORDER) --- *\/\n.df-specs-title {\n  font-size: 32px;\n  font-weight: 800;\n  color: #111827;\n  margin: 40px 0 20px;\n  letter-spacing: -1px;\n}\n\n.df-specs-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.df-spec-card {\n  background: #FFFFFF;\n  border: 1.5px solid #0077D8;\n  border-radius: 16px;\n  padding: 18px 24px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.df-spec-card:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 20px rgba(0, 119, 216, 0.25);\n}\n\n.df-spec-name {\n  font-size: 17px;\n  font-weight: 700;\n  color: #0077D8;\n}\n\n.df-spec-value {\n  font-size: 16px;\n  font-weight: 600;\n  color: #111827;\n  text-align: right;\n  max-width: 65%;\n}\n\n\/* --- MOBILE ADAPTATION --- *\/\n@media (max-width: 768px) {\n  .df-container {\n    padding: 10px 0 30px;\n  }\n  \n  .df-hero-minimal {\n    padding: 0 0 40px;\n  }\n  \n  .df-hero-title {\n    font-size: 46px;\n    letter-spacing: -1.5px;\n    margin-bottom: 18px;\n  }\n  \n  .df-hero-desc {\n    font-size: 17px;\n    line-height: 1.6;\n    margin-bottom: 30px;\n  }\n\n  .df-hero-specs-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n    padding-top: 24px;\n  }\n\n  \/* Mobile Pain Point *\/\n  .df-pain-section {\n    padding: 20px 0 30px;\n  }\n  .df-pain-title {\n    font-size: 32px;\n    letter-spacing: -1px;\n    margin-bottom: 12px;\n  }\n  .df-pain-desc {\n    font-size: 18px;\n  }\n\n  .df-grid-2, \n  .df-grid-3 {\n    grid-template-columns: 1fr;\n    gap: 12px;\n    margin-bottom: 12px;\n  }\n  \n  .df-card {\n    padding: 24px 20px;\n    border-radius: 20px;\n  }\n\n  .df-icon-svg {\n    width: 32px;\n    height: 32px;\n    margin-bottom: 14px;\n  }\n\n  .df-card-title {\n    font-size: 20px;\n    margin-bottom: 8px;\n  }\n\n  .df-card-text {\n    font-size: 15px;\n  }\n\n  .df-image {\n    margin: 24px 0;\n  }\n\n  .df-grid-2 .df-image {\n    margin: 12px 0;\n  }\n  \n  .df-specs-title {\n    font-size: 26px;\n    margin: 30px 0 16px;\n  }\n  \n  .df-spec-card {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 6px;\n    padding: 16px 20px;\n    border-radius: 14px;\n  }\n  \n  .df-spec-name {\n    font-size: 16px;\n  }\n\n  .df-spec-value {\n    font-size: 15px;\n    text-align: left;\n    max-width: 100%;\n    color: #374151;\n  }\n}\n\u003c\/style\u003e\n\n  \u003cdiv class=\"df-container\"\u003e\n    \n    \u003cdiv class=\"df-hero-minimal\"\u003e\n      \u003ch1 class=\"df-hero-title\"\u003eErgonomic\u003cbr\u003e\u003cspan\u003eMonitor Arm\u003c\/span\u003e\n\u003c\/h1\u003e\n      \u003cp class=\"df-hero-desc\"\u003eA seamless blend of flexible screen positioning and effortless desktop space recovery.\u003c\/p\u003e\n      \n      \u003cdiv class=\"df-hero-specs-grid\"\u003e\n        \u003cdiv class=\"df-hs-item\"\u003e\n          \u003cspan class=\"df-hs-val\"\u003eFluid\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eGas Spring\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"df-hs-item\"\u003e\n          \u003cspan class=\"df-hs-val\"\u003e5-Axis\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eFull Motion\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"df-hs-item\"\u003e\n          \u003cspan class=\"df-hs-val\"\u003eHidden\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eCable Routing\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"df-hs-item\"\u003e\n          \u003cspan class=\"df-hs-val\"\u003eUp to 32\"\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eScreen Support\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"df-pain-section\"\u003e\n      \u003ch2 class=\"df-pain-title\"\u003eBulky monitor stand cluttering your desk?\u003c\/h2\u003e\n      \u003cp class=\"df-pain-desc\"\u003eElevate your screen to natural eye level and instantly reclaim clean, usable workspace.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cimg class=\"df-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/monitor-arm_1_69cb8b05-aff0-4cc3-9b60-e8ff8a54b54d.webp?v=1786804086\" alt=\"Messy desk before monitor arm\"\u003e\n    \n    \u003ch2 class=\"df-specs-title\"\u003eWhy You’ll Love It\u003c\/h2\u003e\n    \n    \u003cdiv class=\"df-grid-2\"\u003e\n      \u003cdiv class=\"df-card\"\u003e\n        \u003csvg class=\"df-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 7l4-4m0 0l4 4m-4-4v18\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eSmooth Gas Spring Hovering\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003ePowered by a high-performance gas spring mechanism for fluid height adjustment and effortless floating positioning.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cimg class=\"df-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/monitor-arm_5_2357c238-b359-48aa-8e70-ddb05f9459fe.webp?v=1786804086\" alt=\"Gas spring mechanism\"\u003e \n      \n      \u003cdiv class=\"df-card\"\u003e\n        \u003csvg class=\"df-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eFull 5-Axis Motion\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eSupports 360° screen rotation for portrait or landscape modes, alongside tilt, swivel, and extension adjustments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cimg class=\"df-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/monitor-arm_4_3d5fd94c-7159-4681-a98c-3ad715321081.webp?v=1786804086\" alt=\"Full motion adjustability\"\u003e\n      \n      \u003cdiv class=\"df-card\"\u003e\n        \u003csvg class=\"df-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eIntegrated Cable Management\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eBuilt-in routing channels along the arm neatly conceal power and display cables to eliminate wire clutter.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cimg class=\"df-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/monitor-arm_3_e2a4c296-bd90-401c-befe-1f1ca2b4d7f3.webp?v=1786804086\" alt=\"Integrated cable management\"\u003e\n      \n      \u003cdiv class=\"df-card\"\u003e\n        \u003csvg class=\"df-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eMultiple Colorways \u0026amp; Configurations\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eChoose between single and dual arm setups, available in minimalist tones or high-energy cyber accents.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cimg class=\"df-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/monitor-arm_2_505941e7-d2a2-4fef-b5a2-6b66cfae40ff.webp?v=1786804086\" alt=\"Multiple color options\"\u003e\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"df-specs-title\"\u003ePerfect For\u003c\/h2\u003e\n    \u003cdiv class=\"df-grid-3\"\u003e\n      \u003cdiv class=\"df-card\"\u003e\n        \u003csvg class=\"df-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eHome \u0026amp; Office Workstations\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003ePosition your screen at customized, comfortable viewing angles for focused daily computer work.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"df-card\"\u003e\n        \u003csvg class=\"df-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eDual \u0026amp; Single Monitor Displays\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eEasily build a clean single-screen or dual-screen workstation depending on your workflow.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"df-card\"\u003e\n        \u003csvg class=\"df-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eGaming \u0026amp; Modern Setups\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eComplement your gaming desk or minimalist office with tailored color combinations.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"df-specs-title\"\u003eKey Specs at a Glance\u003c\/h2\u003e\n    \u003cdiv class=\"df-specs-grid\"\u003e\n      \u003cdiv class=\"df-spec-card\"\u003e\n        \u003cdiv class=\"df-spec-name\"\u003eMaterial\u003c\/div\u003e\n        \u003cdiv class=\"df-spec-value\"\u003eHeavy-duty metal main body with durable ABS accents\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"df-spec-card\"\u003e\n        \u003cdiv class=\"df-spec-name\"\u003eScreen Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"df-spec-value\"\u003eFits 17\" to 32\" flat and curved displays\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"df-spec-card\"\u003e\n        \u003cdiv class=\"df-spec-name\"\u003eWeight Capacity\u003c\/div\u003e\n        \u003cdiv class=\"df-spec-value\"\u003e2 kg to 10 kg (4.4 lbs to 22 lbs) per arm\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"df-spec-card\"\u003e\n        \u003cdiv class=\"df-spec-name\"\u003eVESA Pattern\u003c\/div\u003e\n        \u003cdiv class=\"df-spec-value\"\u003eStandard 75x75 mm and 100x100 mm mounting holes\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"df-spec-card\"\u003e\n        \u003cdiv class=\"df-spec-name\"\u003eConfigurations Available\u003c\/div\u003e\n        \u003cdiv class=\"df-spec-value\"\u003eSingle Monitor Arm | Dual Monitor Arm | Inverted Monitor Arm\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"df-spec-card\"\u003e\n        \u003cdiv class=\"df-spec-name\"\u003eColors Available\u003c\/div\u003e\n        \u003cdiv class=\"df-spec-value\"\u003eMatte Black, Minimalist White, Cyber Purple \u0026amp; White, Cyber Purple \u0026amp; Black\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Deskly","offers":[{"title":"Black \/ Single 17-32 inch","offer_id":53915923743034,"sku":null,"price":62.0,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Dual 17-32 inch","offer_id":53915932459322,"sku":null,"price":100.0,"currency_code":"GBP","in_stock":true},{"title":"White \/ Single 17-32 inch","offer_id":53915923775802,"sku":null,"price":62.0,"currency_code":"GBP","in_stock":true},{"title":"White \/ Dual 17-32 inch","offer_id":53915932524858,"sku":null,"price":100.0,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/monitor-arm_2.webp?v=1791212466","url":"https:\/\/desklystore.com\/products\/monitor-arm","provider":"Deskly","version":"1.0","type":"link"}