{"product_id":"cable-drop","title":"Cable Clips","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\/* --- IMAGES --- *\/\n.df-image {\n  width: 100%;\n  border-radius: 20px;\n  margin: 24px 0 30px;\n  display: block;\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\"\u003eDesk Cable\u003cbr\u003e\u003cspan\u003eOrganizer\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"df-hero-desc\"\u003eA seamless blend of flexible slot organization and clean desktop 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\"\u003eFlexible\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eSilicone Slots\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-hs-item\"\u003e\n\u003cspan class=\"df-hs-val\"\u003eTraceless\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eAdhesive Backing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-hs-item\"\u003e\n\u003cspan class=\"df-hs-val\"\u003eAnti-Drop\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eCord Anchoring\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-hs-item\"\u003e\n\u003cspan class=\"df-hs-val\"\u003eCompact\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eLow-Profile\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\"\u003eCharging cords constantly slipping off your desk?\u003c\/h2\u003e\n\u003cp class=\"df-pain-desc\"\u003eKeep your daily cables neatly anchored and immediately within arm's reach.\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-drop_5_942f8af9-048c-4962-b4be-9743e7f6956e.webp?v=1786894203\"\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=\"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\"\u003eFlexible Cable Channels\u003c\/h3\u003e\n\u003cp class=\"df-card-text\"\u003eDesigned with soft, flexible slots that hold wires securely while allowing smooth extension when needed.\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 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n\u003ch3 class=\"df-card-title\"\u003eStrong Traceless Adhesive\u003c\/h3\u003e\n\u003cp class=\"df-card-text\"\u003eEquipped with heavy-duty self-adhesive backing that mounts securely to wood, glass, metal, or tile without leaving sticky residue.\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=\"M15 13l-3 3m0 0l-3-3m3 3V8m0 13a9 9 0 110-18 9 9 0 010 18z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n\u003ch3 class=\"df-card-title\"\u003ePrevents Cable Drops\u003c\/h3\u003e\n\u003cp class=\"df-card-text\"\u003eKeeps loose charging heads and data cords anchored at table edges so they never slide down behind your desk or furniture.\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=\"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\"\u003eCompact Low-Profile Design\u003c\/h3\u003e\n\u003cp class=\"df-card-text\"\u003eLow-profile footprint holds cables in place while keeping your workspace looking clean and clutter-free.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"df-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/cable-drop_1_c39ebc5a-211f-47d6-abd2-1652477fd8d5.webp?v=1786894203\"\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; Workstation Edges\u003c\/h3\u003e\n\u003cp class=\"df-card-text\"\u003eKeep your laptop power cord, phone charger, and peripheral cables right at your fingertips.\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.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n\u003ch3 class=\"df-card-title\"\u003eBedside \u0026amp; Nightstand Tables\u003c\/h3\u003e\n\u003cp class=\"df-card-text\"\u003eSecure charging cables next to your bed so you never have to search for dropped cords in the dark.\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=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n\u003ch3 class=\"df-card-title\"\u003eVehicle Interiors \u0026amp; Dashboards\u003c\/h3\u003e\n\u003cp class=\"df-card-text\"\u003eRoute charging cords along car consoles and dashboards for neat on-the-go cable routing.\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\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"df-spec-value\"\u003ePremium flexible silicone body\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, heavy-duty self-adhesive backing\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-spec-card\"\u003e\n\u003cdiv class=\"df-spec-name\"\u003eCable Compatibility\u003c\/div\u003e\n\u003cdiv class=\"df-spec-value\"\u003eFits standard phone chargers, USB-C cords, braided lines, and audio cables\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\"\u003eClassic Black, Clean White\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":53917982654778,"sku":null,"price":12.0,"currency_code":"GBP","in_stock":true},{"title":"Black \/ 10 Pieces","offer_id":53918004150586,"sku":null,"price":16.0,"currency_code":"GBP","in_stock":true},{"title":"White \/ 5 Pieces","offer_id":53917982687546,"sku":null,"price":12.0,"currency_code":"GBP","in_stock":true},{"title":"White \/ 10 Pieces","offer_id":53918004183354,"sku":null,"price":16.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/cable-drop_1.webp?v=1791212466","url":"https:\/\/desklystore.com\/products\/cable-drop","provider":"Deskly","version":"1.0","type":"link"}