{"product_id":"cable-management-organizer","title":"Cable Hook","description":"\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\/* --- 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.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: 1px solid #D1E8FF;\n  border-radius: 24px;\n  padding: 32px 28px;\n  transition: transform 0.2s ease, box-shadow 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  box-shadow: 0 10px 25px rgba(0, 119, 216, 0.1);\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 6px 18px rgba(0, 119, 216, 0.12);\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  \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-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\u003cdiv class=\"deskly-future-wrapper\"\u003e\n\u003cdiv class=\"df-container\"\u003e\n\u003cdiv class=\"df-hero-minimal\"\u003e\n\u003ch1 class=\"df-hero-title\"\u003eSelf-Adhesive\u003cbr\u003e\u003cspan\u003eCable Hook\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"df-hero-desc\"\u003eA seamless blend of traceless adhesive mounting and reusable cable management.\u003c\/p\u003e\n\u003cdiv class=\"df-hero-specs-grid\"\u003e\n\u003cdiv class=\"df-hs-item\"\u003e\n\u003cspan class=\"df-hs-val\"\u003eTraceless\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eAdhesive Base\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-hs-item\"\u003e\n\u003cspan class=\"df-hs-val\"\u003eReusable\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eHook \u0026amp; Loop\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-hs-item\"\u003e\n\u003cspan class=\"df-hs-val\"\u003eMulti-Surface\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eMounting\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-hs-item\"\u003e\n\u003cspan class=\"df-hs-val\"\u003eDamage Free\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eNo Drilling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-pain-section\"\u003e\n\u003ch2 class=\"df-pain-title\"\u003eTangled cords cluttering your workstation or living space?\u003c\/h2\u003e\n\u003cp class=\"df-pain-desc\"\u003eRoute cables neatly along desk edges, under tables, or against walls without nails or drilling.\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003cimg class=\"df-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/cable-hook_5_b4dac91e-e9ce-488a-a345-1fa779824709.webp?v=1786899158%20\"\u003e\n\u003ch2 class=\"df-specs-title\"\u003eWhy You’ll Love It\u003c\/h2\u003e\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=\"M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n\u003ch3 class=\"df-card-title\"\u003eTraceless Nail-Free Adhesive\u003c\/h3\u003e\n\u003cp class=\"df-card-text\"\u003eFeatures a strong self-adhesive base that mounts firmly to surfaces without leaving residue or requiring tools.\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003cimg class=\"df-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/cable-hook_1_9c63a6a9-76e2-4c21-89f9-dc2cec5ae59c.webp?v=1786899158%20\"\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=\"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\"\u003eDense Hook \u0026amp; Loop Surface\u003c\/h3\u003e\n\u003cp class=\"df-card-text\"\u003eCrafted with a high-density plush surface and fine hooks designed for repeated opening and closing without losing grip.\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003cimg class=\"df-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/cable-hook_2_97cdc067-e7ac-497d-8c0d-0b53f1135718.webp?v=1786899158\"\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=\"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\"\u003eWeight-Dispersing Stability\u003c\/h3\u003e\n\u003cp class=\"df-card-text\"\u003eEasily align multiple organizers in a series along your run to disperse cable weight for a stable hold.\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003cimg class=\"df-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/cable-hook_3_7e1ab361-902d-4786-9dfb-3450d6f55397.webp?v=1786899158\"\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=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n\u003ch3 class=\"df-card-title\"\u003eFlexible Multi-Surface Application\u003c\/h3\u003e\n\u003cp class=\"df-card-text\"\u003eMounts along desk borders, under table surfaces, on walls, or wraps directly around loose cord bundles.\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003cimg class=\"df-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/cable-hook_4_de972721-d27e-4783-87b5-44da0989f1cf.webp?v=1786899158\"\u003e\n\u003c\/div\u003e\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=\"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\"\u003eDesk \u0026amp; Office Cable Routing\u003c\/h3\u003e\n\u003cp class=\"df-card-text\"\u003eClean up heavy computer cables, monitor cords, and power strip lines out of direct view.\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=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n\u003ch3 class=\"df-card-title\"\u003eHome \u0026amp; Appliance Management\u003c\/h3\u003e\n\u003cp class=\"df-card-text\"\u003eSecure dangling wires behind entertainment centers, around wall sockets, and near nightstands.\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=\"M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n\u003ch3 class=\"df-card-title\"\u003eDrawer \u0026amp; Loose Cord Storage\u003c\/h3\u003e\n\u003cp class=\"df-card-text\"\u003eNeatly bind phone chargers, earphone cables, and digital cords to keep drawers tangle-free.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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\"\u003eDimensions\u003c\/div\u003e\n\u003cdiv class=\"df-spec-value\"\u003e2.8 cm x 9 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-spec-card\"\u003e\n\u003cdiv class=\"df-spec-name\"\u003eMounting\u003c\/div\u003e\n\u003cdiv class=\"df-spec-value\"\u003eTraceless, nail-free self-adhesive backing\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-spec-card\"\u003e\n\u003cdiv class=\"df-spec-name\"\u003eFastener\u003c\/div\u003e\n\u003cdiv class=\"df-spec-value\"\u003eReusable, high-density hook-and-loop fabric\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-spec-card\"\u003e\n\u003cdiv class=\"df-spec-name\"\u003eUsage Recommendation\u003c\/div\u003e\n\u003cdiv class=\"df-spec-value\"\u003eUse at least 4 organizers per 1 meter of cable for optimal support\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\"\u003eWhite, Black, Grey\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Deskly","offers":[{"title":"Black \/ 5 pieces","offer_id":53918088528186,"sku":null,"price":10.0,"currency_code":"GBP","in_stock":true},{"title":"Black \/ 20 pieces","offer_id":53918095966522,"sku":null,"price":16.0,"currency_code":"GBP","in_stock":true},{"title":"White \/ 5 pieces","offer_id":53918095606074,"sku":null,"price":10.0,"currency_code":"GBP","in_stock":true},{"title":"White \/ 20 pieces","offer_id":53918095999290,"sku":null,"price":16.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/cable-hook_5.webp?v=1791212466","url":"https:\/\/desklystore.com\/products\/cable-management-organizer","provider":"Deskly","version":"1.0","type":"link"}