{"product_id":"sa-direct™-game-stick-pro-retro-gaming-double-the-fun","title":"SA-Direct™ Game Stick Pro | Retro Gaming, Double the Fun","description":"\u003cstyle\u003e\n\/* =========================================================\n   GAME STICK PRO — PREMIUM WHITE EDITION\n   ========================================================= *\/\n\n.gsp{\n  --bg:#fafaf8;\n  --white:#ffffff;\n  --soft:#f2f2ef;\n  --soft2:#e9e9e6;\n  --text:#171717;\n  --text2:#55555a;\n  --muted:#85858a;\n  --border:rgba(20,20,20,.09);\n\n  position:relative;\n  overflow:hidden;\n  margin:25px 0;\n  border-radius:30px;\n\n  color:var(--text);\n\n  background:\n    radial-gradient(\n      circle at 50% -15%,\n      rgba(255,255,255,1),\n      transparent 38%\n    ),\n    radial-gradient(\n      circle at 100% 60%,\n      rgba(210,210,205,.35),\n      transparent 30%\n    ),\n    linear-gradient(\n      145deg,\n      #ffffff 0%,\n      #f8f8f6 55%,\n      #eeeeeb 100%\n    );\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Helvetica Neue\",\n    Arial,\n    sans-serif;\n\n  box-shadow:\n    0 25px 80px rgba(0,0,0,.10);\n}\n\n.gsp *{\n  box-sizing:border-box;\n}\n\n\/* =========================================================\n   AMBIENT LIGHT\n   ========================================================= *\/\n\n.gsp-glow{\n  position:absolute;\n  width:550px;\n  height:550px;\n\n  left:50%;\n  top:-330px;\n\n  transform:translateX(-50%);\n\n  border-radius:50%;\n\n  background:rgba(255,255,255,.95);\n\n  filter:blur(100px);\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.gsp-container{\n  position:relative;\n  z-index:2;\n\n  max-width:1180px;\n\n  margin:auto;\n\n  padding:85px 28px;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.gsp-hero{\n  text-align:center;\n\n  max-width:900px;\n\n  margin:auto;\n}\n\n\n\/* PILL *\/\n\n.gsp-pill{\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:9px;\n\n  padding:8px 15px;\n\n  border:1px solid var(--border);\n\n  border-radius:100px;\n\n  background:rgba(255,255,255,.75);\n\n  backdrop-filter:blur(15px);\n\n  color:#66666b;\n\n  font-size:10px;\n\n  font-weight:600;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n\n  box-shadow:\n    0 8px 25px rgba(0,0,0,.05);\n}\n\n\n.gsp-pill-dot{\n  width:6px;\n  height:6px;\n\n  border-radius:50%;\n\n  background:#222;\n\n  box-shadow:\n    0 0 10px rgba(0,0,0,.25);\n\n  animation:gspPulse 2s infinite;\n}\n\n\n@keyframes gspPulse{\n\n  0%,100%{\n    opacity:.45;\n    transform:scale(.8);\n  }\n\n  50%{\n    opacity:1;\n    transform:scale(1);\n  }\n\n}\n\n\n\/* TITLE *\/\n\n.gsp-title{\n  margin:27px 0 0;\n\n  font-size:\n    clamp(48px,7.5vw,88px);\n\n  line-height:.91;\n\n  letter-spacing:-.065em;\n\n  font-weight:700;\n}\n\n\n.gsp-title .line-one{\n  display:block;\n\n  color:#171717;\n}\n\n\n.gsp-title .line-two{\n  display:block;\n\n  background:\n    linear-gradient(\n      100deg,\n      #111 0%,\n      #85858a 45%,\n      #222 70%,\n      #999 100%\n    );\n\n  -webkit-background-clip:text;\n\n  -webkit-text-fill-color:transparent;\n\n  background-size:200% auto;\n\n  animation:gspShine 6s linear infinite;\n}\n\n\n@keyframes gspShine{\n\n  0%{\n    background-position:0% center;\n  }\n\n  100%{\n    background-position:200% center;\n  }\n\n}\n\n\n\/* DESCRIPTION *\/\n\n.gsp-description{\n  max-width:650px;\n\n  margin:28px auto 0;\n\n  color:var(--text2);\n\n  font-size:16px;\n\n  line-height:1.75;\n}\n\n\n.gsp-description strong{\n  color:#171717;\n\n  font-weight:600;\n}\n\n\n\/* =========================================================\n   PRODUCT VISUAL\n   ========================================================= *\/\n\n.gsp-device-area{\n  position:relative;\n\n  height:290px;\n\n  margin:55px auto 30px;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  overflow:hidden;\n}\n\n\n\/* ORBIT *\/\n\n.gsp-orbit{\n  position:absolute;\n\n  width:300px;\n  height:300px;\n\n  border:1px solid rgba(0,0,0,.07);\n\n  border-radius:50%;\n\n  animation:\n    gspRotate 18s linear infinite;\n}\n\n\n.gsp-orbit:before,\n.gsp-orbit:after{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:6px;\n  height:6px;\n\n  border-radius:50%;\n\n  background:#202020;\n\n  box-shadow:\n    0 0 12px rgba(0,0,0,.25);\n}\n\n\n.gsp-orbit:before{\n  top:28px;\n  left:45px;\n}\n\n\n.gsp-orbit:after{\n  right:30px;\n  bottom:50px;\n}\n\n\n@keyframes gspRotate{\n\n  from{\n    transform:rotate(0);\n  }\n\n  to{\n    transform:rotate(360deg);\n  }\n\n}\n\n\n\/* GLOW *\/\n\n.gsp-device-glow{\n\n  position:absolute;\n\n  width:190px;\n  height:75px;\n\n  background:rgba(0,0,0,.08);\n\n  filter:blur(35px);\n\n  border-radius:50%;\n}\n\n\n\/* DEVICE *\/\n\n.gsp-device{\n\n  position:relative;\n\n  width:205px;\n  height:76px;\n\n  border-radius:16px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f7f7f7,\n      #d8d8d6 45%,\n      #eeeeec\n    );\n\n  border:1px solid rgba(0,0,0,.15);\n\n  box-shadow:\n\n    0 25px 55px rgba(0,0,0,.20),\n\n    inset 0 1px rgba(255,255,255,.9),\n\n    inset 0 -1px rgba(0,0,0,.08);\n\n  transform:\n    perspective(600px)\n    rotateX(8deg)\n    rotateY(-12deg);\n\n  animation:\n    gspFloat 4s ease-in-out infinite;\n}\n\n\n.gsp-device:before{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:7px;\n  height:7px;\n\n  left:18px;\n\n  top:50%;\n\n  transform:translateY(-50%);\n\n  border-radius:50%;\n\n  background:#555;\n\n  box-shadow:\n    0 0 8px rgba(0,0,0,.2);\n}\n\n\n.gsp-device:after{\n\n  content:\"GAME STICK\";\n\n  position:absolute;\n\n  right:17px;\n\n  top:50%;\n\n  transform:translateY(-50%);\n\n  font-size:7px;\n\n  letter-spacing:.15em;\n\n  color:#8a8a8a;\n}\n\n\n@keyframes gspFloat{\n\n  0%,100%{\n\n    transform:\n      perspective(600px)\n      rotateX(8deg)\n      rotateY(-12deg)\n      translateY(0);\n\n  }\n\n  50%{\n\n    transform:\n      perspective(600px)\n      rotateX(8deg)\n      rotateY(-12deg)\n      translateY(-9px);\n\n  }\n\n}\n\n\n\/* =========================================================\n   FEATURE CARDS\n   ========================================================= *\/\n\n.gsp-features{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:14px;\n\n  margin-top:15px;\n}\n\n\n.gsp-feature{\n\n  position:relative;\n\n  padding:28px;\n\n  min-height:205px;\n\n  overflow:hidden;\n\n  border:\n    1px solid var(--border);\n\n  border-radius:24px;\n\n  background:\n    rgba(255,255,255,.70);\n\n  backdrop-filter:\n    blur(15px);\n\n  box-shadow:\n    0 12px 35px rgba(0,0,0,.035);\n\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease,\n    border-color .35s ease;\n}\n\n\n.gsp-feature:hover{\n\n  transform:\n    translateY(-7px);\n\n  border-color:\n    rgba(0,0,0,.16);\n\n  box-shadow:\n    0 25px 55px rgba(0,0,0,.09);\n}\n\n\n\/* NUMBER *\/\n\n.gsp-feature-number{\n\n  position:absolute;\n\n  right:18px;\n  top:12px;\n\n  font-size:60px;\n\n  line-height:1;\n\n  font-weight:700;\n\n  letter-spacing:-.08em;\n\n  color:rgba(0,0,0,.035);\n}\n\n\n\/* ICON *\/\n\n.gsp-icon{\n\n  width:45px;\n  height:45px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:14px;\n\n  background:#f0f0ee;\n\n  border:\n    1px solid rgba(0,0,0,.07);\n\n  font-size:19px;\n\n  margin-bottom:25px;\n\n  box-shadow:\n    inset 0 1px rgba(255,255,255,.8);\n}\n\n\n.gsp-feature h3{\n\n  margin:0 0 10px;\n\n  font-size:18px;\n\n  letter-spacing:-.025em;\n}\n\n\n.gsp-feature p{\n\n  margin:0;\n\n  max-width:280px;\n\n  color:var(--text2);\n\n  font-size:13px;\n\n  line-height:1.65;\n}\n\n\n\/* =========================================================\n   FEATURED PANEL\n   ========================================================= *\/\n\n.gsp-featured{\n\n  position:relative;\n\n  margin-top:14px;\n\n  padding:48px;\n\n  min-height:330px;\n\n  border:\n    1px solid var(--border);\n\n  border-radius:26px;\n\n  overflow:hidden;\n\n  background:\n\n    radial-gradient(\n      circle at 90% 50%,\n      rgba(255,255,255,.95),\n      transparent 30%\n    ),\n\n    linear-gradient(\n      135deg,\n      #f7f7f5,\n      #e9e9e6\n    );\n\n  box-shadow:\n    0 15px 45px rgba(0,0,0,.05);\n}\n\n\n\/* decorative rings *\/\n\n.gsp-featured:after{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:400px;\n  height:400px;\n\n  right:-180px;\n  top:-180px;\n\n  border-radius:50%;\n\n  border:\n    1px solid rgba(0,0,0,.06);\n\n  box-shadow:\n\n    0 0 0 40px rgba(0,0,0,.015),\n\n    0 0 0 80px rgba(0,0,0,.01);\n}\n\n\n.gsp-featured-content{\n\n  position:relative;\n\n  z-index:2;\n\n  max-width:560px;\n}\n\n\n.gsp-mini-label{\n\n  margin-bottom:18px;\n\n  color:#89898e;\n\n  font-size:10px;\n\n  font-weight:600;\n\n  letter-spacing:.2em;\n\n  text-transform:uppercase;\n}\n\n\n.gsp-featured h2{\n\n  margin:0;\n\n  font-size:\n    clamp(32px,4.5vw,53px);\n\n  line-height:1;\n\n  letter-spacing:-.055em;\n}\n\n\n.gsp-featured p{\n\n  max-width:520px;\n\n  margin:20px 0 0;\n\n  color:var(--text2);\n\n  line-height:1.7;\n\n  font-size:14px;\n}\n\n\n\/* =========================================================\n   STATS\n   ========================================================= *\/\n\n.gsp-stats{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  margin-top:14px;\n\n  border:\n    1px solid var(--border);\n\n  border-radius:24px;\n\n  overflow:hidden;\n\n  background:\n    rgba(255,255,255,.75);\n\n  box-shadow:\n    0 12px 35px rgba(0,0,0,.035);\n}\n\n\n.gsp-stat{\n\n  padding:32px 25px;\n\n  text-align:center;\n\n  border-right:\n    1px solid var(--border);\n}\n\n\n.gsp-stat:last-child{\n  border-right:0;\n}\n\n\n.gsp-stat strong{\n\n  display:block;\n\n  font-size:34px;\n\n  line-height:1;\n\n  letter-spacing:-.05em;\n}\n\n\n.gsp-stat span{\n\n  display:block;\n\n  margin-top:9px;\n\n  color:var(--muted);\n\n  font-size:11px;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.gsp-cta{\n\n  text-align:center;\n\n  padding:80px 10px 10px;\n}\n\n\n.gsp-cta h2{\n\n  margin:0;\n\n  font-size:\n    clamp(32px,5vw,55px);\n\n  letter-spacing:-.055em;\n\n  line-height:1;\n}\n\n\n.gsp-cta p{\n\n  max-width:530px;\n\n  margin:18px auto 27px;\n\n  color:var(--text2);\n\n  font-size:14px;\n\n  line-height:1.7;\n}\n\n\n\/* BUTTON *\/\n\n.gsp-button{\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:12px;\n\n  padding:15px 25px;\n\n  border-radius:100px;\n\n  background:#171717;\n\n  color:#fff;\n\n  text-decoration:none;\n\n  font-size:13px;\n\n  font-weight:650;\n\n  box-shadow:\n    0 10px 30px rgba(0,0,0,.15);\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n\n.gsp-button:hover{\n\n  transform:\n    translateY(-3px);\n\n  box-shadow:\n    0 15px 40px rgba(0,0,0,.20);\n}\n\n\n.gsp-arrow{\n\n  transition:\n    transform .3s ease;\n}\n\n\n.gsp-button:hover .gsp-arrow{\n\n  transform:\n    translateX(5px);\n}\n\n\n\/* DISCLAIMER *\/\n\n.gsp-disclaimer{\n\n  max-width:650px;\n\n  margin:25px auto 0;\n\n  color:#99999d;\n\n  font-size:9px;\n\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:750px){\n\n  .gsp{\n    border-radius:20px;\n  }\n\n\n  .gsp-container{\n\n    padding:\n      58px 17px;\n  }\n\n\n  .gsp-title{\n\n    font-size:48px;\n  }\n\n\n  .gsp-description{\n\n    font-size:14px;\n\n    line-height:1.7;\n  }\n\n\n  .gsp-device-area{\n\n    height:220px;\n\n    margin:\n      35px auto 20px;\n  }\n\n\n  .gsp-orbit{\n\n    width:240px;\n    height:240px;\n  }\n\n\n  .gsp-device{\n\n    width:175px;\n    height:67px;\n  }\n\n\n  .gsp-features{\n\n    grid-template-columns:1fr;\n  }\n\n\n  .gsp-feature{\n\n    min-height:auto;\n\n    padding:25px;\n  }\n\n\n  .gsp-featured{\n\n    min-height:350px;\n\n    padding:\n      30px 25px;\n  }\n\n\n  .gsp-featured h2{\n\n    font-size:38px;\n  }\n\n\n  .gsp-stats{\n\n    grid-template-columns:1fr;\n  }\n\n\n  .gsp-stat{\n\n    border-right:0;\n\n    border-bottom:\n      1px solid var(--border);\n  }\n\n\n  .gsp-stat:last-child{\n\n    border-bottom:0;\n  }\n\n\n  .gsp-cta{\n\n    padding-top:58px;\n  }\n\n\n  .gsp-cta h2{\n\n    font-size:38px;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"gsp\"\u003e\n\n  \u003cdiv class=\"gsp-glow\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"gsp-container\"\u003e\n\n\n    \u003c!-- HERO --\u003e\n\n    \u003cdiv class=\"gsp-hero\"\u003e\n\n      \u003cdiv class=\"gsp-pill\"\u003e\n\n        \u003cspan class=\"gsp-pill-dot\"\u003e\u003c\/span\u003e\n\n        Retro entertainment, reimagined\n\n      \u003c\/div\u003e\n\n\n      \u003ch1 class=\"gsp-title\"\u003e\n\n        \u003cspan class=\"line-one\"\u003e\n          Bring back the classics.\n        \u003c\/span\u003e\n\n        \u003cspan class=\"line-two\"\u003e\n          Make new memories.\n        \u003c\/span\u003e\n\n      \u003c\/h1\u003e\n\n\n      \u003cp class=\"gsp-description\"\u003e\n\n        Meet the \u003cstrong\u003eGame Stick Pro\u003c\/strong\u003e —\n        a compact way to bring classic-style gaming\n        to your compatible big screen, without the bulk\n        of a traditional console.\n\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003c!-- PRODUCT VISUAL --\u003e\n\n    \u003cdiv class=\"gsp-device-area\"\u003e\n\n      \u003cdiv class=\"gsp-orbit\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"gsp-device-glow\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"gsp-device\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003c!-- FEATURES --\u003e\n\n    \u003cdiv class=\"gsp-features\"\u003e\n\n\n      \u003cdiv class=\"gsp-feature\"\u003e\n\n        \u003cdiv class=\"gsp-feature-number\"\u003e\n          01\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"gsp-icon\"\u003e\n          🕹\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Two controllers included\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Settle into the sofa and challenge\n          a friend with two 2.4 GHz wireless\n          controllers for supported games.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n\n      \u003cdiv class=\"gsp-feature\"\u003e\n\n        \u003cdiv class=\"gsp-feature-number\"\u003e\n          02\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"gsp-icon\"\u003e\n          ⌁\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Simple setup\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Connect to a compatible HDMI-equipped\n          TV, monitor or projector and get your\n          gaming setup going.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n\n      \u003cdiv class=\"gsp-feature\"\u003e\n\n        \u003cdiv class=\"gsp-feature-number\"\u003e\n          03\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"gsp-icon\"\u003e\n          ✦\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Made for nostalgia\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Rediscover classic-style entertainment\n          in a compact setup designed for relaxed\n          nights and friendly competition.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n\n    \u003c!-- FEATURED PANEL --\u003e\n\n    \u003cdiv class=\"gsp-featured\"\u003e\n\n      \u003cdiv class=\"gsp-featured-content\"\u003e\n\n        \u003cdiv class=\"gsp-mini-label\"\u003e\n          One small device. Endless nights.\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Your living room just got more interesting.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          From solo sessions to two-player battles,\n          Game Stick Pro turns your compatible display\n          into a simple retro gaming setup. No bulky\n          console taking over the entertainment unit —\n          just plug in, pick a game and play.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003c!-- STATS --\u003e\n\n    \u003cdiv class=\"gsp-stats\"\u003e\n\n\n      \u003cdiv class=\"gsp-stat\"\u003e\n\n        \u003cstrong\u003e\n          20,000+\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Supplier-advertised built-in games*\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"gsp-stat\"\u003e\n\n        \u003cstrong\u003e\n          23\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Supplier-advertised emulators*\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"gsp-stat\"\u003e\n\n        \u003cstrong\u003e\n          4K\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          HDMI output support*\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n\n    \u003c!-- CTA --\u003e\n\n    \u003cdiv class=\"gsp-cta\"\u003e\n\n      \u003ch2\u003e\n        Ready player one?\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Grab a controller, pick your game and\n        bring a little nostalgia back to your\n        living room.\n      \u003c\/p\u003e\n\n\n      \u003ca href=\"#shop\" class=\"gsp-button\"\u003e\n\n        Explore Game Stick Pro\n\n        \u003cspan class=\"gsp-arrow\"\u003e\n          →\n        \u003c\/span\u003e\n\n      \u003c\/a\u003e\n\n\n      \u003cdiv class=\"gsp-disclaimer\"\u003e\n\n        *Game count, emulator count and output\n        specifications are based on supplier-advertised\n        information and may vary by device, software,\n        game and display.\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Sa-Direct","offers":[{"title":"Default Title","offer_id":62791701790801,"sku":null,"price":1499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1075\/8317\/6785\/files\/B64EBBC3-10BC-449A-A472-3625ADF5D35A.jpg?v=1790982879","url":"https:\/\/sa-direct.co.za\/products\/sa-direct%e2%84%a2-game-stick-pro-retro-gaming-double-the-fun","provider":"Sa-Direct","version":"1.0","type":"link"}