{"product_id":"microsoft-surface-pro-flex-keyboard-11th-edition-with-slim-pen-2-bundle-for-pro-11-pro-10-pro-9-and-pro-8-english-arabic-black-8yu-00017-open-box","title":"Microsoft Surface Pro Flex Keyboard 11th edition with Slim Pen 2 bundle, for Pro 11, Pro 10, Pro 9, and Pro 8, English\/Arabic Black | 8YU-00017 - Open Box","description":"\u003cstyle\u003e\n  .gm-surface-flex,\n  .gm-surface-flex * {\n    box-sizing: border-box;\n  }\n\n  .gm-surface-flex {\n    --gm-blue: #1d5f96;\n    --gm-orange: #f47b20;\n    --gm-card: #121b25;\n    --gm-card-2: #16222e;\n    --gm-text: #f4f8fc;\n    --gm-muted: #b5c3cf;\n    --gm-line: rgba(255, 255, 255, 0.08);\n\n    width: 100%;\n    color: var(--gm-text);\n    font-family: \"Segoe UI\", Inter, Arial, sans-serif;\n    background:\n      radial-gradient(circle at top right, rgba(244, 123, 32, 0.11), transparent 24%),\n      radial-gradient(circle at top left, rgba(29, 95, 150, 0.14), transparent 28%),\n      linear-gradient(180deg, #0b1118 0%, #0f1720 100%);\n    border: 1px solid var(--gm-line);\n    border-radius: 22px;\n    overflow: hidden;\n    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.25);\n  }\n\n  .gm-surface-flex .wrap {\n    max-width: 1150px;\n    margin: 0 auto;\n    padding: clamp(16px, 2.4vw, 30px);\n  }\n\n  .gm-surface-flex .hero {\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    gap: clamp(16px, 2vw, 28px);\n    align-items: center;\n  }\n\n  .gm-surface-flex .badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    padding: 8px 13px;\n    border-radius: 999px;\n    background: rgba(29, 95, 150, 0.14);\n    border: 1px solid rgba(29, 95, 150, 0.22);\n    color: #d8ecff;\n    font-size: 0.78rem;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .gm-surface-flex .badge::before {\n    content: \"\";\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--gm-orange);\n    box-shadow: 0 0 0 5px rgba(244, 123, 32, 0.13);\n  }\n\n  .gm-surface-flex h2 {\n    margin: 14px 0 8px;\n    color: #ffffff;\n    font-size: clamp(1.7rem, 3.6vw, 3.15rem);\n    line-height: 1.04;\n    letter-spacing: -0.035em;\n    font-weight: 800;\n  }\n\n  .gm-surface-flex .subtitle {\n    margin: 0 0 13px;\n    color: #ff9a4e;\n    font-size: clamp(1rem, 1.25vw, 1.12rem);\n    line-height: 1.55;\n    font-weight: 700;\n  }\n\n  .gm-surface-flex .desc {\n    margin: 0;\n    max-width: 66ch;\n    color: var(--gm-muted);\n    font-size: clamp(0.94rem, 1.05vw, 1rem);\n    line-height: 1.75;\n  }\n\n  .gm-surface-flex .quick-points {\n    margin-top: 16px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 9px;\n  }\n\n  .gm-surface-flex .point {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 9px 12px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.04);\n    border: 1px solid var(--gm-line);\n    color: #eef5fb;\n    font-size: 0.86rem;\n    font-weight: 700;\n  }\n\n  .gm-surface-flex .point::before {\n    content: \"\";\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--gm-orange);\n  }\n\n  .gm-surface-flex .images {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .gm-surface-flex .image-main,\n  .gm-surface-flex .image-secondary {\n    border: 1px solid var(--gm-line);\n    border-radius: 18px;\n    background:\n      radial-gradient(circle at 80% 20%, rgba(29, 95, 150, 0.12), transparent 28%),\n      linear-gradient(180deg, #141d27 0%, #101820 100%);\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .gm-surface-flex .image-main {\n    min-height: 290px;\n    padding: 18px;\n  }\n\n  .gm-surface-flex .image-secondary {\n    min-height: 140px;\n    padding: 14px;\n  }\n\n  .gm-surface-flex img {\n    width: 100%;\n    height: 100%;\n    max-height: 330px;\n    object-fit: contain;\n    display: block;\n  }\n\n  .gm-surface-flex .features {\n    margin-top: clamp(22px, 3vw, 34px);\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .gm-surface-flex .feature {\n    background: linear-gradient(180deg, var(--gm-card), var(--gm-card-2));\n    border: 1px solid var(--gm-line);\n    border-radius: 16px;\n    padding: 16px;\n  }\n\n  .gm-surface-flex .feature-icon {\n    width: 38px;\n    height: 38px;\n    border-radius: 12px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 11px;\n    background: rgba(29, 95, 150, 0.14);\n    color: #d9ebfb;\n    font-size: 1rem;\n  }\n\n  .gm-surface-flex .feature h3 {\n    margin: 0 0 7px;\n    color: #ffffff;\n    font-size: 0.98rem;\n    line-height: 1.35;\n  }\n\n  .gm-surface-flex .feature p {\n    margin: 0;\n    color: var(--gm-muted);\n    font-size: 0.9rem;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 950px) {\n    .gm-surface-flex .hero {\n      grid-template-columns: 1fr;\n    }\n\n    .gm-surface-flex .features {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 620px) {\n    .gm-surface-flex {\n      border-radius: 18px;\n    }\n\n    .gm-surface-flex .features {\n      grid-template-columns: 1fr;\n    }\n\n    .gm-surface-flex .image-main {\n      min-height: 220px;\n    }\n\n    .gm-surface-flex .image-secondary {\n      min-height: 150px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"gm-surface-flex\" aria-label=\"Microsoft Surface Pro Flex Keyboard with Slim Pen 2 Black introduction\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"hero\"\u003e\n      \u003cdiv class=\"copy\"\u003e\n        \u003cspan class=\"badge\"\u003eMicrosoft Surface Accessory\u003c\/span\u003e\n\n        \u003ch2\u003eMicrosoft Surface Pro Flex Keyboard with Slim Pen 2\u003c\/h2\u003e\n\n        \u003cp class=\"subtitle\"\u003e\n          Premium black Flex Keyboard bundle for attached or detached productivity.\n        \u003c\/p\u003e\n\n        \u003cp class=\"desc\"\u003e\n          Upgrade your Surface Pro setup with a flexible English\/Arabic keyboard that works attached\n          like a laptop keyboard or detached for a more comfortable workspace. The bundle includes\n          Surface Slim Pen 2, with built-in storage and charging to keep your pen ready for notes,\n          sketching, signing, and daily productivity.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"quick-points\"\u003e\n          \u003cspan class=\"point\"\u003eModel 8YU-00017\u003c\/span\u003e\n          \u003cspan class=\"point\"\u003eEnglish \/ Arabic layout\u003c\/span\u003e\n          \u003cspan class=\"point\"\u003eBlack color\u003c\/span\u003e\n          \u003cspan class=\"point\"\u003eSlim Pen 2 included\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"images\"\u003e\n        \u003cdiv class=\"image-main\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0550\/4483\/3513\/files\/8YU-00017.0.jpg?v=1736788502\" alt=\"Microsoft Surface Pro Flex Keyboard with Slim Pen 2 Black main image\" loading=\"eager\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"image-secondary\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0550\/4483\/3513\/files\/8YU-00017.1..avif?v=1778318880\" alt=\"Microsoft Surface Pro Flex Keyboard with Slim Pen 2 Black secondary image\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"features\"\u003e\n      \u003carticle class=\"feature\"\u003e\n        \u003cdiv class=\"feature-icon\"\u003e↔\u003c\/div\u003e\n        \u003ch3\u003eAttached or detached\u003c\/h3\u003e\n        \u003cp\u003e\n          Work close to the screen or separate the keyboard for a more flexible desk, lap, or travel setup.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"feature\"\u003e\n        \u003cdiv class=\"feature-icon\"\u003e⌨\u003c\/div\u003e\n        \u003ch3\u003eComfortable typing\u003c\/h3\u003e\n        \u003cp\u003e\n          A premium keyboard layout built to make Surface Pro feel more like a laptop for daily work.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"feature\"\u003e\n        \u003cdiv class=\"feature-icon\"\u003e🖱\u003c\/div\u003e\n        \u003ch3\u003eHaptic touchpad\u003c\/h3\u003e\n        \u003cp\u003e\n          Smooth touch navigation with a responsive haptic touchpad for clicking, scrolling, and control.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"feature\"\u003e\n        \u003cdiv class=\"feature-icon\"\u003e✍\u003c\/div\u003e\n        \u003ch3\u003eSlim Pen 2 included\u003c\/h3\u003e\n        \u003cp\u003e\n          Store and recharge the pen in the keyboard tray, keeping it ready for writing and annotation.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Microsoft","offers":[{"title":"Default Title","offer_id":51496235499753,"sku":"8YU-00017-DB","price":1099.0,"currency_code":"AED","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0550\/4483\/3513\/files\/8YU-00017.0.jpg?v=1736788502","url":"https:\/\/www.gulfmicro.ae\/products\/microsoft-surface-pro-flex-keyboard-11th-edition-with-slim-pen-2-bundle-for-pro-11-pro-10-pro-9-and-pro-8-english-arabic-black-8yu-00017-open-box","provider":"Gulf Micro Systems","version":"1.0","type":"link"}