{"title":"Jemdo","description":"\u003cp\u003ePremium gaming equipment and hardware accessories.\u003c\/p\u003e","products":[{"product_id":"jemdo-shockguard-controller-travel-case-for-ps5-xbox-switch-pro","title":"Jemdo ShockGuard — Controller Travel Case for PS5, Xbox \u0026 Switch Pro","description":"\u003cdiv class=\"lx-shockguard\"\u003e\n\n \u003cstyle\u003e\n .lx-shockguard {\n --sg-black: #020202;\n --sg-charcoal: #0b0b0b;\n --sg-card: rgba(255,255,255,.045);\n --sg-gold: #d4af37;\n --sg-gold-light: #f6dc73;\n --sg-gold-bright: #fff2aa;\n --sg-white: #f7f7f7;\n --sg-muted: #a7a7a7;\n --sg-border: rgba(212,175,55,.22);\n\n position: relative;\n width: 100%;\n overflow: hidden;\n isolation: isolate;\n box-sizing: border-box;\n padding: 72px 22px;\n border-radius: 18px;\n\n color: var(--sg-white);\n\n background:\n radial-gradient(\n circle at 12% 10%,\n rgba(212,175,55,.13),\n transparent 27%\n ),\n radial-gradient(\n circle at 88% 28%,\n rgba(212,175,55,.07),\n transparent 25%\n ),\n radial-gradient(\n circle at 50% 100%,\n rgba(212,175,55,.08),\n transparent 36%\n ),\n linear-gradient(\n 145deg,\n #020202 0%,\n #0a0a0a 50%,\n #030303 100%\n );\n\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .lx-shockguard *,\n .lx-shockguard *::before,\n .lx-shockguard *::after {\n box-sizing: border-box;\n }\n\n \/* =========================================\n AMBIENT LIGHTING\n ========================================= *\/\n\n .lx-shockguard::before,\n .lx-shockguard::after {\n content: \"\";\n position: absolute;\n width: 440px;\n height: 440px;\n border-radius: 50%;\n filter: blur(105px);\n pointer-events: none;\n z-index: -1;\n\n animation:\n sgAmbient 9s ease-in-out infinite alternate;\n }\n\n .lx-shockguard::before {\n top: -220px;\n left: -190px;\n background: rgba(212,175,55,.10);\n }\n\n .lx-shockguard::after {\n right: -220px;\n bottom: -220px;\n background: rgba(212,175,55,.075);\n animation-delay: -4s;\n }\n\n .sg-container {\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 1080px;\n margin: 0 auto;\n }\n\n \/* =========================================\n TOP BADGE\n ========================================= *\/\n\n .sg-badge {\n width: fit-content;\n margin: 0 auto 20px;\n\n padding: 9px 18px;\n\n border: 1px solid rgba(212,175,55,.4);\n border-radius: 999px;\n\n background: rgba(212,175,55,.055);\n\n color: var(--sg-gold-light);\n\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 2.7px;\n text-transform: uppercase;\n\n box-shadow:\n 0 0 20px rgba(212,175,55,.07),\n inset 0 0 15px rgba(212,175,55,.025);\n\n animation:\n sgBadgePulse 3s ease-in-out infinite;\n }\n\n \/* =========================================\n HERO\n ========================================= *\/\n\n .sg-hero {\n text-align: center;\n margin-bottom: 25px;\n }\n\n .sg-title {\n margin: 0;\n\n font-size: clamp(40px, 7vw, 76px);\n line-height: .94;\n\n font-weight: 900;\n letter-spacing: -2.5px;\n text-transform: uppercase;\n\n background:\n linear-gradient(\n 105deg,\n #9e7518 0%,\n #d4af37 17%,\n #fff1a0 36%,\n #d4af37 54%,\n #fff0a0 76%,\n #9e7518 100%\n );\n\n background-size: 250% auto;\n\n -webkit-background-clip: text;\n background-clip: text;\n\n color: transparent;\n\n animation:\n sgGoldFlow 5s linear infinite;\n\n filter:\n drop-shadow(\n 0 0 22px rgba(212,175,55,.14)\n );\n }\n\n .sg-subtitle {\n max-width: 680px;\n margin: 18px auto 0;\n\n color: #d0d0d0;\n\n font-size: clamp(15px, 2vw, 19px);\n line-height: 1.65;\n }\n\n \/* =========================================\n IMPACT VISUAL\n ========================================= *\/\n\n .sg-impact-zone {\n position: relative;\n\n width: min(100%, 680px);\n height: 310px;\n\n margin: 25px auto 45px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n \/* Main rings *\/\n\n .sg-ring {\n position: absolute;\n\n width: 230px;\n height: 230px;\n\n border-radius: 50%;\n\n border: 1px solid rgba(212,175,55,.2);\n\n box-shadow:\n 0 0 40px rgba(212,175,55,.07),\n inset 0 0 35px rgba(212,175,55,.04);\n\n animation:\n sgRingPulse 3.5s ease-in-out infinite;\n }\n\n .sg-ring::before,\n .sg-ring::after {\n content: \"\";\n\n position: absolute;\n\n border-radius: 50%;\n\n border: 1px dashed rgba(246,220,115,.23);\n }\n\n .sg-ring::before {\n inset: 18px;\n\n animation:\n sgSpin 12s linear infinite;\n }\n\n .sg-ring::after {\n inset: 40px;\n\n border-style: solid;\n border-color: rgba(212,175,55,.12);\n\n animation:\n sgSpinReverse 8s linear infinite;\n }\n\n \/* Shockwaves *\/\n\n .sg-shockwave {\n position: absolute;\n\n width: 105px;\n height: 105px;\n\n border-radius: 50%;\n\n border: 2px solid rgba(212,175,55,.42);\n\n animation:\n sgShockwave 2.5s ease-out infinite;\n }\n\n .sg-shockwave:nth-child(2) {\n animation-delay: -.8s;\n }\n\n .sg-shockwave:nth-child(3) {\n animation-delay: -1.6s;\n }\n\n \/* Case *\/\n\n .sg-case {\n position: relative;\n\n width: 205px;\n height: 135px;\n\n border-radius: 28px;\n\n background:\n linear-gradient(\n 145deg,\n #222,\n #080808 55%,\n #151515\n );\n\n border: 2px solid rgba(212,175,55,.72);\n\n box-shadow:\n 0 0 25px rgba(212,175,55,.25),\n 0 25px 65px rgba(0,0,0,.65),\n inset 0 0 25px rgba(255,255,255,.025);\n\n transform:\n perspective(700px)\n rotateX(12deg)\n rotateY(-12deg);\n\n animation:\n sgCaseFloat 4s ease-in-out infinite;\n }\n\n .sg-case::before {\n content: \"\";\n\n position: absolute;\n inset: 9px;\n\n border-radius: 20px;\n\n border: 1px solid rgba(212,175,55,.16);\n\n box-shadow:\n inset 0 0 20px rgba(212,175,55,.04);\n }\n\n .sg-case::after {\n content: \"\";\n\n position: absolute;\n\n top: 15px;\n left: -30px;\n\n width: 265px;\n height: 1px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(246,220,115,.9),\n transparent\n );\n\n box-shadow:\n 0 0 14px rgba(212,175,55,.6);\n\n animation:\n sgCaseScan 3s ease-in-out infinite;\n }\n\n .sg-case-icon {\n position: absolute;\n\n inset: 0;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n font-size: 53px;\n\n filter:\n drop-shadow(\n 0 0 13px rgba(212,175,55,.65)\n );\n\n animation:\n sgIconPulse 2.5s ease-in-out infinite;\n }\n\n \/* Impact particles *\/\n\n .sg-particle {\n position: absolute;\n\n width: 7px;\n height: 7px;\n\n border-radius: 50%;\n\n background: var(--sg-gold-light);\n\n box-shadow:\n 0 0 8px var(--sg-gold),\n 0 0 20px rgba(212,175,55,.55);\n\n animation:\n sgParticle 3s ease-in-out infinite;\n }\n\n .sg-particle.p1 {\n left: 15%;\n top: 25%;\n }\n\n .sg-particle.p2 {\n right: 16%;\n top: 35%;\n animation-delay: -.9s;\n }\n\n .sg-particle.p3 {\n left: 23%;\n bottom: 20%;\n animation-delay: -1.7s;\n }\n\n .sg-particle.p4 {\n right: 24%;\n bottom: 25%;\n animation-delay: -2.3s;\n }\n\n \/* =========================================\n INTRO CARD\n ========================================= *\/\n\n .sg-intro {\n position: relative;\n\n max-width: 900px;\n\n margin: 0 auto 58px;\n\n padding: 35px;\n\n overflow: hidden;\n\n border-radius: 22px;\n\n border: 1px solid var(--sg-border);\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.06),\n rgba(255,255,255,.018)\n );\n\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n\n box-shadow:\n 0 22px 70px rgba(0,0,0,.45),\n inset 0 1px 0 rgba(255,255,255,.06);\n }\n\n .sg-intro::before {\n content: \"\";\n\n position: absolute;\n\n top: 0;\n left: -120%;\n\n width: 65%;\n height: 100%;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(255,255,255,.07),\n transparent\n );\n\n transform: skewX(-20deg);\n\n animation:\n sgGlassSweep 5s ease-in-out infinite;\n }\n\n .sg-intro p {\n position: relative;\n z-index: 2;\n\n margin: 0;\n\n text-align: center;\n\n color: #d8d8d8;\n\n font-size: 17px;\n line-height: 1.8;\n }\n\n .sg-highlight {\n color: var(--sg-gold-light);\n font-weight: 850;\n }\n\n \/* =========================================\n SECTION HEADINGS\n ========================================= *\/\n\n .sg-heading {\n text-align: center;\n margin-bottom: 29px;\n }\n\n .sg-heading span {\n display: block;\n\n margin-bottom: 9px;\n\n color: var(--sg-gold);\n\n font-size: 10px;\n font-weight: 800;\n\n letter-spacing: 3px;\n text-transform: uppercase;\n }\n\n .sg-heading h2 {\n margin: 0;\n\n color: #fff;\n\n font-size: clamp(26px, 4vw, 39px);\n\n line-height: 1.1;\n\n font-weight: 900;\n\n letter-spacing: -.7px;\n text-transform: uppercase;\n }\n\n \/* =========================================\n FEATURE CARDS\n ========================================= *\/\n\n .sg-grid {\n display: grid;\n\n grid-template-columns:\n repeat(2, 1fr);\n\n gap: 17px;\n\n margin-bottom: 58px;\n }\n\n .sg-card {\n position: relative;\n\n min-height: 205px;\n\n padding: 28px 25px;\n\n overflow: hidden;\n\n border-radius: 18px;\n\n border:\n 1px solid rgba(212,175,55,.16);\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.055),\n rgba(255,255,255,.018)\n );\n\n transition:\n transform .4s ease,\n border-color .4s ease,\n box-shadow .4s ease;\n }\n\n .sg-card::before {\n content: \"\";\n\n position: absolute;\n\n top: 0;\n left: -100%;\n\n width: 100%;\n height: 2px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n var(--sg-gold),\n transparent\n );\n\n animation:\n sgCardScan 4s ease-in-out infinite;\n }\n\n .sg-card:hover {\n transform: translateY(-7px);\n\n border-color:\n rgba(212,175,55,.5);\n\n box-shadow:\n 0 20px 50px rgba(0,0,0,.4),\n 0 0 28px rgba(212,175,55,.08);\n }\n\n .sg-icon {\n width: 49px;\n height: 49px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n margin-bottom: 18px;\n\n border-radius: 14px;\n\n border:\n 1px solid rgba(212,175,55,.3);\n\n background:\n rgba(212,175,55,.065);\n\n color: var(--sg-gold-light);\n\n font-size: 23px;\n\n box-shadow:\n inset 0 0 20px rgba(212,175,55,.04);\n\n animation:\n sgIconBox 3s ease-in-out infinite;\n }\n\n .sg-card:nth-child(2) .sg-icon {\n animation-delay: -.6s;\n }\n\n .sg-card:nth-child(3) .sg-icon {\n animation-delay: -1.2s;\n }\n\n .sg-card:nth-child(4) .sg-icon {\n animation-delay: -1.8s;\n }\n\n .sg-card:nth-child(5) .sg-icon {\n animation-delay: -2.4s;\n }\n\n .sg-card h3 {\n margin: 0 0 9px;\n\n color: #fff;\n\n font-size: 17px;\n font-weight: 850;\n }\n\n .sg-card p {\n margin: 0;\n\n color: var(--sg-muted);\n\n font-size: 14px;\n line-height: 1.65;\n }\n\n \/* =========================================\n SHOCK PROTECTION METER\n ========================================= *\/\n\n .sg-protection {\n max-width: 900px;\n\n margin: 0 auto 58px;\n\n padding: 32px;\n\n border-radius: 22px;\n\n border:\n 1px solid rgba(212,175,55,.2);\n\n background:\n radial-gradient(\n circle at 50% 0%,\n rgba(212,175,55,.1),\n transparent 60%\n ),\n rgba(255,255,255,.025);\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.04);\n\n overflow: hidden;\n }\n\n .sg-protection-top {\n display: flex;\n\n justify-content: space-between;\n align-items: center;\n\n gap: 15px;\n\n margin-bottom: 16px;\n }\n\n .sg-protection-label {\n color: #ddd;\n\n font-size: 12px;\n font-weight: 800;\n\n letter-spacing: 1.5px;\n text-transform: uppercase;\n }\n\n .sg-protection-status {\n color: var(--sg-gold-light);\n\n font-size: 12px;\n font-weight: 900;\n\n letter-spacing: 1px;\n }\n\n .sg-protection-bar {\n height: 12px;\n\n padding: 2px;\n\n border-radius: 99px;\n\n background: #151515;\n\n border:\n 1px solid rgba(212,175,55,.2);\n\n overflow: hidden;\n }\n\n .sg-protection-fill {\n position: relative;\n\n width: 94%;\n height: 100%;\n\n border-radius: inherit;\n\n background:\n linear-gradient(\n 90deg,\n #886316,\n #d4af37,\n #fff0a0\n );\n\n box-shadow:\n 0 0 18px rgba(212,175,55,.45);\n\n animation:\n sgProtectionGlow 2.5s ease-in-out infinite;\n }\n\n .sg-protection-fill::after {\n content: \"\";\n\n position: absolute;\n\n top: 0;\n left: -100px;\n\n width: 100px;\n height: 100%;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(255,255,255,.55),\n transparent\n );\n\n animation:\n sgMeterSweep 2.4s linear infinite;\n }\n\n .sg-protection-note {\n margin: 13px 0 0;\n\n color: #8e8e8e;\n\n font-size: 12px;\n line-height: 1.5;\n }\n\n \/* =========================================\n PLATFORM COMPATIBILITY\n ========================================= *\/\n\n .sg-platforms {\n display: flex;\n\n justify-content: center;\n flex-wrap: wrap;\n\n gap: 10px;\n\n margin-bottom: 58px;\n }\n\n .sg-platform {\n padding: 11px 17px;\n\n border-radius: 999px;\n\n border:\n 1px solid rgba(212,175,55,.22);\n\n background:\n rgba(212,175,55,.045);\n\n color: #d6d6d6;\n\n font-size: 12px;\n font-weight: 750;\n\n transition:\n transform .3s ease,\n color .3s ease,\n border-color .3s ease,\n box-shadow .3s ease;\n }\n\n .sg-platform:hover {\n transform: translateY(-3px);\n\n color: var(--sg-gold-light);\n\n border-color:\n rgba(212,175,55,.55);\n\n box-shadow:\n 0 0 18px rgba(212,175,55,.1);\n }\n\n \/* =========================================\n WHY YOU'LL LOVE IT\n ========================================= *\/\n\n .sg-love {\n max-width: 760px;\n\n margin: 0 auto 58px;\n }\n\n .sg-love-item {\n display: flex;\n\n align-items: center;\n\n gap: 15px;\n\n padding: 15px 0;\n\n border-bottom:\n 1px solid rgba(255,255,255,.07);\n }\n\n .sg-love-item:last-child {\n border-bottom: none;\n }\n\n .sg-check {\n flex: 0 0 32px;\n\n width: 32px;\n height: 32px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n border:\n 1px solid rgba(212,175,55,.3);\n\n background:\n rgba(212,175,55,.07);\n\n color:\n var(--sg-gold-light);\n\n box-shadow:\n 0 0 15px rgba(212,175,55,.07);\n }\n\n .sg-love-item span:last-child {\n color: #d1d1d1;\n\n font-size: 14px;\n\n line-height: 1.5;\n }\n\n \/* =========================================\n FINAL CTA\n ========================================= *\/\n\n .sg-final {\n position: relative;\n\n padding: 45px 25px;\n\n overflow: hidden;\n\n text-align: center;\n\n border-radius: 23px;\n\n border:\n 1px solid rgba(212,175,55,.3);\n\n background:\n radial-gradient(\n circle at center,\n rgba(212,175,55,.12),\n transparent 65%\n ),\n rgba(255,255,255,.025);\n\n box-shadow:\n 0 22px 65px rgba(0,0,0,.4),\n inset 0 0 35px rgba(212,175,55,.025);\n }\n\n .sg-final::before {\n content: \"\";\n\n position: absolute;\n\n inset: -60%;\n\n background:\n conic-gradient(\n from 0deg,\n transparent,\n rgba(212,175,55,.08),\n transparent 25%\n );\n\n animation:\n sgFinalRotate 9s linear infinite;\n }\n\n .sg-final-content {\n position: relative;\n z-index: 2;\n }\n\n .sg-final-icon {\n display: inline-block;\n\n margin-bottom: 12px;\n\n font-size: 34px;\n\n animation:\n sgFinalIcon 2s ease-in-out infinite;\n\n filter:\n drop-shadow(\n 0 0 10px rgba(212,175,55,.55)\n );\n }\n\n .sg-final h2 {\n margin: 0;\n\n font-size: clamp(25px, 5vw, 40px);\n\n line-height: 1.15;\n\n font-weight: 900;\n\n background:\n linear-gradient(\n 100deg,\n #c3972a,\n #fff0a0,\n #d4af37,\n #fff2a5\n );\n\n background-size: 220% auto;\n\n -webkit-background-clip: text;\n background-clip: text;\n\n color: transparent;\n\n animation:\n sgGoldFlow 4s linear infinite;\n }\n\n .sg-final p {\n max-width: 620px;\n\n margin: 13px auto 0;\n\n color: #aaa;\n\n font-size: 13px;\n\n line-height: 1.6;\n }\n\n \/* =========================================\n ANIMATIONS\n ========================================= *\/\n\n @keyframes sgAmbient {\n 0% {\n transform:\n translate3d(0,0,0)\n scale(1);\n }\n\n 100% {\n transform:\n translate3d(25px,20px,0)\n scale(1.12);\n }\n }\n\n @keyframes sgBadgePulse {\n 0%,100% {\n box-shadow:\n 0 0 15px rgba(212,175,55,.05);\n }\n\n 50% {\n box-shadow:\n 0 0 28px rgba(212,175,55,.18);\n }\n }\n\n @keyframes sgGoldFlow {\n 0% {\n background-position: 0% center;\n }\n\n 100% {\n background-position: 250% center;\n }\n }\n\n @keyframes sgRingPulse {\n 0%,100% {\n transform: scale(.94);\n opacity: .55;\n }\n\n 50% {\n transform: scale(1.05);\n opacity: 1;\n }\n }\n\n @keyframes sgSpin {\n to {\n transform: rotate(360deg);\n }\n }\n\n @keyframes sgSpinReverse {\n to {\n transform: rotate(-360deg);\n }\n }\n\n @keyframes sgShockwave {\n 0% {\n transform: scale(.55);\n opacity: .9;\n }\n\n 100% {\n transform: scale(2.45);\n opacity: 0;\n }\n }\n\n @keyframes sgCaseFloat {\n 0%,100% {\n transform:\n perspective(700px)\n rotateX(12deg)\n rotateY(-12deg)\n translateY(0);\n }\n\n 50% {\n transform:\n perspective(700px)\n rotateX(12deg)\n rotateY(-12deg)\n translateY(-9px);\n }\n }\n\n @keyframes sgCaseScan {\n 0%,100% {\n transform: translateY(-42px);\n opacity: 0;\n }\n\n 30% {\n opacity: 1;\n }\n\n 65% {\n transform: translateY(100px);\n opacity: 1;\n }\n\n 80% {\n opacity: 0;\n }\n }\n\n @keyframes sgIconPulse {\n 0%,100% {\n transform: scale(1);\n filter:\n drop-shadow(\n 0 0 7px rgba(212,175,55,.45)\n );\n }\n\n 50% {\n transform: scale(1.12);\n filter:\n drop-shadow(\n 0 0 18px rgba(212,175,55,.8)\n );\n }\n }\n\n @keyframes sgParticle {\n 0%,100% {\n transform: scale(.6);\n opacity: .25;\n }\n\n 50% {\n transform: scale(1.8);\n opacity: 1;\n }\n }\n\n @keyframes sgGlassSweep {\n 0%,20% {\n left: -120%;\n }\n\n 55%,100% {\n left: 140%;\n }\n }\n\n @keyframes sgCardScan {\n 0% {\n transform: translateX(-100%);\n }\n\n 45%,100% {\n transform: translateX(100%);\n }\n }\n\n @keyframes sgIconBox {\n 0%,100% {\n box-shadow:\n 0 0 0 rgba(212,175,55,0);\n }\n\n 50% {\n box-shadow:\n 0 0 22px rgba(212,175,55,.16);\n }\n }\n\n @keyframes sgProtectionGlow {\n 0%,100% {\n filter: brightness(.92);\n }\n\n 50% {\n filter: brightness(1.15);\n }\n }\n\n @keyframes sgMeterSweep {\n from {\n transform: translateX(-120px);\n }\n\n to {\n transform: translateX(850px);\n }\n }\n\n @keyframes sgFinalRotate {\n to {\n transform: rotate(360deg);\n }\n }\n\n @keyframes sgFinalIcon {\n 0%,100% {\n transform:\n translateY(0)\n scale(1);\n }\n\n 50% {\n transform:\n translateY(-6px)\n scale(1.13);\n }\n }\n\n \/* =========================================\n TABLET\n ========================================= *\/\n\n @media (max-width: 760px) {\n\n .lx-shockguard {\n padding: 55px 17px;\n border-radius: 14px;\n }\n\n .sg-grid {\n grid-template-columns: 1fr;\n }\n\n .sg-card {\n min-height: auto;\n }\n\n .sg-impact-zone {\n height: 260px;\n }\n\n .sg-ring {\n width: 205px;\n height: 205px;\n }\n\n .sg-case {\n width: 185px;\n height: 123px;\n }\n }\n\n \/* =========================================\n MOBILE\n ========================================= *\/\n\n @media (max-width: 480px) {\n\n .lx-shockguard {\n padding: 45px 13px;\n }\n\n .sg-title {\n font-size: 39px;\n letter-spacing: -1.5px;\n }\n\n .sg-subtitle {\n font-size: 14px;\n }\n\n .sg-impact-zone {\n height: 220px;\n margin-top: 18px;\n }\n\n .sg-ring {\n width: 175px;\n height: 175px;\n }\n\n .sg-case {\n width: 160px;\n height: 105px;\n\n border-radius: 22px;\n }\n\n .sg-case-icon {\n font-size: 42px;\n }\n\n .sg-intro {\n padding: 25px 19px;\n border-radius: 17px;\n }\n\n .sg-intro p {\n font-size: 14px;\n line-height: 1.7;\n }\n\n .sg-heading h2 {\n font-size: 26px;\n }\n\n .sg-card {\n padding: 23px 20px;\n }\n\n .sg-protection {\n padding: 23px 18px;\n }\n\n .sg-final {\n padding: 36px 18px;\n }\n\n .sg-final h2 {\n font-size: 26px;\n }\n\n .sg-shockwave {\n width: 85px;\n height: 85px;\n }\n }\n\n \/* =========================================\n REDUCED MOTION\n ========================================= *\/\n\n @media (prefers-reduced-motion: reduce) {\n\n .lx-shockguard *,\n .lx-shockguard *::before,\n .lx-shockguard *::after {\n animation-duration: .01ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n }\n\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"sg-container\"\u003e\n\n \u003c!-- HERO --\u003e\n\n \u003cdiv class=\"sg-hero\"\u003e\n\n \u003cdiv class=\"sg-badge\"\u003e\n 🛡ī¸ JEMDO SHOCKGUARD\n \u003c\/div\u003e\n\n \u003ch1 class=\"sg-title\"\u003e\n ShockGuard\n \u003c\/h1\u003e\n\n \u003cp class=\"sg-subtitle\"\u003e\n Built To Take The Hit. So Your Controller Doesn't.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- IMPACT VISUAL --\u003e\n\n \u003cdiv class=\"sg-impact-zone\"\u003e\n\n \u003cdiv class=\"sg-ring\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"sg-shockwave\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sg-shockwave\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sg-shockwave\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"sg-particle p1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sg-particle p2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sg-particle p3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sg-particle p4\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"sg-case\"\u003e\n\n \u003cdiv class=\"sg-case-icon\"\u003e\n 🛡ī¸\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- INTRO --\u003e\n\n \u003cdiv class=\"sg-intro\"\u003e\n\n \u003cp\u003e\n\n 🛡ī¸\n \u003cspan class=\"sg-highlight\"\u003e\n Built to take the hit, so your controller doesn't.\n \u003c\/span\u003e\n\n Drops, bumps and a crowded backpack can all wreck a controller.\n The ShockGuard gives yours tough, shock-resistant protection wherever\n you go, so it arrives in perfect condition and ready to play. 🎮\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- FEATURES --\u003e\n\n \u003cdiv class=\"sg-heading\"\u003e\n\n \u003cspan\u003e\n IMPACT PROTECTION\n \u003c\/span\u003e\n\n \u003ch2\u003e\n Protection That Travels\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sg-grid\"\u003e\n\n\n \u003cdiv class=\"sg-card\"\u003e\n\n \u003cdiv class=\"sg-icon\"\u003e\n đŸ’Ĩ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Shock-Resistant Protection\n \u003c\/h3\u003e\n\n \u003cp\u003e\n The durable, impact-resistant build absorbs knocks and bumps,\n helping protect your sticks, triggers and buttons from everyday\n accidents.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sg-card\"\u003e\n\n \u003cdiv class=\"sg-icon\"\u003e\n ✈ī¸\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Made For Travel\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Heading to a friend's place, a LAN session or on holiday?\n Just pack it and go. ShockGuard keeps your controller safe,\n stored and easy to carry. 🎒\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sg-card\"\u003e\n\n \u003cdiv class=\"sg-icon\"\u003e\n 🕹ī¸\n \u003c\/div\u003e\n\n \u003ch3\u003e\n One Case. Every Controller.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Compatible with PS5, Xbox and Nintendo Switch Pro controllers,\n making it the only case you need, whatever you play on.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sg-card\"\u003e\n\n \u003cdiv class=\"sg-icon\"\u003e\n đŸ’Ē\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Durable By Design\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Built tough enough for daily use, so you don't have to worry\n about your controller every time it leaves the house.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sg-card\"\u003e\n\n \u003cdiv class=\"sg-icon\"\u003e\n 🖤\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Sleek \u0026amp; Low-Key\n \u003c\/h3\u003e\n\n \u003cp\u003e\n A clean, minimal look that fits right into your setup and keeps\n your gear organised.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c!-- PROTECTION METER --\u003e\n\n \u003cdiv class=\"sg-heading\"\u003e\n\n \u003cspan\u003e\n SHOCKGUARD STATUS\n \u003c\/span\u003e\n\n \u003ch2\u003e\n Ready For The Journey\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sg-protection\"\u003e\n\n \u003cdiv class=\"sg-protection-top\"\u003e\n\n \u003cspan class=\"sg-protection-label\"\u003e\n Impact Protection\n \u003c\/span\u003e\n\n \u003cspan class=\"sg-protection-status\"\u003e\n ● ACTIVE\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sg-protection-bar\"\u003e\n\n \u003cdiv class=\"sg-protection-fill\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cp class=\"sg-protection-note\"\u003e\n Designed to provide a protective barrier around your controller\n during everyday travel, storage and gaming sessions away from home.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- COMPATIBILITY --\u003e\n\n \u003cdiv class=\"sg-heading\"\u003e\n\n \u003cspan\u003e\n MULTI-PLATFORM PROTECTION\n \u003c\/span\u003e\n\n \u003ch2\u003e\n Built For Your Controller\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sg-platforms\"\u003e\n\n \u003cdiv class=\"sg-platform\"\u003e\n 🎮 PS5\n \u003c\/div\u003e\n\n \u003cdiv class=\"sg-platform\"\u003e\n 🎮 Xbox\n \u003c\/div\u003e\n\n \u003cdiv class=\"sg-platform\"\u003e\n 🕹ī¸ Nintendo Switch Pro\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- WHY YOU'LL LOVE IT --\u003e\n\n \u003cdiv class=\"sg-heading\"\u003e\n\n \u003cspan\u003e\n THE SHOCKGUARD DIFFERENCE\n \u003c\/span\u003e\n\n \u003ch2\u003e\n Why You'll Love It\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sg-love\"\u003e\n\n\n \u003cdiv class=\"sg-love-item\"\u003e\n\n \u003cdiv class=\"sg-check\"\u003e\n ✓\n \u003c\/div\u003e\n\n \u003cspan\u003e\n đŸ’Ĩ Shock-resistant protection against drops and bumps\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sg-love-item\"\u003e\n\n \u003cdiv class=\"sg-check\"\u003e\n ✓\n \u003c\/div\u003e\n\n \u003cspan\u003e\n đŸ’Ē Durable build made for everyday use\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sg-love-item\"\u003e\n\n \u003cdiv class=\"sg-check\"\u003e\n ✓\n \u003c\/div\u003e\n\n \u003cspan\u003e\n ✈ī¸ Travel-ready, easy to carry and store\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sg-love-item\"\u003e\n\n \u003cdiv class=\"sg-check\"\u003e\n ✓\n \u003c\/div\u003e\n\n \u003cspan\u003e\n 🕹ī¸ Fits PS5, Xbox and Switch Pro controllers\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sg-love-item\"\u003e\n\n \u003cdiv class=\"sg-check\"\u003e\n ✓\n \u003c\/div\u003e\n\n \u003cspan\u003e\n 🖤 Sleek design that suits any setup\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c!-- FINAL CTA --\u003e\n\n \u003cdiv class=\"sg-final\"\u003e\n\n \u003cdiv class=\"sg-final-content\"\u003e\n\n \u003cdiv class=\"sg-final-icon\"\u003e\n 🛡ī¸\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Pack It. Protect It. Play Anywhere.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n ShockGuard gives your controller a dedicated layer of\n shock-resistant protection for everyday travel, storage,\n LAN sessions and gaming on the go. 🎮\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Jemdo","offers":[{"title":"Default Title","offer_id":50554113785995,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/files\/shockguard-three-quarter-view.png?v=1790463582"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/collections\/jemdo-titled-collection-image.png?v=1790464410","url":"https:\/\/loadoutx.co.za\/collections\/jemdo.oembed","provider":"LoadoutX","version":"1.0","type":"link"}