{"product_id":"microsoft-surface-pro-keyboard-with-slim-pen-2-platinum-color-slate-ep2-33052","title":"Microsoft Surface Pro Keyboard With Slim Pen 2, Platinum Color, Slate | EP2-33052","description":"\u003cstyle\u003e\n  .surface-kb-block,\n  .surface-kb-block * {\n    box-sizing: border-box;\n  }\n\n  .surface-kb-block {\n    --gm-blue: #1d5f96;\n    --gm-blue-dark: #0b2d4a;\n    --gm-orange: #f47b20;\n    --gm-bg: #0b1118;\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    background:\n      radial-gradient(circle at top right, rgba(244, 123, 32, 0.12), transparent 24%),\n      radial-gradient(circle at top left, rgba(29, 95, 150, 0.14), transparent 26%),\n      linear-gradient(180deg, #0b1118 0%, #0f1720 100%);\n    border: 1px solid var(--gm-line);\n    border-radius: 24px;\n    overflow: hidden;\n    font-family: \"Segoe UI\", Inter, Arial, sans-serif;\n    color: var(--gm-text);\n    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);\n  }\n\n  .surface-kb-block .wrap {\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: clamp(16px, 2.5vw, 34px);\n  }\n\n  .surface-kb-block .hero {\n    display: grid;\n    grid-template-columns: 1.08fr 0.92fr;\n    gap: clamp(16px, 2.2vw, 28px);\n    align-items: center;\n  }\n\n  .surface-kb-block .eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 14px;\n    border-radius: 999px;\n    background: rgba(29, 95, 150, 0.14);\n    border: 1px solid rgba(29, 95, 150, 0.2);\n    color: #d8ecff;\n    font-size: 0.8rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n  }\n\n  .surface-kb-block .eyebrow::before {\n    content: \"\";\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: var(--gm-orange);\n    display: inline-block;\n    box-shadow: 0 0 0 5px rgba(244, 123, 32, 0.14);\n  }\n\n  .surface-kb-block h2 {\n    margin: 14px 0 8px;\n    font-size: clamp(1.8rem, 4vw, 3.4rem);\n    line-height: 1.04;\n    letter-spacing: -0.035em;\n    font-weight: 800;\n    color: #ffffff;\n  }\n\n  .surface-kb-block .subtitle {\n    margin: 0 0 14px;\n    font-size: clamp(1rem, 1.35vw, 1.16rem);\n    line-height: 1.55;\n    color: #ff9a4e;\n    font-weight: 700;\n  }\n\n  .surface-kb-block .desc {\n    margin: 0;\n    color: var(--gm-muted);\n    font-size: clamp(0.96rem, 1.1vw, 1.04rem);\n    line-height: 1.78;\n    max-width: 68ch;\n  }\n\n  .surface-kb-block .chip-row {\n    margin-top: 18px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .surface-kb-block .chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    padding: 10px 14px;\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.88rem;\n    font-weight: 700;\n    white-space: nowrap;\n  }\n\n  .surface-kb-block .chip::before {\n    content: \"\";\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--gm-orange);\n    display: inline-block;\n  }\n\n  .surface-kb-block .color-row {\n    margin-top: 18px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n\n  .surface-kb-block .color-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-radius: 999px;\n    border: 1px solid var(--gm-line);\n    background: rgba(255,255,255,0.04);\n    color: #eef5fb;\n    font-size: 0.88rem;\n    font-weight: 700;\n  }\n\n  .surface-kb-block .swatch {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    display: inline-block;\n    border: 1px solid rgba(255,255,255,0.22);\n    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);\n  }\n\n  .surface-kb-block .swatch.ocean { background: #5d90b8; }\n  .surface-kb-block .swatch.slate { background: #6d727a; }\n  .surface-kb-block .swatch.violet { background: #8a6ca8; }\n\n  .surface-kb-block .visuals {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n\n  .surface-kb-block .main-image,\n  .surface-kb-block .thumb {\n    background: var(--gm-card);\n    border: 1px solid var(--gm-line);\n    border-radius: 20px;\n    overflow: hidden;\n    position: relative;\n  }\n\n  .surface-kb-block .main-image {\n    min-height: 320px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 18px;\n    background:\n      radial-gradient(circle at 80% 20%, rgba(29, 95, 150, 0.12), transparent 26%),\n      linear-gradient(180deg, #141d27 0%, #101820 100%);\n  }\n\n  .surface-kb-block .main-image img {\n    width: 100%;\n    max-height: 360px;\n    object-fit: contain;\n    display: block;\n  }\n\n  .surface-kb-block .thumb-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n  }\n\n  .surface-kb-block .thumb {\n    min-height: 150px;\n    padding: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(180deg, #141d27 0%, #101820 100%);\n  }\n\n  .surface-kb-block .thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    display: block;\n  }\n\n  .surface-kb-block .section {\n    margin-top: clamp(28px, 4vw, 48px);\n  }\n\n  .surface-kb-block .section-head {\n    margin-bottom: 16px;\n  }\n\n  .surface-kb-block .section-head .tag {\n    display: inline-block;\n    margin-bottom: 10px;\n    color: var(--gm-orange);\n    font-size: 0.8rem;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .surface-kb-block .section-head h3 {\n    margin: 0;\n    color: #ffffff;\n    font-size: clamp(1.25rem, 2vw, 2rem);\n    letter-spacing: -0.02em;\n  }\n\n  .surface-kb-block .feature-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .surface-kb-block .feature-card {\n    background: linear-gradient(180deg, var(--gm-card), var(--gm-card-2));\n    border: 1px solid var(--gm-line);\n    border-radius: 18px;\n    padding: 18px;\n  }\n\n  .surface-kb-block .feature-icon {\n    width: 42px;\n    height: 42px;\n    border-radius: 12px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 12px;\n    background: rgba(29, 95, 150, 0.14);\n    color: #d9ebfb;\n    font-size: 1rem;\n    font-weight: 700;\n  }\n\n  .surface-kb-block .feature-card h4 {\n    margin: 0 0 8px;\n    color: #ffffff;\n    font-size: 1rem;\n    line-height: 1.4;\n  }\n\n  .surface-kb-block .feature-card p {\n    margin: 0;\n    color: var(--gm-muted);\n    font-size: 0.92rem;\n    line-height: 1.65;\n  }\n\n  .surface-kb-block .spec-strip {\n    margin-top: 18px;\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .surface-kb-block .spec-pill {\n    background: rgba(255,255,255,0.04);\n    border: 1px solid var(--gm-line);\n    border-radius: 16px;\n    padding: 14px 16px;\n  }\n\n  .surface-kb-block .spec-pill .k {\n    display: block;\n    margin-bottom: 6px;\n    color: var(--gm-muted);\n    font-size: 0.78rem;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    font-weight: 700;\n  }\n\n  .surface-kb-block .spec-pill .v {\n    display: block;\n    color: #ffffff;\n    font-size: 1rem;\n    font-weight: 800;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1100px) {\n    .surface-kb-block .hero {\n      grid-template-columns: 1fr;\n    }\n\n    .surface-kb-block .feature-grid,\n    .surface-kb-block .spec-strip {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 720px) {\n    .surface-kb-block .thumb-grid,\n    .surface-kb-block .feature-grid,\n    .surface-kb-block .spec-strip {\n      grid-template-columns: 1fr;\n    }\n\n    .surface-kb-block .main-image {\n      min-height: 240px;\n    }\n\n    .surface-kb-block .thumb {\n      min-height: 180px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"surface-kb-block\" aria-label=\"Microsoft Surface Pro 12 Keyboard Cover with Slim Pen introduction\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"hero\"\u003e\n      \u003cdiv class=\"copy\"\u003e\n        \u003cspan class=\"eyebrow\"\u003eMicrosoft Surface Accessory\u003c\/span\u003e\n        \u003ch2\u003eSurface Pro 12 Keyboard Cover English\/Arabic\u003cbr\u003ewith Slim Pen\u003c\/h2\u003e\n        \u003cp class=\"subtitle\"\u003eTurn your Surface Pro 12 into a complete laptop experience — with typing, touch, and pen input in one sleek setup.\u003c\/p\u003e\n        \u003cp class=\"desc\"\u003e\n          Built for everyday work and play, this premium keyboard cover combines a full-size backlit keyboard,\n          a responsive precision touchpad, and integrated Slim Pen convenience. The flexible 360° hinge helps\n          you find the right angle, while magnetic pen storage and charging keep your pen ready whenever you need it.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"chip-row\"\u003e\n          \u003cspan class=\"chip\"\u003eEnglish \/ Arabic layout\u003c\/span\u003e\n          \u003cspan class=\"chip\"\u003eFull-size backlit keyboard\u003c\/span\u003e\n          \u003cspan class=\"chip\"\u003ePrecision touchpad\u003c\/span\u003e\n          \u003cspan class=\"chip\"\u003eSlim Pen included\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"color-row\"\u003e\n          \u003cspan class=\"color-pill\"\u003e\u003cspan class=\"swatch ocean\"\u003e\u003c\/span\u003eOcean Blue\u003c\/span\u003e\n          \u003cspan class=\"color-pill\"\u003e\u003cspan class=\"swatch slate\"\u003e\u003c\/span\u003eSlate\u003c\/span\u003e\n          \u003cspan class=\"color-pill\"\u003e\u003cspan class=\"swatch violet\"\u003e\u003c\/span\u003eViolet\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"spec-strip\"\u003e\n          \u003cdiv class=\"spec-pill\"\u003e\n            \u003cspan class=\"k\"\u003eCompatibility\u003c\/span\u003e\n            \u003cspan class=\"v\"\u003eSurface Pro 12\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"spec-pill\"\u003e\n            \u003cspan class=\"k\"\u003eKeyboard\u003c\/span\u003e\n            \u003cspan class=\"v\"\u003eBacklit, full-size\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"spec-pill\"\u003e\n            \u003cspan class=\"k\"\u003eTouchpad\u003c\/span\u003e\n            \u003cspan class=\"v\"\u003ePrecision touchpad\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"spec-pill\"\u003e\n            \u003cspan class=\"k\"\u003eColors\u003c\/span\u003e\n            \u003cspan class=\"v\"\u003eOcean, Slate, Violet\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"visuals\"\u003e\n        \u003cdiv class=\"main-image\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0550\/4483\/3513\/files\/microsoft-surface-pro-12-english-ocean-blue.avif?v=1778066366\" alt=\"Microsoft Surface Pro 12 Keyboard Cover Ocean Blue\" loading=\"eager\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"thumb-grid\"\u003e\n          \u003cdiv class=\"thumb\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0550\/4483\/3513\/files\/microsoft-surface-pro-12-english-ocean-blue.avif?v=1778066366\" alt=\"Microsoft Surface Pro 12 Keyboard Cover Ocean Blue\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"thumb\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0550\/4483\/3513\/files\/microsoft-surface-pro-12-english-slate.avif?v=1778066366\" alt=\"Microsoft Surface Pro 12 Keyboard Cover Slate\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"thumb\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0550\/4483\/3513\/files\/microsoft-surface-pro-12-english-violet.avif?v=1778066365\" alt=\"Microsoft Surface Pro 12 Keyboard Cover Violet\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"section\"\u003e\n      \u003cdiv class=\"section-head\"\u003e\n        \u003cspan class=\"tag\"\u003eWhy you'll love it\u003c\/span\u003e\n        \u003ch3\u003eMade for flexible, everyday productivity\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature-grid\"\u003e\n        \u003carticle class=\"feature-card\"\u003e\n          \u003cdiv class=\"feature-icon\"\u003e⌨\u003c\/div\u003e\n          \u003ch4\u003eComfortable typing\u003c\/h4\u003e\n          \u003cp\u003e\n            A full-size, backlit keyboard makes typing more comfortable and improves visibility in different environments.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"feature-card\"\u003e\n          \u003cdiv class=\"feature-icon\"\u003e🖱\u003c\/div\u003e\n          \u003ch4\u003ePrecision touchpad\u003c\/h4\u003e\n          \u003cp\u003e\n            Enjoy smooth, accurate navigation with a spacious touchpad designed for precise clicking and scrolling.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"feature-card\"\u003e\n          \u003cdiv class=\"feature-icon\"\u003e✍\u003c\/div\u003e\n          \u003ch4\u003ePen always ready\u003c\/h4\u003e\n          \u003cp\u003e\n            The Slim Pen attaches magnetically for convenient storage and charging, so it stays close at hand.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"feature-card\"\u003e\n          \u003cdiv class=\"feature-icon\"\u003e↻\u003c\/div\u003e\n          \u003ch4\u003e360° flexibility\u003c\/h4\u003e\n          \u003cp\u003e\n            The dynamic hinge flexes 360 degrees to help you find the posture and angle that feels right for you.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Microsoft","offers":[{"title":"Default Title","offer_id":50974836162793,"sku":"EP2-33052","price":889.0,"currency_code":"AED","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0550\/4483\/3513\/files\/microsoft-surface-pro-12-english-slate_407255ef-7994-4e96-aec8-cb85a5d229f4.avif?v=1778066825","url":"https:\/\/www.gulfmicro.ae\/products\/microsoft-surface-pro-keyboard-with-slim-pen-2-platinum-color-slate-ep2-33052","provider":"Gulf Micro Systems","version":"1.0","type":"link"}