{"product_id":"cable-box","title":"Cable Box","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\n\u003cdiv class=\"deskly-future-wrapper\"\u003e\n  \u003cdiv class=\"df-container\"\u003e\n    \n    \u003cdiv class=\"df-hero-minimal\"\u003e\n      \u003ch1 class=\"df-hero-title\"\u003eCable Management\u003cbr\u003e\u003cspan\u003eBox Organizer\u003c\/span\u003e\n\u003c\/h1\u003e\n      \u003cp class=\"df-hero-desc\"\u003eA seamless blend of clean design and smart organization for a tangled-free, dust-free desktop. Tired of messy cords, tangled power strips, and dusty cables ruining your aesthetic?\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\"\u003eZero\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eWire Clutter\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"df-hs-item\"\u003e\n          \u003cspan class=\"df-hs-val\"\u003e100%\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eDust-Free\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"df-hs-item\"\u003e\n          \u003cspan class=\"df-hs-val\"\u003eSmart\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eSide Slots\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"df-hs-item\"\u003e\n          \u003cspan class=\"df-hs-val\"\u003eSafe\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eFor Kids \u0026amp; Pets\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\"\u003eMessy cords ruining your aesthetic?\u003c\/h2\u003e\n      \u003cp class=\"df-pain-desc\"\u003eHide the ugly cable chaos and instantly clean up your desk.\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-box-5.webp?v=1786705649\"\u003e\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=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eConceal the Clutter\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eEasily hides power strips, surge protectors, and messy long cords in one sleek, minimalist box.\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-box_1_0bd51ca1-7fc2-4d04-9a49-32b37bf60a9e.webp?v=1786674385%20\"\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=\"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eDust-Free Protection\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eFeatures a tightly fitted removable lid that keeps dust and debris away from your electronics and outlets.\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-box_2_02780eff-a51f-4ae7-a43d-9df8c7e7868b.webp?v=1786674385%20\"\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\"\u003eSmart Side Slots\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eConvenient side openings allow cables to exit smoothly in any direction without pinching or bending.\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-box_3_a90556f0-fe7c-4e44-a5c6-7e8dd486b3bf.webp?v=1786674385\"\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=\"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\"\u003eSafe \u0026amp; Kid-Friendly\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eKeeps dangerous live sockets and loose wires safely tucked away and completely out of 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-box_4_38b3d89d-e192-4033-a36c-f97aa78faca1.webp?v=1786674386%20\"\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=\"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\"\u003eHome Offices\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eTame the jungle of computer, monitor, and charger cables behind your desk.\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 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eLiving Rooms\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eClean up TV media centers, gaming consoles, and entertainment setups effortlessly.\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=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eMinimalist Spaces\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eAchieve a spotless, premium aesthetic with absolutely zero visible wire clutter.\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\"\u003eDurable, high-quality ABS plastic with smooth rounded edges\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"df-spec-card\"\u003e\n        \u003cdiv class=\"df-spec-name\"\u003eDesign\u003c\/div\u003e\n        \u003cdiv class=\"df-spec-value\"\u003eRemovable lid with bilateral wire outlet slots\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"df-spec-card\"\u003e\n        \u003cdiv class=\"df-spec-name\"\u003eSizes Available\u003c\/div\u003e\n        \u003cdiv class=\"df-spec-value\"\u003eSmall, Medium, and Large options to fit any power strip\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"df-spec-card\"\u003e\n        \u003cdiv class=\"df-spec-name\"\u003eColors\u003c\/div\u003e\n        \u003cdiv class=\"df-spec-value\"\u003eClassic Matte Black and Clean Minimalist White\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Deskly","offers":[{"title":"Length 22.7cm x Width 10.7cm \/ Black","offer_id":53909682192698,"sku":null,"price":20.0,"currency_code":"GBP","in_stock":true},{"title":"Length 22.7cm x Width 10.7cm \/ White","offer_id":53915116044602,"sku":null,"price":20.0,"currency_code":"GBP","in_stock":true},{"title":"Length 31.2cm x Width 12.8cm \/ Black","offer_id":53909682225466,"sku":null,"price":24.0,"currency_code":"GBP","in_stock":true},{"title":"Length 31.2cm x Width 12.8cm \/ White","offer_id":53915116077370,"sku":null,"price":24.0,"currency_code":"GBP","in_stock":true},{"title":"Length 39.6cm x Width 14.7cm \/ Black","offer_id":53909682258234,"sku":null,"price":27.0,"currency_code":"GBP","in_stock":true},{"title":"Length 39.6cm x Width 14.7cm \/ White","offer_id":53915116110138,"sku":null,"price":27.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/cable-box_3.webp?v=1791212466","url":"https:\/\/desklystore.com\/products\/cable-box","provider":"Deskly","version":"1.0","type":"link"}