{"product_id":"ark-oak™","title":"Ark \u0026 Oak™ Cable Holders","description":"\u003cstyle\u003e\n\/* ==================================\nARK \u0026 OAK™ Cable Organizer\nPremium • Mobile Optimized\n================================== *\/\n\n.ao-wrap *{\n  box-sizing:border-box;\n  margin:0;\n  padding:0;\n}\n\n.ao-wrap{\n  --gold:#D4AF37;\n  --black:#0d0d0d;\n  --black2:#171717;\n  --glass:rgba(255,255,255,.045);\n\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  max-width:900px;\n  margin:auto;\n  padding:16px;\n  color:#fff;\n}\n\n\/* HERO *\/\n\n.ao-hero{\n  background:linear-gradient(145deg,#090909,#1a1a1a);\n  border:1px solid rgba(212,175,55,.16);\n  border-radius:22px;\n  padding:28px;\n  position:relative;\n  overflow:hidden;\n  box-shadow:0 18px 40px rgba(0,0,0,.28);\n  animation:aoFade .8s ease;\n}\n\n.ao-hero:before{\n  content:\"\";\n  position:absolute;\n  right:-90px;\n  top:-90px;\n  width:190px;\n  height:190px;\n  background:radial-gradient(circle,var(--gold),transparent 70%);\n  opacity:.09;\n  animation:aoPulse 5s infinite;\n}\n\n.ao-title{\n  font-size:34px;\n  line-height:1.15;\n  margin-bottom:12px;\n  font-weight:700;\n  position:relative;\n}\n\n.ao-title span{\n  color:var(--gold);\n}\n\n.ao-text{\n  color:#d4d4d4;\n  line-height:1.7;\n  font-size:16px;\n  max-width:680px;\n  position:relative;\n}\n\n\/* FEATURES *\/\n\n.ao-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:14px;\n  margin-top:25px;\n}\n\n.ao-card{\n  background:var(--glass);\n  backdrop-filter:blur(10px);\n  padding:18px;\n  border-radius:16px;\n  border:1px solid rgba(212,175,55,.12);\n  transition:.35s;\n  text-align:center;\n}\n\n.ao-card:hover{\n  transform:translateY(-5px);\n  border-color:var(--gold);\n}\n\n.ao-icon{\n  font-size:28px;\n  margin-bottom:8px;\n  animation:aoFloat 3s ease-in-out infinite;\n}\n\n.ao-card h3{\n  font-size:15px;\n  margin-bottom:6px;\n}\n\n.ao-card p{\n  font-size:13px;\n  color:#cfcfcf;\n  line-height:1.5;\n}\n\n\/* SECTIONS *\/\n\n.ao-section{\n  margin-top:22px;\n  background:#111;\n  padding:24px;\n  border-radius:20px;\n  border:1px solid rgba(212,175,55,.12);\n}\n\n.ao-heading{\n  text-align:center;\n  font-size:24px;\n  margin-bottom:18px;\n  color:var(--gold);\n}\n\n.ao-list{\n  display:grid;\n  gap:12px;\n}\n\n.ao-item{\n  background:#181818;\n  padding:14px;\n  border-radius:12px;\n  font-size:15px;\n  line-height:1.4;\n}\n\n.ao-check{\n  color:var(--gold);\n  font-weight:bold;\n  margin-right:8px;\n}\n\n\/* SPECS *\/\n\n.ao-spec{\n  display:flex;\n  justify-content:space-between;\n  gap:15px;\n  padding:12px 0;\n  border-bottom:1px solid rgba(255,255,255,.08);\n  font-size:14px;\n}\n\n.ao-spec:last-child{\n  border:none;\n}\n\n.ao-left{\n  color:#bdbdbd;\n}\n\n.ao-right{\n  font-weight:600;\n  text-align:right;\n}\n\n\/* END *\/\n\n.ao-end{\n  margin-top:22px;\n  padding:28px;\n  border-radius:20px;\n  text-align:center;\n  background:linear-gradient(135deg,#191919,#0d0d0d);\n  border:1px solid rgba(212,175,55,.15);\n}\n\n.ao-end h2{\n  font-size:26px;\n  margin-bottom:10px;\n}\n\n.ao-end p{\n  font-size:15px;\n  color:#d0d0d0;\n  line-height:1.7;\n}\n\n\/* ANIMATIONS *\/\n\n@keyframes aoFade{\n  from{\n    opacity:0;\n    transform:translateY(20px);\n  }\n  to{\n    opacity:1;\n    transform:none;\n  }\n}\n\n@keyframes aoFloat{\n  50%{\n    transform:translateY(-4px);\n  }\n}\n\n@keyframes aoPulse{\n  50%{\n    transform:scale(1.2);\n    opacity:.14;\n  }\n}\n\n\/* MOBILE OPTIMIZATION *\/\n\n@media(max-width:768px){\n\n  .ao-wrap{\n    padding:10px;\n  }\n\n  .ao-hero{\n    padding:21px;\n    border-radius:19px;\n  }\n\n  .ao-title{\n    font-size:27px;\n  }\n\n  .ao-text{\n    font-size:14px;\n    line-height:1.6;\n  }\n\n  .ao-grid{\n    grid-template-columns:repeat(2,1fr);\n    gap:9px;\n    margin-top:20px;\n  }\n\n  .ao-card{\n    padding:14px 9px;\n    border-radius:14px;\n  }\n\n  .ao-icon{\n    font-size:23px;\n  }\n\n  .ao-card h3{\n    font-size:13px;\n  }\n\n  .ao-card p{\n    display:none;\n  }\n\n  .ao-section{\n    padding:19px;\n    margin-top:17px;\n    border-radius:17px;\n  }\n\n  .ao-heading{\n    font-size:20px;\n    margin-bottom:15px;\n  }\n\n  .ao-item{\n    font-size:13px;\n    padding:12px;\n  }\n\n  .ao-spec{\n    font-size:13px;\n    padding:11px 0;\n  }\n\n  .ao-end{\n    padding:21px;\n    margin-top:17px;\n  }\n\n  .ao-end h2{\n    font-size:21px;\n  }\n\n  .ao-end p{\n    font-size:14px;\n    line-height:1.6;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"ao-wrap\"\u003e\n\n  \u003c!-- HERO --\u003e\n\n  \u003cdiv class=\"ao-hero\"\u003e\n\n    \u003ch1 class=\"ao-title\"\u003e\n      Bring Order to Your \u003cspan\u003eEveryday Setup\u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"ao-text\"\u003e\n      Keep charging cables, USB cords and everyday wires neatly organised with a sleek silicone cable holder designed to keep your workspace clean, accessible and clutter-free.\n    \u003c\/p\u003e\n\n\n    \u003c!-- FEATURES --\u003e\n\n    \u003cdiv class=\"ao-grid\"\u003e\n\n      \u003cdiv class=\"ao-card\"\u003e\n        \u003cdiv class=\"ao-icon\"\u003e🔌\u003c\/div\u003e\n        \u003ch3\u003eMulti-Slot Design\u003c\/h3\u003e\n        \u003cp\u003eOrganise multiple cables in one place.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-card\"\u003e\n        \u003cdiv class=\"ao-icon\"\u003e🧲\u003c\/div\u003e\n        \u003ch3\u003eSelf-Adhesive\u003c\/h3\u003e\n        \u003cp\u003eAttaches easily to smooth surfaces.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-card\"\u003e\n        \u003cdiv class=\"ao-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3\u003eClean \u0026amp; Tidy\u003c\/h3\u003e\n        \u003cp\u003eReduce cable clutter around your desk.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-card\"\u003e\n        \u003cdiv class=\"ao-icon\"\u003e🖥️\u003c\/div\u003e\n        \u003ch3\u003eDesk Friendly\u003c\/h3\u003e\n        \u003cp\u003ePerfect for home and office setups.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- HIGHLIGHTS --\u003e\n\n  \u003cdiv class=\"ao-section\"\u003e\n\n    \u003ch2 class=\"ao-heading\"\u003eHighlights\u003c\/h2\u003e\n\n    \u003cdiv class=\"ao-list\"\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✔\u003c\/span\u003e\n        Flexible Silicone Cable Holder\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✔\u003c\/span\u003e\n        Available in Multiple Slot Options\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✔\u003c\/span\u003e\n        Self-Adhesive Installation\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✔\u003c\/span\u003e\n        Keeps Charging Cables Within Reach\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✔\u003c\/span\u003e\n        Ideal for Desks, Tables \u0026amp; Workspaces\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- WHY YOU'LL LOVE IT --\u003e\n\n  \u003cdiv class=\"ao-section\"\u003e\n\n    \u003ch2 class=\"ao-heading\"\u003eWhy You'll Love It\u003c\/h2\u003e\n\n    \u003cdiv class=\"ao-list\"\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✓\u003c\/span\u003e\n        No More Cables Sliding Behind Your Desk\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✓\u003c\/span\u003e\n        Keeps Your Workspace Looking Minimal\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✓\u003c\/span\u003e\n        Easy Access to Your Most-Used Cables\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✓\u003c\/span\u003e\n        Simple Design That Blends Into Your Setup\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- SPECIFICATIONS --\u003e\n\n  \u003cdiv class=\"ao-section\"\u003e\n\n    \u003ch2 class=\"ao-heading\"\u003eSpecifications\u003c\/h2\u003e\n\n    \u003cdiv class=\"ao-spec\"\u003e\n      \u003cdiv class=\"ao-left\"\u003eMaterial\u003c\/div\u003e\n      \u003cdiv class=\"ao-right\"\u003eSilicone\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ao-spec\"\u003e\n      \u003cdiv class=\"ao-left\"\u003eDesign\u003c\/div\u003e\n      \u003cdiv class=\"ao-right\"\u003eMulti-Slot Cable Holder\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ao-spec\"\u003e\n      \u003cdiv class=\"ao-left\"\u003eInstallation\u003c\/div\u003e\n      \u003cdiv class=\"ao-right\"\u003eSelf-Adhesive\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ao-spec\"\u003e\n      \u003cdiv class=\"ao-left\"\u003eOptions\u003c\/div\u003e\n      \u003cdiv class=\"ao-right\"\u003e3 \/ 5 \/ 7 Slots\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ao-spec\"\u003e\n      \u003cdiv class=\"ao-left\"\u003eBest For\u003c\/div\u003e\n      \u003cdiv class=\"ao-right\"\u003eDesks \u0026amp; Workspaces\u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- END --\u003e\n\n  \u003cdiv class=\"ao-end\"\u003e\n\n    \u003ch2\u003e\n      Less Clutter. More Focus.\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Give every cable its place and keep your workspace looking effortlessly organised. A small upgrade that makes your everyday setup feel cleaner, calmer and more premium.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"ARK \u0026 OAK","offers":[{"title":"Default Title","offer_id":46004996833471,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/7063\/3151\/files\/3e2a58ad-d5e8-41c8-bd1c-6dd9b50f4ddc.png?v=1786626184","url":"https:\/\/arkandoak.co.za\/products\/ark-oak%e2%84%a2","provider":"ARK \u0026 OAK","version":"1.0","type":"link"}