{"product_id":"loadoutx™-shield-ps5-console-dust-scratch-cover","title":"LoadoutX™ Shield — PS5 Console Dust \u0026 Scratch Cover","description":"\u003c!-- LOADOUTX™ SHIELD — PREMIUM ANIMATED PRODUCT SECTION --\u003e\n\u003cstyle\u003e\n    .loadoutx-shield {\n      --gold: #d4af37;\n      --gold-light: #f5d76e;\n      --gold-dark: #9c7c18;\n      --black: #080808;\n      --charcoal: #111111;\n      --charcoal-2: #171717;\n      --text: #f5f5f5;\n      --muted: #a8a8a8;\n\n      position: relative;\n      overflow: hidden;\n      margin: 0 auto;\n      padding: 0;\n      background:\n        radial-gradient(circle at 50% 0%, rgba(212,175,55,.13), transparent 35%),\n        linear-gradient(145deg, #050505, #101010 55%, #070707);\n      color: var(--text);\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n      border-radius: 18px;\n      box-shadow:\n        0 20px 60px rgba(0,0,0,.45),\n        inset 0 1px 0 rgba(255,255,255,.04);\n    }\n\n    \/* Ambient background glow *\/\n    .loadoutx-shield::before,\n    .loadoutx-shield::after {\n      content: \"\";\n      position: absolute;\n      width: 220px;\n      height: 220px;\n      border-radius: 50%;\n      filter: blur(80px);\n      pointer-events: none;\n      opacity: .18;\n      animation: shieldFloat 7s ease-in-out infinite alternate;\n    }\n\n    .loadoutx-shield::before {\n      background: var(--gold);\n      top: -100px;\n      left: -100px;\n    }\n\n    .loadoutx-shield::after {\n      background: #fff1a8;\n      bottom: -120px;\n      right: -100px;\n      animation-delay: 2s;\n    }\n\n    .shield-inner {\n      position: relative;\n      z-index: 2;\n      padding: 34px 22px;\n    }\n\n    \/* Premium badge *\/\n    .shield-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 14px;\n      margin-bottom: 18px;\n      border: 1px solid rgba(212,175,55,.45);\n      border-radius: 999px;\n      background: rgba(212,175,55,.07);\n      color: var(--gold-light);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 1.8px;\n      text-transform: uppercase;\n      box-shadow: 0 0 25px rgba(212,175,55,.08);\n      animation: badgePulse 3s ease-in-out infinite;\n    }\n\n    .shield-badge-dot {\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background: var(--gold-light);\n      box-shadow: 0 0 10px var(--gold-light);\n      animation: dotPulse 2s ease-in-out infinite;\n    }\n\n    \/* Main heading *\/\n    .shield-title {\n      margin: 0 0 12px;\n      font-size: clamp(28px, 7vw, 48px);\n      line-height: 1.05;\n      font-weight: 800;\n      letter-spacing: -1.5px;\n      background: linear-gradient(\n        90deg,\n        #b88a20,\n        #f8df7b,\n        #fff3b0,\n        #d4af37,\n        #9c7417\n      );\n      background-size: 250% auto;\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      animation: goldSweep 5s linear infinite;\n    }\n\n    .shield-subtitle {\n      margin: 0 0 28px;\n      color: var(--muted);\n      font-size: 14px;\n      line-height: 1.7;\n      max-width: 620px;\n    }\n\n    \/* Main statement *\/\n    .shield-feature {\n      position: relative;\n      margin: 0 0 18px;\n      padding: 24px 20px;\n      border: 1px solid rgba(212,175,55,.22);\n      border-radius: 16px;\n      background:\n        linear-gradient(\n          135deg,\n          rgba(255,255,255,.055),\n          rgba(255,255,255,.015)\n        );\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      box-shadow:\n        0 15px 35px rgba(0,0,0,.25),\n        inset 0 1px 0 rgba(255,255,255,.05);\n      transition:\n        transform .4s ease,\n        border-color .4s ease,\n        box-shadow .4s ease;\n      animation: cardReveal .8s ease both;\n    }\n\n    .shield-feature:hover {\n      transform: translateY(-4px);\n      border-color: rgba(212,175,55,.55);\n      box-shadow:\n        0 20px 45px rgba(0,0,0,.35),\n        0 0 35px rgba(212,175,55,.08);\n    }\n\n    .shield-feature p {\n      margin: 0;\n      color: #ededed;\n      font-size: 15px;\n      line-height: 1.75;\n    }\n\n    .shield-feature strong {\n      color: #fff;\n    }\n\n    .gold {\n      color: var(--gold-light);\n      font-weight: 700;\n    }\n\n    \/* Benefits grid *\/\n    .shield-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 12px;\n      margin-top: 18px;\n    }\n\n    .shield-card {\n      position: relative;\n      padding: 20px 16px;\n      min-height: 145px;\n      border: 1px solid rgba(255,255,255,.07);\n      border-radius: 15px;\n      background: linear-gradient(\n        145deg,\n        rgba(255,255,255,.055),\n        rgba(255,255,255,.015)\n      );\n      overflow: hidden;\n      transition:\n        transform .35s ease,\n        border-color .35s ease,\n        box-shadow .35s ease;\n      animation: cardReveal .8s ease both;\n    }\n\n    .shield-card:nth-child(2) {\n      animation-delay: .12s;\n    }\n\n    .shield-card:nth-child(3) {\n      animation-delay: .24s;\n    }\n\n    .shield-card::before {\n      content: \"\";\n      position: absolute;\n      top: -60%;\n      left: -100%;\n      width: 70%;\n      height: 220%;\n      background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(255,255,255,.13),\n        transparent\n      );\n      transform: rotate(20deg);\n      transition: left .7s ease;\n    }\n\n    .shield-card:hover::before {\n      left: 140%;\n    }\n\n    .shield-card:hover {\n      transform: translateY(-7px);\n      border-color: rgba(212,175,55,.38);\n      box-shadow: 0 15px 35px rgba(0,0,0,.3);\n    }\n\n    .shield-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 46px;\n      height: 46px;\n      margin-bottom: 14px;\n      border-radius: 13px;\n      background: linear-gradient(\n        145deg,\n        rgba(212,175,55,.2),\n        rgba(212,175,55,.05)\n      );\n      border: 1px solid rgba(212,175,55,.3);\n      font-size: 22px;\n      box-shadow: 0 0 20px rgba(212,175,55,.07);\n      transition: transform .35s ease;\n    }\n\n    .shield-card:hover .shield-icon {\n      transform: scale(1.1) rotate(-3deg);\n    }\n\n    .shield-card h3 {\n      position: relative;\n      margin: 0 0 7px;\n      color: #f4d76d;\n      font-size: 14px;\n      font-weight: 700;\n      letter-spacing: .3px;\n    }\n\n    .shield-card p {\n      position: relative;\n      margin: 0;\n      color: #a9a9a9;\n      font-size: 12px;\n      line-height: 1.55;\n    }\n\n    \/* Bottom statement *\/\n    .shield-footer {\n      position: relative;\n      margin-top: 25px;\n      padding: 24px 18px;\n      text-align: center;\n      border-top: 1px solid rgba(212,175,55,.2);\n      border-bottom: 1px solid rgba(212,175,55,.2);\n    }\n\n    .shield-footer::before {\n      content: \"✦\";\n      display: block;\n      margin-bottom: 10px;\n      color: var(--gold-light);\n      font-size: 18px;\n      animation: sparkle 2.5s ease-in-out infinite;\n    }\n\n    .shield-footer p {\n      margin: 0;\n      color: #e5e5e5;\n      font-size: 14px;\n      line-height: 1.7;\n      font-weight: 500;\n    }\n\n    .shield-footer span {\n      color: var(--gold-light);\n      font-weight: 700;\n    }\n\n    \/* Gold divider *\/\n    .shield-divider {\n      width: 70px;\n      height: 2px;\n      margin: 0 0 24px;\n      background: linear-gradient(\n        90deg,\n        transparent,\n        var(--gold),\n        transparent\n      );\n      box-shadow: 0 0 12px rgba(212,175,55,.6);\n      animation: dividerGlow 3s ease-in-out infinite;\n    }\n\n    \/* Animations *\/\n    @keyframes goldSweep {\n      0% { background-position: 0% center; }\n      100% { background-position: 250% center; }\n    }\n\n    @keyframes cardReveal {\n      from {\n        opacity: 0;\n        transform: translateY(25px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes badgePulse {\n      0%,100% {\n        box-shadow: 0 0 15px rgba(212,175,55,.05);\n      }\n      50% {\n        box-shadow: 0 0 25px rgba(212,175,55,.15);\n      }\n    }\n\n    @keyframes dotPulse {\n      0%,100% {\n        transform: scale(1);\n        opacity: .7;\n      }\n      50% {\n        transform: scale(1.35);\n        opacity: 1;\n      }\n    }\n\n    @keyframes shieldFloat {\n      from {\n        transform: translate3d(0,0,0) scale(1);\n      }\n      to {\n        transform: translate3d(25px,20px,0) scale(1.12);\n      }\n    }\n\n    @keyframes sparkle {\n      0%,100% {\n        transform: scale(1) rotate(0deg);\n        opacity: .7;\n      }\n      50% {\n        transform: scale(1.3) rotate(15deg);\n        opacity: 1;\n      }\n    }\n\n    @keyframes dividerGlow {\n      0%,100% {\n        opacity: .55;\n        width: 60px;\n      }\n      50% {\n        opacity: 1;\n        width: 90px;\n      }\n    }\n\n    \/* Mobile *\/\n    @media (max-width: 700px) {\n      .shield-inner {\n        padding: 28px 16px;\n      }\n\n      .shield-title {\n        font-size: 31px;\n      }\n\n      .shield-subtitle {\n        font-size: 13px;\n      }\n\n      .shield-feature {\n        padding: 20px 17px;\n      }\n\n      .shield-feature p {\n        font-size: 14px;\n      }\n\n      .shield-grid {\n        grid-template-columns: 1fr;\n        gap: 10px;\n      }\n\n      .shield-card {\n        min-height: auto;\n        padding: 18px;\n        display: grid;\n        grid-template-columns: 48px 1fr;\n        column-gap: 14px;\n        align-items: center;\n      }\n\n      .shield-icon {\n        grid-row: span 2;\n        margin: 0;\n      }\n\n      .shield-card h3 {\n        margin-bottom: 4px;\n      }\n\n      .shield-card p {\n        font-size: 12px;\n      }\n\n      .shield-footer {\n        margin-top: 22px;\n        padding: 21px 10px;\n      }\n    }\n\n    \/* Accessibility *\/\n    @media (prefers-reduced-motion: reduce) {\n      .loadoutx-shield *,\n      .loadoutx-shield::before,\n      .loadoutx-shield::after {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"loadoutx-shield\"\u003e\n\u003cdiv class=\"shield-inner\"\u003e\n\u003cdiv class=\"shield-badge\"\u003e\n\u003cspan class=\"shield-badge-dot\"\u003e\u003c\/span\u003e LOADOUTX™ SHIELD\u003c\/div\u003e\n\u003ch2 class=\"shield-title\"\u003eProtect Your Setup.\u003cbr\u003ePreserve the Look.\u003c\/h2\u003e\n\u003cdiv class=\"shield-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp class=\"shield-subtitle\"\u003ePremium protection designed to keep your PS5 looking clean, sleek and showroom-fresh — session after session.\u003c\/p\u003e\n\u003cdiv class=\"shield-feature\"\u003e\n\u003cp\u003e🛡️ \u003cstrong\u003eKeep your PS5 looking showroom-fresh.\u003c\/strong\u003e LoadoutX™ Shield wraps your console in a sleek, \u003cspan class=\"gold\"\u003edust- and scratch-resistant layer\u003c\/span\u003e, helping it stay pristine session after session.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"shield-grid\"\u003e\n\u003cdiv class=\"shield-card\"\u003e\n\u003cdiv class=\"shield-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003ePrecision Fit\u003c\/h3\u003e\n\u003cp\u003eDesigned for both horizontal and vertical PS5 setups.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"shield-card\"\u003e\n\u003cdiv class=\"shield-icon\"\u003e🧼\u003c\/div\u003e\n\u003ch3\u003eEasy to Clean\u003c\/h3\u003e\n\u003cp\u003eWipes clean in seconds, helping keep dust away from your setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"shield-card\"\u003e\n\u003cdiv class=\"shield-icon\"\u003e🎮\u003c\/div\u003e\n\u003ch3\u003eQuick On \u0026amp; Off\u003c\/h3\u003e\n\u003cp\u003eSlides on and off effortlessly with minimal interruption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"shield-footer\"\u003e\n\u003cp\u003eBecause your \u003cspan\u003ebattle-station\u003c\/span\u003e deserves the same care you put into your games.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"LoadoutX","offers":[{"title":"Black","offer_id":49451622727819,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray","offer_id":49451622760587,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4708\/5963\/files\/ps5-dust-cover-both-variants-loadoutx-packaging.png?v=1790121466","url":"https:\/\/loadoutx.co.za\/products\/loadoutx%e2%84%a2-shield-ps5-console-dust-scratch-cover","provider":"LoadoutX","version":"1.0","type":"link"}