{"product_id":"elgato-stream-deck","title":"ELGATO STREAM DECK","description":"\u003c!-- Stream Deck Tech Specs section — scoped, safe to paste into any Shopify page\/section --\u003e\n\u003cstyle\u003e\n  .sdspecs {\n    --sdspecs-bg: #0B0D10;\n    --sdspecs-panel: #16191E;\n    --sdspecs-key: #1C2126;\n    --sdspecs-key-lit: #212832;\n    --sdspecs-accent: #5FE1E0;\n    --sdspecs-text: #EDEFF2;\n    --sdspecs-text-dim: #8A919C;\n    --sdspecs-border: #262B32;\n    --sdspecs-radius: 10px;\n\n    position: relative;\n    background: var(--sdspecs-bg);\n    color: var(--sdspecs-text) !important;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    padding: 96px 32px;\n    isolation: isolate; \/* keeps stacking context self-contained *\/\n    \/* full-bleed trick: pushes the dark background past this element's own\n       box so it covers any white padding\/margin the Shopify section wrapper adds *\/\n    box-shadow: 0 0 0 100vmax var(--sdspecs-bg);\n    clip-path: inset(0 -100vmax 0 -100vmax);\n  }\n\n  .sdspecs *,\n  .sdspecs *::before,\n  .sdspecs *::after {\n    box-sizing: border-box;\n  }\n\n  \/* Reset only the elements we use, scoped, so theme styles can't bleed transparency in *\/\n  .sdspecs h2,\n  .sdspecs h3,\n  .sdspecs p,\n  .sdspecs span,\n  .sdspecs a {\n    color: var(--sdspecs-text);\n    -webkit-text-fill-color: var(--sdspecs-text);\n    opacity: 1;\n    background: none;\n    text-shadow: none;\n  }\n\n  .sdspecs__inner {\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .sdspecs__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-family: 'JetBrains Mono', 'Courier New', monospace;\n    font-size: 12px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: var(--sdspecs-accent) !important;\n    -webkit-text-fill-color: var(--sdspecs-accent) !important;\n    margin-bottom: 18px;\n  }\n\n  .sdspecs__eyebrow::before {\n    content: \"\";\n    width: 8px;\n    height: 8px;\n    border-radius: 2px;\n    background: var(--sdspecs-accent);\n    box-shadow: 0 0 10px 2px rgba(95, 225, 224, 0.6);\n  }\n\n  .sdspecs__title {\n    font-family: 'Space Grotesk', 'Inter', sans-serif;\n    font-weight: 600;\n    font-size: clamp(32px, 4vw, 46px);\n    letter-spacing: -0.02em;\n    line-height: 1.15;\n    margin: 0 0 56px;\n  }\n\n  .sdspecs__layout {\n    display: grid;\n    grid-template-columns: 1.1fr 1.4fr;\n    gap: 64px;\n  }\n\n  @media (max-width: 860px) {\n    .sdspecs__layout { grid-template-columns: 1fr; gap: 48px; }\n  }\n\n  .sdspecs .keygrid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 10px;\n  }\n\n  .sdspecs .key {\n    background: var(--sdspecs-key);\n    border: 1px solid var(--sdspecs-border);\n    border-radius: 8px;\n    padding: 18px 16px;\n    min-height: 108px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\n  }\n\n  .sdspecs .key:hover {\n    background: var(--sdspecs-key-lit);\n    border-color: rgba(95, 225, 224, 0.35);\n    transform: translateY(-2px);\n  }\n\n  .sdspecs .key__label {\n    font-family: 'JetBrains Mono', 'Courier New', monospace;\n    font-size: 10px;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: var(--sdspecs-text-dim) !important;\n    -webkit-text-fill-color: var(--sdspecs-text-dim) !important;\n  }\n\n  .sdspecs .key__value {\n    font-size: 14px;\n    line-height: 1.35;\n    color: var(--sdspecs-text) !important;\n    -webkit-text-fill-color: var(--sdspecs-text) !important;\n    font-weight: 500;\n  }\n\n  .sdspecs .key__value .dim {\n    color: var(--sdspecs-text-dim) !important;\n    -webkit-text-fill-color: var(--sdspecs-text-dim) !important;\n    font-size: 12px;\n  }\n\n  .sdspecs .key--wide { grid-column: span 3; }\n\n  @media (max-width: 520px) {\n    .sdspecs .keygrid { grid-template-columns: repeat(2, 1fr); }\n    .sdspecs .key--wide { grid-column: span 2; }\n  }\n\n  .sdspecs .aside {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n  }\n\n  .sdspecs .panel {\n    background: var(--sdspecs-panel);\n    border: 1px solid var(--sdspecs-border);\n    border-radius: var(--sdspecs-radius);\n    padding: 28px 28px 32px;\n  }\n\n  .sdspecs .panel__title {\n    font-family: 'Space Grotesk', 'Inter', sans-serif;\n    font-size: 18px;\n    font-weight: 600;\n    margin: 0 0 12px;\n  }\n\n  .sdspecs .panel__text {\n    font-size: 14px;\n    line-height: 1.65;\n    color: var(--sdspecs-text-dim) !important;\n    -webkit-text-fill-color: var(--sdspecs-text-dim) !important;\n    margin: 0;\n  }\n\n  .sdspecs .panel__sku {\n    display: inline-block;\n    margin-top: 16px;\n    font-family: 'JetBrains Mono', 'Courier New', monospace;\n    font-size: 11px;\n    letter-spacing: 0.08em;\n    color: var(--sdspecs-accent) !important;\n    -webkit-text-fill-color: var(--sdspecs-accent) !important;\n  }\n\n  .sdspecs .panel--packaging {\n    display: flex;\n    gap: 18px;\n    align-items: flex-start;\n  }\n\n  .sdspecs .panel--packaging svg {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    color: var(--sdspecs-accent);\n  }\n\n  .sdspecs .links {\n    display: flex;\n    gap: 20px;\n    margin-top: 40px;\n    flex-wrap: wrap;\n  }\n\n  .sdspecs .links a {\n    font-family: 'JetBrains Mono', 'Courier New', monospace;\n    font-size: 12px;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--sdspecs-text) !important;\n    -webkit-text-fill-color: var(--sdspecs-text) !important;\n    text-decoration: none;\n    border-bottom: 1px solid var(--sdspecs-text-dim);\n    padding-bottom: 4px;\n    transition: color 0.2s ease, border-color 0.2s ease;\n  }\n\n  .sdspecs .links a:hover,\n  .sdspecs .links a:focus-visible {\n    color: var(--sdspecs-accent) !important;\n    -webkit-text-fill-color: var(--sdspecs-accent) !important;\n    border-color: var(--sdspecs-accent);\n  }\n\n  .sdspecs a:focus-visible,\n  .sdspecs .key:focus-visible {\n    outline: 2px solid var(--sdspecs-accent);\n    outline-offset: 3px;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .sdspecs .key { transition: none; }\n    .sdspecs .key:hover { transform: none; }\n  }\n\u003c\/style\u003e\n\u003csection class=\"sdspecs\"\u003e\n\u003cdiv class=\"sdspecs__inner\"\u003e\n\u003cdiv class=\"sdspecs__eyebrow\"\u003eTech Specs\u003c\/div\u003e\n\u003ch2 class=\"sdspecs__title\"\u003eFifteen keys, engineered down to the millimeter\u003c\/h2\u003e\n\u003cdiv class=\"sdspecs__layout\"\u003e\n\u003cdiv class=\"keygrid\"\u003e\n\u003cdiv class=\"key\"\u003e\n\u003cspan class=\"key__label\"\u003eDimensions\u003c\/span\u003e \u003cspan class=\"key__value\"\u003e118 × 84 × 25 mm\u003cbr\u003e4.6 × 3.3 × 1.0 in.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key\"\u003e\n\u003cspan class=\"key__label\"\u003eWeight\u003c\/span\u003e \u003cspan class=\"key__value\"\u003e145 g\u003cbr\u003e\u003cspan class=\"dim\"\u003e270 g with stand\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key\"\u003e\n\u003cspan class=\"key__label\"\u003eKeys\u003c\/span\u003e \u003cspan class=\"key__value\"\u003e15 customizable\u003cbr\u003eLCD keys\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key\"\u003e\n\u003cspan class=\"key__label\"\u003eInterface\u003c\/span\u003e \u003cspan class=\"key__value\"\u003eUSB 2.0\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key key--wide\"\u003e\n\u003cspan class=\"key__label\"\u003eCable\u003c\/span\u003e \u003cspan class=\"key__value\"\u003eUSB-C to USB-C, 90° connector — 150 cm \/ 59 in\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aside\"\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003ch3 class=\"panel__title\"\u003eIn the box\u003c\/h3\u003e\n\u003cp class=\"panel__text\"\u003eStream Deck, desktop stand, USB-C to USB-C cable (150 cm \/ 59 in), quick start guide.\u003c\/p\u003e\n\u003cspan class=\"panel__sku\"\u003eSKU: 10GBA9901\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panel panel--packaging\"\u003e\n\u003csvg aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 72 72\"\u003e\n            \u003cpath fill=\"currentColor\" d=\"M42.3278 24.8965L42.2865 24.8647L35.5251 20.9397L32.1404 22.9202V38.216L35.5303 40.1774L45.1151 34.5677L41.8232 32.657L35.4294 36.399V24.715L53.9763 35.4907L53.9652 35.5587C52.9629 38.6372 51.0662 41.2858 48.4803 43.2184C45.8406 45.1909 42.7122 46.2334 39.4334 46.2334C30.9944 46.2334 24.1288 39.2616 24.1288 30.692C24.1288 22.1222 30.9944 15.1504 39.4334 15.1504C45.8963 15.1504 51.6932 19.312 53.8582 25.5061C54.0189 25.9659 54.1595 26.4382 54.2768 26.9124L57.6729 24.9137C57.5281 24.4416 57.3641 23.9713 57.185 23.5149C55.7865 19.9484 53.3976 16.9058 50.2766 14.7157C47.0816 12.474 43.3321 11.289 39.4334 11.289C34.3296 11.289 29.5314 13.3072 25.9226 16.972C22.3136 20.6366 20.3261 25.5091 20.3261 30.692C20.3261 35.8745 22.3136 40.7472 25.9226 44.4122C29.5314 48.0768 34.3296 50.095 39.4334 50.095C43.9521 50.095 48.3357 48.4631 51.7769 45.5C55.1623 42.5848 57.4511 38.5526 58.2313 34.1406L42.3278 24.8965Z\" clip-rule=\"evenodd\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\n            \u003cpath fill=\"currentColor\" d=\"M16.8224 30.9344C16.8224 22.5912 21.2514 15.2961 27.8618 11.3438L25.9221 8C18.1934 12.6209 13 21.1609 13 30.9344C13 44.0526 22.3542 54.9528 34.6602 57.135V60.1201H27.6525V64.0007H45.3309V60.1201H38.4825V57.5229C38.7206 57.5294 38.9595 57.5327 39.1992 57.5327C43.8796 57.5327 48.2787 56.285 52.0854 54.0979L50.2028 50.7206C46.9553 52.5864 43.2027 53.6521 39.1992 53.6521C26.8408 53.6521 16.8224 43.481 16.8224 30.9344Z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\u003cdiv\u003e\n\u003ch3 style=\"font-size: 15px; margin-bottom: 6px;\" class=\"panel__title\"\u003eConscious packaging\u003c\/h3\u003e\n\u003cp class=\"panel__text\"\u003eWe're 95% plastic-free and counting, working toward zero since our first capture device in 2012.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"links\"\u003e\n\u003ca data-role=\"quick-start-guide\" href=\"#\"\u003eDownload Quick Start Guide\u003c\/a\u003e \u003ca data-role=\"download-assets\" href=\"#\"\u003eDownload Assets\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"ELGATO","offers":[{"title":"Default Title","offer_id":52484137091204,"sku":null,"price":11000.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0612\/4404\/7492\/files\/SD-ATF-07.avif?v=1783445687","url":"https:\/\/zstations.com\/products\/elgato-stream-deck","provider":"Z-Station","version":"1.0","type":"link"}