{"product_id":"attack-shark-r85-he-rapid-trigger-keyboard-magnetic-switch-with-custom-lightbox","title":"ATTACK SHARK R85 HE Rapid Trigger Keyboard Magnetic Switch with Custom Lightbox","description":"\u003cp\u003e\u0026lt;!DOCTYPE html\u0026gt;\u003cbr\u003e\u0026lt;html lang=\"en\"\u0026gt;\u003cbr\u003e\u0026lt;head\u0026gt;\u003cbr\u003e  \u0026lt;meta charset=\"UTF-8\"\u0026gt;\u003cbr\u003e  \u0026lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u0026gt;\u003cbr\u003e  \u0026lt;title\u0026gt;ATTACK SHARK R85 HE Magnetic Switch Keyboard\u0026lt;\/title\u0026gt;\u003cbr\u003e  \u0026lt;style\u0026gt;\u003cbr\u003e    :root {\u003cbr\u003e      --bg-color: #0b0e14;\u003cbr\u003e      --card-bg: #141824;\u003cbr\u003e      --accent-color: #00ffcc;\u003cbr\u003e      --accent-glow: rgba(0, 255, 204, 0.4);\u003cbr\u003e      --text-main: #f3f4f6;\u003cbr\u003e      --text-muted: #9ca3af;\u003cbr\u003e      --border-color: #232936;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    * {\u003cbr\u003e      box-sizing: border-box;\u003cbr\u003e      margin: 0;\u003cbr\u003e      padding: 0;\u003cbr\u003e      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    body {\u003cbr\u003e      background-color: var(--bg-color);\u003cbr\u003e      color: var(--text-main);\u003cbr\u003e      display: flex;\u003cbr\u003e      justify-content: center;\u003cbr\u003e      align-items: center;\u003cbr\u003e      min-height: 100vh;\u003cbr\u003e      padding: 2rem;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .card {\u003cbr\u003e      background: var(--card-bg);\u003cbr\u003e      border: 1px solid var(--border-color);\u003cbr\u003e      border-radius: 16px;\u003cbr\u003e      max-width: 850px;\u003cbr\u003e      width: 100%;\u003cbr\u003e      overflow: hidden;\u003cbr\u003e      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\u003cbr\u003e      display: grid;\u003cbr\u003e      grid-template-columns: 1fr 1fr;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 768px) {\u003cbr\u003e      .card {\u003cbr\u003e        grid-template-columns: 1fr;\u003cbr\u003e      }\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    \/* Left Showcase Area *\/\u003cbr\u003e    .preview-section {\u003cbr\u003e      background: radial-gradient(circle at center, #1b2234 0%, #0d111a 100%);\u003cbr\u003e      padding: 2.5rem;\u003cbr\u003e      display: flex;\u003cbr\u003e      flex-direction: column;\u003cbr\u003e      justify-content: center;\u003cbr\u003e      align-items: center;\u003cbr\u003e      position: relative;\u003cbr\u003e      border-right: 1px solid var(--border-color);\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .lightbox-badge {\u003cbr\u003e      position: absolute;\u003cbr\u003e      top: 1.5rem;\u003cbr\u003e      left: 1.5rem;\u003cbr\u003e      background: rgba(0, 255, 204, 0.1);\u003cbr\u003e      border: 1px solid var(--accent-color);\u003cbr\u003e      color: var(--accent-color);\u003cbr\u003e      font-size: 0.75rem;\u003cbr\u003e      font-weight: 700;\u003cbr\u003e      text-transform: uppercase;\u003cbr\u003e      letter-spacing: 0.05em;\u003cbr\u003e      padding: 0.35rem 0.75rem;\u003cbr\u003e      border-radius: 999px;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .keyboard-graphic {\u003cbr\u003e      width: 100%;\u003cbr\u003e      max-width: 280px;\u003cbr\u003e      height: 180px;\u003cbr\u003e      border-radius: 12px;\u003cbr\u003e      background: #0d0f17;\u003cbr\u003e      border: 2px solid #2a334a;\u003cbr\u003e      box-shadow: 0 0 25px var(--accent-glow);\u003cbr\u003e      display: flex;\u003cbr\u003e      flex-direction: column;\u003cbr\u003e      justify-content: space-between;\u003cbr\u003e      padding: 1rem;\u003cbr\u003e      position: relative;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .custom-lightbox {\u003cbr\u003e      background: linear-gradient(90deg, #ff007f, #7928ca, #00ffcc);\u003cbr\u003e      height: 24px;\u003cbr\u003e      border-radius: 4px;\u003cbr\u003e      display: flex;\u003cbr\u003e      align-items: center;\u003cbr\u003e      justify-content: center;\u003cbr\u003e      font-size: 0.65rem;\u003cbr\u003e      font-weight: 800;\u003cbr\u003e      color: #fff;\u003cbr\u003e      letter-spacing: 0.1em;\u003cbr\u003e      box-shadow: 0 0 10px rgba(255, 0, 127, 0.6);\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .key-grid {\u003cbr\u003e      display: grid;\u003cbr\u003e      grid-template-columns: repeat(8, 1fr);\u003cbr\u003e      gap: 4px;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .key {\u003cbr\u003e      background: #1e2538;\u003cbr\u003e      height: 14px;\u003cbr\u003e      border-radius: 2px;\u003cbr\u003e      border-bottom: 2px solid #111520;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    \/* Right Details Area *\/\u003cbr\u003e    .details-section {\u003cbr\u003e      padding: 2.5rem;\u003cbr\u003e      display: flex;\u003cbr\u003e      flex-direction: column;\u003cbr\u003e      justify-content: space-between;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .brand-tag {\u003cbr\u003e      color: var(--accent-color);\u003cbr\u003e      font-size: 0.85rem;\u003cbr\u003e      font-weight: 600;\u003cbr\u003e      letter-spacing: 0.08em;\u003cbr\u003e      text-transform: uppercase;\u003cbr\u003e      margin-bottom: 0.5rem;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .title {\u003cbr\u003e      font-size: 1.75rem;\u003cbr\u003e      font-weight: 800;\u003cbr\u003e      line-height: 1.2;\u003cbr\u003e      margin-bottom: 1rem;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .description {\u003cbr\u003e      color: var(--text-muted);\u003cbr\u003e      font-size: 0.95rem;\u003cbr\u003e      line-height: 1.5;\u003cbr\u003e      margin-bottom: 1.5rem;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .features-list {\u003cbr\u003e      list-style: none;\u003cbr\u003e      margin-bottom: 2rem;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .features-list li {\u003cbr\u003e      display: flex;\u003cbr\u003e      align-items: center;\u003cbr\u003e      margin-bottom: 0.75rem;\u003cbr\u003e      font-size: 0.9rem;\u003cbr\u003e      color: #e5e7eb;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .features-list li::before {\u003cbr\u003e      content: \"•\";\u003cbr\u003e      color: var(--accent-color);\u003cbr\u003e      font-size: 1.5rem;\u003cbr\u003e      line-height: 0;\u003cbr\u003e      margin-right: 0.75rem;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .action-bar {\u003cbr\u003e      display: flex;\u003cbr\u003e      align-items: center;\u003cbr\u003e      justify-content: space-between;\u003cbr\u003e      gap: 1rem;\u003cbr\u003e      padding-top: 1.5rem;\u003cbr\u003e      border-top: 1px solid var(--border-color);\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .price {\u003cbr\u003e      font-size: 1.5rem;\u003cbr\u003e      font-weight: 700;\u003cbr\u003e      color: var(--text-main);\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .btn {\u003cbr\u003e      background: var(--accent-color);\u003cbr\u003e      color: #0b0e14;\u003cbr\u003e      border: none;\u003cbr\u003e      padding: 0.8rem 1.6rem;\u003cbr\u003e      border-radius: 8px;\u003cbr\u003e      font-weight: 700;\u003cbr\u003e      font-size: 0.95rem;\u003cbr\u003e      cursor: pointer;\u003cbr\u003e      transition: all 0.2s ease;\u003cbr\u003e      text-decoration: none;\u003cbr\u003e      display: inline-block;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .btn:hover {\u003cbr\u003e      background: #00e6b8;\u003cbr\u003e      box-shadow: 0 0 15px var(--accent-glow);\u003cbr\u003e      transform: translateY(-1px);\u003cbr\u003e    }\u003cbr\u003e  \u0026lt;\/style\u0026gt;\u003cbr\u003e\u0026lt;\/head\u0026gt;\u003cbr\u003e\u0026lt;body\u0026gt;\u003c\/p\u003e\n\u003cp\u003e  \u0026lt;main class=\"card\"\u0026gt;\u003cbr\u003e    \u0026lt;section class=\"preview-section\"\u0026gt;\u003cbr\u003e      \u0026lt;span class=\"lightbox-badge\"\u0026gt;RGB Lightbox\u0026lt;\/span\u0026gt;\u003cbr\u003e      \u003cbr\u003e      \u0026lt;div class=\"keyboard-graphic\" aria-label=\"Keyboard Preview Illustration\"\u0026gt;\u003cbr\u003e        \u0026lt;div class=\"custom-lightbox\"\u0026gt;CUSTOM LIGHTBOX\u0026lt;\/div\u0026gt;\u003cbr\u003e        \u0026lt;div class=\"key-grid\"\u0026gt;\u003cbr\u003e          \u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u003cbr\u003e          \u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u003cbr\u003e          \u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u003cbr\u003e          \u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u003cbr\u003e          \u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u003cbr\u003e          \u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"key\"\u0026gt;\u0026lt;\/div\u0026gt;\u003cbr\u003e        \u0026lt;\/div\u0026gt;\u003cbr\u003e      \u0026lt;\/div\u0026gt;\u003cbr\u003e    \u0026lt;\/section\u0026gt;\u003c\/p\u003e\n\u003cp\u003e    \u0026lt;section class=\"details-section\"\u0026gt;\u003cbr\u003e      \u0026lt;div\u0026gt;\u003cbr\u003e        \u0026lt;p class=\"brand-tag\"\u0026gt;ATTACK SHARK\u0026lt;\/p\u0026gt;\u003cbr\u003e        \u0026lt;h1 class=\"title\"\u0026gt;R85 HE Rapid Trigger\u0026lt;\/h1\u0026gt;\u003cbr\u003e        \u0026lt;p class=\"description\"\u0026gt;\u003cbr\u003e          Engineered for eSports precision featuring Hall Effect magnetic switches, dynamic rapid trigger responsiveness, and an interchangeable customizable RGB lightbox.\u003cbr\u003e        \u0026lt;\/p\u0026gt;\u003c\/p\u003e\n\u003cp\u003e        \u0026lt;ul class=\"features-list\"\u0026gt;\u003cbr\u003e          \u0026lt;li\u0026gt;\u0026lt;strong\u0026gt;Magnetic Switches:\u0026lt;\/strong\u0026gt; 0.1mm to 4.0mm adjustable actuation\u0026lt;\/li\u0026gt;\u003cbr\u003e          \u0026lt;li\u0026gt;\u0026lt;strong\u0026gt;Rapid Trigger (RT):\u0026lt;\/strong\u0026gt; Instant key resets for competitive FPS\u0026lt;\/li\u0026gt;\u003cbr\u003e          \u0026lt;li\u0026gt;\u0026lt;strong\u0026gt;Custom Lightbox:\u0026lt;\/strong\u0026gt; Swap plates with custom designs \u0026amp; RGB\u0026lt;\/li\u0026gt;\u003cbr\u003e          \u0026lt;li\u0026gt;\u0026lt;strong\u0026gt;Polling Rate:\u0026lt;\/strong\u0026gt; Ultra-low latency transmission\u0026lt;\/li\u0026gt;\u003cbr\u003e        \u0026lt;\/ul\u0026gt;\u003cbr\u003e      \u0026lt;\/div\u0026gt;\u003c\/p\u003e\n\u003cp\u003e      \u0026lt;div class=\"action-bar\"\u0026gt;\u003cbr\u003e        \u0026lt;div class=\"price\"\u0026gt;$89.99\u0026lt;\/div\u0026gt;\u003cbr\u003e        \u0026lt;button class=\"btn\" type=\"button\"\u0026gt;Configure Now\u0026lt;\/button\u0026gt;\u003cbr\u003e      \u0026lt;\/div\u0026gt;\u003cbr\u003e    \u0026lt;\/section\u0026gt;\u003cbr\u003e  \u0026lt;\/main\u0026gt;\u003c\/p\u003e\n\u003cp\u003e\u0026lt;\/body\u0026gt;\u003cbr\u003e\u0026lt;\/html\u0026gt;\u003c\/p\u003e","brand":"SKYROCK1","offers":[{"title":"Default Title","offer_id":48557428605146,"sku":null,"price":45.0,"currency_code":"JOD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0813\/6081\/4298\/files\/R85HE.webp?v=1788687509","url":"https:\/\/skyrockjo.com\/ar\/products\/attack-shark-r85-he-rapid-trigger-keyboard-magnetic-switch-with-custom-lightbox","provider":"SKYROCK1","version":"1.0","type":"link"}