{"product_id":"microsoft-surface-pro-keyboard-11th-edition-for-pro-11-pro-10-pro-9-and-pro-8-with-pen-storage-oatmeal-color-8x6-00158","title":"Microsoft Surface Pro Keyboard 11th edition for Pro 11, Pro 10, Pro 9, and Pro 8 With Slim Pen 2, Oatmeal Color | 8X6-00158","description":"\u003cstyle\u003e\n  .gm-surface-keyboard,\n  .gm-surface-keyboard * {\n    box-sizing: border-box;\n  }\n\n  .gm-surface-keyboard {\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-keyboard .wrap {\n    max-width: 1150px;\n    margin: 0 auto;\n    padding: clamp(16px, 2.4vw, 30px);\n  }\n\n  .gm-surface-keyboard .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-keyboard .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-keyboard .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-keyboard 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-keyboard .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-keyboard .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-keyboard .quick-points {\n    margin-top: 16px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 9px;\n  }\n\n  .gm-surface-keyboard .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-keyboard .point::before {\n    content: \"\";\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--gm-orange);\n  }\n\n  .gm-surface-keyboard .images {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .gm-surface-keyboard .image-main,\n  .gm-surface-keyboard .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-keyboard .image-main {\n    min-height: 290px;\n    padding: 18px;\n  }\n\n  .gm-surface-keyboard .image-secondary {\n    min-height: 140px;\n    padding: 14px;\n  }\n\n  .gm-surface-keyboard img {\n    width: 100%;\n    height: 100%;\n    max-height: 330px;\n    object-fit: contain;\n    display: block;\n  }\n\n  .gm-surface-keyboard .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-keyboard .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-keyboard .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-keyboard .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-keyboard .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-keyboard .hero {\n      grid-template-columns: 1fr;\n    }\n\n    .gm-surface-keyboard .features {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 620px) {\n    .gm-surface-keyboard {\n      border-radius: 18px;\n    }\n\n    .gm-surface-keyboard .features {\n      grid-template-columns: 1fr;\n    }\n\n    .gm-surface-keyboard .image-main {\n      min-height: 220px;\n    }\n\n    .gm-surface-keyboard .image-secondary {\n      min-height: 150px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"gm-surface-keyboard\" aria-label=\"Microsoft Surface Pro Keyboard with Slim Pen 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 Keyboard with Slim Pen\u003c\/h2\u003e\n\n        \u003cp class=\"subtitle\"\u003e\n          Oatmeal color English\/Arabic keyboard bundle for typing, touch control, and pen productivity.\n        \u003c\/p\u003e\n\n        \u003cp class=\"desc\"\u003e\n          Complete your Surface Pro setup with a slim keyboard cover, English\/Arabic layout,\n          built-in touchpad, and included Surface Slim Pen. Designed for Surface Pro 11,\n          Pro 10, Pro 9, and Pro 8, this bundle helps turn your Surface into a practical\n          laptop-style workspace for work, study, notes, and daily productivity.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"quick-points\"\u003e\n          \u003cspan class=\"point\"\u003eModel 8X6-00158\u003c\/span\u003e\n          \u003cspan class=\"point\"\u003eEnglish \/ Arabic layout\u003c\/span\u003e\n          \u003cspan class=\"point\"\u003eOatmeal color\u003c\/span\u003e\n          \u003cspan class=\"point\"\u003eSlim Pen 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\/8X6-00158.avif?v=1778065584\" alt=\"Microsoft Surface Pro Keyboard with Slim Pen 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\/products\/8XA-00111.1.jpg?v=1759431904\" alt=\"Microsoft Surface Pro Keyboard with Slim Pen 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\u003eComfortable typing\u003c\/h3\u003e\n        \u003cp\u003e\n          A slim keyboard cover that helps your Surface Pro feel more like a laptop for everyday 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\u003eSmooth touch control\u003c\/h3\u003e\n        \u003cp\u003e\n          Use the built-in touchpad for clicking, scrolling, and easier navigation without extra accessories.\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 included\u003c\/h3\u003e\n        \u003cp\u003e\n          Write notes, sketch ideas, annotate files, and sign documents with the included Surface Slim Pen.\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\u003ePortable Surface setup\u003c\/h3\u003e\n        \u003cp\u003e\n          A clean Oatmeal color accessory bundle designed to keep your Surface Pro practical, compact, and ready to use.\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":50974775410921,"sku":"8X6-00158","price":949.0,"currency_code":"AED","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0550\/4483\/3513\/files\/8X6-00158.avif?v=1778065584","url":"https:\/\/www.gulfmicro.ae\/products\/microsoft-surface-pro-keyboard-11th-edition-for-pro-11-pro-10-pro-9-and-pro-8-with-pen-storage-oatmeal-color-8x6-00158","provider":"Gulf Micro Systems","version":"1.0","type":"link"}