{"title":"TRAVEL","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003e\u003cspan\u003eTake Your Gaming Anywhere.\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eProtect your console, accessories, and essential gear wherever you go. Explore premium travel-ready gaming solutions designed for portability, protection, and play on the move.\u003c\/span\u003e\u003c\/p\u003e","products":[{"product_id":"ps5-slim-deluxe-carry-case-console-accessories-protection","title":"LoadoutX™ Grey PS5 Slim Deluxe Carry Case | Console \u0026 Accessories Protection","description":"\u003c!-- LOADOUTX™ PREMIUM TRAVEL CASE — ANIMATED PRODUCT DESCRIPTION --\u003e\n\u003cstyle\u003e\n .lx-travel-case {\n --gold: #d4af37;\n --gold-light: #f4d873;\n --gold-bright: #fff1a8;\n --black: #050505;\n --charcoal: #0d0d0d;\n --charcoal-2: #151515;\n --card: rgba(255,255,255,0.045);\n --border: rgba(212,175,55,0.22);\n --text: #f5f5f5;\n --muted: #a8a8a8;\n\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n width: 100%;\n padding: 70px 22px;\n color: var(--text);\n background:\n radial-gradient(circle at 15% 15%, rgba(212,175,55,0.10), transparent 30%),\n radial-gradient(circle at 85% 75%, rgba(212,175,55,0.07), transparent 28%),\n linear-gradient(145deg, #030303, #0b0b0b 48%, #050505);\n font-family: Arial, Helvetica, sans-serif;\n border-radius: 18px;\n isolation: isolate;\n }\n\n .lx-travel-case *,\n .lx-travel-case *::before,\n .lx-travel-case *::after {\n box-sizing: border-box;\n }\n\n \/* Ambient lighting *\/\n .lx-travel-case::before,\n .lx-travel-case::after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n z-index: -1;\n filter: blur(12px);\n }\n\n .lx-travel-case::before {\n width: 320px;\n height: 320px;\n top: -150px;\n left: -100px;\n background: rgba(212,175,55,0.10);\n animation: lxFloatGlow 7s ease-in-out infinite;\n }\n\n .lx-travel-case::after {\n width: 300px;\n height: 300px;\n right: -120px;\n bottom: -140px;\n background: rgba(212,175,55,0.08);\n animation: lxFloatGlow 9s ease-in-out infinite reverse;\n }\n\n \/* Moving travel lines *\/\n .lx-travel-lines {\n position: absolute;\n inset: 0;\n overflow: hidden;\n pointer-events: none;\n opacity: 0.25;\n z-index: -1;\n }\n\n .lx-travel-lines span {\n position: absolute;\n height: 1px;\n width: 180px;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(212,175,55,0.55),\n transparent\n );\n transform: rotate(-18deg);\n animation: lxTravelLine 7s linear infinite;\n }\n\n .lx-travel-lines span:nth-child(1) {\n top: 18%;\n left: -220px;\n animation-delay: 0s;\n }\n\n .lx-travel-lines span:nth-child(2) {\n top: 42%;\n left: -300px;\n width: 240px;\n animation-delay: 2.2s;\n }\n\n .lx-travel-lines span:nth-child(3) {\n top: 72%;\n left: -260px;\n width: 150px;\n animation-delay: 4.1s;\n }\n\n \/* Main container *\/\n .lx-travel-inner {\n position: relative;\n max-width: 1050px;\n margin: 0 auto;\n text-align: center;\n }\n\n \/* Badge *\/\n .lx-travel-badge {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n padding: 9px 16px;\n margin-bottom: 22px;\n border: 1px solid rgba(212,175,55,0.28);\n border-radius: 999px;\n background: rgba(212,175,55,0.055);\n box-shadow:\n 0 0 20px rgba(212,175,55,0.07),\n inset 0 0 15px rgba(255,255,255,0.015);\n color: var(--gold-light);\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n animation: lxBadgePulse 3s ease-in-out infinite;\n }\n\n .lx-travel-badge-dot {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: var(--gold-light);\n box-shadow: 0 0 12px rgba(244,216,115,0.9);\n animation: lxDotPulse 1.8s ease-in-out infinite;\n }\n\n \/* Heading *\/\n .lx-travel-title {\n margin: 0;\n font-size: clamp(36px, 6vw, 68px);\n line-height: 0.98;\n font-weight: 900;\n letter-spacing: -2px;\n text-transform: uppercase;\n\n background: linear-gradient(\n 110deg,\n var(--gold),\n var(--gold-bright),\n var(--gold-light),\n var(--gold),\n var(--gold-bright)\n );\n background-size: 300% auto;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n\n animation:\n lxGoldShift 5s linear infinite,\n lxTitleReveal 1s ease both;\n }\n\n .lx-travel-subtitle {\n margin: 16px auto 0;\n max-width: 650px;\n color: #d0d0d0;\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.65;\n animation: lxFadeUp 1s ease 0.25s both;\n }\n\n \/* Hero card *\/\n .lx-travel-hero {\n position: relative;\n margin: 45px auto 0;\n max-width: 900px;\n padding: 38px 34px;\n border: 1px solid var(--border);\n border-radius: 24px;\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,0.065),\n rgba(255,255,255,0.018)\n );\n backdrop-filter: blur(14px);\n -webkit-backdrop-filter: blur(14px);\n box-shadow:\n 0 30px 80px rgba(0,0,0,0.55),\n inset 0 1px 0 rgba(255,255,255,0.06);\n overflow: hidden;\n animation: lxFadeUp 1s ease 0.4s both;\n }\n\n .lx-travel-hero::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -120%;\n width: 80%;\n height: 100%;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255,255,255,0.06),\n transparent\n );\n transform: skewX(-20deg);\n animation: lxGlassSweep 6s ease-in-out infinite;\n }\n\n .lx-travel-hero-icon {\n width: 58px;\n height: 58px;\n margin: 0 auto 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 18px;\n border: 1px solid rgba(212,175,55,0.35);\n background: rgba(212,175,55,0.07);\n font-size: 28px;\n box-shadow:\n 0 0 30px rgba(212,175,55,0.10),\n inset 0 0 20px rgba(212,175,55,0.05);\n animation: lxIconFloat 4s ease-in-out infinite;\n }\n\n .lx-travel-hero p {\n position: relative;\n margin: 0 auto;\n max-width: 760px;\n color: #d7d7d7;\n font-size: 16px;\n line-height: 1.8;\n }\n\n .lx-travel-hero strong {\n color: var(--gold-light);\n }\n\n \/* Section heading *\/\n .lx-travel-section {\n margin-top: 65px;\n animation: lxFadeUp 1s ease 0.55s both;\n }\n\n .lx-travel-section-label {\n display: inline-block;\n margin-bottom: 12px;\n color: var(--gold-light);\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 3px;\n text-transform: uppercase;\n }\n\n .lx-travel-section-title {\n margin: 0 0 30px;\n color: #fff;\n font-size: clamp(25px, 4vw, 38px);\n line-height: 1.15;\n font-weight: 850;\n letter-spacing: -0.8px;\n }\n\n .lx-travel-section-title span {\n color: var(--gold-light);\n }\n\n \/* Feature grid *\/\n .lx-travel-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 16px;\n text-align: left;\n }\n\n .lx-travel-card {\n position: relative;\n min-height: 185px;\n padding: 27px;\n overflow: hidden;\n border-radius: 20px;\n border: 1px solid rgba(255,255,255,0.075);\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,0.055),\n rgba(255,255,255,0.018)\n );\n box-shadow:\n 0 18px 45px rgba(0,0,0,0.28),\n inset 0 1px 0 rgba(255,255,255,0.035);\n transition:\n transform 0.45s ease,\n border-color 0.45s ease,\n box-shadow 0.45s ease;\n animation: lxCardReveal 0.8s ease both;\n }\n\n .lx-travel-card:nth-child(1) { animation-delay: 0.7s; }\n .lx-travel-card:nth-child(2) { animation-delay: 0.82s; }\n .lx-travel-card:nth-child(3) { animation-delay: 0.94s; }\n .lx-travel-card:nth-child(4) { animation-delay: 1.06s; }\n\n .lx-travel-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background: linear-gradient(\n 90deg,\n transparent,\n var(--gold),\n transparent\n );\n transform: translateX(-100%);\n animation: lxScan 4s ease-in-out infinite;\n }\n\n .lx-travel-card:hover {\n transform: translateY(-7px);\n border-color: rgba(212,175,55,0.35);\n box-shadow:\n 0 25px 60px rgba(0,0,0,0.42),\n 0 0 30px rgba(212,175,55,0.07);\n }\n\n .lx-travel-icon {\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 19px;\n border-radius: 14px;\n background: rgba(212,175,55,0.075);\n border: 1px solid rgba(212,175,55,0.2);\n font-size: 23px;\n box-shadow: inset 0 0 18px rgba(212,175,55,0.035);\n transition: transform 0.4s ease;\n }\n\n .lx-travel-card:hover .lx-travel-icon {\n transform: scale(1.08) rotate(-4deg);\n }\n\n .lx-travel-card h3 {\n margin: 0 0 9px;\n color: #fff;\n font-size: 17px;\n line-height: 1.25;\n font-weight: 800;\n }\n\n .lx-travel-card h3 span {\n color: var(--gold-light);\n }\n\n .lx-travel-card p {\n margin: 0;\n color: var(--muted);\n font-size: 14px;\n line-height: 1.65;\n }\n\n \/* Journey section *\/\n .lx-travel-journey {\n position: relative;\n margin-top: 65px;\n padding: 35px 28px;\n border-radius: 22px;\n border: 1px solid rgba(212,175,55,0.18);\n background:\n radial-gradient(\n circle at 50% 0%,\n rgba(212,175,55,0.09),\n transparent 55%\n ),\n rgba(255,255,255,0.025);\n overflow: hidden;\n }\n\n .lx-route {\n position: relative;\n width: 100%;\n height: 65px;\n margin-bottom: 15px;\n }\n\n .lx-route-line {\n position: absolute;\n top: 50%;\n left: 8%;\n right: 8%;\n height: 1px;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(212,175,55,0.45),\n transparent\n );\n }\n\n .lx-route-dot {\n position: absolute;\n top: 50%;\n width: 9px;\n height: 9px;\n margin-top: -4px;\n border-radius: 50%;\n background: var(--gold-light);\n box-shadow: 0 0 15px rgba(244,216,115,0.75);\n }\n\n .lx-route-dot:nth-child(2) {\n left: 8%;\n }\n\n .lx-route-dot:nth-child(3) {\n right: 8%;\n }\n\n .lx-route-traveller {\n position: absolute;\n top: 50%;\n left: 8%;\n width: 28px;\n height: 28px;\n margin-top: -14px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n animation: lxJourney 4s ease-in-out infinite;\n }\n\n .lx-travel-journey h3 {\n margin: 0;\n color: #fff;\n font-size: clamp(21px, 4vw, 29px);\n font-weight: 850;\n }\n\n .lx-travel-journey h3 span {\n color: var(--gold-light);\n }\n\n .lx-travel-journey p {\n max-width: 700px;\n margin: 12px auto 0;\n color: var(--muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n \/* Final statement *\/\n .lx-travel-final {\n margin-top: 55px;\n padding-top: 34px;\n border-top: 1px solid rgba(255,255,255,0.07);\n animation: lxFadeUp 1s ease 1.2s both;\n }\n\n .lx-travel-final-main {\n margin: 0;\n font-size: clamp(21px, 4vw, 31px);\n line-height: 1.3;\n font-weight: 850;\n color: #fff;\n }\n\n .lx-travel-final-main span {\n color: var(--gold-light);\n }\n\n .lx-travel-final-sub {\n margin: 12px 0 0;\n color: #8f8f8f;\n font-size: 13px;\n letter-spacing: 0.4px;\n }\n\n \/* Animations *\/\n @keyframes lxGoldShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n @keyframes lxTitleReveal {\n from {\n opacity: 0;\n transform: translateY(20px);\n filter: blur(8px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n filter: blur(0);\n }\n }\n\n @keyframes lxFadeUp {\n from {\n opacity: 0;\n transform: translateY(24px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes lxCardReveal {\n from {\n opacity: 0;\n transform: translateY(30px) scale(0.98);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n\n @keyframes lxGlassSweep {\n 0%, 45% {\n left: -120%;\n }\n 65%, 100% {\n left: 140%;\n }\n }\n\n @keyframes lxBadgePulse {\n 0%, 100% {\n box-shadow:\n 0 0 20px rgba(212,175,55,0.07),\n inset 0 0 15px rgba(255,255,255,0.015);\n }\n 50% {\n box-shadow:\n 0 0 30px rgba(212,175,55,0.16),\n inset 0 0 20px rgba(255,255,255,0.025);\n }\n }\n\n @keyframes lxDotPulse {\n 0%, 100% {\n transform: scale(0.8);\n opacity: 0.65;\n }\n 50% {\n transform: scale(1.2);\n opacity: 1;\n }\n }\n\n @keyframes lxIconFloat {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-6px);\n }\n }\n\n @keyframes lxFloatGlow {\n 0%, 100% {\n transform: translate(0, 0) scale(1);\n }\n 50% {\n transform: translate(25px, 18px) scale(1.08);\n }\n }\n\n @keyframes lxScan {\n 0% {\n transform: translateX(-110%);\n }\n 45%, 100% {\n transform: translateX(110%);\n }\n }\n\n @keyframes lxTravelLine {\n from {\n transform: translateX(0) rotate(-18deg);\n }\n to {\n transform: translateX(1450px) rotate(-18deg);\n }\n }\n\n @keyframes lxJourney {\n 0% {\n left: 8%;\n transform: rotate(0deg);\n }\n 45% {\n left: 50%;\n transform: rotate(4deg);\n }\n 90% {\n left: 89%;\n transform: rotate(0deg);\n }\n 100% {\n left: 89%;\n transform: rotate(0deg);\n }\n }\n\n \/* Tablet *\/\n @media (max-width: 760px) {\n .lx-travel-case {\n padding: 55px 16px;\n border-radius: 14px;\n }\n\n .lx-travel-hero {\n padding: 30px 22px;\n border-radius: 20px;\n }\n\n .lx-travel-grid {\n grid-template-columns: 1fr;\n gap: 12px;\n }\n\n .lx-travel-card {\n min-height: auto;\n padding: 22px;\n }\n\n .lx-travel-section {\n margin-top: 50px;\n }\n }\n\n \/* Mobile *\/\n @media (max-width: 480px) {\n .lx-travel-case {\n padding: 45px 13px;\n }\n\n .lx-travel-badge {\n font-size: 8px;\n letter-spacing: 2px;\n padding: 8px 13px;\n }\n\n .lx-travel-title {\n font-size: 38px;\n letter-spacing: -1.5px;\n }\n\n .lx-travel-subtitle {\n font-size: 14px;\n line-height: 1.55;\n }\n\n .lx-travel-hero {\n margin-top: 32px;\n padding: 27px 19px;\n }\n\n .lx-travel-hero p {\n font-size: 14px;\n line-height: 1.7;\n }\n\n .lx-travel-section-title {\n font-size: 25px;\n }\n\n .lx-travel-card {\n padding: 20px;\n border-radius: 17px;\n }\n\n .lx-travel-card h3 {\n font-size: 16px;\n }\n\n .lx-travel-card p {\n font-size: 13px;\n }\n\n .lx-travel-journey {\n margin-top: 45px;\n padding: 28px 18px;\n }\n\n .lx-travel-final {\n margin-top: 42px;\n }\n }\n\n \/* Accessibility *\/\n @media (prefers-reduced-motion: reduce) {\n .lx-travel-case *,\n .lx-travel-case *::before,\n .lx-travel-case *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"lx-travel-case\"\u003e\n\u003c!-- Ambient animated travel lines --\u003e\n\u003cdiv class=\"lx-travel-lines\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lx-travel-inner\"\u003e\n\u003c!-- Badge --\u003e\n\u003cdiv class=\"lx-travel-badge\"\u003e\n\u003cspan class=\"lx-travel-badge-dot\"\u003e\u003c\/span\u003e LOADOUTX™ ON THE GO\u003c\/div\u003e\n\u003c!-- Main heading --\u003e\n\u003ch2 class=\"lx-travel-title\"\u003eTravel With Your Setup.\u003c\/h2\u003e\n\u003cp class=\"lx-travel-subtitle\"\u003eYour PS5 Slim deserves a better way to travel. \u003cspan\u003e🎮\u003c\/span\u003e\u003c\/p\u003e\n\u003c!-- Hero --\u003e\n\u003cdiv class=\"lx-travel-hero\"\u003e\n\u003cdiv class=\"lx-travel-hero-icon\"\u003e🎒\u003c\/div\u003e\n\u003cp\u003eKeep your console and accessories together in a carry case made for \u003cstrong\u003egaming on the move.\u003c\/strong\u003e Its durable, water-resistant nylon exterior and padded interior help protect your gear from everyday bumps, scratches and light splashes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Features --\u003e\n\u003cdiv class=\"lx-travel-section\"\u003e\n\u003cdiv class=\"lx-travel-section-label\"\u003eBUILT FOR THE JOURNEY\u003c\/div\u003e\n\u003ch3 class=\"lx-travel-section-title\"\u003eProtection Meets \u003cspan\u003ePortability.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cdiv class=\"lx-travel-grid\"\u003e\n\u003c!-- Feature 1 --\u003e\n\u003cdiv class=\"lx-travel-card\"\u003e\n\u003cdiv class=\"lx-travel-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003e\u003cspan\u003eDurable Protection\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eA durable, water-resistant nylon exterior and padded interior help protect your gaming gear from everyday bumps, scratches and light splashes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\u003cdiv class=\"lx-travel-card\"\u003e\n\u003cdiv class=\"lx-travel-icon\"\u003e🎮\u003c\/div\u003e\n\u003ch3\u003e\u003cspan\u003eKeep Your Setup Together\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eKeep your PS5 Slim and accessories organised in one convenient carry case, ready for wherever the next gaming session takes you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\u003cdiv class=\"lx-travel-card\"\u003e\n\u003cdiv class=\"lx-travel-icon\"\u003e✋\u003c\/div\u003e\n\u003ch3\u003e\u003cspan\u003eComfortable Carrying\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eThe soft leather-wrapped handle feels comfortable in hand, making it easy to grab your setup and head out.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 4 --\u003e\n\u003cdiv class=\"lx-travel-card\"\u003e\n\u003cdiv class=\"lx-travel-icon\"\u003e🎒\u003c\/div\u003e\n\u003ch3\u003e\u003cspan\u003eCarry It Your Way\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSwitch between the comfortable handle and adjustable shoulder strap with its wide shoulder pad for flexible everyday carrying.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Travel journey --\u003e\n\u003cdiv class=\"lx-travel-journey\"\u003e\n\u003cdiv class=\"lx-route\"\u003e\n\u003cdiv class=\"lx-route-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-route-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-route-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-route-traveller\"\u003e🎮\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003ePack Up. \u003cspan\u003eHead Out.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eWhether you're heading to a friend's place, a LAN night or your next gaming session away from home, take your setup with you and arrive ready to play.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Final statement --\u003e\n\u003cdiv class=\"lx-travel-final\"\u003e\n\u003cp class=\"lx-travel-final-main\"\u003eWherever the game takes you, \u003cspan\u003etake your setup with you.\u003c\/span\u003e ✨\u003c\/p\u003e\n\u003cp class=\"lx-travel-final-sub\"\u003ePACK. PROTECT. PLAY.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"LoadoutX","offers":[{"title":"Default Title","offer_id":50553847480459,"sku":null,"price":999.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/files\/ps5-case-side-profile-with-ps5-slim-loadoutx.png?v=1790456694"},{"product_id":"ps5-pro-deluxe-carry-case-console-accessories-protection","title":"PS5 Pro Deluxe Carry Case | Console \u0026 Accessories Protection","description":"\u003c!-- LOADOUTX™ PS5 PRO TRAVEL CASE — PREMIUM ANIMATED DESCRIPTION --\u003e\n\u003cstyle\u003e\n .lx-pro-travel {\n --lx-gold: #d4af37;\n --lx-gold-light: #f5d96b;\n --lx-gold-bright: #fff3ad;\n --lx-black: #030303;\n --lx-charcoal: #0b0b0b;\n --lx-charcoal-2: #141414;\n --lx-white: #f7f7f7;\n --lx-muted: #a9a9a9;\n\n position: relative;\n width: 100%;\n overflow: hidden;\n box-sizing: border-box;\n padding: 75px 22px;\n color: var(--lx-white);\n background:\n radial-gradient(\n circle at 12% 10%,\n rgba(212,175,55,.12),\n transparent 29%\n ),\n radial-gradient(\n circle at 90% 80%,\n rgba(212,175,55,.08),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n #020202 0%,\n #0a0a0a 48%,\n #040404 100%\n );\n border-radius: 20px;\n font-family: Arial, Helvetica, sans-serif;\n isolation: isolate;\n }\n\n .lx-pro-travel *,\n .lx-pro-travel *::before,\n .lx-pro-travel *::after {\n box-sizing: border-box;\n }\n\n \/* =========================================\n AMBIENT BACKGROUND\n ========================================= *\/\n\n .lx-pro-orb {\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n filter: blur(15px);\n z-index: -1;\n }\n\n .lx-pro-orb.one {\n width: 330px;\n height: 330px;\n top: -170px;\n left: -100px;\n background: rgba(212,175,55,.10);\n animation: lxProOrbOne 8s ease-in-out infinite;\n }\n\n .lx-pro-orb.two {\n width: 300px;\n height: 300px;\n right: -130px;\n bottom: -140px;\n background: rgba(212,175,55,.07);\n animation: lxProOrbTwo 10s ease-in-out infinite;\n }\n\n \/* Moving cinematic lines *\/\n\n .lx-pro-speed-lines {\n position: absolute;\n inset: 0;\n overflow: hidden;\n pointer-events: none;\n opacity: .25;\n z-index: -1;\n }\n\n .lx-pro-speed-lines span {\n position: absolute;\n left: -300px;\n width: 190px;\n height: 1px;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(245,217,107,.7),\n transparent\n );\n transform: rotate(-17deg);\n animation: lxProSpeed 7s linear infinite;\n }\n\n .lx-pro-speed-lines span:nth-child(1) {\n top: 17%;\n animation-delay: 0s;\n }\n\n .lx-pro-speed-lines span:nth-child(2) {\n top: 39%;\n width: 260px;\n animation-delay: 2.4s;\n }\n\n .lx-pro-speed-lines span:nth-child(3) {\n top: 66%;\n width: 145px;\n animation-delay: 4.2s;\n }\n\n .lx-pro-speed-lines span:nth-child(4) {\n top: 83%;\n width: 220px;\n animation-delay: 5.7s;\n }\n\n \/* =========================================\n MAIN WRAPPER\n ========================================= *\/\n\n .lx-pro-inner {\n position: relative;\n max-width: 1080px;\n margin: 0 auto;\n text-align: center;\n }\n\n \/* =========================================\n PREMIUM BADGE\n ========================================= *\/\n\n .lx-pro-badge {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n padding: 9px 17px;\n margin-bottom: 23px;\n\n border: 1px solid rgba(212,175,55,.3);\n border-radius: 999px;\n\n background: rgba(212,175,55,.055);\n\n color: var(--lx-gold-light);\n\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 2.8px;\n text-transform: uppercase;\n\n box-shadow:\n 0 0 25px rgba(212,175,55,.08),\n inset 0 0 18px rgba(255,255,255,.02);\n\n animation:\n lxProBadgeIn .9s ease both,\n lxProBadgePulse 3s ease-in-out 1s infinite;\n }\n\n .lx-pro-status {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: var(--lx-gold-light);\n box-shadow: 0 0 14px rgba(245,217,107,.95);\n animation: lxProStatus 1.8s ease-in-out infinite;\n }\n\n \/* =========================================\n HERO TITLE\n ========================================= *\/\n\n .lx-pro-title {\n margin: 0;\n font-size: clamp(37px, 6.5vw, 72px);\n line-height: .96;\n font-weight: 900;\n letter-spacing: -2.8px;\n text-transform: uppercase;\n\n background:\n linear-gradient(\n 110deg,\n var(--lx-gold),\n var(--lx-gold-bright),\n var(--lx-gold-light),\n var(--lx-gold),\n var(--lx-gold-bright)\n );\n\n background-size: 300% auto;\n\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n\n animation:\n lxProTitleIn 1s ease .15s both,\n lxProGoldFlow 5s linear infinite;\n }\n\n .lx-pro-subtitle {\n max-width: 700px;\n margin: 17px auto 0;\n\n color: #d0d0d0;\n\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.65;\n\n animation: lxProFadeUp 1s ease .35s both;\n }\n\n \/* =========================================\n HERO PANEL\n ========================================= *\/\n\n .lx-pro-hero {\n position: relative;\n max-width: 920px;\n margin: 48px auto 0;\n padding: 42px 36px;\n\n border-radius: 25px;\n border: 1px solid rgba(212,175,55,.23);\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.065),\n rgba(255,255,255,.015)\n );\n\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n\n box-shadow:\n 0 35px 90px rgba(0,0,0,.6),\n inset 0 1px 0 rgba(255,255,255,.06);\n\n overflow: hidden;\n\n animation: lxProFadeUp 1s ease .5s both;\n }\n\n \/* Animated glass sweep *\/\n\n .lx-pro-hero::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -130%;\n width: 75%;\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(-22deg);\n\n animation: lxProSweep 6s ease-in-out infinite;\n }\n\n \/* Gold border glow *\/\n\n .lx-pro-hero::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n\n background:\n radial-gradient(\n circle at 50% 0%,\n rgba(212,175,55,.12),\n transparent 50%\n );\n\n opacity: .8;\n }\n\n .lx-pro-icon {\n position: relative;\n width: 65px;\n height: 65px;\n margin: 0 auto 21px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 19px;\n\n border: 1px solid rgba(212,175,55,.35);\n\n background:\n radial-gradient(\n circle,\n rgba(212,175,55,.12),\n rgba(212,175,55,.025)\n );\n\n font-size: 31px;\n\n box-shadow:\n 0 0 35px rgba(212,175,55,.11),\n inset 0 0 20px rgba(212,175,55,.05);\n\n animation: lxProIconFloat 4s ease-in-out infinite;\n }\n\n .lx-pro-hero-text {\n position: relative;\n max-width: 790px;\n margin: auto;\n\n color: #d8d8d8;\n\n font-size: 16px;\n line-height: 1.85;\n }\n\n .lx-pro-hero-text strong {\n color: var(--lx-gold-light);\n }\n\n \/* =========================================\n SECTION HEADER\n ========================================= *\/\n\n .lx-pro-section {\n margin-top: 70px;\n animation: lxProFadeUp 1s ease .65s both;\n }\n\n .lx-pro-label {\n display: inline-block;\n margin-bottom: 12px;\n\n color: var(--lx-gold-light);\n\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 3.2px;\n text-transform: uppercase;\n }\n\n .lx-pro-section-title {\n margin: 0 0 32px;\n\n color: #fff;\n\n font-size: clamp(26px, 4vw, 40px);\n line-height: 1.1;\n font-weight: 900;\n letter-spacing: -1px;\n }\n\n .lx-pro-section-title span {\n color: var(--lx-gold-light);\n }\n\n \/* =========================================\n FEATURE CARDS\n ========================================= *\/\n\n .lx-pro-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 17px;\n\n text-align: left;\n }\n\n .lx-pro-card {\n position: relative;\n min-height: 200px;\n\n padding: 28px;\n\n border-radius: 21px;\n border: 1px solid rgba(255,255,255,.07);\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.055),\n rgba(255,255,255,.015)\n );\n\n box-shadow:\n 0 20px 50px rgba(0,0,0,.3),\n inset 0 1px 0 rgba(255,255,255,.035);\n\n overflow: hidden;\n\n transition:\n transform .45s ease,\n border-color .45s ease,\n box-shadow .45s ease;\n\n animation: lxProCardIn .8s ease both;\n }\n\n .lx-pro-card:nth-child(1) {\n animation-delay: .75s;\n }\n\n .lx-pro-card:nth-child(2) {\n animation-delay: .87s;\n }\n\n .lx-pro-card:nth-child(3) {\n animation-delay: .99s;\n }\n\n .lx-pro-card:nth-child(4) {\n animation-delay: 1.11s;\n }\n\n \/* Animated gold scanner *\/\n\n .lx-pro-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -110%;\n\n width: 90%;\n height: 2px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n var(--lx-gold-light),\n transparent\n );\n\n animation: lxProScan 4s ease-in-out infinite;\n }\n\n .lx-pro-card:hover {\n transform: translateY(-8px);\n\n border-color: rgba(212,175,55,.36);\n\n box-shadow:\n 0 28px 65px rgba(0,0,0,.45),\n 0 0 35px rgba(212,175,55,.07);\n }\n\n .lx-pro-card-icon {\n width: 50px;\n height: 50px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n margin-bottom: 19px;\n\n border-radius: 15px;\n\n background: rgba(212,175,55,.07);\n border: 1px solid rgba(212,175,55,.2);\n\n font-size: 24px;\n\n box-shadow:\n inset 0 0 18px rgba(212,175,55,.035);\n\n transition:\n transform .4s ease,\n box-shadow .4s ease;\n }\n\n .lx-pro-card:hover .lx-pro-card-icon {\n transform: scale(1.09) rotate(-4deg);\n\n box-shadow:\n 0 0 22px rgba(212,175,55,.12),\n inset 0 0 18px rgba(212,175,55,.05);\n }\n\n .lx-pro-card h3 {\n margin: 0 0 9px;\n\n color: #fff;\n\n font-size: 17px;\n line-height: 1.25;\n font-weight: 850;\n }\n\n .lx-pro-card h3 span {\n color: var(--lx-gold-light);\n }\n\n .lx-pro-card p {\n margin: 0;\n\n color: var(--lx-muted);\n\n font-size: 14px;\n line-height: 1.7;\n }\n\n \/* =========================================\n PREMIUM JOURNEY SECTION\n ========================================= *\/\n\n .lx-pro-journey {\n position: relative;\n\n margin-top: 68px;\n padding: 38px 28px;\n\n border-radius: 24px;\n\n border: 1px solid rgba(212,175,55,.18);\n\n background:\n radial-gradient(\n circle at 50% 0%,\n rgba(212,175,55,.10),\n transparent 58%\n ),\n rgba(255,255,255,.025);\n\n overflow: hidden;\n }\n\n .lx-pro-route {\n position: relative;\n width: 100%;\n height: 68px;\n margin-bottom: 17px;\n }\n\n .lx-pro-route-line {\n position: absolute;\n top: 50%;\n left: 7%;\n right: 7%;\n\n height: 1px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(212,175,55,.5),\n transparent\n );\n }\n\n .lx-pro-route-dot {\n position: absolute;\n top: 50%;\n\n width: 9px;\n height: 9px;\n\n margin-top: -4px;\n\n border-radius: 50%;\n\n background: var(--lx-gold-light);\n\n box-shadow:\n 0 0 17px rgba(245,217,107,.85);\n }\n\n .lx-pro-route-dot.start {\n left: 7%;\n }\n\n .lx-pro-route-dot.end {\n right: 7%;\n }\n\n .lx-pro-moving-console {\n position: absolute;\n top: 50%;\n left: 7%;\n\n width: 30px;\n height: 30px;\n\n margin-top: -15px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n font-size: 19px;\n\n animation: lxProJourney 4.5s ease-in-out infinite;\n }\n\n .lx-pro-journey h3 {\n margin: 0;\n\n color: #fff;\n\n font-size: clamp(22px, 4vw, 31px);\n font-weight: 900;\n }\n\n .lx-pro-journey h3 span {\n color: var(--lx-gold-light);\n }\n\n .lx-pro-journey p {\n max-width: 720px;\n\n margin: 12px auto 0;\n\n color: var(--lx-muted);\n\n font-size: 14px;\n line-height: 1.75;\n }\n\n \/* =========================================\n FINAL CTA\n ========================================= *\/\n\n .lx-pro-final {\n margin-top: 58px;\n padding-top: 35px;\n\n border-top: 1px solid rgba(255,255,255,.07);\n\n animation: lxProFadeUp 1s ease 1.2s both;\n }\n\n .lx-pro-final-main {\n margin: 0;\n\n color: #fff;\n\n font-size: clamp(22px, 4vw, 32px);\n line-height: 1.3;\n font-weight: 900;\n }\n\n .lx-pro-final-main span {\n color: var(--lx-gold-light);\n }\n\n .lx-pro-final-sub {\n margin: 12px 0 0;\n\n color: #8d8d8d;\n\n font-size: 12px;\n letter-spacing: 2px;\n font-weight: 700;\n }\n\n \/* =========================================\n ANIMATIONS\n ========================================= *\/\n\n @keyframes lxProGoldFlow {\n 0% {\n background-position: 0% 50%;\n }\n\n 50% {\n background-position: 100% 50%;\n }\n\n 100% {\n background-position: 0% 50%;\n }\n }\n\n @keyframes lxProTitleIn {\n from {\n opacity: 0;\n transform: translateY(25px);\n filter: blur(10px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n filter: blur(0);\n }\n }\n\n @keyframes lxProFadeUp {\n from {\n opacity: 0;\n transform: translateY(25px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes lxProCardIn {\n from {\n opacity: 0;\n transform: translateY(32px) scale(.98);\n }\n\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n\n @keyframes lxProSweep {\n 0%,\n 45% {\n left: -130%;\n }\n\n 65%,\n 100% {\n left: 140%;\n }\n }\n\n @keyframes lxProIconFloat {\n 0%,\n 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-7px);\n }\n }\n\n @keyframes lxProBadgeIn {\n from {\n opacity: 0;\n transform: translateY(-10px) scale(.95);\n }\n\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n\n @keyframes lxProBadgePulse {\n 0%,\n 100% {\n box-shadow:\n 0 0 20px rgba(212,175,55,.07),\n inset 0 0 18px rgba(255,255,255,.02);\n }\n\n 50% {\n box-shadow:\n 0 0 35px rgba(212,175,55,.16),\n inset 0 0 22px rgba(255,255,255,.025);\n }\n }\n\n @keyframes lxProStatus {\n 0%,\n 100% {\n transform: scale(.8);\n opacity: .6;\n }\n\n 50% {\n transform: scale(1.2);\n opacity: 1;\n }\n }\n\n @keyframes lxProOrbOne {\n 0%,\n 100% {\n transform: translate(0,0) scale(1);\n }\n\n 50% {\n transform: translate(35px,25px) scale(1.1);\n }\n }\n\n @keyframes lxProOrbTwo {\n 0%,\n 100% {\n transform: translate(0,0) scale(1);\n }\n\n 50% {\n transform: translate(-30px,-25px) scale(1.08);\n }\n }\n\n @keyframes lxProSpeed {\n from {\n transform: translateX(0) rotate(-17deg);\n }\n\n to {\n transform: translateX(1550px) rotate(-17deg);\n }\n }\n\n @keyframes lxProScan {\n 0% {\n transform: translateX(-120%);\n }\n\n 45%,\n 100% {\n transform: translateX(240%);\n }\n }\n\n @keyframes lxProJourney {\n 0% {\n left: 7%;\n transform: rotate(0deg);\n }\n\n 45% {\n left: 50%;\n transform: rotate(4deg);\n }\n\n 88% {\n left: 90%;\n transform: rotate(0deg);\n }\n\n 100% {\n left: 90%;\n }\n }\n\n \/* =========================================\n TABLET\n ========================================= *\/\n\n @media (max-width: 760px) {\n\n .lx-pro-travel {\n padding: 58px 16px;\n border-radius: 15px;\n }\n\n .lx-pro-hero {\n padding: 32px 23px;\n border-radius: 21px;\n }\n\n .lx-pro-grid {\n grid-template-columns: 1fr;\n gap: 13px;\n }\n\n .lx-pro-card {\n min-height: auto;\n padding: 23px;\n }\n\n .lx-pro-section {\n margin-top: 52px;\n }\n\n }\n\n \/* =========================================\n MOBILE\n ========================================= *\/\n\n @media (max-width: 480px) {\n\n .lx-pro-travel {\n padding: 45px 13px;\n }\n\n .lx-pro-badge {\n padding: 8px 13px;\n font-size: 8px;\n letter-spacing: 2px;\n }\n\n .lx-pro-title {\n font-size: 39px;\n letter-spacing: -1.7px;\n }\n\n .lx-pro-subtitle {\n font-size: 14px;\n line-height: 1.6;\n }\n\n .lx-pro-hero {\n margin-top: 33px;\n padding: 28px 19px;\n }\n\n .lx-pro-icon {\n width: 58px;\n height: 58px;\n font-size: 27px;\n }\n\n .lx-pro-hero-text {\n font-size: 14px;\n line-height: 1.75;\n }\n\n .lx-pro-section-title {\n font-size: 25px;\n }\n\n .lx-pro-card {\n padding: 21px;\n border-radius: 17px;\n }\n\n .lx-pro-card h3 {\n font-size: 16px;\n }\n\n .lx-pro-card p {\n font-size: 13px;\n }\n\n .lx-pro-journey {\n margin-top: 47px;\n padding: 29px 18px;\n }\n\n .lx-pro-final {\n margin-top: 44px;\n }\n\n }\n\n \/* =========================================\n REDUCED MOTION ACCESSIBILITY\n ========================================= *\/\n\n @media (prefers-reduced-motion: reduce) {\n\n .lx-pro-travel *,\n .lx-pro-travel *::before,\n .lx-pro-travel *::after {\n animation-duration: .01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: .01ms !important;\n }\n\n }\n \u003c\/style\u003e\n\u003cdiv class=\"lx-pro-travel\"\u003e\n\u003c!-- BACKGROUND EFFECTS --\u003e\n\u003cdiv class=\"lx-pro-orb one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-pro-orb two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-pro-speed-lines\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lx-pro-inner\"\u003e\n\u003c!-- PREMIUM BADGE --\u003e\n\u003cdiv class=\"lx-pro-badge\"\u003e\n\u003cspan class=\"lx-pro-status\"\u003e\u003c\/span\u003e LOADOUTX™ ON THE GO\u003c\/div\u003e\n\u003c!-- HERO TITLE --\u003e\n\u003ch2 class=\"lx-pro-title\"\u003eTravel With Your PS5 Pro.\u003c\/h2\u003e\n\u003cp class=\"lx-pro-subtitle\"\u003eYour PS5 Pro setup deserves a better way to travel. \u003cspan\u003e🎮\u003c\/span\u003e\u003c\/p\u003e\n\u003c!-- HERO DESCRIPTION --\u003e\n\u003cdiv class=\"lx-pro-hero\"\u003e\n\u003cdiv class=\"lx-pro-icon\"\u003e🎒\u003c\/div\u003e\n\u003cp class=\"lx-pro-hero-text\"\u003eKeep your console and accessories together in a carry case made for \u003cstrong\u003egaming on the move.\u003c\/strong\u003e Its durable, water-resistant nylon exterior and padded interior help protect your gear from everyday bumps, scratches and light splashes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE SECTION --\u003e\n\u003cdiv class=\"lx-pro-section\"\u003e\n\u003cdiv class=\"lx-pro-label\"\u003eBUILT FOR THE JOURNEY\u003c\/div\u003e\n\u003ch3 class=\"lx-pro-section-title\"\u003eProtection Meets \u003cspan\u003ePortability.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cdiv class=\"lx-pro-grid\"\u003e\n\u003c!-- CARD 1 --\u003e\n\u003cdiv class=\"lx-pro-card\"\u003e\n\u003cdiv class=\"lx-pro-card-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003e\u003cspan\u003eDurable Protection\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eA durable, water-resistant nylon exterior and padded interior help protect your gaming gear from everyday bumps, scratches and light splashes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CARD 2 --\u003e\n\u003cdiv class=\"lx-pro-card\"\u003e\n\u003cdiv class=\"lx-pro-card-icon\"\u003e🎮\u003c\/div\u003e\n\u003ch3\u003e\u003cspan\u003eKeep Your Setup Together\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eKeep your PS5 Pro and accessories organised in one convenient carry case, ready for wherever the next gaming session takes you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CARD 3 --\u003e\n\u003cdiv class=\"lx-pro-card\"\u003e\n\u003cdiv class=\"lx-pro-card-icon\"\u003e✋\u003c\/div\u003e\n\u003ch3\u003e\u003cspan\u003eComfortable Carrying\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eThe soft leather-wrapped handle feels comfortable in hand, making it easy to grab your setup and head out.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CARD 4 --\u003e\n\u003cdiv class=\"lx-pro-card\"\u003e\n\u003cdiv class=\"lx-pro-card-icon\"\u003e🎒\u003c\/div\u003e\n\u003ch3\u003e\u003cspan\u003eCarry It Your Way\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSwitch between the comfortable handle and adjustable shoulder strap with its wide shoulder pad for flexible everyday carrying.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TRAVEL JOURNEY --\u003e\n\u003cdiv class=\"lx-pro-journey\"\u003e\n\u003cdiv class=\"lx-pro-route\"\u003e\n\u003cdiv class=\"lx-pro-route-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-pro-route-dot start\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-pro-route-dot end\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-pro-moving-console\"\u003e🎮\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003ePack Up. \u003cspan\u003eHead Out.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eWhether you're heading to a friend's place, a LAN night or your next gaming session away from home, take your setup with you and arrive ready to play.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FINAL BRAND STATEMENT --\u003e\n\u003cdiv class=\"lx-pro-final\"\u003e\n\u003cp class=\"lx-pro-final-main\"\u003eWherever the game takes you, \u003cspan\u003etake your PS5 Pro with you.\u003c\/span\u003e ✨\u003c\/p\u003e\n\u003cp class=\"lx-pro-final-sub\"\u003ePACK. PROTECT. PLAY.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"LoadoutX","offers":[{"title":"Default Title","offer_id":50553853935755,"sku":null,"price":1199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/files\/ps5-pro-case-dark-hero-loadoutx_1283aa79-9f21-4847-8d2b-6741e5e7fcb1.png?v=1790457466"},{"product_id":"loadoutx™-vaultshell-ps-portal-carry-case","title":"LoadoutX™ VaultShell — PS Portal Carry Case","description":"\u003c!-- LOADOUTX™ VAULTSHELL — PREMIUM ANIMATED PRODUCT DESCRIPTION --\u003e\n\u003cdiv class=\"lx-vaultshell\"\u003e\n\n \u003cstyle\u003e\n .lx-vaultshell {\n --gold: #d4af37;\n --gold-light: #f4d873;\n --gold-bright: #fff1a6;\n --black: #030303;\n --charcoal: #0b0b0b;\n --charcoal-2: #151515;\n --white: #f7f7f7;\n --muted: #a7a7a7;\n --border: rgba(212,175,55,.22);\n\n position: relative;\n width: 100%;\n overflow: hidden;\n padding: 75px 22px;\n color: var(--white);\n\n background:\n radial-gradient(\n circle at 15% 12%,\n rgba(212,175,55,.12),\n transparent 30%\n ),\n radial-gradient(\n circle at 85% 82%,\n rgba(212,175,55,.075),\n transparent 31%\n ),\n linear-gradient(\n 145deg,\n #020202 0%,\n #0b0b0b 48%,\n #030303 100%\n );\n\n border-radius: 20px;\n font-family: Arial, Helvetica, sans-serif;\n isolation: isolate;\n }\n\n .lx-vaultshell *,\n .lx-vaultshell *::before,\n .lx-vaultshell *::after {\n box-sizing: border-box;\n }\n\n\n \/* =========================================\n AMBIENT LIGHTING\n ========================================= *\/\n\n .lx-vault-glow {\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n filter: blur(15px);\n z-index: -2;\n }\n\n .lx-vault-glow.one {\n width: 350px;\n height: 350px;\n top: -180px;\n left: -110px;\n background: rgba(212,175,55,.09);\n animation: vaultGlowOne 8s ease-in-out infinite;\n }\n\n .lx-vault-glow.two {\n width: 310px;\n height: 310px;\n right: -140px;\n bottom: -160px;\n background: rgba(212,175,55,.075);\n animation: vaultGlowTwo 10s ease-in-out infinite;\n }\n\n\n \/* =========================================\n FLOATING PARTICLES\n ========================================= *\/\n\n .lx-vault-particles {\n position: absolute;\n inset: 0;\n overflow: hidden;\n pointer-events: none;\n z-index: -1;\n }\n\n .lx-vault-particles span {\n position: absolute;\n width: 3px;\n height: 3px;\n border-radius: 50%;\n background: var(--gold-light);\n box-shadow: 0 0 10px rgba(244,216,115,.8);\n opacity: .25;\n animation: vaultParticle 7s linear infinite;\n }\n\n .lx-vault-particles span:nth-child(1) {\n left: 12%;\n bottom: -10px;\n animation-delay: 0s;\n }\n\n .lx-vault-particles span:nth-child(2) {\n left: 28%;\n bottom: -20px;\n animation-delay: 2s;\n }\n\n .lx-vault-particles span:nth-child(3) {\n left: 54%;\n bottom: -15px;\n animation-delay: 4s;\n }\n\n .lx-vault-particles span:nth-child(4) {\n left: 76%;\n bottom: -20px;\n animation-delay: 1.2s;\n }\n\n .lx-vault-particles span:nth-child(5) {\n left: 91%;\n bottom: -10px;\n animation-delay: 3.4s;\n }\n\n\n \/* =========================================\n MAIN CONTAINER\n ========================================= *\/\n\n .lx-vault-inner {\n position: relative;\n max-width: 1080px;\n margin: 0 auto;\n text-align: center;\n }\n\n\n \/* =========================================\n BADGE\n ========================================= *\/\n\n .lx-vault-badge {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n\n padding: 9px 17px;\n margin-bottom: 23px;\n\n border: 1px solid rgba(212,175,55,.3);\n border-radius: 999px;\n\n background: rgba(212,175,55,.05);\n\n color: var(--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 25px rgba(212,175,55,.07),\n inset 0 0 18px rgba(255,255,255,.02);\n\n animation:\n vaultBadgeIn .9s ease both,\n vaultBadgePulse 3s ease-in-out 1s infinite;\n }\n\n .lx-vault-dot {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n\n background: var(--gold-light);\n\n box-shadow:\n 0 0 14px rgba(244,216,115,.95);\n\n animation: vaultDot 1.8s ease-in-out infinite;\n }\n\n\n \/* =========================================\n HERO TITLE\n ========================================= *\/\n\n .lx-vault-title {\n margin: 0;\n\n font-size: clamp(38px, 6.5vw, 72px);\n line-height: .96;\n\n font-weight: 900;\n letter-spacing: -2.8px;\n\n text-transform: uppercase;\n\n background:\n linear-gradient(\n 110deg,\n var(--gold),\n var(--gold-bright),\n var(--gold-light),\n var(--gold),\n var(--gold-bright)\n );\n\n background-size: 300% auto;\n\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n\n animation:\n vaultTitleIn 1s ease .1s both,\n vaultGoldFlow 5s linear infinite;\n }\n\n .lx-vault-subtitle {\n max-width: 720px;\n margin: 18px auto 0;\n\n color: #d0d0d0;\n\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.65;\n\n animation: vaultFadeUp 1s ease .3s both;\n }\n\n\n \/* =========================================\n PROTECTION CORE\n ========================================= *\/\n\n .lx-vault-core {\n position: relative;\n\n width: 170px;\n height: 170px;\n\n margin: 43px auto 10px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .lx-vault-core-ring {\n position: absolute;\n inset: 0;\n\n border: 1px solid rgba(212,175,55,.28);\n border-radius: 50%;\n\n box-shadow:\n 0 0 35px rgba(212,175,55,.08),\n inset 0 0 30px rgba(212,175,55,.04);\n\n animation: vaultRingSpin 12s linear infinite;\n }\n\n .lx-vault-core-ring::before {\n content: \"\";\n position: absolute;\n\n width: 8px;\n height: 8px;\n\n top: 10px;\n left: 50%;\n\n margin-left: -4px;\n\n border-radius: 50%;\n\n background: var(--gold-light);\n\n box-shadow:\n 0 0 14px rgba(244,216,115,1);\n }\n\n .lx-vault-core-ring.two {\n inset: 16px;\n border-style: dashed;\n opacity: .45;\n animation-direction: reverse;\n animation-duration: 18s;\n }\n\n .lx-vault-core-shield {\n position: relative;\n\n width: 82px;\n height: 94px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n clip-path: polygon(\n 50% 0%,\n 92% 15%,\n 88% 65%,\n 50% 100%,\n 12% 65%,\n 8% 15%\n );\n\n background:\n linear-gradient(\n 145deg,\n var(--gold-bright),\n var(--gold),\n #8f7420\n );\n\n color: #080808;\n\n font-size: 34px;\n\n filter:\n drop-shadow(0 0 20px rgba(212,175,55,.3));\n\n animation: vaultShieldFloat 4s ease-in-out infinite;\n }\n\n .lx-vault-core::after {\n content: \"\";\n position: absolute;\n\n width: 230px;\n height: 230px;\n\n border-radius: 50%;\n\n background:\n radial-gradient(\n circle,\n rgba(212,175,55,.08),\n transparent 65%\n );\n\n animation: vaultCorePulse 3s ease-in-out infinite;\n z-index: -1;\n }\n\n\n \/* =========================================\n HERO GLASS PANEL\n ========================================= *\/\n\n .lx-vault-hero {\n position: relative;\n\n max-width: 920px;\n\n margin: 25px auto 0;\n\n padding: 40px 35px;\n\n border-radius: 25px;\n\n border: 1px solid var(--border);\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.065),\n rgba(255,255,255,.015)\n );\n\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n\n box-shadow:\n 0 35px 90px rgba(0,0,0,.58),\n inset 0 1px 0 rgba(255,255,255,.06);\n\n overflow: hidden;\n\n animation: vaultFadeUp 1s ease .55s both;\n }\n\n .lx-vault-hero::before {\n content: \"\";\n\n position: absolute;\n\n top: 0;\n left: -130%;\n\n width: 75%;\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(-22deg);\n\n animation: vaultSweep 6s ease-in-out infinite;\n }\n\n .lx-vault-hero-text {\n position: relative;\n\n max-width: 800px;\n\n margin: 0 auto;\n\n color: #d8d8d8;\n\n font-size: 16px;\n line-height: 1.85;\n }\n\n .lx-vault-hero-text strong {\n color: var(--gold-light);\n }\n\n\n \/* =========================================\n SECTION HEADER\n ========================================= *\/\n\n .lx-vault-section {\n margin-top: 70px;\n\n animation:\n vaultFadeUp 1s ease .65s both;\n }\n\n .lx-vault-label {\n display: inline-block;\n\n margin-bottom: 12px;\n\n color: var(--gold-light);\n\n font-size: 10px;\n font-weight: 800;\n\n letter-spacing: 3px;\n text-transform: uppercase;\n }\n\n .lx-vault-section-title {\n margin: 0 0 32px;\n\n color: #fff;\n\n font-size: clamp(27px, 4vw, 40px);\n\n line-height: 1.1;\n\n font-weight: 900;\n letter-spacing: -1px;\n }\n\n .lx-vault-section-title span {\n color: var(--gold-light);\n }\n\n\n \/* =========================================\n FEATURE CARDS\n ========================================= *\/\n\n .lx-vault-grid {\n display: grid;\n\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 17px;\n\n text-align: left;\n }\n\n .lx-vault-card {\n position: relative;\n\n min-height: 215px;\n\n padding: 29px;\n\n border-radius: 21px;\n\n border: 1px solid rgba(255,255,255,.07);\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.055),\n rgba(255,255,255,.015)\n );\n\n box-shadow:\n 0 20px 50px rgba(0,0,0,.3),\n inset 0 1px 0 rgba(255,255,255,.035);\n\n overflow: hidden;\n\n transition:\n transform .45s ease,\n border-color .45s ease,\n box-shadow .45s ease;\n\n animation: vaultCardIn .8s ease both;\n }\n\n .lx-vault-card:nth-child(1) {\n animation-delay: .75s;\n }\n\n .lx-vault-card:nth-child(2) {\n animation-delay: .88s;\n }\n\n .lx-vault-card:nth-child(3) {\n animation-delay: 1.01s;\n }\n\n .lx-vault-card:nth-child(4) {\n animation-delay: 1.14s;\n }\n\n .lx-vault-card:nth-child(5) {\n grid-column: span 2;\n animation-delay: 1.27s;\n }\n\n \/* Scanner line *\/\n\n .lx-vault-card::before {\n content: \"\";\n\n position: absolute;\n\n top: 0;\n left: -120%;\n\n width: 90%;\n height: 2px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n var(--gold-light),\n transparent\n );\n\n animation: vaultScan 4s ease-in-out infinite;\n }\n\n .lx-vault-card:hover {\n transform: translateY(-8px);\n\n border-color: rgba(212,175,55,.38);\n\n box-shadow:\n 0 30px 70px rgba(0,0,0,.46),\n 0 0 35px rgba(212,175,55,.07);\n }\n\n .lx-vault-icon {\n width: 52px;\n height: 52px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n margin-bottom: 19px;\n\n border-radius: 15px;\n\n border: 1px solid rgba(212,175,55,.21);\n\n background:\n rgba(212,175,55,.065);\n\n font-size: 24px;\n\n box-shadow:\n inset 0 0 20px rgba(212,175,55,.035);\n\n transition:\n transform .4s ease,\n box-shadow .4s ease;\n }\n\n .lx-vault-card:hover .lx-vault-icon {\n transform:\n scale(1.1)\n rotate(-4deg);\n\n box-shadow:\n 0 0 25px rgba(212,175,55,.13);\n }\n\n .lx-vault-card h3 {\n margin: 0 0 10px;\n\n color: #fff;\n\n font-size: 17px;\n line-height: 1.25;\n\n font-weight: 850;\n }\n\n .lx-vault-card h3 span {\n color: var(--gold-light);\n }\n\n .lx-vault-card p {\n margin: 0;\n\n color: var(--muted);\n\n font-size: 14px;\n line-height: 1.7;\n }\n\n\n \/* =========================================\n WHY YOU'LL LOVE IT\n ========================================= *\/\n\n .lx-vault-love {\n position: relative;\n\n margin-top: 67px;\n\n padding: 38px 28px;\n\n border-radius: 24px;\n\n border: 1px solid rgba(212,175,55,.18);\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 overflow: hidden;\n }\n\n .lx-vault-love::before {\n content: \"\";\n\n position: absolute;\n\n width: 280px;\n height: 280px;\n\n top: -180px;\n left: 50%;\n\n transform: translateX(-50%);\n\n border-radius: 50%;\n\n background:\n radial-gradient(\n circle,\n rgba(212,175,55,.13),\n transparent 65%\n );\n\n animation: vaultLoveGlow 4s ease-in-out infinite;\n }\n\n .lx-vault-love-title {\n position: relative;\n\n margin: 0 0 28px;\n\n color: #fff;\n\n font-size: clamp(24px, 4vw, 34px);\n\n font-weight: 900;\n }\n\n .lx-vault-love-title span {\n color: var(--gold-light);\n }\n\n .lx-vault-list {\n position: relative;\n\n display: grid;\n\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 12px;\n\n max-width: 850px;\n\n margin: 0 auto;\n\n text-align: left;\n }\n\n .lx-vault-list-item {\n display: flex;\n align-items: center;\n gap: 13px;\n\n padding: 15px 17px;\n\n border-radius: 14px;\n\n border: 1px solid rgba(255,255,255,.06);\n\n background: rgba(255,255,255,.025);\n\n color: #c9c9c9;\n\n font-size: 13px;\n line-height: 1.45;\n\n transition:\n transform .35s ease,\n border-color .35s ease,\n background .35s ease;\n }\n\n .lx-vault-list-item:hover {\n transform: translateX(5px);\n\n border-color: rgba(212,175,55,.25);\n\n background: rgba(212,175,55,.04);\n }\n\n .lx-vault-list-icon {\n flex: 0 0 auto;\n\n width: 30px;\n height: 30px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 9px;\n\n background: rgba(212,175,55,.075);\n\n font-size: 15px;\n }\n\n\n \/* =========================================\n LIFESTYLE STRIP\n ========================================= *\/\n\n .lx-vault-lifestyle {\n margin-top: 58px;\n\n display: flex;\n\n justify-content: center;\n align-items: center;\n\n flex-wrap: wrap;\n\n gap: 9px;\n }\n\n .lx-vault-lifestyle span {\n padding: 9px 13px;\n\n border-radius: 999px;\n\n border: 1px solid rgba(255,255,255,.075);\n\n background: rgba(255,255,255,.025);\n\n color: #aaa;\n\n font-size: 11px;\n\n animation:\n vaultLifestyleIn .8s ease both,\n vaultLifestyleFloat 4s ease-in-out infinite;\n }\n\n .lx-vault-lifestyle span:nth-child(1) {\n animation-delay: .2s, 1.2s;\n }\n\n .lx-vault-lifestyle span:nth-child(2) {\n animation-delay: .35s, 1.5s;\n }\n\n .lx-vault-lifestyle span:nth-child(3) {\n animation-delay: .5s, 1.8s;\n }\n\n .lx-vault-lifestyle span:nth-child(4) {\n animation-delay: .65s, 2.1s;\n }\n\n\n \/* =========================================\n FINAL CTA\n ========================================= *\/\n\n .lx-vault-final {\n margin-top: 57px;\n\n padding-top: 35px;\n\n border-top: 1px solid rgba(255,255,255,.07);\n\n animation: vaultFadeUp 1s ease 1.3s both;\n }\n\n .lx-vault-final-main {\n margin: 0;\n\n color: #fff;\n\n font-size: clamp(22px, 4vw, 33px);\n\n line-height: 1.3;\n\n font-weight: 900;\n }\n\n .lx-vault-final-main span {\n color: var(--gold-light);\n }\n\n .lx-vault-final-sub {\n margin: 13px 0 0;\n\n color: #8d8d8d;\n\n font-size: 12px;\n\n font-weight: 700;\n\n letter-spacing: 2px;\n }\n\n\n \/* =========================================\n ANIMATIONS\n ========================================= *\/\n\n @keyframes vaultTitleIn {\n from {\n opacity: 0;\n transform: translateY(26px);\n filter: blur(10px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n filter: blur(0);\n }\n }\n\n @keyframes vaultGoldFlow {\n 0% {\n background-position: 0% 50%;\n }\n\n 50% {\n background-position: 100% 50%;\n }\n\n 100% {\n background-position: 0% 50%;\n }\n }\n\n @keyframes vaultFadeUp {\n from {\n opacity: 0;\n transform: translateY(25px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes vaultBadgeIn {\n from {\n opacity: 0;\n transform: translateY(-12px) scale(.95);\n }\n\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n\n @keyframes vaultBadgePulse {\n 0%,\n 100% {\n box-shadow:\n 0 0 20px rgba(212,175,55,.07),\n inset 0 0 18px rgba(255,255,255,.02);\n }\n\n 50% {\n box-shadow:\n 0 0 35px rgba(212,175,55,.16),\n inset 0 0 20px rgba(255,255,255,.025);\n }\n }\n\n @keyframes vaultDot {\n 0%,\n 100% {\n transform: scale(.8);\n opacity: .6;\n }\n\n 50% {\n transform: scale(1.25);\n opacity: 1;\n }\n }\n\n @keyframes vaultGlowOne {\n 0%,\n 100% {\n transform: translate(0,0) scale(1);\n }\n\n 50% {\n transform: translate(35px,25px) scale(1.1);\n }\n }\n\n @keyframes vaultGlowTwo {\n 0%,\n 100% {\n transform: translate(0,0) scale(1);\n }\n\n 50% {\n transform: translate(-30px,-25px) scale(1.08);\n }\n }\n\n @keyframes vaultCorePulse {\n 0%,\n 100% {\n transform: scale(.9);\n opacity: .45;\n }\n\n 50% {\n transform: scale(1.08);\n opacity: .8;\n }\n }\n\n @keyframes vaultRingSpin {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n }\n\n @keyframes vaultShieldFloat {\n 0%,\n 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-7px);\n }\n }\n\n @keyframes vaultSweep {\n 0%,\n 45% {\n left: -130%;\n }\n\n 65%,\n 100% {\n left: 140%;\n }\n }\n\n @keyframes vaultCardIn {\n from {\n opacity: 0;\n transform: translateY(32px) scale(.98);\n }\n\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n\n @keyframes vaultScan {\n 0% {\n transform: translateX(-120%);\n }\n\n 45%,\n 100% {\n transform: translateX(240%);\n }\n }\n\n @keyframes vaultLoveGlow {\n 0%,\n 100% {\n opacity: .55;\n transform: translateX(-50%) scale(.9);\n }\n\n 50% {\n opacity: 1;\n transform: translateX(-50%) scale(1.15);\n }\n }\n\n @keyframes vaultLifestyleIn {\n from {\n opacity: 0;\n transform: translateY(15px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes vaultLifestyleFloat {\n 0%,\n 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-4px);\n }\n }\n\n @keyframes vaultParticle {\n 0% {\n transform: translateY(0) scale(.7);\n opacity: 0;\n }\n\n 15% {\n opacity: .3;\n }\n\n 80% {\n opacity: .15;\n }\n\n 100% {\n transform: translateY(-850px) scale(1.2);\n opacity: 0;\n }\n }\n\n\n \/* =========================================\n TABLET\n ========================================= *\/\n\n @media (max-width: 760px) {\n\n .lx-vaultshell {\n padding: 58px 16px;\n border-radius: 15px;\n }\n\n .lx-vault-hero {\n padding: 32px 23px;\n border-radius: 21px;\n }\n\n .lx-vault-grid {\n grid-template-columns: 1fr;\n gap: 13px;\n }\n\n .lx-vault-card {\n min-height: auto;\n padding: 23px;\n }\n\n .lx-vault-card:nth-child(5) {\n grid-column: auto;\n }\n\n .lx-vault-section {\n margin-top: 53px;\n }\n\n .lx-vault-list {\n grid-template-columns: 1fr;\n }\n\n }\n\n\n \/* =========================================\n MOBILE\n ========================================= *\/\n\n @media (max-width: 480px) {\n\n .lx-vaultshell {\n padding: 45px 13px;\n }\n\n .lx-vault-badge {\n padding: 8px 13px;\n font-size: 8px;\n letter-spacing: 2px;\n }\n\n .lx-vault-title {\n font-size: 39px;\n letter-spacing: -1.7px;\n }\n\n .lx-vault-subtitle {\n font-size: 14px;\n line-height: 1.6;\n }\n\n .lx-vault-core {\n width: 145px;\n height: 145px;\n margin-top: 35px;\n }\n\n .lx-vault-core-shield {\n width: 70px;\n height: 81px;\n font-size: 29px;\n }\n\n .lx-vault-hero {\n margin-top: 20px;\n padding: 28px 19px;\n }\n\n .lx-vault-hero-text {\n font-size: 14px;\n line-height: 1.75;\n }\n\n .lx-vault-section-title {\n font-size: 25px;\n }\n\n .lx-vault-card {\n padding: 21px;\n border-radius: 17px;\n }\n\n .lx-vault-card h3 {\n font-size: 16px;\n }\n\n .lx-vault-card p {\n font-size: 13px;\n }\n\n .lx-vault-love {\n margin-top: 47px;\n padding: 29px 18px;\n }\n\n .lx-vault-list-item {\n font-size: 12.5px;\n }\n\n .lx-vault-lifestyle {\n margin-top: 43px;\n }\n\n .lx-vault-final {\n margin-top: 44px;\n }\n\n }\n\n\n \/* =========================================\n ACCESSIBILITY\n ========================================= *\/\n\n @media (prefers-reduced-motion: reduce) {\n\n .lx-vaultshell *,\n .lx-vaultshell *::before,\n .lx-vaultshell *::after {\n animation-duration: .01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: .01ms !important;\n }\n\n }\n\n \u003c\/style\u003e\n\n\n \u003c!-- AMBIENT BACKGROUND --\u003e\n\n \u003cdiv class=\"lx-vault-glow one\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lx-vault-glow two\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"lx-vault-particles\"\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"lx-vault-inner\"\u003e\n\n\n \u003c!-- BADGE --\u003e\n\n \u003cdiv class=\"lx-vault-badge\"\u003e\n \u003cspan class=\"lx-vault-dot\"\u003e\u003c\/span\u003e\n LOADOUTX™ PROTECTION SERIES\n \u003c\/div\u003e\n\n\n \u003c!-- HERO --\u003e\n\n \u003ch2 class=\"lx-vault-title\"\u003e\n Your Portal.\u003cbr\u003e\n Protected.\n \u003c\/h2\u003e\n\n \u003cp class=\"lx-vault-subtitle\"\u003e\n Take your PlayStation Portal anywhere without compromising protection.\n \u003cspan aria-hidden=\"true\"\u003e🎮\u003c\/span\u003e\n \u003c\/p\u003e\n\n\n \u003c!-- ANIMATED SHIELD CORE --\u003e\n\n \u003cdiv class=\"lx-vault-core\"\u003e\n\n \u003cdiv class=\"lx-vault-core-ring\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"lx-vault-core-ring two\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"lx-vault-core-shield\"\u003e\n 🛡️\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- HERO COPY --\u003e\n\n \u003cdiv class=\"lx-vault-hero\"\u003e\n\n \u003cp class=\"lx-vault-hero-text\"\u003e\n The \u003cstrong\u003eLoadoutX™ VaultShell\u003c\/strong\u003e gives your handheld a tough\n outer shell and a soft, padded inside, helping keep your Portal safe\n in your backpack, your bag, or your hand.\n \u003cspan aria-hidden=\"true\"\u003e✨\u003c\/span\u003e\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- PROTECTION SECTION --\u003e\n\n \u003cdiv class=\"lx-vault-section\"\u003e\n\n \u003cdiv class=\"lx-vault-label\"\u003e\n PROTECTION WITHOUT THE BULK\n \u003c\/div\u003e\n\n \u003ch3 class=\"lx-vault-section-title\"\u003e\n Built To Protect.\u003cbr\u003e\n \u003cspan\u003eDesigned To Travel.\u003c\/span\u003e\n \u003c\/h3\u003e\n\n\n \u003cdiv class=\"lx-vault-grid\"\u003e\n\n\n \u003c!-- CARD 1 --\u003e\n\n \u003cdiv class=\"lx-vault-card\"\u003e\n\n \u003cdiv class=\"lx-vault-icon\"\u003e\n 🛡️\n \u003c\/div\u003e\n\n \u003ch3\u003e\n \u003cspan\u003eBuilt To Take The Hits\u003c\/span\u003e\n \u003c\/h3\u003e\n\n \u003cp\u003e\n The rugged exterior helps protect your Portal against bumps,\n drops, scratches and dust, while the padded interior helps keep\n your device secure.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- CARD 2 --\u003e\n\n \u003cdiv class=\"lx-vault-card\"\u003e\n\n \u003cdiv class=\"lx-vault-icon\"\u003e\n ☁️\n \u003c\/div\u003e\n\n \u003ch3\u003e\n \u003cspan\u003eSoft Inside. Secure Outside.\u003c\/span\u003e\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Plush interior lining holds your Portal snugly, helping keep it\n protected from scratches from the moment you pack it until you're\n ready to play.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- CARD 3 --\u003e\n\n \u003cdiv class=\"lx-vault-card\"\u003e\n\n \u003cdiv class=\"lx-vault-icon\"\u003e\n 🗂️\n \u003c\/div\u003e\n\n \u003ch3\u003e\n \u003cspan\u003eEverything In Its Place\u003c\/span\u003e\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Custom compartments help keep your Portal, charging cable, earbuds\n and other small accessories organised and secure.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- CARD 4 --\u003e\n\n \u003cdiv class=\"lx-vault-card\"\u003e\n\n \u003cdiv class=\"lx-vault-icon\"\u003e\n 🎒\n \u003c\/div\u003e\n\n \u003ch3\u003e\n \u003cspan\u003eMade For Gaming On The Go\u003c\/span\u003e\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Comfortable carry handles and an adjustable shoulder strap make\n the VaultShell easy to take wherever your next gaming session\n happens.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- CARD 5 --\u003e\n\n \u003cdiv class=\"lx-vault-card\"\u003e\n\n \u003cdiv class=\"lx-vault-icon\"\u003e\n 🖤\n \u003c\/div\u003e\n\n \u003ch3\u003e\n \u003cspan\u003eSleek. Low-Key. LoadoutX.\u003c\/span\u003e\n \u003c\/h3\u003e\n\n \u003cp\u003e\n A clean, understated design that complements your setup without\n looking out of place when you're carrying it around.\n \u003c\/p\u003e\n\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=\"lx-vault-love\"\u003e\n\n \u003ch3 class=\"lx-vault-love-title\"\u003e\n Why You'll \u003cspan\u003eLove It.\u003c\/span\u003e\n \u003c\/h3\u003e\n\n\n \u003cdiv class=\"lx-vault-list\"\u003e\n\n\n \u003cdiv class=\"lx-vault-list-item\"\u003e\n \u003cdiv class=\"lx-vault-list-icon\"\u003e💪\u003c\/div\u003e\n \u003cspan\u003e\n Rugged shell helps protect against impacts, scratches and dust\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"lx-vault-list-item\"\u003e\n \u003cdiv class=\"lx-vault-list-icon\"\u003e☁️\u003c\/div\u003e\n \u003cspan\u003e\n Soft padded interior helps cradle your Portal\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"lx-vault-list-item\"\u003e\n \u003cdiv class=\"lx-vault-list-icon\"\u003e🎒\u003c\/div\u003e\n \u003cspan\u003e\n Custom compartments for your console and accessories\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"lx-vault-list-item\"\u003e\n \u003cdiv class=\"lx-vault-list-icon\"\u003e👜\u003c\/div\u003e\n \u003cspan\u003e\n Comfortable handles and adjustable shoulder strap\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"lx-vault-list-item\"\u003e\n \u003cdiv class=\"lx-vault-list-icon\"\u003e🖤\u003c\/div\u003e\n \u003cspan\u003e\n Sleek, low-key design that suits any setup\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- LIFESTYLE --\u003e\n\n \u003cdiv class=\"lx-vault-lifestyle\"\u003e\n\n \u003cspan\u003e🚆 COMMUTE\u003c\/span\u003e\n \u003cspan\u003e🚗 ROAD TRIP\u003c\/span\u003e\n \u003cspan\u003e🏖️ HOLIDAY\u003c\/span\u003e\n \u003cspan\u003e🛋️ SLEEPOVER\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- FINAL CTA --\u003e\n\n \u003cdiv class=\"lx-vault-final\"\u003e\n\n \u003cp class=\"lx-vault-final-main\"\u003e\n Pack it.\n \u003cspan\u003eProtect it.\u003c\/span\u003e\n Play anywhere. 🎮\n \u003c\/p\u003e\n\n \u003cp class=\"lx-vault-final-sub\"\u003e\n LOADOUTX™ VAULTSHELL\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"LoadoutX","offers":[{"title":"Default Title","offer_id":50553969803403,"sku":null,"price":899.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/files\/vaultshell-unboxing-in-loadoutx-packaging.png?v=1790458615"},{"product_id":"loadoutx™-armourcase-hard-shell-controller-carry-case","title":"LoadoutX™ ArmourCase — Hard Shell Controller Carry Case","description":"\u003cdiv class=\"lx-armourcase\"\u003e\n\n \u003cstyle\u003e\n .lx-armourcase {\n --lx-black: #030303;\n --lx-charcoal: #0b0b0b;\n --lx-card: rgba(255,255,255,.045);\n --lx-gold: #d4af37;\n --lx-gold-light: #f6dc73;\n --lx-gold-bright: #fff1a8;\n --lx-white: #f7f7f7;\n --lx-muted: #a6a6a6;\n --lx-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 color: var(--lx-white);\n background:\n radial-gradient(circle at 12% 12%, rgba(212,175,55,.12), transparent 27%),\n radial-gradient(circle at 88% 28%, rgba(212,175,55,.07), transparent 25%),\n radial-gradient(circle at 50% 100%, rgba(212,175,55,.08), transparent 35%),\n linear-gradient(145deg, #020202 0%, #0a0a0a 50%, #030303 100%);\n border-radius: 18px;\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .lx-armourcase *,\n .lx-armourcase *::before,\n .lx-armourcase *::after {\n box-sizing: border-box;\n }\n\n \/* =========================================================\n AMBIENT BACKGROUND\n ========================================================= *\/\n\n .lx-armourcase::before,\n .lx-armourcase::after {\n content: \"\";\n position: absolute;\n width: 430px;\n height: 430px;\n border-radius: 50%;\n filter: blur(100px);\n pointer-events: none;\n z-index: -1;\n animation: lxArmourFloat 9s ease-in-out infinite alternate;\n }\n\n .lx-armourcase::before {\n top: -210px;\n left: -180px;\n background: rgba(212,175,55,.10);\n }\n\n .lx-armourcase::after {\n right: -220px;\n bottom: -220px;\n background: rgba(212,175,55,.075);\n animation-delay: -4s;\n }\n\n .lx-armour-container {\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 1080px;\n margin: 0 auto;\n }\n\n \/* =========================================================\n BADGE\n ========================================================= *\/\n\n .lx-armour-badge {\n width: fit-content;\n margin: 0 auto 20px;\n padding: 9px 18px;\n border: 1px solid rgba(212,175,55,.38);\n border-radius: 999px;\n background: rgba(212,175,55,.055);\n color: var(--lx-gold-light);\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 2.8px;\n text-transform: uppercase;\n box-shadow:\n 0 0 20px rgba(212,175,55,.07),\n inset 0 0 15px rgba(212,175,55,.025);\n animation: lxArmourBadge 3s ease-in-out infinite;\n }\n\n \/* =========================================================\n HERO\n ========================================================= *\/\n\n .lx-armour-hero {\n text-align: center;\n margin-bottom: 35px;\n }\n\n .lx-armour-title {\n margin: 0;\n font-size: clamp(40px, 7vw, 76px);\n line-height: .94;\n font-weight: 900;\n letter-spacing: -2.5px;\n text-transform: uppercase;\n\n background: linear-gradient(\n 105deg,\n #a47b19 0%,\n #d4af37 18%,\n #fff2a4 38%,\n #d4af37 55%,\n #fff0a0 76%,\n #a47b19 100%\n );\n\n background-size: 250% auto;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n\n animation: lxArmourGold 5s linear infinite;\n\n filter:\n drop-shadow(0 0 20px rgba(212,175,55,.13));\n }\n\n .lx-armour-subtitle {\n max-width: 650px;\n margin: 18px auto 0;\n color: #cfcfcf;\n font-size: clamp(15px, 2vw, 19px);\n line-height: 1.65;\n }\n\n \/* =========================================================\n ARMOUR VISUAL\n ========================================================= *\/\n\n .lx-armour-visual {\n position: relative;\n width: min(100%, 650px);\n height: 300px;\n margin: 30px auto 45px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .lx-armour-ring {\n position: absolute;\n width: 240px;\n height: 240px;\n border-radius: 50%;\n border: 1px solid rgba(212,175,55,.19);\n box-shadow:\n 0 0 45px rgba(212,175,55,.07),\n inset 0 0 35px rgba(212,175,55,.04);\n animation: lxArmourRing 5s ease-in-out infinite;\n }\n\n .lx-armour-ring::before,\n .lx-armour-ring::after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n border: 1px dashed rgba(246,220,115,.23);\n }\n\n .lx-armour-ring::before {\n inset: 18px;\n animation: lxArmourSpin 13s linear infinite;\n }\n\n .lx-armour-ring::after {\n inset: 40px;\n border-style: solid;\n border-color: rgba(212,175,55,.13);\n animation: lxArmourSpinReverse 9s linear infinite;\n }\n\n \/* Shield *\/\n .lx-armour-shield {\n position: relative;\n width: 145px;\n height: 165px;\n display: flex;\n align-items: center;\n justify-content: center;\n clip-path: polygon(\n 50% 0%,\n 91% 15%,\n 84% 67%,\n 50% 100%,\n 16% 67%,\n 9% 15%\n );\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,241,168,.95),\n rgba(212,175,55,.95) 45%,\n rgba(119,83,13,.95)\n );\n\n box-shadow:\n 0 0 35px rgba(212,175,55,.35),\n 0 0 80px rgba(212,175,55,.12);\n\n animation: lxShieldPulse 3s ease-in-out infinite;\n }\n\n .lx-armour-shield::before {\n content: \"\";\n position: absolute;\n inset: 4px;\n\n clip-path: inherit;\n\n background:\n linear-gradient(\n 145deg,\n #141414,\n #050505 65%,\n #101010\n );\n }\n\n .lx-armour-shield-icon {\n position: relative;\n z-index: 2;\n font-size: 56px;\n filter:\n drop-shadow(0 0 9px rgba(212,175,55,.75));\n animation: lxShieldIcon 2.5s ease-in-out infinite;\n }\n\n \/* Scanning line *\/\n .lx-armour-scan {\n position: absolute;\n width: 320px;\n height: 1px;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(212,175,55,.9),\n transparent\n );\n box-shadow: 0 0 15px rgba(212,175,55,.55);\n animation: lxArmourScan 3.5s ease-in-out infinite;\n }\n\n \/* Impact points *\/\n .lx-armour-impact {\n position: absolute;\n width: 9px;\n height: 9px;\n border-radius: 50%;\n background: var(--lx-gold-light);\n box-shadow:\n 0 0 8px var(--lx-gold),\n 0 0 22px rgba(212,175,55,.6);\n animation: lxImpact 2.6s ease-in-out infinite;\n }\n\n .lx-armour-impact.one {\n top: 30%;\n left: 20%;\n }\n\n .lx-armour-impact.two {\n top: 60%;\n right: 19%;\n animation-delay: -.8s;\n }\n\n .lx-armour-impact.three {\n bottom: 19%;\n left: 32%;\n animation-delay: -1.6s;\n }\n\n \/* =========================================================\n INTRO CARD\n ========================================================= *\/\n\n .lx-armour-intro {\n position: relative;\n max-width: 900px;\n margin: 0 auto 58px;\n padding: 35px;\n overflow: hidden;\n border-radius: 22px;\n border: 1px solid var(--lx-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 .lx-armour-intro::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -120%;\n width: 65%;\n height: 100%;\n\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255,255,255,.065),\n transparent\n );\n\n transform: skewX(-20deg);\n animation: lxArmourSweep 5s ease-in-out infinite;\n }\n\n .lx-armour-intro p {\n position: relative;\n z-index: 2;\n margin: 0;\n color: #d8d8d8;\n text-align: center;\n font-size: 17px;\n line-height: 1.8;\n }\n\n .lx-armour-highlight {\n color: var(--lx-gold-light);\n font-weight: 850;\n }\n\n \/* =========================================================\n SECTION TITLES\n ========================================================= *\/\n\n .lx-armour-heading {\n text-align: center;\n margin-bottom: 29px;\n }\n\n .lx-armour-heading span {\n display: block;\n margin-bottom: 9px;\n color: var(--lx-gold);\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 3px;\n text-transform: uppercase;\n }\n\n .lx-armour-heading h2 {\n margin: 0;\n color: #fff;\n font-size: clamp(26px, 4vw, 39px);\n line-height: 1.1;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: -.7px;\n }\n\n \/* =========================================================\n FEATURE CARDS\n ========================================================= *\/\n\n .lx-armour-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 17px;\n margin-bottom: 58px;\n }\n\n .lx-armour-card {\n position: relative;\n min-height: 200px;\n padding: 28px 25px;\n overflow: hidden;\n\n border-radius: 18px;\n border: 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 .lx-armour-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 2px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n var(--lx-gold),\n transparent\n );\n\n animation: lxCardScan 4s ease-in-out infinite;\n }\n\n .lx-armour-card:hover {\n transform: translateY(-7px);\n border-color: 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 .lx-armour-icon {\n width: 49px;\n height: 49px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n margin-bottom: 18px;\n\n border-radius: 14px;\n border: 1px solid rgba(212,175,55,.3);\n\n background: rgba(212,175,55,.065);\n color: var(--lx-gold-light);\n\n font-size: 23px;\n\n box-shadow:\n inset 0 0 20px rgba(212,175,55,.04);\n\n animation: lxIconPulse 3s ease-in-out infinite;\n }\n\n .lx-armour-card:nth-child(2) .lx-armour-icon {\n animation-delay: -.6s;\n }\n\n .lx-armour-card:nth-child(3) .lx-armour-icon {\n animation-delay: -1.2s;\n }\n\n .lx-armour-card:nth-child(4) .lx-armour-icon {\n animation-delay: -1.8s;\n }\n\n .lx-armour-card h3 {\n margin: 0 0 9px;\n color: #fff;\n font-size: 17px;\n font-weight: 850;\n }\n\n .lx-armour-card p {\n margin: 0;\n color: var(--lx-muted);\n font-size: 14px;\n line-height: 1.65;\n }\n\n \/* =========================================================\n PROTECTION STATUS\n ========================================================= *\/\n\n .lx-armour-status {\n position: relative;\n max-width: 900px;\n margin: 0 auto 58px;\n padding: 32px;\n\n border-radius: 22px;\n border: 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 .lx-armour-status-top {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 15px;\n margin-bottom: 17px;\n }\n\n .lx-armour-status-label {\n color: #ddd;\n font-size: 12px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n }\n\n .lx-armour-status-ready {\n color: var(--lx-gold-light);\n font-size: 12px;\n font-weight: 900;\n letter-spacing: 1px;\n }\n\n .lx-armour-bar {\n height: 12px;\n padding: 2px;\n border-radius: 99px;\n background: #151515;\n border: 1px solid rgba(212,175,55,.2);\n overflow: hidden;\n }\n\n .lx-armour-bar-fill {\n position: relative;\n width: 94%;\n height: 100%;\n border-radius: inherit;\n\n background:\n linear-gradient(\n 90deg,\n #8e6817,\n #d4af37,\n #fff0a0\n );\n\n box-shadow:\n 0 0 18px rgba(212,175,55,.45);\n\n animation: lxProtectionGlow 2.5s ease-in-out infinite;\n }\n\n .lx-armour-bar-fill::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: -100px;\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: lxBarSweep 2.4s linear infinite;\n }\n\n .lx-armour-status-note {\n margin: 13px 0 0;\n color: #8e8e8e;\n font-size: 12px;\n line-height: 1.5;\n }\n\n \/* =========================================================\n COMPATIBILITY\n ========================================================= *\/\n\n .lx-armour-platforms {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 10px;\n margin-bottom: 58px;\n }\n\n .lx-armour-platform {\n padding: 11px 17px;\n border-radius: 999px;\n border: 1px solid rgba(212,175,55,.22);\n background: rgba(212,175,55,.045);\n color: #d6d6d6;\n font-size: 12px;\n font-weight: 750;\n\n transition:\n transform .3s ease,\n border-color .3s ease,\n color .3s ease,\n box-shadow .3s ease;\n }\n\n .lx-armour-platform:hover {\n transform: translateY(-3px);\n color: var(--lx-gold-light);\n border-color: rgba(212,175,55,.55);\n box-shadow: 0 0 18px rgba(212,175,55,.1);\n }\n\n \/* =========================================================\n WHY YOU'LL LOVE IT\n ========================================================= *\/\n\n .lx-armour-love {\n max-width: 760px;\n margin: 0 auto 58px;\n }\n\n .lx-armour-love-item {\n display: flex;\n align-items: center;\n gap: 15px;\n\n padding: 15px 0;\n\n border-bottom: 1px solid rgba(255,255,255,.07);\n }\n\n .lx-armour-love-item:last-child {\n border-bottom: none;\n }\n\n .lx-armour-check {\n flex: 0 0 32px;\n width: 32px;\n height: 32px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n border: 1px solid rgba(212,175,55,.3);\n\n background: rgba(212,175,55,.07);\n color: var(--lx-gold-light);\n\n box-shadow:\n 0 0 15px rgba(212,175,55,.07);\n }\n\n .lx-armour-love-item span:last-child {\n color: #d1d1d1;\n font-size: 14px;\n line-height: 1.5;\n }\n\n \/* =========================================================\n FINAL CTA\n ========================================================= *\/\n\n .lx-armour-final {\n position: relative;\n padding: 44px 25px;\n overflow: hidden;\n\n text-align: center;\n\n border-radius: 23px;\n border: 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 .lx-armour-final::before {\n content: \"\";\n position: absolute;\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: lxArmourRotate 9s linear infinite;\n }\n\n .lx-armour-final-content {\n position: relative;\n z-index: 2;\n }\n\n .lx-armour-final-icon {\n display: inline-block;\n margin-bottom: 12px;\n font-size: 33px;\n\n animation: lxFinalShield 2.5s ease-in-out infinite;\n\n filter:\n drop-shadow(0 0 9px rgba(212,175,55,.5));\n }\n\n .lx-armour-final h2 {\n margin: 0;\n\n font-size: clamp(25px, 5vw, 40px);\n line-height: 1.15;\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 -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n\n animation: lxArmourGold 4s linear infinite;\n }\n\n .lx-armour-final p {\n max-width: 620px;\n margin: 13px auto 0;\n\n color: #aaa;\n font-size: 13px;\n line-height: 1.6;\n }\n\n \/* =========================================================\n ANIMATIONS\n ========================================================= *\/\n\n @keyframes lxArmourFloat {\n 0% {\n transform: translate3d(0,0,0) scale(1);\n }\n\n 100% {\n transform: translate3d(25px,20px,0) scale(1.12);\n }\n }\n\n @keyframes lxArmourBadge {\n 0%,100% {\n box-shadow: 0 0 15px rgba(212,175,55,.05);\n }\n\n 50% {\n box-shadow: 0 0 28px rgba(212,175,55,.18);\n }\n }\n\n @keyframes lxArmourGold {\n 0% {\n background-position: 0% center;\n }\n\n 100% {\n background-position: 250% center;\n }\n }\n\n @keyframes lxArmourRing {\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 lxArmourSpin {\n to {\n transform: rotate(360deg);\n }\n }\n\n @keyframes lxArmourSpinReverse {\n to {\n transform: rotate(-360deg);\n }\n }\n\n @keyframes lxShieldPulse {\n 0%,100% {\n transform: scale(.96);\n filter: brightness(.9);\n box-shadow:\n 0 0 25px rgba(212,175,55,.25),\n 0 0 60px rgba(212,175,55,.08);\n }\n\n 50% {\n transform: scale(1.04);\n filter: brightness(1.1);\n box-shadow:\n 0 0 45px rgba(212,175,55,.45),\n 0 0 90px rgba(212,175,55,.14);\n }\n }\n\n @keyframes lxShieldIcon {\n 0%,100% {\n transform: translateY(0) scale(1);\n }\n\n 50% {\n transform: translateY(-5px) scale(1.08);\n }\n }\n\n @keyframes lxArmourScan {\n 0%,100% {\n transform: translateY(-100px);\n opacity: 0;\n }\n\n 20% {\n opacity: 1;\n }\n\n 50% {\n transform: translateY(100px);\n opacity: 1;\n }\n\n 70% {\n opacity: 0;\n }\n }\n\n @keyframes lxImpact {\n 0%,100% {\n transform: scale(.7);\n opacity: .3;\n }\n\n 50% {\n transform: scale(1.8);\n opacity: 1;\n }\n }\n\n @keyframes lxArmourSweep {\n 0%,20% {\n left: -120%;\n }\n\n 55%,100% {\n left: 140%;\n }\n }\n\n @keyframes lxCardScan {\n 0% {\n transform: translateX(-100%);\n }\n\n 45%,100% {\n transform: translateX(100%);\n }\n }\n\n @keyframes lxIconPulse {\n 0%,100% {\n box-shadow: 0 0 0 rgba(212,175,55,0);\n }\n\n 50% {\n box-shadow: 0 0 22px rgba(212,175,55,.16);\n }\n }\n\n @keyframes lxProtectionGlow {\n 0%,100% {\n filter: brightness(.92);\n }\n\n 50% {\n filter: brightness(1.15);\n }\n }\n\n @keyframes lxBarSweep {\n from {\n transform: translateX(-120px);\n }\n\n to {\n transform: translateX(850px);\n }\n }\n\n @keyframes lxArmourRotate {\n to {\n transform: rotate(360deg);\n }\n }\n\n @keyframes lxFinalShield {\n 0%,100% {\n transform: translateY(0) scale(1);\n }\n\n 50% {\n transform: translateY(-6px) scale(1.13);\n }\n }\n\n \/* =========================================================\n TABLET\n ========================================================= *\/\n\n @media (max-width: 760px) {\n\n .lx-armourcase {\n padding: 55px 17px;\n border-radius: 14px;\n }\n\n .lx-armour-grid {\n grid-template-columns: 1fr;\n }\n\n .lx-armour-card {\n min-height: auto;\n }\n\n .lx-armour-visual {\n height: 250px;\n }\n\n .lx-armour-ring {\n width: 205px;\n height: 205px;\n }\n\n .lx-armour-shield {\n width: 125px;\n height: 145px;\n }\n\n .lx-armour-scan {\n width: 280px;\n }\n }\n\n \/* =========================================================\n MOBILE\n ========================================================= *\/\n\n @media (max-width: 480px) {\n\n .lx-armourcase {\n padding: 45px 13px;\n }\n\n .lx-armour-title {\n font-size: 40px;\n letter-spacing: -1.5px;\n }\n\n .lx-armour-subtitle {\n font-size: 14px;\n }\n\n .lx-armour-visual {\n height: 215px;\n margin-top: 20px;\n margin-bottom: 35px;\n }\n\n .lx-armour-ring {\n width: 175px;\n height: 175px;\n }\n\n .lx-armour-shield {\n width: 108px;\n height: 125px;\n }\n\n .lx-armour-shield-icon {\n font-size: 42px;\n }\n\n .lx-armour-scan {\n width: 225px;\n }\n\n .lx-armour-impact.one {\n left: 10%;\n }\n\n .lx-armour-impact.two {\n right: 9%;\n }\n\n .lx-armour-intro {\n padding: 25px 19px;\n border-radius: 17px;\n }\n\n .lx-armour-intro p {\n font-size: 14px;\n line-height: 1.7;\n }\n\n .lx-armour-heading h2 {\n font-size: 26px;\n }\n\n .lx-armour-card {\n padding: 23px 20px;\n }\n\n .lx-armour-status {\n padding: 23px 18px;\n }\n\n .lx-armour-final {\n padding: 36px 18px;\n }\n\n .lx-armour-final h2 {\n font-size: 26px;\n }\n\n }\n\n \/* =========================================================\n REDUCED MOTION ACCESSIBILITY\n ========================================================= *\/\n\n @media (prefers-reduced-motion: reduce) {\n\n .lx-armourcase *,\n .lx-armourcase *::before,\n .lx-armourcase *::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=\"lx-armour-container\"\u003e\n\n \u003c!-- HERO --\u003e\n\n \u003cdiv class=\"lx-armour-hero\"\u003e\n\n \u003cdiv class=\"lx-armour-badge\"\u003e\n 🛡️ LOADOUTX™ ARMOUR SERIES\n \u003c\/div\u003e\n\n \u003ch1 class=\"lx-armour-title\"\u003e\n ArmourCase\n \u003c\/h1\u003e\n\n \u003cp class=\"lx-armour-subtitle\"\u003e\n Protect Your Gear. Pack Up. Play Anywhere.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- ARMOUR VISUAL --\u003e\n\n \u003cdiv class=\"lx-armour-visual\"\u003e\n\n \u003cdiv class=\"lx-armour-ring\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"lx-armour-scan\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"lx-armour-impact one\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lx-armour-impact two\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lx-armour-impact three\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"lx-armour-shield\"\u003e\n \u003cdiv class=\"lx-armour-shield-icon\"\u003e🛡️\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- INTRO --\u003e\n\n \u003cdiv class=\"lx-armour-intro\"\u003e\n\n \u003cp\u003e\n 🛡️ \u003cspan class=\"lx-armour-highlight\"\u003eArmour up your controller.\u003c\/span\u003e\n Your controller goes wherever the game takes you, so give it the protection\n it deserves. The LoadoutX™ ArmourCase has a tough hard shell that keeps\n your controller safe from bumps, knocks and scratches, whether it's in\n your backpack, your bag or on the road. 🎮\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- FEATURES --\u003e\n\n \u003cdiv class=\"lx-armour-heading\"\u003e\n\n \u003cspan\u003eBUILT TO PROTECT\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=\"lx-armour-grid\"\u003e\n\n\n \u003cdiv class=\"lx-armour-card\"\u003e\n\n \u003cdiv class=\"lx-armour-icon\"\u003e\n 🛡️\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Hard Shell Protection\n \u003c\/h3\u003e\n\n \u003cp\u003e\n The rigid outer shell protects against everyday impacts that can\n damage sticks, buttons and triggers. Toss it in your bag without\n worrying about your controller.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"lx-armour-card\"\u003e\n\n \u003cdiv class=\"lx-armour-icon\"\u003e\n 👜\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Grab-and-Go Handle\n \u003c\/h3\u003e\n\n \u003cp\u003e\n A built-in carry handle makes it easy to take your controller to\n a friend's place, a LAN session, on holiday or anywhere else you play. ✈️\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"lx-armour-card\"\u003e\n\n \u003cdiv class=\"lx-armour-icon\"\u003e\n 🕹️\n \u003c\/div\u003e\n\n \u003ch3\u003e\n One Case. Every Platform.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Designed to fit controllers for PS5, PS4, Xbox One, Xbox 360 and\n Nintendo Switch Pro.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"lx-armour-card\"\u003e\n\n \u003cdiv class=\"lx-armour-icon\"\u003e\n 🖤\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Sleek, Low-Key Style\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Its clean, minimal design looks sharp in your setup while keeping\n your gear organised and ready when you need it.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c!-- PROTECTION STATUS --\u003e\n\n \u003cdiv class=\"lx-armour-heading\"\u003e\n\n \u003cspan\u003eARMOUR STATUS\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=\"lx-armour-status\"\u003e\n\n \u003cdiv class=\"lx-armour-status-top\"\u003e\n\n \u003cspan class=\"lx-armour-status-label\"\u003e\n Controller Protection\n \u003c\/span\u003e\n\n \u003cspan class=\"lx-armour-status-ready\"\u003e\n ● READY\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"lx-armour-bar\"\u003e\n\n \u003cdiv class=\"lx-armour-bar-fill\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cp class=\"lx-armour-status-note\"\u003e\n Hard-shell protection, compact storage and grab-and-go portability\n designed to keep your controller protected wherever you play.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- COMPATIBILITY --\u003e\n\n \u003cdiv class=\"lx-armour-heading\"\u003e\n\n \u003cspan\u003eONE CASE. MULTIPLE PLATFORMS.\u003c\/span\u003e\n\n \u003ch2\u003e\n Compatible With Your Gear\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"lx-armour-platforms\"\u003e\n\n \u003cdiv class=\"lx-armour-platform\"\u003e\n 🎮 PS5\n \u003c\/div\u003e\n\n \u003cdiv class=\"lx-armour-platform\"\u003e\n 🎮 PS4\n \u003c\/div\u003e\n\n \u003cdiv class=\"lx-armour-platform\"\u003e\n 🎮 Xbox One\n \u003c\/div\u003e\n\n \u003cdiv class=\"lx-armour-platform\"\u003e\n 🎮 Xbox 360\n \u003c\/div\u003e\n\n \u003cdiv class=\"lx-armour-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=\"lx-armour-heading\"\u003e\n\n \u003cspan\u003eTHE LOADOUTX™ DIFFERENCE\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=\"lx-armour-love\"\u003e\n\n\n \u003cdiv class=\"lx-armour-love-item\"\u003e\n\n \u003cdiv class=\"lx-armour-check\"\u003e\n ✓\n \u003c\/div\u003e\n\n \u003cspan\u003e\n 🛡️ Tough hard shell guards against bumps and scratches\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"lx-armour-love-item\"\u003e\n\n \u003cdiv class=\"lx-armour-check\"\u003e\n ✓\n \u003c\/div\u003e\n\n \u003cspan\u003e\n 👜 Built-in handle for easy carrying\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"lx-armour-love-item\"\u003e\n\n \u003cdiv class=\"lx-armour-check\"\u003e\n ✓\n \u003c\/div\u003e\n\n \u003cspan\u003e\n 🕹️ Fits PS5, PS4, Xbox One, Xbox 360 and Switch Pro controllers\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"lx-armour-love-item\"\u003e\n\n \u003cdiv class=\"lx-armour-check\"\u003e\n ✓\n \u003c\/div\u003e\n\n \u003cspan\u003e\n 🎒 Travel-ready and fits easily in your bag\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"lx-armour-love-item\"\u003e\n\n \u003cdiv class=\"lx-armour-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=\"lx-armour-final\"\u003e\n\n \u003cdiv class=\"lx-armour-final-content\"\u003e\n\n \u003cdiv class=\"lx-armour-final-icon\"\u003e\n 🛡️\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Protect Your Gear. Play Anywhere.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n LoadoutX™ ArmourCase gives your controller a dedicated layer of\n protection for gaming at home, travelling, LAN sessions and beyond.\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":"LoadoutX","offers":[{"title":"Default Title","offer_id":50554080886923,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/files\/armourcase-dark-hero-shot.png?v=1790462842"},{"product_id":"black-ps5-slim-deluxe-carry-case-console-accessories-protection","title":"LoadoutX™ Black PS5 Slim Deluxe Carry Case | Console \u0026 Accessories Protection","description":"\u003c!-- LOADOUTX™ PREMIUM TRAVEL CASE — ANIMATED PRODUCT DESCRIPTION --\u003e\n\u003cstyle\u003e\n .lx-travel-case {\n --gold: #d4af37;\n --gold-light: #f4d873;\n --gold-bright: #fff1a8;\n --black: #050505;\n --charcoal: #0d0d0d;\n --charcoal-2: #151515;\n --card: rgba(255,255,255,0.045);\n --border: rgba(212,175,55,0.22);\n --text: #f5f5f5;\n --muted: #a8a8a8;\n\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n width: 100%;\n padding: 70px 22px;\n color: var(--text);\n background:\n radial-gradient(circle at 15% 15%, rgba(212,175,55,0.10), transparent 30%),\n radial-gradient(circle at 85% 75%, rgba(212,175,55,0.07), transparent 28%),\n linear-gradient(145deg, #030303, #0b0b0b 48%, #050505);\n font-family: Arial, Helvetica, sans-serif;\n border-radius: 18px;\n isolation: isolate;\n }\n\n .lx-travel-case *,\n .lx-travel-case *::before,\n .lx-travel-case *::after {\n box-sizing: border-box;\n }\n\n \/* Ambient lighting *\/\n .lx-travel-case::before,\n .lx-travel-case::after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n z-index: -1;\n filter: blur(12px);\n }\n\n .lx-travel-case::before {\n width: 320px;\n height: 320px;\n top: -150px;\n left: -100px;\n background: rgba(212,175,55,0.10);\n animation: lxFloatGlow 7s ease-in-out infinite;\n }\n\n .lx-travel-case::after {\n width: 300px;\n height: 300px;\n right: -120px;\n bottom: -140px;\n background: rgba(212,175,55,0.08);\n animation: lxFloatGlow 9s ease-in-out infinite reverse;\n }\n\n \/* Moving travel lines *\/\n .lx-travel-lines {\n position: absolute;\n inset: 0;\n overflow: hidden;\n pointer-events: none;\n opacity: 0.25;\n z-index: -1;\n }\n\n .lx-travel-lines span {\n position: absolute;\n height: 1px;\n width: 180px;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(212,175,55,0.55),\n transparent\n );\n transform: rotate(-18deg);\n animation: lxTravelLine 7s linear infinite;\n }\n\n .lx-travel-lines span:nth-child(1) {\n top: 18%;\n left: -220px;\n animation-delay: 0s;\n }\n\n .lx-travel-lines span:nth-child(2) {\n top: 42%;\n left: -300px;\n width: 240px;\n animation-delay: 2.2s;\n }\n\n .lx-travel-lines span:nth-child(3) {\n top: 72%;\n left: -260px;\n width: 150px;\n animation-delay: 4.1s;\n }\n\n \/* Main container *\/\n .lx-travel-inner {\n position: relative;\n max-width: 1050px;\n margin: 0 auto;\n text-align: center;\n }\n\n \/* Badge *\/\n .lx-travel-badge {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n padding: 9px 16px;\n margin-bottom: 22px;\n border: 1px solid rgba(212,175,55,0.28);\n border-radius: 999px;\n background: rgba(212,175,55,0.055);\n box-shadow:\n 0 0 20px rgba(212,175,55,0.07),\n inset 0 0 15px rgba(255,255,255,0.015);\n color: var(--gold-light);\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n animation: lxBadgePulse 3s ease-in-out infinite;\n }\n\n .lx-travel-badge-dot {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: var(--gold-light);\n box-shadow: 0 0 12px rgba(244,216,115,0.9);\n animation: lxDotPulse 1.8s ease-in-out infinite;\n }\n\n \/* Heading *\/\n .lx-travel-title {\n margin: 0;\n font-size: clamp(36px, 6vw, 68px);\n line-height: 0.98;\n font-weight: 900;\n letter-spacing: -2px;\n text-transform: uppercase;\n\n background: linear-gradient(\n 110deg,\n var(--gold),\n var(--gold-bright),\n var(--gold-light),\n var(--gold),\n var(--gold-bright)\n );\n background-size: 300% auto;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n\n animation:\n lxGoldShift 5s linear infinite,\n lxTitleReveal 1s ease both;\n }\n\n .lx-travel-subtitle {\n margin: 16px auto 0;\n max-width: 650px;\n color: #d0d0d0;\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.65;\n animation: lxFadeUp 1s ease 0.25s both;\n }\n\n \/* Hero card *\/\n .lx-travel-hero {\n position: relative;\n margin: 45px auto 0;\n max-width: 900px;\n padding: 38px 34px;\n border: 1px solid var(--border);\n border-radius: 24px;\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,0.065),\n rgba(255,255,255,0.018)\n );\n backdrop-filter: blur(14px);\n -webkit-backdrop-filter: blur(14px);\n box-shadow:\n 0 30px 80px rgba(0,0,0,0.55),\n inset 0 1px 0 rgba(255,255,255,0.06);\n overflow: hidden;\n animation: lxFadeUp 1s ease 0.4s both;\n }\n\n .lx-travel-hero::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -120%;\n width: 80%;\n height: 100%;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255,255,255,0.06),\n transparent\n );\n transform: skewX(-20deg);\n animation: lxGlassSweep 6s ease-in-out infinite;\n }\n\n .lx-travel-hero-icon {\n width: 58px;\n height: 58px;\n margin: 0 auto 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 18px;\n border: 1px solid rgba(212,175,55,0.35);\n background: rgba(212,175,55,0.07);\n font-size: 28px;\n box-shadow:\n 0 0 30px rgba(212,175,55,0.10),\n inset 0 0 20px rgba(212,175,55,0.05);\n animation: lxIconFloat 4s ease-in-out infinite;\n }\n\n .lx-travel-hero p {\n position: relative;\n margin: 0 auto;\n max-width: 760px;\n color: #d7d7d7;\n font-size: 16px;\n line-height: 1.8;\n }\n\n .lx-travel-hero strong {\n color: var(--gold-light);\n }\n\n \/* Section heading *\/\n .lx-travel-section {\n margin-top: 65px;\n animation: lxFadeUp 1s ease 0.55s both;\n }\n\n .lx-travel-section-label {\n display: inline-block;\n margin-bottom: 12px;\n color: var(--gold-light);\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 3px;\n text-transform: uppercase;\n }\n\n .lx-travel-section-title {\n margin: 0 0 30px;\n color: #fff;\n font-size: clamp(25px, 4vw, 38px);\n line-height: 1.15;\n font-weight: 850;\n letter-spacing: -0.8px;\n }\n\n .lx-travel-section-title span {\n color: var(--gold-light);\n }\n\n \/* Feature grid *\/\n .lx-travel-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 16px;\n text-align: left;\n }\n\n .lx-travel-card {\n position: relative;\n min-height: 185px;\n padding: 27px;\n overflow: hidden;\n border-radius: 20px;\n border: 1px solid rgba(255,255,255,0.075);\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,0.055),\n rgba(255,255,255,0.018)\n );\n box-shadow:\n 0 18px 45px rgba(0,0,0,0.28),\n inset 0 1px 0 rgba(255,255,255,0.035);\n transition:\n transform 0.45s ease,\n border-color 0.45s ease,\n box-shadow 0.45s ease;\n animation: lxCardReveal 0.8s ease both;\n }\n\n .lx-travel-card:nth-child(1) { animation-delay: 0.7s; }\n .lx-travel-card:nth-child(2) { animation-delay: 0.82s; }\n .lx-travel-card:nth-child(3) { animation-delay: 0.94s; }\n .lx-travel-card:nth-child(4) { animation-delay: 1.06s; }\n\n .lx-travel-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background: linear-gradient(\n 90deg,\n transparent,\n var(--gold),\n transparent\n );\n transform: translateX(-100%);\n animation: lxScan 4s ease-in-out infinite;\n }\n\n .lx-travel-card:hover {\n transform: translateY(-7px);\n border-color: rgba(212,175,55,0.35);\n box-shadow:\n 0 25px 60px rgba(0,0,0,0.42),\n 0 0 30px rgba(212,175,55,0.07);\n }\n\n .lx-travel-icon {\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 19px;\n border-radius: 14px;\n background: rgba(212,175,55,0.075);\n border: 1px solid rgba(212,175,55,0.2);\n font-size: 23px;\n box-shadow: inset 0 0 18px rgba(212,175,55,0.035);\n transition: transform 0.4s ease;\n }\n\n .lx-travel-card:hover .lx-travel-icon {\n transform: scale(1.08) rotate(-4deg);\n }\n\n .lx-travel-card h3 {\n margin: 0 0 9px;\n color: #fff;\n font-size: 17px;\n line-height: 1.25;\n font-weight: 800;\n }\n\n .lx-travel-card h3 span {\n color: var(--gold-light);\n }\n\n .lx-travel-card p {\n margin: 0;\n color: var(--muted);\n font-size: 14px;\n line-height: 1.65;\n }\n\n \/* Journey section *\/\n .lx-travel-journey {\n position: relative;\n margin-top: 65px;\n padding: 35px 28px;\n border-radius: 22px;\n border: 1px solid rgba(212,175,55,0.18);\n background:\n radial-gradient(\n circle at 50% 0%,\n rgba(212,175,55,0.09),\n transparent 55%\n ),\n rgba(255,255,255,0.025);\n overflow: hidden;\n }\n\n .lx-route {\n position: relative;\n width: 100%;\n height: 65px;\n margin-bottom: 15px;\n }\n\n .lx-route-line {\n position: absolute;\n top: 50%;\n left: 8%;\n right: 8%;\n height: 1px;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(212,175,55,0.45),\n transparent\n );\n }\n\n .lx-route-dot {\n position: absolute;\n top: 50%;\n width: 9px;\n height: 9px;\n margin-top: -4px;\n border-radius: 50%;\n background: var(--gold-light);\n box-shadow: 0 0 15px rgba(244,216,115,0.75);\n }\n\n .lx-route-dot:nth-child(2) {\n left: 8%;\n }\n\n .lx-route-dot:nth-child(3) {\n right: 8%;\n }\n\n .lx-route-traveller {\n position: absolute;\n top: 50%;\n left: 8%;\n width: 28px;\n height: 28px;\n margin-top: -14px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n animation: lxJourney 4s ease-in-out infinite;\n }\n\n .lx-travel-journey h3 {\n margin: 0;\n color: #fff;\n font-size: clamp(21px, 4vw, 29px);\n font-weight: 850;\n }\n\n .lx-travel-journey h3 span {\n color: var(--gold-light);\n }\n\n .lx-travel-journey p {\n max-width: 700px;\n margin: 12px auto 0;\n color: var(--muted);\n font-size: 14px;\n line-height: 1.7;\n }\n\n \/* Final statement *\/\n .lx-travel-final {\n margin-top: 55px;\n padding-top: 34px;\n border-top: 1px solid rgba(255,255,255,0.07);\n animation: lxFadeUp 1s ease 1.2s both;\n }\n\n .lx-travel-final-main {\n margin: 0;\n font-size: clamp(21px, 4vw, 31px);\n line-height: 1.3;\n font-weight: 850;\n color: #fff;\n }\n\n .lx-travel-final-main span {\n color: var(--gold-light);\n }\n\n .lx-travel-final-sub {\n margin: 12px 0 0;\n color: #8f8f8f;\n font-size: 13px;\n letter-spacing: 0.4px;\n }\n\n \/* Animations *\/\n @keyframes lxGoldShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n @keyframes lxTitleReveal {\n from {\n opacity: 0;\n transform: translateY(20px);\n filter: blur(8px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n filter: blur(0);\n }\n }\n\n @keyframes lxFadeUp {\n from {\n opacity: 0;\n transform: translateY(24px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes lxCardReveal {\n from {\n opacity: 0;\n transform: translateY(30px) scale(0.98);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n\n @keyframes lxGlassSweep {\n 0%, 45% {\n left: -120%;\n }\n 65%, 100% {\n left: 140%;\n }\n }\n\n @keyframes lxBadgePulse {\n 0%, 100% {\n box-shadow:\n 0 0 20px rgba(212,175,55,0.07),\n inset 0 0 15px rgba(255,255,255,0.015);\n }\n 50% {\n box-shadow:\n 0 0 30px rgba(212,175,55,0.16),\n inset 0 0 20px rgba(255,255,255,0.025);\n }\n }\n\n @keyframes lxDotPulse {\n 0%, 100% {\n transform: scale(0.8);\n opacity: 0.65;\n }\n 50% {\n transform: scale(1.2);\n opacity: 1;\n }\n }\n\n @keyframes lxIconFloat {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-6px);\n }\n }\n\n @keyframes lxFloatGlow {\n 0%, 100% {\n transform: translate(0, 0) scale(1);\n }\n 50% {\n transform: translate(25px, 18px) scale(1.08);\n }\n }\n\n @keyframes lxScan {\n 0% {\n transform: translateX(-110%);\n }\n 45%, 100% {\n transform: translateX(110%);\n }\n }\n\n @keyframes lxTravelLine {\n from {\n transform: translateX(0) rotate(-18deg);\n }\n to {\n transform: translateX(1450px) rotate(-18deg);\n }\n }\n\n @keyframes lxJourney {\n 0% {\n left: 8%;\n transform: rotate(0deg);\n }\n 45% {\n left: 50%;\n transform: rotate(4deg);\n }\n 90% {\n left: 89%;\n transform: rotate(0deg);\n }\n 100% {\n left: 89%;\n transform: rotate(0deg);\n }\n }\n\n \/* Tablet *\/\n @media (max-width: 760px) {\n .lx-travel-case {\n padding: 55px 16px;\n border-radius: 14px;\n }\n\n .lx-travel-hero {\n padding: 30px 22px;\n border-radius: 20px;\n }\n\n .lx-travel-grid {\n grid-template-columns: 1fr;\n gap: 12px;\n }\n\n .lx-travel-card {\n min-height: auto;\n padding: 22px;\n }\n\n .lx-travel-section {\n margin-top: 50px;\n }\n }\n\n \/* Mobile *\/\n @media (max-width: 480px) {\n .lx-travel-case {\n padding: 45px 13px;\n }\n\n .lx-travel-badge {\n font-size: 8px;\n letter-spacing: 2px;\n padding: 8px 13px;\n }\n\n .lx-travel-title {\n font-size: 38px;\n letter-spacing: -1.5px;\n }\n\n .lx-travel-subtitle {\n font-size: 14px;\n line-height: 1.55;\n }\n\n .lx-travel-hero {\n margin-top: 32px;\n padding: 27px 19px;\n }\n\n .lx-travel-hero p {\n font-size: 14px;\n line-height: 1.7;\n }\n\n .lx-travel-section-title {\n font-size: 25px;\n }\n\n .lx-travel-card {\n padding: 20px;\n border-radius: 17px;\n }\n\n .lx-travel-card h3 {\n font-size: 16px;\n }\n\n .lx-travel-card p {\n font-size: 13px;\n }\n\n .lx-travel-journey {\n margin-top: 45px;\n padding: 28px 18px;\n }\n\n .lx-travel-final {\n margin-top: 42px;\n }\n }\n\n \/* Accessibility *\/\n @media (prefers-reduced-motion: reduce) {\n .lx-travel-case *,\n .lx-travel-case *::before,\n .lx-travel-case *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"lx-travel-case\"\u003e\n\u003c!-- Ambient animated travel lines --\u003e\n\u003cdiv class=\"lx-travel-lines\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lx-travel-inner\"\u003e\n\u003c!-- Badge --\u003e\n\u003cdiv class=\"lx-travel-badge\"\u003e\n\u003cspan class=\"lx-travel-badge-dot\"\u003e\u003c\/span\u003e LOADOUTX™ ON THE GO\u003c\/div\u003e\n\u003c!-- Main heading --\u003e\n\u003ch2 class=\"lx-travel-title\"\u003eTravel With Your Setup.\u003c\/h2\u003e\n\u003cp class=\"lx-travel-subtitle\"\u003eYour PS5 Slim deserves a better way to travel. \u003cspan\u003e🎮\u003c\/span\u003e\u003c\/p\u003e\n\u003c!-- Hero --\u003e\n\u003cdiv class=\"lx-travel-hero\"\u003e\n\u003cdiv class=\"lx-travel-hero-icon\"\u003e🎒\u003c\/div\u003e\n\u003cp\u003eKeep your console and accessories together in a carry case made for \u003cstrong\u003egaming on the move.\u003c\/strong\u003e Its durable, water-resistant nylon exterior and padded interior help protect your gear from everyday bumps, scratches and light splashes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Features --\u003e\n\u003cdiv class=\"lx-travel-section\"\u003e\n\u003cdiv class=\"lx-travel-section-label\"\u003eBUILT FOR THE JOURNEY\u003c\/div\u003e\n\u003ch3 class=\"lx-travel-section-title\"\u003eProtection Meets \u003cspan\u003ePortability.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cdiv class=\"lx-travel-grid\"\u003e\n\u003c!-- Feature 1 --\u003e\n\u003cdiv class=\"lx-travel-card\"\u003e\n\u003cdiv class=\"lx-travel-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003e\u003cspan\u003eDurable Protection\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eA durable, water-resistant nylon exterior and padded interior help protect your gaming gear from everyday bumps, scratches and light splashes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\u003cdiv class=\"lx-travel-card\"\u003e\n\u003cdiv class=\"lx-travel-icon\"\u003e🎮\u003c\/div\u003e\n\u003ch3\u003e\u003cspan\u003eKeep Your Setup Together\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eKeep your PS5 Slim and accessories organised in one convenient carry case, ready for wherever the next gaming session takes you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\u003cdiv class=\"lx-travel-card\"\u003e\n\u003cdiv class=\"lx-travel-icon\"\u003e✋\u003c\/div\u003e\n\u003ch3\u003e\u003cspan\u003eComfortable Carrying\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eThe soft leather-wrapped handle feels comfortable in hand, making it easy to grab your setup and head out.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 4 --\u003e\n\u003cdiv class=\"lx-travel-card\"\u003e\n\u003cdiv class=\"lx-travel-icon\"\u003e🎒\u003c\/div\u003e\n\u003ch3\u003e\u003cspan\u003eCarry It Your Way\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSwitch between the comfortable handle and adjustable shoulder strap with its wide shoulder pad for flexible everyday carrying.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Travel journey --\u003e\n\u003cdiv class=\"lx-travel-journey\"\u003e\n\u003cdiv class=\"lx-route\"\u003e\n\u003cdiv class=\"lx-route-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-route-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-route-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lx-route-traveller\"\u003e🎮\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003ePack Up. \u003cspan\u003eHead Out.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eWhether you're heading to a friend's place, a LAN night or your next gaming session away from home, take your setup with you and arrive ready to play.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Final statement --\u003e\n\u003cdiv class=\"lx-travel-final\"\u003e\n\u003cp class=\"lx-travel-final-main\"\u003eWherever the game takes you, \u003cspan\u003etake your setup with you.\u003c\/span\u003e ✨\u003c\/p\u003e\n\u003cp class=\"lx-travel-final-sub\"\u003ePACK. PROTECT. PLAY.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"LoadoutX","offers":[{"title":"Default Title","offer_id":50603288395915,"sku":null,"price":999.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/files\/ps5-black-case-side-profile-loadoutx.png?v=1790456670"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/collections\/travel-collection-image.png?v=1790119207","url":"https:\/\/loadoutx.co.za\/collections\/travel.oembed","provider":"LoadoutX","version":"1.0","type":"link"}