{"title":"iPad Accessories","description":"\u003c!-- ========================================================================== --\u003e\n\u003cdiv class=\"istore-ipadacc-black-wrap\"\u003e\n\u003cdiv class=\"ipadacc-black-inner\"\u003e\n\u003cheader class=\"ipadacc-black-header\"\u003e\n\u003cdiv class=\"ipadacc-pill-eyebrow\"\u003e\n\u003cspan class=\"ipadacc-pulsing-dot\"\u003e\u003c\/span\u003e \u003cspan\u003eiPad Accessories • iStore Mauritius\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"ipadacc-main-headline\"\u003e\u003cspan class=\"ipadacc-headline-chrome\"\u003eUnleash every possibility.\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"ipadacc-sub-headline\"\u003eApple Pencil. Magic Keyboard. Smart Folios. USB-C Power \u0026amp; Hubs.\u003c\/p\u003e\n\u003cp class=\"ipadacc-intro-copy\"\u003eTransform your iPad into a precision digital canvas, mobile workstation, or portable theatre with genuine \u003cstrong\u003eiPad accessories\u003c\/strong\u003e at \u003cstrong\u003eiStore.mu\u003c\/strong\u003e. From the haptic squeeze and barrel-roll gestures of \u003cstrong\u003eApple Pencil Pro\u003c\/strong\u003e, to the cantilever floating design of \u003cstrong\u003eMagic Keyboard\u003c\/strong\u003e and durable magnetic \u003cstrong\u003eSmart Folios\u003c\/strong\u003e. Explore the complete gear lineup below with official local warranty and fast delivery across Mauritius.\u003c\/p\u003e\n\u003c!-- Category Filter Dock --\u003e\n\u003cdiv class=\"ipadacc-category-dock\"\u003e\n\u003cspan class=\"ipadacc-cat-pill\"\u003e\u003cspan class=\"dot pencil-dot\"\u003e\u003c\/span\u003eApple Pencil\u003c\/span\u003e \u003cspan class=\"ipadacc-cat-pill\"\u003e\u003cspan class=\"dot keyboard-dot\"\u003e\u003c\/span\u003eKeyboards \u0026amp; Trackpads\u003c\/span\u003e \u003cspan class=\"ipadacc-cat-pill\"\u003e\u003cspan class=\"dot folio-dot\"\u003e\u003c\/span\u003eSmart Folios \u0026amp; Cases\u003c\/span\u003e \u003cspan class=\"ipadacc-cat-pill\"\u003e\u003cspan class=\"dot power-dot\"\u003e\u003c\/span\u003ePower \u0026amp; Adapters\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- 2. STREAMLINED TRUST STRIP (Strict 2x2 on Mobile) --\u003e\n\u003cdiv class=\"ipadacc-trust-row\" aria-label=\"Customer Benefits\"\u003e\n\u003c!-- Trust Item 1 --\u003e\n\u003cdiv class=\"ipadacc-trust-item\"\u003e\n\u003cdiv class=\"ipadacc-trust-icon\"\u003e\u003csvg width=\"17\" height=\"17\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ipadacc-trust-meta\"\u003e\n\u003cstrong\u003e100% Genuine\u003c\/strong\u003e \u003cspan\u003eApple Original\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Trust Item 2 --\u003e\n\u003cdiv class=\"ipadacc-trust-item\"\u003e\n\u003cdiv class=\"ipadacc-trust-icon\"\u003e\u003csvg width=\"17\" height=\"17\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003crect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\u003e\u003c\/rect\u003e\n            \u003cpolygon points=\"16 8 20 8 23 11 23 16 16 8\"\u003e\u003c\/polygon\u003e\n            \u003ccircle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ipadacc-trust-meta\"\u003e\n\u003cstrong\u003eFast Delivery\u003c\/strong\u003e \u003cspan\u003eAcross Mauritius\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Trust Item 3 --\u003e\n\u003cdiv class=\"ipadacc-trust-item\"\u003e\n\u003cdiv class=\"ipadacc-trust-icon\"\u003e\u003csvg width=\"17\" height=\"17\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ipadacc-trust-meta\"\u003e\n\u003cstrong\u003eMCB Juice\u003c\/strong\u003e \u003cspan\u003e\u0026amp; Instant Pay\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Trust Item 4 --\u003e\n\u003cdiv class=\"ipadacc-trust-item\"\u003e\n\u003cdiv class=\"ipadacc-trust-icon\"\u003e\u003csvg width=\"17\" height=\"17\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\n            \u003cpolyline points=\"12 6 12 12 14 14\"\u003e\u003c\/polyline\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ipadacc-trust-meta\"\u003e\n\u003cstrong\u003ePerfect Fit\u003c\/strong\u003e \u003cspan\u003eGuaranteed Pairing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. BALANCED 2x2 BENTO GRID --\u003e\n\u003cdiv class=\"ipadacc-bento-wrap\"\u003e\n\u003c!-- Card 1: Apple Pencil Family --\u003e\n\u003cdiv class=\"ipadacc-bento-box hero-card-pencil\"\u003e\n\u003cdiv class=\"box-top\"\u003e\n\u003cspan class=\"box-kicker cyan-tag\"\u003ePrecision Creativity\u003c\/span\u003e\n\u003ch3\u003eApple Pencil Pro \u0026amp; USB-C. Pixel-perfect.\u003c\/h3\u003e\n\u003cp\u003eApple Pencil Pro introduces intuitive squeeze sensors, haptic feedback, and barrel roll for brush control with magnetic wireless pairing. Apple Pencil (USB-C) delivers incredible value with low latency and tilt sensitivity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"box-stat-row\"\u003e\n\u003cdiv class=\"box-stat\"\u003e\n\u003cspan class=\"stat-number\"\u003ePencil Pro\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eHaptic \u0026amp; Barrel Roll\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"box-stat\"\u003e\n\u003cspan class=\"stat-number text-cyan\"\u003eLow Latency\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eFind My Integration\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Card 2: Magic Keyboards \u0026 Folios --\u003e\n\u003cdiv class=\"ipadacc-bento-box hero-card-keyboards\"\u003e\n\u003cdiv class=\"box-top\"\u003e\n\u003cspan class=\"box-kicker blue-tag\"\u003ePro Typing \u0026amp; Productivity\u003c\/span\u003e\n\u003ch3\u003eMagic Keyboard. Floating cantilever \u0026amp; trackpad.\u003c\/h3\u003e\n\u003cp\u003eFeatures backlit scissor keys with 1mm travel, a built-in haptic glass trackpad, aluminum palm rest, and 14-key function row. Magnetic attachment and USB-C pass-through charging keep your desk cord-free.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"box-single-stat\"\u003e\n\u003cstrong\u003eFloating Cantilever\u003c\/strong\u003e \u003cspan\u003eSmooth angle adjustment \u0026amp; pass-through USB-C\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Card 3: Smart Folios \u0026 Magnetic Protection --\u003e\n\u003cdiv class=\"ipadacc-bento-box hero-card-folios\"\u003e\n\u003cdiv class=\"box-top\"\u003e\n\u003cspan class=\"box-kicker purple-tag\"\u003eForm-Fitting Protection\u003c\/span\u003e\n\u003ch3\u003eSmart Folios. Sleek front \u0026amp; back cover.\u003c\/h3\u003e\n\u003cp\u003eEngineered with strong magnetic snap-on alignment that automatically wakes your iPad when opened and puts it to sleep when closed. Folds easily into multiple viewing and typing stands.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"box-single-stat\"\u003e\n\u003cstrong\u003eMultiple Stand Angles\u003c\/strong\u003e \u003cspan\u003eSlim unibody finish in verified Apple colors\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Card 4: USB-C Power \u0026 High-Speed Hubs --\u003e\n\u003cdiv class=\"ipadacc-bento-box hero-card-power\"\u003e\n\u003cdiv class=\"box-top\"\u003e\n\u003cspan class=\"box-kicker pink-tag\"\u003eConnectivity \u0026amp; Fast Power\u003c\/span\u003e\n\u003ch3\u003eFast USB-C adapters \u0026amp; braided cables.\u003c\/h3\u003e\n\u003cp\u003eRecharge rapidly with official Apple 20W, 35W Dual, and 70W USB-C Power Adapters. Connect external 6K displays, audio interfaces, and SD cards via durable braided cables and multiport AV adapters.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"box-tags-row\"\u003e\n\u003cspan\u003eBraided USB-C\u003c\/span\u003e \u003cspan\u003e35W Dual Port\u003c\/span\u003e \u003cspan\u003eDigital AV Adapters\u003c\/span\u003e \u003cspan\u003eUSB-C to 3.5mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. CATALOG HEADING ABOVE PRODUCTS --\u003e\n\u003cdiv class=\"ipadacc-catalog-anchor\"\u003e\n\u003cspan class=\"catalog-eyebrow\"\u003eAvailable Accessories\u003c\/span\u003e\n\u003ch3 class=\"catalog-title\"\u003eExplore All iPad Accessories\u003c\/h3\u003e\n\u003cp class=\"catalog-sub\"\u003eFilter by iPad compatibility (iPad Pro, iPad Air, iPad A16, iPad mini), tool types, and colorways below.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MANDATORY SCROLL TARGET FOR FLOATING JUMP BUTTON --\u003e\n\u003cdiv id=\"istore-products-start-target\" class=\"istore-scroll-target\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* 0. Neutralize Parent Theme Gutters *\/\n  .shopify-section:has(.istore-ipadacc-black-wrap),\n  .section:has(.istore-ipadacc-black-wrap),\n  .collection-hero:has(.istore-ipadacc-black-wrap),\n  .main-collection-banner:has(.istore-ipadacc-black-wrap) {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    max-width: 100% !important;\n    background-color: #000000 !important;\n    overflow-x: clip !important;\n  }\n\n  \/* 1. True Edge-to-Edge Breakout Canvas (Apple Black Studio Stage) *\/\n  .istore-ipadacc-black-wrap {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    position: relative !important;\n    left: 50% !important;\n    right: 50% !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n    background-color: #000000 !important;\n    background-image: \n      radial-gradient(ellipse 48% 38% at 18% 12%, rgba(0, 113, 227, 0.16) 0%, transparent 100%),\n      radial-gradient(ellipse 52% 40% at 82% 14%, rgba(168, 85, 247, 0.14) 0%, transparent 100%),\n      radial-gradient(circle at 50% 8%, #0c0e14 0%, #000000 65%) !important;\n    background-attachment: scroll !important;\n    color: #f5f5f7;\n    font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    padding: 46px 0 22px;\n    box-sizing: border-box;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n    overflow: hidden;\n\n    \/* Hardware Compositing Layer for 60fps\/120fps Zero-Lag Scrolling *\/\n    transform: translate3d(0, 0, 0);\n    -webkit-transform: translate3d(0, 0, 0);\n    backface-visibility: hidden;\n    -webkit-backface-visibility: hidden;\n    contain: paint;\n  }\n\n  .istore-ipadacc-black-wrap * {\n    box-sizing: border-box;\n  }\n\n  .ipadacc-black-inner {\n    max-width: 1080px;\n    margin: 0 auto;\n    padding: 0 16px;\n    box-sizing: border-box;\n  }\n\n  \/* 2. Hero Header *\/\n  .ipadacc-black-header {\n    text-align: center;\n    max-width: 840px;\n    margin: 0 auto 30px;\n  }\n\n  .ipadacc-pill-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.14);\n    padding: 5px 14px;\n    border-radius: 980px;\n    font-size: 11.5px;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    color: #f5f5f7;\n    margin-bottom: 14px;\n  }\n\n  .ipadacc-pulsing-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background-color: #0071e3;\n    box-shadow: 0 0 8px #0071e3;\n  }\n\n  .ipadacc-main-headline {\n    font-size: clamp(34px, 5.5vw, 64px);\n    line-height: 1.05;\n    font-weight: 700;\n    letter-spacing: -0.035em;\n    margin: 0 0 12px;\n  }\n\n  \/* Apple Liquid Titanium Chrome Gradient *\/\n  .ipadacc-headline-chrome {\n    background: linear-gradient(180deg, #ffffff 0%, #b0b0b8 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    display: inline-block;\n  }\n\n  .ipadacc-sub-headline {\n    font-size: clamp(16px, 2vw, 21px);\n    font-weight: 600;\n    color: #86868b;\n    letter-spacing: -0.015em;\n    margin: 0 0 16px;\n  }\n\n  .ipadacc-intro-copy {\n    font-size: clamp(14.5px, 1.6vw, 17px);\n    line-height: 1.5;\n    color: #a1a1aa;\n    letter-spacing: -0.012em;\n    max-width: 760px;\n    margin: 0 auto 22px;\n  }\n\n  .ipadacc-intro-copy strong {\n    color: #ffffff;\n  }\n\n  \/* Category Dock *\/\n  .ipadacc-category-dock {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    flex-wrap: wrap;\n  }\n\n  .ipadacc-cat-pill {\n    background: #0d0e12;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 980px;\n    padding: 5px 13px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 12px;\n    font-weight: 600;\n    color: #f5f5f7;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);\n  }\n\n  .ipadacc-cat-pill .dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    display: inline-block;\n    flex-shrink: 0;\n  }\n\n  .ipadacc-cat-pill .dot.pencil-dot   { background: #00f2fe; box-shadow: 0 0 6px rgba(0, 242, 254, 0.6); }\n  .ipadacc-cat-pill .dot.keyboard-dot { background: #2997ff; box-shadow: 0 0 6px rgba(41, 151, 255, 0.6); }\n  .ipadacc-cat-pill .dot.folio-dot    { background: #a855f7; box-shadow: 0 0 6px rgba(168, 85, 247, 0.6); }\n  .ipadacc-cat-pill .dot.power-dot    { background: #ff6b8b; box-shadow: 0 0 6px rgba(255, 107, 139, 0.6); }\n\n  \/* 3. Sleek Trust Strip (Desktop) *\/\n  .ipadacc-trust-row {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n    background: #0d0e12;\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 18px;\n    padding: 14px 18px;\n    margin: 26px 0 34px;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);\n    box-sizing: border-box;\n    width: 100%;\n  }\n\n  .ipadacc-trust-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 4px 6px;\n    box-sizing: border-box;\n  }\n\n  .ipadacc-trust-icon {\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    min-height: 36px;\n    border-radius: 10px;\n    background: rgba(0, 113, 227, 0.12);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    color: #0071e3;\n  }\n\n  .ipadacc-trust-icon svg {\n    display: block;\n  }\n\n  .ipadacc-trust-meta {\n    display: flex;\n    flex-direction: column;\n    text-align: left;\n  }\n\n  .ipadacc-trust-meta strong {\n    font-size: 12px;\n    font-weight: 700;\n    color: #ffffff;\n    line-height: 1.25;\n  }\n\n  .ipadacc-trust-meta span {\n    font-size: 10.5px;\n    color: #86868b;\n    line-height: 1.25;\n  }\n\n  \/* 4. Balanced 2x2 Bento Grid *\/\n  .ipadacc-bento-wrap {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n    margin-bottom: 34px;\n  }\n\n  .ipadacc-bento-box {\n    background: #0d0e12;\n    border-radius: 20px;\n    padding: 26px 22px;\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .hero-card-pencil {\n    background: linear-gradient(180deg, #0d1618 0%, #0d0e12 100%);\n    border-color: rgba(0, 242, 254, 0.28);\n  }\n\n  .hero-card-keyboards {\n    background: linear-gradient(180deg, #0d121a 0%, #0d0e12 100%);\n    border-color: rgba(41, 151, 255, 0.28);\n  }\n\n  .hero-card-folios {\n    background: linear-gradient(180deg, #140e19 0%, #0d0e12 100%);\n    border-color: rgba(168, 85, 247, 0.28);\n  }\n\n  .hero-card-power {\n    background: linear-gradient(180deg, #170d14 0%, #0d0e12 100%);\n    border-color: rgba(255, 107, 139, 0.28);\n  }\n\n  .box-kicker {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: #86868b;\n    margin-bottom: 6px;\n    display: block;\n  }\n\n  .box-kicker.cyan-tag   { color: #00f2fe; }\n  .box-kicker.blue-tag   { color: #2997ff; }\n  .box-kicker.purple-tag { color: #a855f7; }\n  .box-kicker.pink-tag   { color: #ff6b8b; }\n\n  .box-top h3 {\n    font-size: clamp(18px, 1.9vw, 22px);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    margin: 0 0 8px;\n    color: #ffffff;\n    line-height: 1.25;\n  }\n\n  .box-top p {\n    font-size: 13.5px;\n    line-height: 1.48;\n    color: #a1a1aa;\n    margin: 0;\n  }\n\n  .box-stat-row {\n    display: flex;\n    gap: 20px;\n    margin-top: 18px;\n    padding-top: 14px;\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\n  }\n\n  .box-stat .stat-number {\n    font-size: 18px;\n    font-weight: 700;\n    color: #ffffff;\n    display: block;\n  }\n\n  .box-stat .text-cyan {\n    color: #00f2fe;\n  }\n\n  .box-stat .stat-label {\n    font-size: 11px;\n    color: #86868b;\n  }\n\n  .box-single-stat {\n    margin-top: 18px;\n    padding-top: 14px;\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\n  }\n\n  .box-single-stat strong {\n    font-size: 17px;\n    font-weight: 700;\n    color: #ffffff;\n    display: block;\n  }\n\n  .box-single-stat span {\n    font-size: 11.5px;\n    color: #86868b;\n  }\n\n  .box-tags-row {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n    margin-top: 18px;\n  }\n\n  .box-tags-row span {\n    background: #151720;\n    padding: 5px 11px;\n    border-radius: 980px;\n    font-size: 11.5px;\n    font-weight: 600;\n    color: #f5f5f7;\n    border: 1px solid rgba(255, 255, 255, 0.08);\n  }\n\n  \/* 5. Catalog Anchor *\/\n  .ipadacc-catalog-anchor {\n    text-align: center;\n    padding-top: 16px;\n  }\n\n  .catalog-eyebrow {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: #0071e3;\n    display: block;\n    margin-bottom: 4px;\n  }\n\n  .catalog-title {\n    font-size: clamp(20px, 2.5vw, 26px);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    margin: 0 0 6px;\n    color: #ffffff;\n  }\n\n  .catalog-sub {\n    font-size: 13.5px;\n    color: #86868b;\n    margin: 0;\n  }\n\n  \/* 6. Universal Scroll Target *\/\n  #istore-products-start-target,\n  .istore-scroll-target {\n    display: block !important;\n    width: 100% !important;\n    height: 1px !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    pointer-events: none !important;\n    scroll-margin-top: 85px !important;\n  }\n\n  \/* ------------------------------------------------------------- *\/\n  \/* MOBILE OPTIMIZATION (Strict 2x2 Micro-Card Grid)              *\/\n  \/* ------------------------------------------------------------- *\/\n  @media (max-width: 768px) {\n    .istore-ipadacc-black-wrap {\n      padding: 30px 0 16px;\n    }\n\n    .ipadacc-black-inner {\n      padding: 0 12px;\n    }\n\n    .ipadacc-black-header {\n      margin-bottom: 20px;\n    }\n\n    \/* Enforce 2x2 micro-card grid with zero sideways overflow *\/\n    .ipadacc-trust-row {\n      display: grid !important;\n      grid-template-columns: repeat(2, 1fr) !important;\n      gap: 10px !important;\n      padding: 12px 10px !important;\n      margin: 18px 0 26px !important;\n      border-radius: 16px !important;\n      overflow: visible !important;\n    }\n\n    .ipadacc-trust-item {\n      display: flex !important;\n      flex-direction: column !important;\n      align-items: center !important;\n      text-align: center !important;\n      gap: 8px !important;\n      padding: 10px 6px !important;\n      background: #0d0e12 !important;\n      border-radius: 12px !important;\n      border: 1px solid rgba(255, 255, 255, 0.08) !important;\n      width: 100% !important;\n    }\n\n    .ipadacc-trust-icon {\n      width: 34px !important;\n      height: 34px !important;\n      min-width: 34px !important;\n      min-height: 34px !important;\n      border-radius: 10px !important;\n    }\n\n    .ipadacc-trust-icon svg {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    .ipadacc-trust-meta {\n      display: flex !important;\n      flex-direction: column !important;\n      align-items: center !important;\n      text-align: center !important;\n      gap: 2px !important;\n    }\n\n    .ipadacc-trust-meta strong {\n      font-size: 11.5px !important;\n      line-height: 1.2 !important;\n      white-space: nowrap !important;\n    }\n\n    .ipadacc-trust-meta span {\n      font-size: 10px !important;\n      line-height: 1.2 !important;\n      white-space: nowrap !important;\n    }\n\n    \/* Stack Bento cards cleanly in 1 column *\/\n    .ipadacc-bento-wrap {\n      grid-template-columns: 1fr !important;\n      gap: 12px !important;\n      margin-bottom: 26px !important;\n    }\n\n    .ipadacc-bento-box {\n      padding: 20px 16px !important;\n      border-radius: 16px !important;\n    }\n\n    .box-top h3 {\n      font-size: 18px !important;\n    }\n\n    .box-top p {\n      font-size: 13px !important;\n    }\n\n    #istore-products-start-target,\n    .istore-scroll-target {\n      scroll-margin-top: 70px !important;\n    }\n  }\n\n  @media (max-width: 340px) {\n    .ipadacc-trust-meta strong {\n      font-size: 10.5px !important;\n    }\n    .ipadacc-trust-meta span {\n      font-size: 9.5px !important;\n    }\n  }\n\u003c\/style\u003e","products":[{"product_id":"magic-keyboard-ipad-pro-12","title":"Magic Keyboard iPad Pro 11\" (2nd Generation)","description":"\u003ch2\u003e\u003cspan data-mce-fragment=\"1\"\u003eMagic Keyboard iPad Pro 11\" (2nd Generation) - MXQT2B\/A\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"field__item\"\u003e\n\u003cp\u003e\u003cstrong\u003eMagic Keyboard iPad Pro 11\" (2nd Generation) \u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ctable class=\"a-normal a-spacing-none a-spacing-top-base\" style=\"width: 562px;\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"a-spacing-none a-spacing-top-small po-brand\"\u003e\n\u003ctd class=\"a-span4\" style=\"width: 142.391px;\"\u003e\u003cspan class=\"a-size-small a-text-bold\"\u003eBrand\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span6\" style=\"width: 402.609px;\"\u003eApple\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-none a-spacing-top-small po-compatible_devices\"\u003e\n\u003ctd class=\"a-span4\" style=\"width: 142.391px;\"\u003e\u003cspan class=\"a-size-small a-text-bold\"\u003eCompatible Devices\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span6\" style=\"width: 402.609px;\"\u003e\u003cspan class=\"a-size-base a-color-tertiary\"\u003e\u003cspan data-a-updated=\"true\" data-a-recalculate=\"false\" data-a-overflow-marker=\"\u0026amp;hellip;\" data-a-max-rows=\"3\" data-a-word-break=\"normal\" class=\"a-truncate\"\u003e\u003cspan class=\"a-truncate-full a-offscreen\"\u003eApple ipad air 4th generation 2020 (A2071, A2316, A2324, A2325), Apple ipad pro 11 inch 3rd generation 2021 (A2301, A2459, A2460), Apple ipad pro 11 inch 1st generation 2018 (A1980, A2013, A1934, A1979), Apple ipad air 5th generation 2022 (A2588, A2589, A2591), Apple ipad pro 11 inch 2nd generation 2020 (A2228, A2068, A2231)\u003c\/span\u003e\u003cspan aria-hidden=\"true\" class=\"a-truncate-cut\"\u003eApple ipad air 4th generation 2020 (A2071, A2316, A2324, A2325), Apple ipad pro 11 inch 3rd generation 2021\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-none a-spacing-top-small po-connectivity_technology\"\u003e\n\u003ctd class=\"a-span4\" style=\"width: 142.391px;\"\u003e\u003cspan class=\"a-size-small a-text-bold\"\u003eConnectivity Technology\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span6\" style=\"width: 402.609px;\"\u003e\u003cspan class=\"a-size-base a-color-tertiary\"\u003eBluetooth\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-none a-spacing-top-small po-keyboard_description\"\u003e\n\u003ctd class=\"a-span4\" style=\"width: 142.391px;\"\u003e\u003cspan class=\"a-size-small a-text-bold\"\u003eKeyboard Description\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span6\" style=\"width: 402.609px;\"\u003e\u003cspan class=\"a-size-base a-color-tertiary\"\u003eWireless\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-none a-spacing-top-small po-special_feature\"\u003e\n\u003ctd class=\"a-span4\" style=\"width: 142.391px;\"\u003e\u003cspan class=\"a-size-small a-text-bold\"\u003eSpecial Feature\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span6\" style=\"width: 402.609px;\"\u003e\u003cspan class=\"a-size-base a-color-tertiary\"\u003eErgonomic, Backlit, Trackpad, Rechargeable\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-none a-spacing-top-small po-color\"\u003e\n\u003ctd class=\"a-span4\" style=\"width: 142.391px;\"\u003e\u003cspan class=\"a-size-small a-text-bold\"\u003eColor\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span6\" style=\"width: 402.609px;\"\u003e\u003cspan class=\"a-size-base a-color-tertiary\"\u003eBlack\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e1 Year Warranty\u003c\/strong\u003e\u003c\/p\u003e","brand":"APPLE","offers":[{"title":"Default Title","offer_id":40270637891663,"sku":"MXQT2B\/A","price":17490.0,"currency_code":"MUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0558\/6885\/0255\/products\/71x6BfnRCSL._SL1500.jpg?v=1680722069"},{"product_id":"magic-keyboard-ipad-pro-11","title":"Magic Keyboard for iPad Pro 11\" (4th generation) and iPad Air (5th generation)","description":"\u003ch1 data-autom=\"productTitle\" class=\"rf-pdp-title\" data-mce-fragment=\"1\"\u003eMagic Keyboard for iPad Pro 11\" (4th generation) and iPad Air (5th generation) - US English - White\u003c\/h1\u003e\n\u003ch2\u003e\u003cspan\u003eProduct Information\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch3 data-autom=\"sectionTitle\" class=\"rc-pdsection-title\"\u003eOverview\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eThe Magic Keyboard greatly enhances the capabilities of the iPad Pro 11\" and iPad Air. It boasts a superior typing experience, a trackpad that unlocks new possibilities in iPadOS, a convenient USB‑C port for charging, and robust front and back protection. With its innovative floating cantilever design, the Magic Keyboard magnetically attaches to your iPad Pro and iPad Air, allowing you to easily adjust it to your preferred viewing angle.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3 data-autom=\"sectionTitle\" class=\"rc-pdsection-title\"\u003eHighlights\u003c\/h3\u003e\n\u003cdiv class=\"para-list\"\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eFeaturing backlit keys and a scissor mechanism with 1mm travel, the Magic Keyboard for iPad Pro and iPad Air offers comfortable and responsive typing. Its design is optimized for Multi-Touch gestures and the cursor in iPadOS, while the smooth angle adjustment allows for the perfect viewing angle. The keyboard also includes a USB-C port for charging the iPad Pro and iPad Air, freeing up the iPad's port for additional accessories. When not in use, the Magic Keyboard can be folded into a case, providing front and back protection for easy travel with your iPad.\u003c\/p\u003e\n\u003ch3 data-autom=\"sectionTitle\" class=\"rc-pdsection-title\"\u003eSystem Requirements\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eiPadPro 11\" (1st, 2nd, 3rd or 4th generation) or iPadAir (4th or 5th generation) using iPadOS 14.5 or later.\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cspan\u003eCompatibility\u003c\/span\u003e\u003c\/h3\u003e\n\u003ch3 data-autom=\"compatibleModelTitle\" class=\"rf-pdp-compatibility-title\"\u003eiPad Models\u003c\/h3\u003e\n\u003cul class=\"rf-pdp-productlist\" role=\"list\"\u003e\n\u003cli class=\"rf-pdp-compatibility-productlistitems\" role=\"listitem\"\u003e\u003cspan\u003eiPad Pro 11\" (4th generation)\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"rf-pdp-compatibility-productlistitems\" role=\"listitem\"\u003e\u003cspan\u003eiPad Pro 11\" (3rd generation)\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"rf-pdp-compatibility-productlistitems\" role=\"listitem\"\u003e\u003cspan\u003eiPad Pro 11\" (2nd generation)\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"rf-pdp-compatibility-productlistitems\" role=\"listitem\"\u003e\u003cspan\u003eiPad Pro 11\" (1st generation)\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"rf-pdp-compatibility-productlistitems\" role=\"listitem\"\u003e\u003cspan\u003eiPad Air (5th generation)\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"rf-pdp-compatibility-productlistitems\" role=\"listitem\"\u003e\u003cspan\u003eiPad Air (4th generation)\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"para-list as-pdp-lastparalist\"\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"APPLE","offers":[{"title":"Default Title","offer_id":41295265661007,"sku":"MJQJ4HN\/A","price":18868.0,"currency_code":"MUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0558\/6885\/0255\/files\/MJQJ3.jpg?v=1710473269"},{"product_id":"apple-pencil-2nd-generation","title":"Apple Pencil (2nd generation)","description":"\u003c!-- ========================================================================== --\u003e\u003c!-- iStore Mauritius - Apple Pencil (2nd Gen) Official Accessory Experience   --\u003e\u003c!-- Aesthetic: Clean Apple Canvas, Precision Charcoal \u0026 Cyan Creative Accents --\u003e\u003c!-- ========================================================================== --\u003e\n\u003cdiv class=\"istore-pencil2-exp\" id=\"applePencil2Experience\"\u003e\n\u003cdiv class=\"pencil2-container\"\u003e\n\u003c!-- 1. HERO HEADER SECTION --\u003e\u003cheader class=\"pencil2-hero\"\u003e\u003cspan class=\"pencil2-hero-eyebrow\"\u003eAccessories\u003c\/span\u003e\n\u003ch1 class=\"pencil2-hero-title\"\u003e\u003cspan class=\"pencil2-brand-headline\"\u003eDream it up. Jot it down.\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"pencil2-chip-sub\"\u003eWireless pairing. Magnetic charging. Pixel-perfect precision.\u003c\/p\u003e\n\u003cp class=\"pencil2-hero-lead\"\u003eEngineered with imperceptible lag, pixel-perfect accuracy, and pressure sensitivity. Features a flat edge that attaches magnetically for \u003cstrong\u003eautomatic wireless charging and pairing\u003c\/strong\u003e, plus an intuitive touch surface that supports \u003cstrong\u003edouble-tapping\u003c\/strong\u003e to switch tools effortlessly.\u003c\/p\u003e\n\u003c!-- Clean Buy CTA Button (No Price Text) --\u003e\u003c!-- Color Pill --\u003e\n\u003cdiv class=\"pencil2-finish-showcase\"\u003e\n\u003cdiv class=\"pencil2-finish-pill\"\u003e\n\u003cspan class=\"pencil2-swatch-circle white\"\u003e\u003c\/span\u003e \u003cspan\u003eMatte White\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Mauritius Store Trust Strip --\u003e\n\u003cdiv class=\"pencil2-trust-grid\"\u003e\n\u003cdiv class=\"pencil2-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003eOfficial Apple Warranty\u003c\/strong\u003e\n\u003cp\u003e1-Year Worldwide Warranty via Apple Authorised Service Providers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencil2-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\u003e\u003c\/rect\u003e\u003cpolygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\u003e\u003c\/polygon\u003e\u003ccircle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003cstrong\u003eFree Island-Wide Delivery\u003c\/strong\u003e\n\u003cp\u003eFast doorstep courier dispatch across Mauritius\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencil2-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003eFlexible Payment\u003c\/strong\u003e\n\u003cp\u003eMCB Juice, Credit Card \u0026amp; Rogers Capital financing\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencil2-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003eWireless Magnetic Charging\u003c\/strong\u003e\n\u003cp\u003eAttaches and charges automatically on your iPad edge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- 2. HIGH-CONTRAST BENTO GRID --\u003e\n\u003csection class=\"pencil2-bento-grid\"\u003e\u003c!-- Card 1: Wireless Magnetic Charging --\u003e\n\u003carticle class=\"pencil2-bento-card highlight\"\u003e\n\u003cdiv class=\"pencil2-card-text\"\u003e\n\u003cspan class=\"pencil2-card-tag cyan-tag\"\u003eSeamless Power\u003c\/span\u003e\n\u003ch3\u003eWireless charging. Magnetic snap.\u003c\/h3\u003e\n\u003cp\u003eAttaches magnetically to the side of your compatible iPad to pair automatically and stay continuously charged without any cables or adapters.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencil2-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eWireless\u003c\/strong\u003e \u003cspan\u003eInductive charge\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong class=\"accent-cyan\"\u003eAutomatic\u003c\/strong\u003e \u003cspan\u003eBluetooth pairing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 2: Double-Tap Gesture --\u003e\n\u003carticle class=\"pencil2-bento-card\"\u003e\n\u003cdiv class=\"pencil2-card-text\"\u003e\n\u003cspan class=\"pencil2-card-tag\"\u003eIntuitive Control\u003c\/span\u003e\n\u003ch3\u003eDouble-tap to change tools.\u003c\/h3\u003e\n\u003cp\u003eSeamlessly switch between pen and eraser, or toggle brush modes with a simple double-tap right where your index finger naturally rests.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencil2-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eTouch Sensor\u003c\/strong\u003e \u003cspan\u003eDouble-tap surface\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eCustomizable\u003c\/strong\u003e \u003cspan\u003eIn iPadOS Settings\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 3: Pressure \u0026 Tilt Sensitivity --\u003e\n\u003carticle class=\"pencil2-bento-card\"\u003e\n\u003cdiv class=\"pencil2-card-text\"\u003e\n\u003cspan class=\"pencil2-card-tag\"\u003eArtistic Control\u003c\/span\u003e\n\u003ch3\u003ePressure \u0026amp; tilt sensitive.\u003c\/h3\u003e\n\u003cp\u003ePress harder for thicker lines, lighter for delicate strokes, and tilt the stylus to shade textures with fluid, natural resistance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencil2-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003ePressure\u003c\/strong\u003e \u003cspan\u003eVariable line weight\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eTilt\u003c\/strong\u003e \u003cspan\u003eNatural shading\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 4: Apple Pencil Hover --\u003e\n\u003carticle class=\"pencil2-bento-card\"\u003e\n\u003cdiv class=\"pencil2-card-text\"\u003e\n\u003cspan class=\"pencil2-card-tag\"\u003ePrecision Preview\u003c\/span\u003e\n\u003ch3\u003eApple Pencil Hover support.\u003c\/h3\u003e\n\u003cp\u003ePreview your mark up to 12 mm above the display on compatible iPad Pro models before your pen tip even touches the glass surface.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencil2-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003e12 mm\u003c\/strong\u003e \u003cspan\u003eHover preview\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eSub-Pixel\u003c\/strong\u003e \u003cspan\u003ePrecision mapping\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- 3. SPECS BANNER --\u003e\n\u003csection class=\"pencil2-banner\"\u003e\n\u003ch3\u003eEngineered for fluid, uninterrupted creativity.\u003c\/h3\u003e\n\u003cp\u003eWith a seamless unibody construction, matte tactile finish, and flat edge, Apple Pencil (2nd generation) is comfortable to hold for hours of sketching and writing.\u003c\/p\u003e\n\u003cdiv class=\"pencil2-banner-stats\"\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eDiameter\u003c\/span\u003e \u003cstrong\u003e8.9 mm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eLength\u003c\/span\u003e \u003cstrong\u003e166 mm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e \u003cstrong\u003e20.7 g\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eConnection\u003c\/span\u003e \u003cstrong\u003eBluetooth\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 4. EXPANDABLE TECH SPECS \u0026 COMPATIBILITY LIST (ACCORDIONS) --\u003e\n\u003csection class=\"pencil2-dropdowns-section\"\u003e\n\u003ch3 class=\"pencil2-dropdowns-heading\"\u003eProduct Details \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c!-- Dropdown 1: Technical Specifications --\u003e\n\u003cdetails class=\"pencil2-dropdown-item\" open=\"\"\u003e\n\u003csummary class=\"pencil2-dropdown-summary\"\u003e\u003cspan\u003eTechnical Specifications\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"pencil2-dropdown-body\"\u003e\n\u003ctable class=\"pencil2-specs-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eDimensions \u0026amp; Weight\u003c\/th\u003e\n\u003ctd\u003eLength: 166 mm (6.53 in) | Diameter: 8.9 mm (0.35 in) | Weight: 20.7 g (0.73 oz)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eConnectivity\u003c\/th\u003e\n\u003ctd\u003eBluetooth; Magnetic wireless charging and pairing interface\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFeatures\u003c\/th\u003e\n\u003ctd\u003ePixel-perfect precision, pressure sensitivity, tilt sensitivity, imperceptible latency, double-tap touch surface, Apple Pencil hover support, magnetic storage and charging\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFinish\u003c\/th\u003e\n\u003ctd\u003eSeamless Matte White with flat magnetic edge\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 2: Compatibility Matrix --\u003e\n\u003cdetails class=\"pencil2-dropdown-item\"\u003e\n\u003csummary class=\"pencil2-dropdown-summary\"\u003e\u003cspan\u003eiPad Compatibility\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"pencil2-dropdown-body\"\u003e\n\u003cul class=\"pencil2-bullet-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eiPad Pro 12.9-inch:\u003c\/strong\u003e 3rd, 4th, 5th, and 6th generation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eiPad Pro 11-inch:\u003c\/strong\u003e 1st, 2nd, 3rd, and 4th generation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eiPad Air:\u003c\/strong\u003e 4th and 5th generation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eiPad mini:\u003c\/strong\u003e 6th generation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 3: What's in the Box --\u003e\n\u003cdetails class=\"pencil2-dropdown-item\"\u003e\n\u003csummary class=\"pencil2-dropdown-summary\"\u003e\u003cspan\u003eWhat's in the Box\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"pencil2-dropdown-body\"\u003e\n\u003cul class=\"pencil2-bullet-list\"\u003e\n\u003cli\u003eApple Pencil (2nd generation)\u003c\/li\u003e\n\u003cli\u003eOfficial Documentation \u0026amp; Warranty Leaflet\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 4: Warranty \u0026 Service --\u003e\n\u003cdetails class=\"pencil2-dropdown-item\"\u003e\n\u003csummary class=\"pencil2-dropdown-summary\"\u003e\u003cspan\u003eWarranty \u0026amp; Service\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"pencil2-dropdown-body\"\u003e\n\u003cul class=\"pencil2-bullet-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eApple Worldwide Warranty:\u003c\/strong\u003e Includes Apple's 1-Year Limited Warranty, covered locally across Mauritius by certified Apple Authorised Service Providers.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAuthorised Service:\u003c\/strong\u003e For diagnostics, replacement tips, and technical support across Mauritius, visit our \u003ca href=\"https:\/\/www.istore.mu\/pages\/pages-support-repair\" rel=\"noopener noreferrer\" style=\"color: #0071e3; text-decoration: underline; font-weight: 600;\" target=\"_blank\"\u003eSupport \u0026amp; Repair Page\u003c\/a\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- CSS STYLES (Apple Pencil 2 Clean Typography \u0026 Accents)                     --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ========================================================================== --\u003e\n\u003cstyle\u003e\n  \/* Base Container \u0026 Isolation *\/\n  .istore-pencil2-exp {\n    width: 100%;\n    background-color: #fafafc !important;\n    color: #1d1d1f;\n    font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    padding: 60px 16px 90px;\n    box-sizing: border-box;\n  }\n\n  .istore-pencil2-exp * {\n    box-sizing: border-box;\n  }\n\n  .pencil2-container {\n    max-width: 1080px;\n    margin: 0 auto;\n    padding: 0 8px;\n  }\n\n  \/* 1. Hero Header Typography *\/\n  .pencil2-hero {\n    text-align: center;\n    max-width: 820px;\n    margin: 0 auto 54px;\n  }\n\n  .pencil2-hero-eyebrow {\n    font-size: 15px;\n    font-weight: 600;\n    color: #1d1d1f;\n    letter-spacing: -0.01em;\n    margin-bottom: 6px;\n    display: inline-block;\n  }\n\n  .pencil2-hero-title {\n    font-size: clamp(44px, 5.8vw, 70px);\n    line-height: 1.05;\n    font-weight: 700;\n    letter-spacing: -0.035em;\n    margin: 0 0 10px;\n  }\n\n  \/* Subtle Slate-to-Graphite Gradient *\/\n  .pencil2-brand-headline {\n    background: linear-gradient(90deg, #1d1d1f 0%, #3a3a3c 60%, #636366 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    display: inline-block;\n  }\n\n  .pencil2-chip-sub {\n    font-size: clamp(18px, 2.2vw, 22px);\n    font-weight: 600;\n    color: #1d1d1f;\n    letter-spacing: -0.015em;\n    margin: 0 0 20px;\n  }\n\n  .pencil2-hero-lead {\n    font-size: clamp(16px, 1.8vw, 19px);\n    line-height: 1.48;\n    color: #515154;\n    letter-spacing: -0.012em;\n    max-width: 760px;\n    margin: 0 auto 28px;\n  }\n\n  .pencil2-hero-lead strong {\n    color: #1d1d1f;\n  }\n\n  \/* Clean Buy Button *\/\n  .pencil2-cta-stack {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 24px;\n  }\n\n  .pencil2-buy-btn {\n    background: #0071e3;\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 400;\n    padding: 8px 28px;\n    border-radius: 980px;\n    text-decoration: none;\n    display: inline-block;\n    transition: background 0.2s ease, transform 0.15s ease;\n  }\n\n  .pencil2-buy-btn:hover {\n    background: #0077ed;\n    transform: scale(1.02);\n  }\n\n  \/* Color Swatch *\/\n  .pencil2-finish-showcase {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 34px;\n  }\n\n  .pencil2-finish-pill {\n    background: #ffffff;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n    border-radius: 980px;\n    padding: 6px 16px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    color: #1d1d1f;\n  }\n\n  .pencil2-swatch-circle {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    display: inline-block;\n  }\n\n  .pencil2-swatch-circle.white {\n    background: #ffffff;\n    border: 1px solid rgba(0, 0, 0, 0.2);\n  }\n\n  \/* Trust Grid *\/\n  .pencil2-trust-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n    width: 100%;\n    margin-top: 14px;\n  }\n\n  .pencil2-trust-card {\n    background: #ffffff;\n    border-radius: 16px;\n    padding: 16px;\n    text-align: center;\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\n  }\n\n  .pencil2-trust-card svg {\n    color: #1d1d1f;\n    margin-bottom: 6px;\n  }\n\n  .pencil2-trust-card strong {\n    font-size: 13px;\n    font-weight: 700;\n    color: #1d1d1f;\n    display: block;\n    margin-bottom: 4px;\n  }\n\n  .pencil2-trust-card p {\n    font-size: 12px;\n    color: #86868b;\n    margin: 0;\n    line-height: 1.35;\n  }\n\n  \/* 2. Bento Grid *\/\n  .pencil2-bento-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n    margin-bottom: 40px;\n  }\n\n  .pencil2-bento-card {\n    background: #ffffff;\n    border-radius: 22px;\n    padding: 30px 26px;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .pencil2-bento-card.highlight {\n    background: linear-gradient(180deg, #ffffff 0%, #f7f7f9 100%);\n    border-color: rgba(0, 0, 0, 0.08);\n  }\n\n  .pencil2-card-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: #86868b;\n    margin-bottom: 8px;\n    display: block;\n  }\n\n  .pencil2-card-tag.cyan-tag {\n    color: #0077b6;\n  }\n\n  .pencil2-card-text h3 {\n    font-size: clamp(20px, 2.2vw, 26px);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    margin: 0 0 8px;\n    color: #1d1d1f;\n    line-height: 1.2;\n  }\n\n  .pencil2-card-text p {\n    font-size: 14.5px;\n    line-height: 1.48;\n    color: #515154;\n    margin: 0;\n  }\n\n  .pencil2-metric-strip {\n    display: flex;\n    gap: 24px;\n    margin-top: 24px;\n    padding-top: 16px;\n    border-top: 1px solid rgba(0, 0, 0, 0.06);\n  }\n\n  .metric-item strong {\n    font-size: 20px;\n    font-weight: 700;\n    color: #1d1d1f;\n    display: block;\n  }\n\n  .accent-cyan {\n    color: #0077b6;\n  }\n\n  .metric-item span {\n    font-size: 12px;\n    color: #86868b;\n  }\n\n  \/* 3. Banner *\/\n  .pencil2-banner {\n    background: #ffffff;\n    border-radius: 24px;\n    padding: clamp(26px, 4vw, 40px);\n    margin-bottom: 44px;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);\n  }\n\n  .pencil2-banner h3 {\n    font-size: clamp(22px, 3vw, 32px);\n    font-weight: 700;\n    letter-spacing: -0.025em;\n    margin: 0 0 10px;\n    color: #1d1d1f;\n  }\n\n  .pencil2-banner p {\n    font-size: 15px;\n    line-height: 1.5;\n    color: #515154;\n    margin: 0 0 24px;\n  }\n\n  .pencil2-banner-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\n    padding-top: 20px;\n  }\n\n  .stat-col span {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: #86868b;\n    display: block;\n    margin-bottom: 2px;\n  }\n\n  .stat-col strong {\n    font-size: 15px;\n    font-weight: 700;\n    color: #1d1d1f;\n  }\n\n  \/* 4. Dropdowns (Accordions) *\/\n  .pencil2-dropdowns-section {\n    padding-top: 16px;\n  }\n\n  .pencil2-dropdowns-heading {\n    font-size: 24px;\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    margin: 0 0 18px;\n    color: #0a2540;\n  }\n\n  .pencil2-dropdown-item {\n    background: #ffffff;\n    border-radius: 12px;\n    margin-bottom: 10px;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    overflow: hidden;\n  }\n\n  .pencil2-dropdown-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 18px 20px;\n    cursor: pointer;\n    list-style: none;\n    user-select: none;\n  }\n\n  .pencil2-dropdown-summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .pencil2-dropdown-summary span {\n    font-size: 17px;\n    font-weight: 600;\n    letter-spacing: -0.015em;\n    color: #1d1d1f;\n  }\n\n  .chevron-icon {\n    transition: transform 0.25s ease;\n    color: #86868b;\n  }\n\n  .pencil2-dropdown-item[open] .chevron-icon {\n    transform: rotate(180deg);\n  }\n\n  .pencil2-dropdown-body {\n    padding: 0 20px 22px;\n  }\n\n  .pencil2-specs-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 14px;\n  }\n\n  .pencil2-specs-table tr {\n    border-bottom: 1px solid #f0f0f2;\n  }\n\n  .pencil2-specs-table th {\n    padding: 12px 6px;\n    width: 28%;\n    color: #86868b;\n    font-weight: 600;\n    vertical-align: top;\n    text-align: left;\n  }\n\n  .pencil2-specs-table td {\n    padding: 12px 6px;\n    color: #1d1d1f;\n    line-height: 1.45;\n  }\n\n  .pencil2-bullet-list {\n    margin: 0;\n    padding-left: 20px;\n    font-size: 14.5px;\n    color: #515154;\n    line-height: 1.6;\n  }\n\n  .pencil2-bullet-list li {\n    margin-bottom: 8px;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .pencil2-trust-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .pencil2-banner-stats {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 18px 12px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .pencil2-bento-grid {\n      grid-template-columns: 1fr;\n    }\n    .pencil2-specs-table th {\n      width: 36%;\n      font-size: 13px;\n    }\n    .pencil2-specs-table td {\n      font-size: 13px;\n    }\n    .pencil2-trust-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e","brand":"APPLE","offers":[{"title":"Default Title","offer_id":41433311182927,"sku":"MU8F2AM\/A","price":8990.0,"currency_code":"MUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0558\/6885\/0255\/files\/GUEST_dfcf24e2-203c-408f-8765-4895d7bb7bb8.webp?v=1712732107"},{"product_id":"apple-pencil-pro","title":"Apple Pencil Pro","description":"\u003c!-- ========================================================================== --\u003e\u003c!-- iStore Mauritius - Apple Pencil Pro Official Flagship Experience          --\u003e\u003c!-- Aesthetic: Clean Apple Canvas, Creative Rainbow Accent \u0026 Graphite Text    --\u003e\u003c!-- ========================================================================== --\u003e\n\u003cdiv class=\"istore-pencilpro-exp\" id=\"applePencilProExperience\"\u003e\n\u003cdiv class=\"pencilpro-container\"\u003e\n\u003c!-- 1. HERO HEADER SECTION --\u003e\u003cheader class=\"pencilpro-hero\"\u003e\u003cspan class=\"pencilpro-hero-eyebrow\"\u003eAccessories\u003c\/span\u003e\n\u003ch1 class=\"pencilpro-hero-title\"\u003e\u003cspan class=\"pencilpro-brand-headline\"\u003eEngineered for limitless creativity.\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"pencilpro-chip-sub\"\u003eSqueeze. Barrel roll. Haptic feedback. Find My.\u003c\/p\u003e\n\u003cp class=\"pencilpro-hero-lead\"\u003ePacked with magical capabilities that bring ideas to life like never before. Featuring a revolutionary \u003cstrong\u003esqueeze sensor\u003c\/strong\u003e, a built-in \u003cstrong\u003egyroscope for barrel roll\u003c\/strong\u003e, custom \u003cstrong\u003ehaptic feedback\u003c\/strong\u003e, and native \u003cstrong\u003eFind My\u003c\/strong\u003e integration to effortlessly locate it anywhere.\u003c\/p\u003e\n\u003c!-- Clean Buy CTA Button (No Price Text) --\u003e\u003cbr\u003e\u003c!-- Color Swatch Pill --\u003e\n\u003cdiv class=\"pencilpro-finish-showcase\"\u003e\n\u003cdiv class=\"pencilpro-finish-pill\"\u003e\n\u003cspan class=\"pencilpro-swatch-circle white\"\u003e\u003c\/span\u003e \u003cspan\u003eMatte White\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Mauritius Store Trust Strip --\u003e\n\u003cdiv class=\"pencilpro-trust-grid\"\u003e\n\u003cdiv class=\"pencilpro-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003eOfficial Apple Warranty\u003c\/strong\u003e\n\u003cp\u003e1-Year Worldwide Warranty via Apple Authorised Service Providers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencilpro-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\u003e\u003c\/rect\u003e\u003cpolygon points=\"16 8 20 8 23 11 23 16 16 16 8\"\u003e\u003c\/polygon\u003e\u003ccircle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003cstrong\u003eFree Island-Wide Delivery\u003c\/strong\u003e\n\u003cp\u003eFast doorstep courier dispatch across Mauritius\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencilpro-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003eFlexible Payment\u003c\/strong\u003e\n\u003cp\u003eMCB Juice, Credit Card \u0026amp; Rogers Capital financing\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencilpro-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 12h20\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003eFind My Support\u003c\/strong\u003e\n\u003cp\u003eEasily locate your Apple Pencil Pro in the Find My app\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- 2. HIGH-CONTRAST BENTO GRID --\u003e\n\u003csection class=\"pencilpro-bento-grid\"\u003e\u003c!-- Card 1: Squeeze Gesture --\u003e\n\u003carticle class=\"pencilpro-bento-card highlight\"\u003e\n\u003cdiv class=\"pencilpro-card-text\"\u003e\n\u003cspan class=\"pencilpro-card-tag magenta-tag\"\u003eNew Sensor\u003c\/span\u003e\n\u003ch3\u003eSqueeze to summon tools.\u003c\/h3\u003e\n\u003cp\u003eA custom pressure sensor detects when you squeeze the barrel, instantly opening a contextual palette on screen so you can quickly switch tools, adjust line weights, and pick colors without breaking your creative flow.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencilpro-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eSqueeze\u003c\/strong\u003e \u003cspan\u003eInstant tool palette\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong class=\"accent-magenta\"\u003eAdaptive\u003c\/strong\u003e \u003cspan\u003eTool sensitivity\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 2: Barrel Roll --\u003e\n\u003carticle class=\"pencilpro-bento-card\"\u003e\n\u003cdiv class=\"pencilpro-card-text\"\u003e\n\u003cspan class=\"pencilpro-card-tag\"\u003eGyroscope Control\u003c\/span\u003e\n\u003ch3\u003eBarrel roll for shaped pens \u0026amp; brushes.\u003c\/h3\u003e\n\u003cp\u003eA precision internal gyroscope lets you rotate the Apple Pencil Pro to change the orientation of shaped brush and pen tools in real time, mimicking real-world calligraphic pens and angled markers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencilpro-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eGyroscope\u003c\/strong\u003e \u003cspan\u003eDynamic rotation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eOrientation\u003c\/strong\u003e \u003cspan\u003eReal-time control\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 3: Custom Haptic Engine --\u003e\n\u003carticle class=\"pencilpro-bento-card\"\u003e\n\u003cdiv class=\"pencilpro-card-text\"\u003e\n\u003cspan class=\"pencilpro-card-tag\"\u003eTactile Touch\u003c\/span\u003e\n\u003ch3\u003eHaptic feedback you can feel.\u003c\/h3\u003e\n\u003cp\u003eAn internal haptic engine produces light pulses when you squeeze or double-tap, confirming your gesture with subtle tactile feedback so you always know an action was registered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencilpro-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eHaptics\u003c\/strong\u003e \u003cspan\u003eTactile response\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eDouble-Tap\u003c\/strong\u003e \u003cspan\u003eTool swap\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 4: Hover \u0026 Find My --\u003e\n\u003carticle class=\"pencilpro-bento-card\"\u003e\n\u003cdiv class=\"pencilpro-card-text\"\u003e\n\u003cspan class=\"pencilpro-card-tag\"\u003ePrecision \u0026amp; Peace of Mind\u003c\/span\u003e\n\u003ch3\u003ePencil Hover \u0026amp; Find My tracking.\u003c\/h3\u003e\n\u003cp\u003eSee exactly where your stroke will land before you touch the display with Apple Pencil Hover. And if you misplace it, track it down using the Find My app on your iPhone, iPad, or Mac.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencilpro-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eHover\u003c\/strong\u003e \u003cspan\u003ePrecise stroke preview\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eFind My\u003c\/strong\u003e \u003cspan\u003eLost device tracking\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- 3. SPECS BANNER --\u003e\n\u003csection class=\"pencilpro-banner\"\u003e\n\u003ch3\u003eThe ultimate tool for artists, designers, and thinkers.\u003c\/h3\u003e\n\u003cp\u003eAttaches, pairs, and charges magnetically to the side edge of compatible iPad models. Delivers pixel-perfect accuracy, pressure sensitivity, and imperceptible latency.\u003c\/p\u003e\n\u003cdiv class=\"pencilpro-banner-stats\"\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eDiameter\u003c\/span\u003e \u003cstrong\u003e8.9 mm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eLength\u003c\/span\u003e \u003cstrong\u003e166 mm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e \u003cstrong\u003e19.15 g\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eCharging\u003c\/span\u003e \u003cstrong\u003eMagnetic Wireless\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 4. EXPANDABLE TECH SPECS \u0026 COMPATIBILITY LIST (ACCORDIONS) --\u003e\n\u003csection class=\"pencilpro-dropdowns-section\"\u003e\n\u003ch3 class=\"pencilpro-dropdowns-heading\"\u003eProduct Details \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c!-- Dropdown 1: Technical Specifications --\u003e\n\u003cdetails class=\"pencilpro-dropdown-item\" open=\"\"\u003e\n\u003csummary class=\"pencilpro-dropdown-summary\"\u003e\u003cspan\u003eTechnical Specifications\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"pencilpro-dropdown-body\"\u003e\n\u003ctable class=\"pencilpro-specs-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eDimensions \u0026amp; Weight\u003c\/th\u003e\n\u003ctd\u003eLength: 166 mm (6.53 in) | Diameter: 8.9 mm (0.35 in) | Weight: 19.15 g (0.68 oz)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eConnectivity\u003c\/th\u003e\n\u003ctd\u003eBluetooth; Magnetic wireless charging and pairing interface\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eAdvanced Sensors\u003c\/th\u003e\n\u003ctd\u003eSqueeze sensor; Gyroscope for barrel roll; Haptic engine; Capacitive double-tap sensor\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKey Features\u003c\/th\u003e\n\u003ctd\u003eSqueeze palette summoning, barrel roll brush rotation, haptic feedback pulses, Apple Pencil hover, double-tap tool swap, Find My network tracking, pixel-perfect accuracy, tilt \u0026amp; pressure sensitivity\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFinish\u003c\/th\u003e\n\u003ctd\u003eMatte White with flat magnetic edge\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSystem Requirements\u003c\/th\u003e\n\u003ctd\u003eiPadOS 17.5 or later\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 2: Compatibility Matrix --\u003e\n\u003cdetails class=\"pencilpro-dropdown-item\"\u003e\n\u003csummary class=\"pencilpro-dropdown-summary\"\u003e\u003cspan\u003eiPad Compatibility\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"pencilpro-dropdown-body\"\u003e\n\u003cul class=\"pencilpro-bullet-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eiPad Pro:\u003c\/strong\u003e 13-inch iPad Pro (M4 \u0026amp; M5) \u0026amp; 11-inch iPad Pro (M4 \u0026amp; M5)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eiPad Air:\u003c\/strong\u003e 13-inch iPad Air (M2 \u0026amp; M4) \u0026amp; 11-inch iPad Air (M2 \u0026amp; M4)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eiPad mini:\u003c\/strong\u003e iPad mini (A17 Pro)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 3: What's in the Box --\u003e\n\u003cdetails class=\"pencilpro-dropdown-item\"\u003e\n\u003csummary class=\"pencilpro-dropdown-summary\"\u003e\u003cspan\u003eWhat's in the Box\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"pencilpro-dropdown-body\"\u003e\n\u003cul class=\"pencilpro-bullet-list\"\u003e\n\u003cli\u003eApple Pencil Pro\u003c\/li\u003e\n\u003cli\u003eOfficial Documentation \u0026amp; Warranty Leaflet\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 4: Warranty \u0026 Service --\u003e\n\u003cdetails class=\"pencilpro-dropdown-item\"\u003e\n\u003csummary class=\"pencilpro-dropdown-summary\"\u003e\u003cspan\u003eWarranty \u0026amp; Service\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"pencilpro-dropdown-body\"\u003e\n\u003cul class=\"pencilpro-bullet-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eApple Worldwide Warranty:\u003c\/strong\u003e Includes Apple's 1-Year Limited Warranty, covered locally across Mauritius by certified Apple Authorised Service Providers.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAuthorised Service:\u003c\/strong\u003e For diagnostics, replacement tips, and technical support across Mauritius, visit our \u003ca href=\"https:\/\/www.istore.mu\/pages\/pages-support-repair\" rel=\"noopener noreferrer\" style=\"color: #0071e3; text-decoration: underline; font-weight: 600;\" target=\"_blank\"\u003eSupport \u0026amp; Repair Page\u003c\/a\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- CSS STYLES (Apple Pencil Pro Vivid Creative Gradient Theme)                --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ========================================================================== --\u003e\n\u003cstyle\u003e\n  \/* Base Container \u0026 Isolation *\/\n  .istore-pencilpro-exp {\n    width: 100%;\n    background-color: #fafafc !important;\n    color: #1d1d1f;\n    font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    padding: 60px 16px 90px;\n    box-sizing: border-box;\n  }\n\n  .istore-pencilpro-exp * {\n    box-sizing: border-box;\n  }\n\n  .pencilpro-container {\n    max-width: 1080px;\n    margin: 0 auto;\n    padding: 0 8px;\n  }\n\n  \/* 1. Hero Header Typography *\/\n  .pencilpro-hero {\n    text-align: center;\n    max-width: 820px;\n    margin: 0 auto 54px;\n  }\n\n  .pencilpro-hero-eyebrow {\n    font-size: 15px;\n    font-weight: 600;\n    color: #1d1d1f;\n    letter-spacing: -0.01em;\n    margin-bottom: 6px;\n    display: inline-block;\n  }\n\n  .pencilpro-hero-title {\n    font-size: clamp(44px, 5.8vw, 70px);\n    line-height: 1.05;\n    font-weight: 700;\n    letter-spacing: -0.035em;\n    margin: 0 0 10px;\n  }\n\n  \/* Apple Pencil Pro Creative Gradient (Orange, Magenta, Indigo) *\/\n  .pencilpro-brand-headline {\n    background: linear-gradient(90deg, #f72585 0%, #7209b7 45%, #3a0ca3 85%, #4361ee 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    display: inline-block;\n  }\n\n  .pencilpro-chip-sub {\n    font-size: clamp(18px, 2.2vw, 22px);\n    font-weight: 600;\n    color: #1d1d1f;\n    letter-spacing: -0.015em;\n    margin: 0 0 20px;\n  }\n\n  .pencilpro-hero-lead {\n    font-size: clamp(16px, 1.8vw, 19px);\n    line-height: 1.48;\n    color: #515154;\n    letter-spacing: -0.012em;\n    max-width: 760px;\n    margin: 0 auto 28px;\n  }\n\n  .pencilpro-hero-lead strong {\n    color: #1d1d1f;\n  }\n\n  \/* Clean Buy Button *\/\n  .pencilpro-cta-stack {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 24px;\n  }\n\n  .pencilpro-buy-btn {\n    background: #0071e3;\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 400;\n    padding: 8px 28px;\n    border-radius: 980px;\n    text-decoration: none;\n    display: inline-block;\n    transition: background 0.2s ease, transform 0.15s ease;\n  }\n\n  .pencilpro-buy-btn:hover {\n    background: #0077ed;\n    transform: scale(1.02);\n  }\n\n  \/* Color Swatch *\/\n  .pencilpro-finish-showcase {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 34px;\n  }\n\n  .pencilpro-finish-pill {\n    background: #ffffff;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n    border-radius: 980px;\n    padding: 6px 16px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    color: #1d1d1f;\n  }\n\n  .pencilpro-swatch-circle {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    display: inline-block;\n  }\n\n  .pencilpro-swatch-circle.white {\n    background: #ffffff;\n    border: 1px solid rgba(0, 0, 0, 0.2);\n  }\n\n  \/* Trust Grid *\/\n  .pencilpro-trust-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n    width: 100%;\n    margin-top: 14px;\n  }\n\n  .pencilpro-trust-card {\n    background: #ffffff;\n    border-radius: 16px;\n    padding: 16px;\n    text-align: center;\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\n  }\n\n  .pencilpro-trust-card svg {\n    color: #1d1d1f;\n    margin-bottom: 6px;\n  }\n\n  .pencilpro-trust-card strong {\n    font-size: 13px;\n    font-weight: 700;\n    color: #1d1d1f;\n    display: block;\n    margin-bottom: 4px;\n  }\n\n  .pencilpro-trust-card p {\n    font-size: 12px;\n    color: #86868b;\n    margin: 0;\n    line-height: 1.35;\n  }\n\n  \/* 2. Bento Grid *\/\n  .pencilpro-bento-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n    margin-bottom: 40px;\n  }\n\n  .pencilpro-bento-card {\n    background: #ffffff;\n    border-radius: 22px;\n    padding: 30px 26px;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .pencilpro-bento-card.highlight {\n    background: linear-gradient(180deg, #ffffff 0%, #f7f7f9 100%);\n    border-color: rgba(0, 0, 0, 0.08);\n  }\n\n  .pencilpro-card-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: #86868b;\n    margin-bottom: 8px;\n    display: block;\n  }\n\n  .pencilpro-card-tag.magenta-tag {\n    color: #f72585;\n  }\n\n  .pencilpro-card-text h3 {\n    font-size: clamp(20px, 2.2vw, 26px);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    margin: 0 0 8px;\n    color: #1d1d1f;\n    line-height: 1.2;\n  }\n\n  .pencilpro-card-text p {\n    font-size: 14.5px;\n    line-height: 1.48;\n    color: #515154;\n    margin: 0;\n  }\n\n  .pencilpro-metric-strip {\n    display: flex;\n    gap: 24px;\n    margin-top: 24px;\n    padding-top: 16px;\n    border-top: 1px solid rgba(0, 0, 0, 0.06);\n  }\n\n  .metric-item strong {\n    font-size: 20px;\n    font-weight: 700;\n    color: #1d1d1f;\n    display: block;\n  }\n\n  .accent-magenta {\n    color: #f72585;\n  }\n\n  .metric-item span {\n    font-size: 12px;\n    color: #86868b;\n  }\n\n  \/* 3. Banner *\/\n  .pencilpro-banner {\n    background: #ffffff;\n    border-radius: 24px;\n    padding: clamp(26px, 4vw, 40px);\n    margin-bottom: 44px;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);\n  }\n\n  .pencilpro-banner h3 {\n    font-size: clamp(22px, 3vw, 32px);\n    font-weight: 700;\n    letter-spacing: -0.025em;\n    margin: 0 0 10px;\n    color: #1d1d1f;\n  }\n\n  .pencilpro-banner p {\n    font-size: 15px;\n    line-height: 1.5;\n    color: #515154;\n    margin: 0 0 24px;\n  }\n\n  .pencilpro-banner-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\n    padding-top: 20px;\n  }\n\n  .stat-col span {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: #86868b;\n    display: block;\n    margin-bottom: 2px;\n  }\n\n  .stat-col strong {\n    font-size: 15px;\n    font-weight: 700;\n    color: #1d1d1f;\n  }\n\n  \/* 4. Dropdowns (Accordions) *\/\n  .pencilpro-dropdowns-section {\n    padding-top: 16px;\n  }\n\n  .pencilpro-dropdowns-heading {\n    font-size: 24px;\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    margin: 0 0 18px;\n    color: #0a2540;\n  }\n\n  .pencilpro-dropdown-item {\n    background: #ffffff;\n    border-radius: 12px;\n    margin-bottom: 10px;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    overflow: hidden;\n  }\n\n  .pencilpro-dropdown-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 18px 20px;\n    cursor: pointer;\n    list-style: none;\n    user-select: none;\n  }\n\n  .pencilpro-dropdown-summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .pencilpro-dropdown-summary span {\n    font-size: 17px;\n    font-weight: 600;\n    letter-spacing: -0.015em;\n    color: #1d1d1f;\n  }\n\n  .chevron-icon {\n    transition: transform 0.25s ease;\n    color: #86868b;\n  }\n\n  .pencilpro-dropdown-item[open] .chevron-icon {\n    transform: rotate(180deg);\n  }\n\n  .pencilpro-dropdown-body {\n    padding: 0 20px 22px;\n  }\n\n  .pencilpro-specs-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 14px;\n  }\n\n  .pencilpro-specs-table tr {\n    border-bottom: 1px solid #f0f0f2;\n  }\n\n  .pencilpro-specs-table th {\n    padding: 12px 6px;\n    width: 28%;\n    color: #86868b;\n    font-weight: 600;\n    vertical-align: top;\n    text-align: left;\n  }\n\n  .pencilpro-specs-table td {\n    padding: 12px 6px;\n    color: #1d1d1f;\n    line-height: 1.45;\n  }\n\n  .pencilpro-bullet-list {\n    margin: 0;\n    padding-left: 20px;\n    font-size: 14.5px;\n    color: #515154;\n    line-height: 1.6;\n  }\n\n  .pencilpro-bullet-list li {\n    margin-bottom: 8px;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .pencilpro-trust-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .pencilpro-banner-stats {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 18px 12px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .pencilpro-bento-grid {\n      grid-template-columns: 1fr;\n    }\n    .pencilpro-specs-table th {\n      width: 36%;\n      font-size: 13px;\n    }\n    .pencilpro-specs-table td {\n      font-size: 13px;\n    }\n    .pencilpro-trust-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e","brand":"APPLE","offers":[{"title":"Default Title","offer_id":41886702403663,"sku":"","price":8990.0,"currency_code":"MUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0558\/6885\/0255\/files\/MX2D3.jpg?v=1717415801"},{"product_id":"apple-pencil-1st-generation","title":"Apple Pencil (1st Generation)","description":"\u003ch1 data-autom=\"productTitle\" class=\"rf-pdp-title\"\u003eApple Pencil (1st Generation)\u003c\/h1\u003e\n\u003cdiv data-core-height-transition-wrapper=\"\" class=\"r-height-transition-enter-done\"\u003e\n\u003cdiv data-core-height-transition-content=\"\"\u003e\n\u003cdiv data-core-accordion-content=\"\" id=\"content-:r6:-0\"\u003e\n\u003cdiv class=\"rc-accordion-content large-10 rc-accordion-content-nopadding\"\u003e\n\u003cdiv class=\"\"\u003e\n\u003cdiv class=\"rc-pdsection-panel Overview-panel row\"\u003e\n\u003cdiv class=\"rc-pdsection-sidepanel column large-3 small-12\"\u003e\n\u003ch3 data-autom=\"sectionTitle\" class=\"rc-pdsection-title typography-label\"\u003eOverview\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-pdsection-mainpanel column large-9 small-12\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"para-list as-pdp-lastparalist\"\u003e\n\u003cp\u003eApple Pencil expands the versatility of iPad and opens up new creative possibilities. It’s sensitive to pressure and tilt so you can easily vary line weight, create subtle shading and produce a wide range of artistic effects — all with pixel-perfect precision, so it’s as natural to use as a pencil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"para-list as-pdp-lastparalist\"\u003e\n\u003cp\u003eApple Pencil (1st generation) pairs and charges via Lightning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-pdsection-panel WhatsInTheBox-panel row\"\u003e\n\u003cdiv class=\"rc-pdsection-sidepanel column large-3 small-12\"\u003e\n\u003ch3 data-autom=\"sectionTitle\" class=\"rc-pdsection-title typography-label\"\u003eWhat’s in the Box\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-pdsection-mainpanel column large-9 small-12\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"para-list\"\u003e\n\u003cp\u003eApple Pencil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"para-list\"\u003e\n\u003cp\u003eLightning adapter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"para-list\"\u003e\n\u003cp\u003eExtra tip\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"para-list as-pdp-lastparalist\"\u003e\n\u003cp\u003eUSB-C to Apple Pencil Adapter (required to pair and charge with 10th-generation iPad)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-pdsection-panel TechSpecs-panel row\"\u003e\n\u003cdiv class=\"rc-pdsection-sidepanel column large-3 small-12\"\u003e\n\u003ch3 data-autom=\"sectionTitle\" class=\"rc-pdsection-title typography-label\"\u003eTech Specs\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rc-pdsection-mainpanel column large-9 small-12\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"para-list\"\u003e\n\u003cp\u003eLength: 175.7 mm (6.92 inches) measured from tip to cap\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"para-list as-pdp-lastparalist\"\u003e\n\u003cp\u003eDiameter: 8.9 mm (0.35 inches)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"para-list as-pdp-lastparalist\"\u003e\n\u003cp\u003eWeight: 20.7 grams (0.73 ounces)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4 class=\"h4-para-title\"\u003eConnections\u003c\/h4\u003e\n\u003cdiv class=\"para-list\"\u003e\n\u003cp\u003eBluetooth\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"para-list as-pdp-lastparalist\"\u003e\n\u003cp\u003eLightning connector\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4 class=\"h4-para-title\"\u003eOther Features\u003c\/h4\u003e\n\u003cdiv class=\"para-list as-pdp-lastparalist\"\u003e\n\u003cp\u003eMagnetically attached cap\u003c\/p\u003e\n\u003ch2 class=\"dd-billboard-header\"\u003eWhat’s in the Box\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0558\/6885\/0255\/files\/ipad-apple-pencil-witb-202210.png?v=1718203615\"\u003e\u003c\/p\u003e\n\u003cdiv id=\"as-pdp-billboardsection\" class=\"as-pdp-billboardsection as-l-container\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"dd-billboard dd-pdp-apple-pencil-witb\"\u003e\n\u003cdiv class=\"dd-l-plate\"\u003e\n\u003cdiv class=\"dd-billboard-image\"\u003e\n\u003cp class=\"dd-witb-subheader dd-compact-small-10\"\u003eApple Pencil, Lightning adapter, extra tip and USB-C to Apple Pencil Adapter (required to pair and charge 10th-generation iPad).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!----\u003e","brand":"APPLE","offers":[{"title":"Default Title","offer_id":41919200100431,"sku":"","price":6990.0,"currency_code":"MUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0558\/6885\/0255\/files\/MK0C2.jpg?v=1718203700"},{"product_id":"apple-pencil-usb-c","title":"Apple Pencil (USB-C)","description":"\u003c!-- ========================================================================== --\u003e\u003c!-- iStore Mauritius - Apple Pencil (USB-C) Official Accessory Experience      --\u003e\u003c!-- Aesthetic: Clean Apple Canvas, Precision Slate \u0026 Cyan Creative Accents     --\u003e\u003c!-- ========================================================================== --\u003e\n\u003cdiv class=\"istore-pencil-exp\" id=\"applePencilUsbCExperience\"\u003e\n\u003cdiv class=\"pencil-container\"\u003e\n\u003c!-- 1. HERO HEADER SECTION --\u003e\u003cheader class=\"pencil-hero\"\u003e\u003cspan class=\"pencil-hero-eyebrow\"\u003eAccessories\u003c\/span\u003e\n\u003ch1 class=\"pencil-hero-title\"\u003e\u003cspan class=\"pencil-brand-headline\"\u003eDraw. Write. Create.\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"pencil-chip-sub\"\u003eGreat note-taking and sketching. Now with USB-C.\u003c\/p\u003e\n\u003cp class=\"pencil-hero-lead\"\u003eDesigned for pixel-perfect precision, low latency, and tilt sensitivity. Featuring a matte finish, a flat edge that attaches magnetically to your iPad for easy storage, and a sliding cap revealing a \u003cstrong\u003eUSB-C port\u003c\/strong\u003e for pairing and charging.\u003c\/p\u003e\n\u003c!-- Clean Buy CTA Button (No Price Text) --\u003e\u003c!-- Color Pill --\u003e\n\u003cdiv class=\"pencil-finish-showcase\"\u003e\n\u003cdiv class=\"pencil-finish-pill\"\u003e\n\u003cspan class=\"pencil-swatch-circle white\"\u003e\u003c\/span\u003e \u003cspan\u003eMatte White\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Mauritius Store Trust Strip --\u003e\n\u003cdiv class=\"pencil-trust-grid\"\u003e\n\u003cdiv class=\"pencil-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003eOfficial Apple Warranty\u003c\/strong\u003e\n\u003cp\u003e1-Year Worldwide Warranty via Apple Authorised Service Providers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencil-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\u003e\u003c\/rect\u003e\u003cpolygon points=\"16 8 20 8 23 11 23 16 16 16 8\"\u003e\u003c\/polygon\u003e\u003ccircle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003cstrong\u003eFree Island-Wide Delivery\u003c\/strong\u003e\n\u003cp\u003eFast doorstep courier dispatch across Mauritius\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencil-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003eFlexible Payment\u003c\/strong\u003e\n\u003cp\u003eMCB Juice, Credit Card \u0026amp; Rogers Capital financing\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencil-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 19l7-7 3 3-7 7-3-3z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003ePixel-Perfect Precision\u003c\/strong\u003e\n\u003cp\u003eFeels as natural and responsive as pencil on paper\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- 2. HIGH-CONTRAST BENTO GRID --\u003e\n\u003csection class=\"pencil-bento-grid\"\u003e\u003c!-- Card 1: Precision \u0026 Tilt --\u003e\n\u003carticle class=\"pencil-bento-card highlight\"\u003e\n\u003cdiv class=\"pencil-card-text\"\u003e\n\u003cspan class=\"pencil-card-tag cyan-tag\"\u003ePrecision Input\u003c\/span\u003e\n\u003ch3\u003ePixel-perfect accuracy. Imperceptible lag.\u003c\/h3\u003e\n\u003cp\u003eWrite, sketch, and illustrate with total precision down to the individual pixel. Tilt sensitivity lets you shade drawings naturally just like a traditional graphite pencil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencil-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eSub-Pixel\u003c\/strong\u003e \u003cspan\u003eExact accuracy\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong class=\"accent-cyan\"\u003eTilt\u003c\/strong\u003e \u003cspan\u003eDynamic shading\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 2: Sliding Cap USB-C --\u003e\n\u003carticle class=\"pencil-bento-card\"\u003e\n\u003cdiv class=\"pencil-card-text\"\u003e\n\u003cspan class=\"pencil-card-tag\"\u003eSmart Charging\u003c\/span\u003e\n\u003ch3\u003eHidden USB-C Port \u0026amp; Fast Pairing\u003c\/h3\u003e\n\u003cp\u003eSlide back the end cap to reveal the recessed USB-C connector. Plug in with any standard USB-C cable to pair instantly and charge in minutes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencil-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eUSB-C\u003c\/strong\u003e \u003cspan\u003eUniversal connector\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eSliding Cap\u003c\/strong\u003e \u003cspan\u003eProtective latch\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 3: Magnetic Attachment --\u003e\n\u003carticle class=\"pencil-bento-card\"\u003e\n\u003cdiv class=\"pencil-card-text\"\u003e\n\u003cspan class=\"pencil-card-tag\"\u003eStorage\u003c\/span\u003e\n\u003ch3\u003eSnaps magnetically to iPad.\u003c\/h3\u003e\n\u003cp\u003eThe flat edge snaps securely to the side of your iPad for convenient, travel-ready storage so your stylus is always within reach when inspiration strikes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencil-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eMagnetic\u003c\/strong\u003e \u003cspan\u003eFirm side hold\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eSleep Mode\u003c\/strong\u003e \u003cspan\u003eAuto battery saver\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 4: Apple Pencil Hover --\u003e\n\u003carticle class=\"pencil-bento-card\"\u003e\n\u003cdiv class=\"pencil-card-text\"\u003e\n\u003cspan class=\"pencil-card-tag\"\u003ePro Interaction\u003c\/span\u003e\n\u003ch3\u003eSupports Apple Pencil Hover\u003c\/h3\u003e\n\u003cp\u003ePreview your virtual pen tip, brush stroke, or watercolor bleed up to 12 mm above compatible iPad displays before you make your mark on screen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pencil-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003e12 mm\u003c\/strong\u003e \u003cspan\u003eHover preview\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eiPadOS\u003c\/strong\u003e \u003cspan\u003eScribble compatible\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- 3. COMPATIBILITY BANNER --\u003e\n\u003csection class=\"pencil-banner\"\u003e\n\u003ch3\u003eUniversal compatibility across the iPad lineup.\u003c\/h3\u003e\n\u003cp\u003eWorks seamlessly with iPad Pro, iPad Air, iPad (A16 \u0026amp; 10th gen), and iPad mini models equipped with a USB-C port.\u003c\/p\u003e\n\u003cdiv class=\"pencil-banner-stats\"\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eDiameter\u003c\/span\u003e \u003cstrong\u003e8.9 mm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eLength\u003c\/span\u003e \u003cstrong\u003e155 mm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e \u003cstrong\u003e20.5 g\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eFinish\u003c\/span\u003e \u003cstrong\u003eMatte\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 4. EXPANDABLE TECH SPECS \u0026 COMPATIBILITY LIST (ACCORDIONS) --\u003e\n\u003csection class=\"pencil-dropdowns-section\"\u003e\n\u003ch3 class=\"pencil-dropdowns-heading\"\u003eProduct Details \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c!-- Dropdown 1: Technical Specifications --\u003e\n\u003cdetails class=\"pencil-dropdown-item\" open=\"\"\u003e\n\u003csummary class=\"pencil-dropdown-summary\"\u003e\u003cspan\u003eTechnical Specifications\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"pencil-dropdown-body\"\u003e\n\u003ctable class=\"pencil-specs-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eDimensions \u0026amp; Weight\u003c\/th\u003e\n\u003ctd\u003eLength: 155 mm (6.10 in) | Diameter: 8.9 mm (0.35 in) | Weight: 20.5 g (0.72 oz)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eConnections \u0026amp; Expansion\u003c\/th\u003e\n\u003ctd\u003eBluetooth; Built-in USB-C Connector (under sliding protective cap)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKey Features\u003c\/th\u003e\n\u003ctd\u003ePixel-perfect precision, tilt sensitivity, low latency, magnetic flat edge for storage, Apple Pencil hover support on compatible iPad Pro \u0026amp; Air models\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFinish\u003c\/th\u003e\n\u003ctd\u003eSeamless Matte White\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSystem Requirements\u003c\/th\u003e\n\u003ctd\u003eiPadOS 17.1.1 or later\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 2: Compatibility Matrix --\u003e\n\u003cdetails class=\"pencil-dropdown-item\"\u003e\n\u003csummary class=\"pencil-dropdown-summary\"\u003e\u003cspan\u003eiPad Compatibility\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"pencil-dropdown-body\"\u003e\n\u003cul class=\"pencil-bullet-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eiPad Pro:\u003c\/strong\u003e 13-inch (M4 \u0026amp; M5), 11-inch (M4 \u0026amp; M5), 12.9-inch (3rd through 6th gen), 11-inch (1st through 4th gen)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eiPad Air:\u003c\/strong\u003e 13-inch (M2 \u0026amp; M4), 11-inch (M2 \u0026amp; M4), iPad Air (4th \u0026amp; 5th gen)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eiPad:\u003c\/strong\u003e iPad (A16) \u0026amp; iPad (10th generation)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eiPad mini:\u003c\/strong\u003e iPad mini (A17 Pro) \u0026amp; iPad mini (6th generation)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 3: What's in the Box --\u003e\n\u003cdetails class=\"pencil-dropdown-item\"\u003e\n\u003csummary class=\"pencil-dropdown-summary\"\u003e\u003cspan\u003eWhat's in the Box\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"pencil-dropdown-body\"\u003e\n\u003cul class=\"pencil-bullet-list\"\u003e\n\u003cli\u003eApple Pencil (USB-C)\u003c\/li\u003e\n\u003cli\u003eOfficial Documentation \u0026amp; Warranty Leaflet\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 4: Warranty \u0026 Service --\u003e\n\u003cdetails class=\"pencil-dropdown-item\"\u003e\n\u003csummary class=\"pencil-dropdown-summary\"\u003e\u003cspan\u003eWarranty \u0026amp; Service\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"pencil-dropdown-body\"\u003e\n\u003cul class=\"pencil-bullet-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eApple Worldwide Warranty:\u003c\/strong\u003e Includes Apple's 1-Year Limited Warranty, covered locally across Mauritius by certified Apple Authorised Service Providers.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAuthorised Service:\u003c\/strong\u003e For inquiries regarding replacements, tips, and diagnostic help, visit our \u003ca href=\"https:\/\/www.istore.mu\/pages\/pages-support-repair\" rel=\"noopener noreferrer\" style=\"color: #0071e3; text-decoration: underline; font-weight: 600;\" target=\"_blank\"\u003eSupport \u0026amp; Repair Page\u003c\/a\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- CSS STYLES (Apple Clean Accessory Theme: Slate, Charcoal \u0026 Cyan)          --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ========================================================================== --\u003e\n\u003cstyle\u003e\n  \/* Base Container \u0026 Isolation *\/\n  .istore-pencil-exp {\n    width: 100%;\n    background-color: #fafafc !important;\n    color: #1d1d1f;\n    font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    padding: 60px 16px 90px;\n    box-sizing: border-box;\n  }\n\n  .istore-pencil-exp * {\n    box-sizing: border-box;\n  }\n\n  .pencil-container {\n    max-width: 1080px;\n    margin: 0 auto;\n    padding: 0 8px;\n  }\n\n  \/* 1. Hero Header Typography *\/\n  .pencil-hero {\n    text-align: center;\n    max-width: 820px;\n    margin: 0 auto 54px;\n  }\n\n  .pencil-hero-eyebrow {\n    font-size: 15px;\n    font-weight: 600;\n    color: #1d1d1f;\n    letter-spacing: -0.01em;\n    margin-bottom: 6px;\n    display: inline-block;\n  }\n\n  .pencil-hero-title {\n    font-size: clamp(44px, 5.8vw, 70px);\n    line-height: 1.05;\n    font-weight: 700;\n    letter-spacing: -0.035em;\n    margin: 0 0 10px;\n  }\n\n  \/* Apple Subtle Slate-to-Graphite Gradient *\/\n  .pencil-brand-headline {\n    background: linear-gradient(90deg, #1d1d1f 0%, #3a3a3c 60%, #636366 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    display: inline-block;\n  }\n\n  .pencil-chip-sub {\n    font-size: clamp(18px, 2.2vw, 22px);\n    font-weight: 600;\n    color: #1d1d1f;\n    letter-spacing: -0.015em;\n    margin: 0 0 20px;\n  }\n\n  .pencil-hero-lead {\n    font-size: clamp(16px, 1.8vw, 19px);\n    line-height: 1.48;\n    color: #515154;\n    letter-spacing: -0.012em;\n    max-width: 760px;\n    margin: 0 auto 28px;\n  }\n\n  .pencil-hero-lead strong {\n    color: #1d1d1f;\n  }\n\n  \/* Clean Buy Button *\/\n  .pencil-cta-stack {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 24px;\n  }\n\n  .pencil-buy-btn {\n    background: #0071e3;\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 400;\n    padding: 8px 28px;\n    border-radius: 980px;\n    text-decoration: none;\n    display: inline-block;\n    transition: background 0.2s ease, transform 0.15s ease;\n  }\n\n  .pencil-buy-btn:hover {\n    background: #0077ed;\n    transform: scale(1.02);\n  }\n\n  \/* Color Swatch *\/\n  .pencil-finish-showcase {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 34px;\n  }\n\n  .pencil-finish-pill {\n    background: #ffffff;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n    border-radius: 980px;\n    padding: 6px 16px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    color: #1d1d1f;\n  }\n\n  .pencil-swatch-circle {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    display: inline-block;\n  }\n\n  .pencil-swatch-circle.white {\n    background: #ffffff;\n    border: 1px solid rgba(0, 0, 0, 0.2);\n  }\n\n  \/* Trust Grid *\/\n  .pencil-trust-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n    width: 100%;\n    margin-top: 14px;\n  }\n\n  .pencil-trust-card {\n    background: #ffffff;\n    border-radius: 16px;\n    padding: 16px;\n    text-align: center;\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\n  }\n\n  .pencil-trust-card svg {\n    color: #1d1d1f;\n    margin-bottom: 6px;\n  }\n\n  .pencil-trust-card strong {\n    font-size: 13px;\n    font-weight: 700;\n    color: #1d1d1f;\n    display: block;\n    margin-bottom: 4px;\n  }\n\n  .pencil-trust-card p {\n    font-size: 12px;\n    color: #86868b;\n    margin: 0;\n    line-height: 1.35;\n  }\n\n  \/* 2. Bento Grid *\/\n  .pencil-bento-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n    margin-bottom: 40px;\n  }\n\n  .pencil-bento-card {\n    background: #ffffff;\n    border-radius: 22px;\n    padding: 30px 26px;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .pencil-bento-card.highlight {\n    background: linear-gradient(180deg, #ffffff 0%, #f7f7f9 100%);\n    border-color: rgba(0, 0, 0, 0.08);\n  }\n\n  .pencil-card-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: #86868b;\n    margin-bottom: 8px;\n    display: block;\n  }\n\n  .pencil-card-tag.cyan-tag {\n    color: #0077b6;\n  }\n\n  .pencil-card-text h3 {\n    font-size: clamp(20px, 2.2vw, 26px);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    margin: 0 0 8px;\n    color: #1d1d1f;\n    line-height: 1.2;\n  }\n\n  .pencil-card-text p {\n    font-size: 14.5px;\n    line-height: 1.48;\n    color: #515154;\n    margin: 0;\n  }\n\n  .pencil-metric-strip {\n    display: flex;\n    gap: 24px;\n    margin-top: 24px;\n    padding-top: 16px;\n    border-top: 1px solid rgba(0, 0, 0, 0.06);\n  }\n\n  .metric-item strong {\n    font-size: 20px;\n    font-weight: 700;\n    color: #1d1d1f;\n    display: block;\n  }\n\n  .accent-cyan {\n    color: #0077b6;\n  }\n\n  .metric-item span {\n    font-size: 12px;\n    color: #86868b;\n  }\n\n  \/* 3. Banner *\/\n  .pencil-banner {\n    background: #ffffff;\n    border-radius: 24px;\n    padding: clamp(26px, 4vw, 40px);\n    margin-bottom: 44px;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);\n  }\n\n  .pencil-banner h3 {\n    font-size: clamp(22px, 3vw, 32px);\n    font-weight: 700;\n    letter-spacing: -0.025em;\n    margin: 0 0 10px;\n    color: #1d1d1f;\n  }\n\n  .pencil-banner p {\n    font-size: 15px;\n    line-height: 1.5;\n    color: #515154;\n    margin: 0 0 24px;\n  }\n\n  .pencil-banner-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\n    padding-top: 20px;\n  }\n\n  .stat-col span {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: #86868b;\n    display: block;\n    margin-bottom: 2px;\n  }\n\n  .stat-col strong {\n    font-size: 15px;\n    font-weight: 700;\n    color: #1d1d1f;\n  }\n\n  \/* 4. Dropdowns (Accordions) *\/\n  .pencil-dropdowns-section {\n    padding-top: 16px;\n  }\n\n  .pencil-dropdowns-heading {\n    font-size: 24px;\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    margin: 0 0 18px;\n    color: #0a2540;\n  }\n\n  .pencil-dropdown-item {\n    background: #ffffff;\n    border-radius: 12px;\n    margin-bottom: 10px;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    overflow: hidden;\n  }\n\n  .pencil-dropdown-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 18px 20px;\n    cursor: pointer;\n    list-style: none;\n    user-select: none;\n  }\n\n  .pencil-dropdown-summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .pencil-dropdown-summary span {\n    font-size: 17px;\n    font-weight: 600;\n    letter-spacing: -0.015em;\n    color: #1d1d1f;\n  }\n\n  .chevron-icon {\n    transition: transform 0.25s ease;\n    color: #86868b;\n  }\n\n  .pencil-dropdown-item[open] .chevron-icon {\n    transform: rotate(180deg);\n  }\n\n  .pencil-dropdown-body {\n    padding: 0 20px 22px;\n  }\n\n  .pencil-specs-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 14px;\n  }\n\n  .pencil-specs-table tr {\n    border-bottom: 1px solid #f0f0f2;\n  }\n\n  .pencil-specs-table th {\n    padding: 12px 6px;\n    width: 28%;\n    color: #86868b;\n    font-weight: 600;\n    vertical-align: top;\n    text-align: left;\n  }\n\n  .pencil-specs-table td {\n    padding: 12px 6px;\n    color: #1d1d1f;\n    line-height: 1.45;\n  }\n\n  .pencil-bullet-list {\n    margin: 0;\n    padding-left: 20px;\n    font-size: 14.5px;\n    color: #515154;\n    line-height: 1.6;\n  }\n\n  .pencil-bullet-list li {\n    margin-bottom: 8px;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .pencil-trust-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .pencil-banner-stats {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 18px 12px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .pencil-bento-grid {\n      grid-template-columns: 1fr;\n    }\n    .pencil-specs-table th {\n      width: 36%;\n      font-size: 13px;\n    }\n    .pencil-specs-table td {\n      font-size: 13px;\n    }\n    .pencil-trust-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e","brand":"APPLE","offers":[{"title":"Default Title","offer_id":42838181150799,"sku":"MUWA3","price":5990.0,"currency_code":"MUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0558\/6885\/0255\/files\/MUWA3.jpg?v=1747385291"},{"product_id":"magic-keyboard-for-ipad-air","title":"Apple Magic Keyboard for iPad Air (11-inch \u0026 13-inch)","description":"\u003c!-- ========================================================================== --\u003e\u003c!-- iStore Mauritius - Apple Magic Keyboard for iPad Air Flagship Component    --\u003e\u003c!-- Reference: Select Online UK \u0026 iShop Mauritius (11-inch \u0026 13-inch Black\/White) --\u003e\u003c!-- ========================================================================== --\u003e\n\u003cdiv class=\"istore-mkair-exp\" id=\"magicKeyboardIpadAirExperience\"\u003e\n\u003cdiv class=\"mkair-container\"\u003e\n\u003c!-- 1. HERO HEADER SECTION --\u003e\u003cheader class=\"mkair-hero\"\u003e\u003cspan class=\"mkair-hero-eyebrow\"\u003eAccessories\u003c\/span\u003e\n\u003ch1 class=\"mkair-hero-title\"\u003e\u003cspan class=\"mkair-brand-headline\"\u003eFloating design. Precision typing.\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"mkair-chip-sub\"\u003eThe ultimate typing experience for iPad Air 11-inch and 13-inch.\u003c\/p\u003e\n\u003cp class=\"mkair-hero-lead\"\u003eMagic Keyboard is the perfect companion for iPad Air. It delivers an incredible typing experience with a \u003cstrong\u003efloating cantilever design\u003c\/strong\u003e for smooth viewing adjustments, a large built-in \u003cstrong\u003eglass trackpad\u003c\/strong\u003e for iPadOS precision, a 14-key function row, and \u003cstrong\u003eUSB-C pass-through charging\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c!-- Clean Buy CTA Button (No Price Text) --\u003e\u003cbr\u003e\u003c!-- Color \u0026 Size Showcase --\u003e\n\u003cdiv class=\"mkair-finish-showcase\"\u003e\n\u003cdiv class=\"mkair-finish-pills-row\"\u003e\n\u003cdiv class=\"mkair-finish-pill\"\u003e\n\u003cspan class=\"mkair-swatch-circle black\"\u003e\u003c\/span\u003e \u003cspan\u003eBlack\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkair-finish-pill\"\u003e\n\u003cspan class=\"mkair-swatch-circle white\"\u003e\u003c\/span\u003e \u003cspan\u003eWhite\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkair-finish-pill\"\u003e\n\u003cspan class=\"mkair-badge-size\"\u003e11″\u003c\/span\u003e \u003cspan\u003eiPad Air 11-inch\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkair-finish-pill\"\u003e\n\u003cspan class=\"mkair-badge-size\"\u003e13″\u003c\/span\u003e \u003cspan\u003eiPad Air 13-inch\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"mkair-finish-note\"\u003eFolds into a durable protective case for front and back coverage when traveling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Mauritius Store Trust Strip --\u003e\n\u003cdiv class=\"mkair-trust-grid\"\u003e\n\u003cdiv class=\"mkair-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003eOfficial Apple Warranty\u003c\/strong\u003e\n\u003cp\u003e1-Year Worldwide Warranty via Apple Authorised Service Providers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkair-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\u003e\u003c\/rect\u003e\u003cpolygon points=\"16 8 20 8 23 11 23 16 16 16 8\"\u003e\u003c\/polygon\u003e\u003ccircle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003cstrong\u003eFree Island-Wide Delivery\u003c\/strong\u003e\n\u003cp\u003eFast doorstep express courier dispatch across Mauritius\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkair-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003eFlexible Payment\u003c\/strong\u003e\n\u003cp\u003eMCB Juice, Credit Card \u0026amp; Rogers Capital financing\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkair-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\u003e\u003c\/line\u003e\u003c\/svg\u003e \u003cstrong\u003eFloating Cantilever\u003c\/strong\u003e\n\u003cp\u003eSmooth magnetic angle adjustment to your ideal viewing position\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- 2. HIGH-CONTRAST BENTO GRID --\u003e\n\u003csection class=\"mkair-bento-grid\"\u003e\u003c!-- Card 1: Cantilever \u0026 Magnetic Snap --\u003e\n\u003carticle class=\"mkair-bento-card highlight\"\u003e\n\u003cdiv class=\"mkair-card-text\"\u003e\n\u003cspan class=\"mkair-card-tag orange-tag\"\u003eFloating Architecture\u003c\/span\u003e\n\u003ch3\u003eMagnetic cantilever design.\u003c\/h3\u003e\n\u003cp\u003eAttaches magnetically and elevates your iPad Air above the keyboard. Smoothly adjust the screen to the exact viewing angle that suits your posture, whether typing on a desk or working on your lap.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkair-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eMagnetic\u003c\/strong\u003e \u003cspan\u003eInstant alignment\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong class=\"accent-orange\"\u003eMulti-Angle\u003c\/strong\u003e \u003cspan\u003eSmooth tilt adjustment\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 2: Glass Trackpad \u0026 iPadOS --\u003e\n\u003carticle class=\"mkair-bento-card\"\u003e\n\u003cdiv class=\"mkair-card-text\"\u003e\n\u003cspan class=\"mkair-card-tag\"\u003ePrecision Input\u003c\/span\u003e\n\u003ch3\u003eLarge glass trackpad.\u003c\/h3\u003e\n\u003cp\u003eEngineered with a responsive glass surface designed specifically for Multi-Touch gestures and fluid cursor control in iPadOS. Selecting text, switching apps, and editing spreadsheets feels effortless.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkair-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eGlass\u003c\/strong\u003e \u003cspan\u003eSmooth trackpad surface\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eMulti-Touch\u003c\/strong\u003e \u003cspan\u003eiPadOS gestures\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 3: Backlit Scissor Keys \u0026 Function Row --\u003e\n\u003carticle class=\"mkair-bento-card\"\u003e\n\u003cdiv class=\"mkair-card-text\"\u003e\n\u003cspan class=\"mkair-card-tag\"\u003eTyping Comfort\u003c\/span\u003e\n\u003ch3\u003eBacklit keys with 14-key function row.\u003c\/h3\u003e\n\u003cp\u003eComfortable scissor mechanism with 1 mm key travel provides quiet, responsive typing day and night. Includes a 14-key top function row for one-touch access to screen brightness, volume, and media playback.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkair-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003e1 mm\u003c\/strong\u003e \u003cspan\u003eKey travel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003e14 Keys\u003c\/strong\u003e \u003cspan\u003eTop function row\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 4: USB-C Pass-Through Charging --\u003e\n\u003carticle class=\"mkair-bento-card\"\u003e\n\u003cdiv class=\"mkair-card-text\"\u003e\n\u003cspan class=\"mkair-card-tag\"\u003eSmart I\/O\u003c\/span\u003e\n\u003ch3\u003eUSB-C pass-through charging.\u003c\/h3\u003e\n\u003cp\u003eA dedicated USB-C port built directly into the keyboard hinge charges your iPad Air, leaving the iPad’s main USB-C port free for high-speed SSDs, cameras, and external displays.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkair-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003ePass-Through\u003c\/strong\u003e \u003cspan\u003eHinge charging port\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eSmart Connector\u003c\/strong\u003e \u003cspan\u003eNo pairing required\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- 3. PROTECTION BANNER --\u003e\n\u003csection class=\"mkair-banner\"\u003e\n\u003ch3\u003eFront and back protection everywhere you travel.\u003c\/h3\u003e\n\u003cp\u003eFolds shut into a slim, durable protective folio case to safeguard the front screen and back aluminum casing of your iPad Air while in your bag or backpack.\u003c\/p\u003e\n\u003cdiv class=\"mkair-banner-stats\"\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eSizes\u003c\/span\u003e \u003cstrong\u003e11″ \u0026amp; 13″\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eKey Travel\u003c\/span\u003e \u003cstrong\u003e1.0 mm Scissor\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eTrackpad\u003c\/span\u003e \u003cstrong\u003eGlass Multi-Touch\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003ePower\u003c\/span\u003e \u003cstrong\u003eZero Battery Needed\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 4. SELECT-STYLE EXPANDABLE TECH SPECS (ACCORDIONS) --\u003e\n\u003csection class=\"mkair-dropdowns-section\"\u003e\n\u003ch3 class=\"mkair-dropdowns-heading\"\u003eProduct Details \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c!-- Dropdown 1: Technical Specifications --\u003e\n\u003cdetails class=\"mkair-dropdown-item\" open=\"\"\u003e\n\u003csummary class=\"mkair-dropdown-summary\"\u003e\u003cspan\u003eTechnical Specifications\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"mkair-dropdown-body\"\u003e\n\u003ctable class=\"mkair-specs-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eMechanism \u0026amp; Travel\u003c\/th\u003e\n\u003ctd\u003eScissor mechanism with 1 mm key travel; Backlit keys; 14-key function row\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eTrackpad\u003c\/th\u003e\n\u003ctd\u003eLarge built-in glass trackpad supporting full Multi-Touch gestures and iPadOS cursor\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eConnectivity \u0026amp; Power\u003c\/th\u003e\n\u003ctd\u003eSmart Connector interface (draws power directly from iPad; no charging or Bluetooth pairing needed); Integrated USB-C pass-through charging port on hinge\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eProtection\u003c\/th\u003e\n\u003ctd\u003eFolds into a protective folio case providing front and back enclosure protection\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eColor Options\u003c\/th\u003e\n\u003ctd\u003eBlack | White\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSystem Requirements\u003c\/th\u003e\n\u003ctd\u003eRequires iPadOS 17.4 or later\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 2: iPad Air Compatibility Matrix --\u003e\n\u003cdetails class=\"mkair-dropdown-item\"\u003e\n\u003csummary class=\"mkair-dropdown-summary\"\u003e\u003cspan\u003eiPad Compatibility\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"mkair-dropdown-body\"\u003e\n\u003cul class=\"mkair-bullet-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMagic Keyboard 11-inch:\u003c\/strong\u003e Compatible with iPad Air 11-inch (M4), iPad Air 11-inch (M2), iPad Air (5th generation), iPad Air (4th generation), and iPad Pro 11-inch (1st, 2nd, 3rd, and 4th generation).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMagic Keyboard 13-inch:\u003c\/strong\u003e Compatible with iPad Air 13-inch (M4), iPad Air 13-inch (M2), and iPad Pro 12.9-inch (3rd, 4th, 5th, and 6th generation).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 3: What's in the Box --\u003e\n\u003cdetails class=\"mkair-dropdown-item\"\u003e\n\u003csummary class=\"mkair-dropdown-summary\"\u003e\u003cspan\u003eWhat's in the Box\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"mkair-dropdown-body\"\u003e\n\u003cul class=\"mkair-bullet-list\"\u003e\n\u003cli\u003eApple Magic Keyboard for iPad Air\u003c\/li\u003e\n\u003cli\u003eOfficial Documentation \u0026amp; Warranty Leaflet\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 4: Warranty \u0026 Service --\u003e\n\u003cdetails class=\"mkair-dropdown-item\"\u003e\n\u003csummary class=\"mkair-dropdown-summary\"\u003e\u003cspan\u003eWarranty \u0026amp; Service\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"mkair-dropdown-body\"\u003e\n\u003cul class=\"mkair-bullet-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eApple Worldwide Warranty:\u003c\/strong\u003e Includes Apple's official 1-Year Limited Warranty, covered locally across Mauritius by certified Apple Authorised Service Providers.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAuthorised Service:\u003c\/strong\u003e For diagnostics, Smart Connector verification, and warranty service across Mauritius, visit our \u003ca href=\"https:\/\/www.istore.mu\/pages\/pages-support-repair\" rel=\"noopener noreferrer\" style=\"color: #0071e3; text-decoration: underline; font-weight: 600;\" target=\"_blank\"\u003eSupport \u0026amp; Repair Page\u003c\/a\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- CSS STYLES (iPad Air Editorial Slate-Navy \u0026 Terracotta Styling)            --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ========================================================================== --\u003e\n\u003cstyle\u003e\n  \/* Base Container \u0026 Isolation *\/\n  .istore-mkair-exp {\n    width: 100%;\n    background-color: #fafafc !important;\n    color: #1d1d1f;\n    font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    padding: 60px 16px 90px;\n    box-sizing: border-box;\n  }\n\n  .istore-mkair-exp * {\n    box-sizing: border-box;\n  }\n\n  .mkair-container {\n    max-width: 1080px;\n    margin: 0 auto;\n    padding: 0 8px;\n  }\n\n  \/* 1. Hero Header Typography *\/\n  .mkair-hero {\n    text-align: center;\n    max-width: 820px;\n    margin: 0 auto 54px;\n  }\n\n  .mkair-hero-eyebrow {\n    font-size: 15px;\n    font-weight: 600;\n    color: #1d1d1f;\n    letter-spacing: -0.01em;\n    margin-bottom: 6px;\n    display: inline-block;\n  }\n\n  .mkair-hero-title {\n    font-size: clamp(44px, 5.8vw, 70px);\n    line-height: 1.05;\n    font-weight: 700;\n    letter-spacing: -0.035em;\n    margin: 0 0 10px;\n  }\n\n  \/* Official Slate-Navy Gradient Headline *\/\n  .mkair-brand-headline {\n    background: linear-gradient(90deg, #0f2c4d 0%, #29557f 60%, #4a759c 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    display: inline-block;\n  }\n\n  \/* Terracotta Subtitle *\/\n  .mkair-chip-sub {\n    font-size: 16px;\n    font-weight: 700;\n    color: #b64400;\n    letter-spacing: -0.01em;\n    margin: 0 0 20px;\n  }\n\n  .mkair-hero-lead {\n    font-size: clamp(16px, 1.8vw, 19px);\n    line-height: 1.48;\n    color: #515154;\n    letter-spacing: -0.012em;\n    max-width: 760px;\n    margin: 0 auto 28px;\n  }\n\n  .mkair-hero-lead strong {\n    color: #1d1d1f;\n  }\n\n  \/* Clean Buy Button *\/\n  .mkair-cta-stack {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 24px;\n  }\n\n  .mkair-buy-btn {\n    background: #0071e3;\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 400;\n    padding: 8px 28px;\n    border-radius: 980px;\n    text-decoration: none;\n    display: inline-block;\n    transition: background 0.2s ease, transform 0.15s ease;\n  }\n\n  .mkair-buy-btn:hover {\n    background: #0077ed;\n    transform: scale(1.02);\n  }\n\n  \/* Swatches \/ Pills *\/\n  .mkair-finish-showcase {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 34px;\n  }\n\n  .mkair-finish-pills-row {\n    display: flex;\n    gap: 10px;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .mkair-finish-pill {\n    background: #ffffff;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n    border-radius: 980px;\n    padding: 6px 16px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    color: #1d1d1f;\n  }\n\n  .mkair-swatch-circle {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    display: inline-block;\n  }\n\n  .mkair-swatch-circle.black {\n    background: #1f2022;\n    border: 1px solid rgba(0, 0, 0, 0.4);\n  }\n\n  .mkair-swatch-circle.white {\n    background: #ffffff;\n    border: 1px solid rgba(0, 0, 0, 0.2);\n  }\n\n  .mkair-badge-size {\n    background: #f0f0f2;\n    font-size: 10px;\n    font-weight: 700;\n    padding: 2px 6px;\n    border-radius: 4px;\n    color: #515154;\n  }\n\n  .mkair-finish-note {\n    font-size: 13px;\n    color: #86868b;\n    margin: 4px 0 0;\n  }\n\n  \/* Trust Grid *\/\n  .mkair-trust-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n    width: 100%;\n    margin-top: 14px;\n  }\n\n  .mkair-trust-card {\n    background: #ffffff;\n    border-radius: 16px;\n    padding: 16px;\n    text-align: center;\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\n  }\n\n  .mkair-trust-card svg {\n    color: #1d1d1f;\n    margin-bottom: 6px;\n  }\n\n  .mkair-trust-card strong {\n    font-size: 13px;\n    font-weight: 700;\n    color: #1d1d1f;\n    display: block;\n    margin-bottom: 4px;\n  }\n\n  .mkair-trust-card p {\n    font-size: 12px;\n    color: #86868b;\n    margin: 0;\n    line-height: 1.35;\n  }\n\n  \/* 2. Bento Grid *\/\n  .mkair-bento-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n    margin-bottom: 40px;\n  }\n\n  .mkair-bento-card {\n    background: #ffffff;\n    border-radius: 22px;\n    padding: 30px 26px;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .mkair-bento-card.highlight {\n    background: linear-gradient(180deg, #ffffff 0%, #f7f7f9 100%);\n    border-color: rgba(0, 0, 0, 0.08);\n  }\n\n  .mkair-card-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: #86868b;\n    margin-bottom: 8px;\n    display: block;\n  }\n\n  .mkair-card-tag.orange-tag {\n    color: #b64400;\n  }\n\n  .mkair-card-text h3 {\n    font-size: clamp(20px, 2.2vw, 26px);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    margin: 0 0 8px;\n    color: #1d1d1f;\n    line-height: 1.2;\n  }\n\n  .mkair-card-text p {\n    font-size: 14.5px;\n    line-height: 1.48;\n    color: #515154;\n    margin: 0;\n  }\n\n  .mkair-metric-strip {\n    display: flex;\n    gap: 24px;\n    margin-top: 24px;\n    padding-top: 16px;\n    border-top: 1px solid rgba(0, 0, 0, 0.06);\n  }\n\n  .metric-item strong {\n    font-size: 20px;\n    font-weight: 700;\n    color: #1d1d1f;\n    display: block;\n  }\n\n  .accent-orange {\n    color: #b64400;\n  }\n\n  .metric-item span {\n    font-size: 12px;\n    color: #86868b;\n  }\n\n  \/* 3. Banner *\/\n  .mkair-banner {\n    background: #ffffff;\n    border-radius: 24px;\n    padding: clamp(26px, 4vw, 40px);\n    margin-bottom: 44px;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);\n  }\n\n  .mkair-banner h3 {\n    font-size: clamp(22px, 3vw, 32px);\n    font-weight: 700;\n    letter-spacing: -0.025em;\n    margin: 0 0 10px;\n    color: #1d1d1f;\n  }\n\n  .mkair-banner p {\n    font-size: 15px;\n    line-height: 1.5;\n    color: #515154;\n    margin: 0 0 24px;\n  }\n\n  .mkair-banner-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\n    padding-top: 20px;\n  }\n\n  .stat-col span {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: #86868b;\n    display: block;\n    margin-bottom: 2px;\n  }\n\n  .stat-col strong {\n    font-size: 15px;\n    font-weight: 700;\n    color: #1d1d1f;\n  }\n\n  \/* 4. Dropdowns (Accordions) *\/\n  .mkair-dropdowns-section {\n    padding-top: 16px;\n  }\n\n  .mkair-dropdowns-heading {\n    font-size: 24px;\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    margin: 0 0 18px;\n    color: #0a2540;\n  }\n\n  .mkair-dropdown-item {\n    background: #ffffff;\n    border-radius: 12px;\n    margin-bottom: 10px;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    overflow: hidden;\n  }\n\n  .mkair-dropdown-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 18px 20px;\n    cursor: pointer;\n    list-style: none;\n    user-select: none;\n  }\n\n  .mkair-dropdown-summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .mkair-dropdown-summary span {\n    font-size: 17px;\n    font-weight: 600;\n    letter-spacing: -0.015em;\n    color: #1d1d1f;\n  }\n\n  .chevron-icon {\n    transition: transform 0.25s ease;\n    color: #86868b;\n  }\n\n  .mkair-dropdown-item[open] .chevron-icon {\n    transform: rotate(180deg);\n  }\n\n  .mkair-dropdown-body {\n    padding: 0 20px 22px;\n  }\n\n  .mkair-specs-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 14px;\n  }\n\n  .mkair-specs-table tr {\n    border-bottom: 1px solid #f0f0f2;\n  }\n\n  .mkair-specs-table th {\n    padding: 12px 6px;\n    width: 28%;\n    color: #86868b;\n    font-weight: 600;\n    vertical-align: top;\n    text-align: left;\n  }\n\n  .mkair-specs-table td {\n    padding: 12px 6px;\n    color: #1d1d1f;\n    line-height: 1.45;\n  }\n\n  .mkair-bullet-list {\n    margin: 0;\n    padding-left: 20px;\n    font-size: 14.5px;\n    color: #515154;\n    line-height: 1.6;\n  }\n\n  .mkair-bullet-list li {\n    margin-bottom: 8px;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .mkair-trust-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .mkair-banner-stats {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 18px 12px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .mkair-bento-grid {\n      grid-template-columns: 1fr;\n    }\n    .mkair-specs-table th {\n      width: 36%;\n      font-size: 13px;\n    }\n    .mkair-specs-table td {\n      font-size: 13px;\n    }\n    .mkair-trust-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e","brand":"APPLE","offers":[{"title":"Black \/ 11-inch","offer_id":67706290569295,"sku":null,"price":19990.0,"currency_code":"MUR","in_stock":true},{"title":"Black \/ 13-inch","offer_id":67706290602063,"sku":null,"price":22990.0,"currency_code":"MUR","in_stock":true},{"title":"White \/ 11-inch","offer_id":67706290634831,"sku":null,"price":19990.0,"currency_code":"MUR","in_stock":true},{"title":"White \/ 13-inch","offer_id":67706290667599,"sku":null,"price":22990.0,"currency_code":"MUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0558\/6885\/0255\/files\/mgyy4b_av1.jpg?v=1791980868"},{"product_id":"apple-magic-keyboard-for-ipad-pro-13-inch-m4","title":"Apple Magic Keyboard for iPad Pro 13‑inch (M4)","description":"\u003c!-- ========================================================================== --\u003e\u003c!-- iStore Mauritius - Magic Keyboard for iPad Pro 13-inch (M4) Component      --\u003e\u003c!-- Aesthetic: Pro Obsidian Canvas, Machined Aluminum Accents \u0026 Chrome Titling --\u003e\u003c!-- Reference: Select Online UK \u0026 iShop Mauritius (Rs 21,490.00 Baseline)      --\u003e\u003c!-- ========================================================================== --\u003e\n\u003cdiv class=\"istore-mkpro13-dark-root\" id=\"magicKeyboardIpadPro13M4Experience\"\u003e\n\u003cdiv class=\"mkpro13-container\"\u003e\n\u003c!-- 1. PRO HERO HEADER SECTION --\u003e\u003cheader class=\"mkpro13-hero\"\u003e\u003cspan class=\"mkpro13-hero-eyebrow\"\u003eAccessories\u003c\/span\u003e\n\u003ch1 class=\"mkpro13-hero-title\"\u003e\u003cspan class=\"mkpro13-metallic-headline\"\u003eThe pro typing experience. Reimagined.\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"mkpro13-pro-sub\"\u003eMagic Keyboard for iPad Pro 13‑inch (M4).\u003c\/p\u003e\n\u003cp class=\"mkpro13-hero-lead\"\u003eRedesigned with a stunning, ultra-thin and portable cantilever architecture. Featuring a premium \u003cstrong\u003emachined aluminum palm rest\u003c\/strong\u003e, an all-new 14-key function row, a larger \u003cstrong\u003eglass trackpad with haptic feedback\u003c\/strong\u003e, and convenient \u003cstrong\u003eUSB-C pass-through charging\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c!-- Clean Buy CTA Button (No Price Text) --\u003e\n\u003cdiv class=\"mkpro13-cta-stack\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Finish \u0026 Language Swatches --\u003e\n\u003cdiv class=\"mkpro13-finish-showcase\"\u003e\n\u003cdiv class=\"mkpro13-finish-pills-row\"\u003e\n\u003cdiv class=\"mkpro13-finish-pill\"\u003e\n\u003cspan class=\"mkpro13-swatch-circle black\"\u003e\u003c\/span\u003e \u003cspan\u003eBlack Aluminum\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro13-finish-pill\"\u003e\n\u003cspan class=\"mkpro13-swatch-circle white\"\u003e\u003c\/span\u003e \u003cspan\u003eWhite \/ Silver Aluminum\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro13-finish-pill\"\u003e\n\u003cspan class=\"mkpro13-badge-lang\"\u003eEN\u003c\/span\u003e \u003cspan\u003eBritish English\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro13-finish-pill\"\u003e\n\u003cspan class=\"mkpro13-badge-lang\"\u003eFR\u003c\/span\u003e \u003cspan\u003eFrench (AZERTY)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"mkpro13-finish-note\"\u003eSpecifically engineered for iPad Pro 13-inch (M4).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Mauritius Store Trust Strip --\u003e\n\u003cdiv class=\"mkpro13-trust-grid\"\u003e\n\u003cdiv class=\"mkpro13-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003eOfficial Apple Warranty\u003c\/strong\u003e\n\u003cp\u003e1-Year Worldwide Warranty via Apple Authorised Service Providers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro13-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\u003e\u003c\/rect\u003e\u003cpolygon points=\"16 8 20 8 23 11 23 16 16 16 8\"\u003e\u003c\/polygon\u003e\u003ccircle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003cstrong\u003eFree Island-Wide Delivery\u003c\/strong\u003e\n\u003cp\u003eSecure express courier doorstep delivery across Mauritius\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro13-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003eFlexible Payment\u003c\/strong\u003e\n\u003cp\u003eMCB Juice, Credit Card \u0026amp; Rogers Capital financing\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro13-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\u003e\u003c\/line\u003e\u003c\/svg\u003e \u003cstrong\u003eAluminum Palm Rest\u003c\/strong\u003e\n\u003cp\u003ePremium rigid enclosure with laptop-level typing stability\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- 2. HIGH-CONTRAST OBSIDIAN BENTO GRID --\u003e\n\u003csection class=\"mkpro13-bento-grid\"\u003e\u003c!-- Card 1: Premium Aluminum Architecture --\u003e\n\u003carticle class=\"mkpro13-bento-card highlight\"\u003e\n\u003cdiv class=\"mkpro13-card-text\"\u003e\n\u003cspan class=\"mkpro13-card-tag pro-tag\"\u003ePro Engineering\u003c\/span\u003e\n\u003ch3\u003eMachined aluminum palm rest.\u003c\/h3\u003e\n\u003cp\u003eAn exquisite aluminum deck delivers a solid, MacBook-like feel. Combined with a floating cantilever design, it smoothly adjusts to multiple angles and folds into a front-and-back protective case.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro13-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eAluminum\u003c\/strong\u003e \u003cspan\u003eMachined palm rest\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong class=\"accent-chrome\"\u003eCantilever\u003c\/strong\u003e \u003cspan\u003eFloating magnetic hinge\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 2: Haptic Glass Trackpad --\u003e\n\u003carticle class=\"mkpro13-bento-card\"\u003e\n\u003cdiv class=\"mkpro13-card-text\"\u003e\n\u003cspan class=\"mkpro13-card-tag\"\u003eHaptic Precision\u003c\/span\u003e\n\u003ch3\u003eLarger glass trackpad with haptic feedback.\u003c\/h3\u003e\n\u003cp\u003eThe enlarged glass trackpad features a built-in haptic engine providing realistic click feedback everywhere you press. Designed for precise spreadsheets, timeline scrubing, and fluid iPadOS gestures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro13-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eHaptic\u003c\/strong\u003e \u003cspan\u003eClick-anywhere engine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eGlass\u003c\/strong\u003e \u003cspan\u003eExpansive surface\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 3: 14-Key Function Row --\u003e\n\u003carticle class=\"mkpro13-bento-card\"\u003e\n\u003cdiv class=\"mkpro13-card-text\"\u003e\n\u003cspan class=\"mkpro13-card-tag\"\u003eFull Control\u003c\/span\u003e\n\u003ch3\u003e14-key function row with Esc key.\u003c\/h3\u003e\n\u003cp\u003eFor the first time on iPad Pro, an entire row of dedicated shortcut keys gives you instant access to screen brightness, volume controls, media playback, Siri, and a physical Escape key.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro13-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003e14 Keys\u003c\/strong\u003e \u003cspan\u003eTop function row\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eBacklit\u003c\/strong\u003e \u003cspan\u003e1 mm scissor travel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 4: USB-C Pass-Through Charging --\u003e\n\u003carticle class=\"mkpro13-bento-card\"\u003e\n\u003cdiv class=\"mkpro13-card-text\"\u003e\n\u003cspan class=\"mkpro13-card-tag\"\u003ePro Connectivity\u003c\/span\u003e\n\u003ch3\u003eUSB-C pass-through in machined hinge.\u003c\/h3\u003e\n\u003cp\u003eThe aluminum hinge houses an integrated USB-C pass-through charging port. Charge your iPad Pro directly through the keyboard, freeing up the iPad Pro's Thunderbolt \/ USB 4 port for high-speed accessories.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro13-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003ePass-Through\u003c\/strong\u003e \u003cspan\u003eHinge charging\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eSmart Connector\u003c\/strong\u003e \u003cspan\u003eZero pairing needed\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- 3. TANDEM ERGONOMICS BANNER --\u003e\n\u003csection class=\"mkpro13-banner\"\u003e\n\u003ch3\u003eThe ultimate companion to iPad Pro 13-inch (M4).\u003c\/h3\u003e\n\u003cp\u003eDelivers incredible rigidity, precision, and tactile feedback. Folds flat to safeguard the Ultra Retina XDR Tandem OLED display and slim enclosure wherever your work takes you.\u003c\/p\u003e\n\u003cdiv class=\"mkpro13-banner-stats\"\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eForm Factor\u003c\/span\u003e \u003cstrong\u003e13″ Pro\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003ePalm Rest\u003c\/span\u003e \u003cstrong\u003eAnodized Aluminum\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eTrackpad\u003c\/span\u003e \u003cstrong\u003eHaptic Glass\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eInterface\u003c\/span\u003e \u003cstrong\u003eSmart Connector\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 4. SELECT-STYLE EXPANDABLE TECH SPECS (ACCORDIONS) --\u003e\n\u003csection class=\"mkpro13-dropdowns-section\"\u003e\n\u003ch3 class=\"mkpro13-dropdowns-heading\"\u003eProduct Details \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c!-- Dropdown 1: Technical Specifications --\u003e\n\u003cdetails class=\"mkpro13-dropdown-item\" open=\"\"\u003e\n\u003csummary class=\"mkpro13-dropdown-summary\"\u003e\u003cspan\u003eTechnical Specifications\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"mkpro13-dropdown-body\"\u003e\n\u003ctable class=\"mkpro13-specs-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eDeck \u0026amp; Palm Rest\u003c\/th\u003e\n\u003ctd\u003ePrecision-machined anodized aluminum palm rest with durable hinge architecture\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKey Mechanism\u003c\/th\u003e\n\u003ctd\u003eBacklit scissor mechanism with 1 mm travel; 14-key dedicated function row (including Escape, screen brightness, and media controls)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eTrackpad\u003c\/th\u003e\n\u003ctd\u003eLarger smooth glass trackpad with integrated haptic feedback engine for click-anywhere response\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eConnectivity \u0026amp; Power\u003c\/th\u003e\n\u003ctd\u003eSmart Connector interface (draws power and transmits data instantly without Bluetooth or separate battery); Integrated USB-C pass-through charging port on the hinge\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eProtection\u003c\/th\u003e\n\u003ctd\u003eFolds into a durable protective folio case providing front and back protection\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eColor Options\u003c\/th\u003e\n\u003ctd\u003eBlack (with black aluminum palm rest) | White (with natural silver aluminum palm rest)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSystem Requirements\u003c\/th\u003e\n\u003ctd\u003eiPad Pro 13-inch (M4) running iPadOS 17.4 or later\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 2: Compatibility Matrix --\u003e\n\u003cdetails class=\"mkpro13-dropdown-item\"\u003e\n\u003csummary class=\"mkpro13-dropdown-summary\"\u003e\u003cspan\u003eiPad Compatibility\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"mkpro13-dropdown-body\"\u003e\n\u003cul class=\"mkpro13-bullet-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eiPad Pro 13-inch (M4)\u003c\/strong\u003e (2024–2026 generation)\u003c\/li\u003e\n\u003cli\u003e\u003cem\u003eNote: Not backwards-compatible with earlier 12.9-inch iPad Pro models due to the ultra-thin 5.1 mm chassis profile and updated Smart Connector alignment.\u003c\/em\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 3: What's in the Box --\u003e\n\u003cdetails class=\"mkpro13-dropdown-item\"\u003e\n\u003csummary class=\"mkpro13-dropdown-summary\"\u003e\u003cspan\u003eWhat's in the Box\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"mkpro13-dropdown-body\"\u003e\n\u003cul class=\"mkpro13-bullet-list\"\u003e\n\u003cli\u003eApple Magic Keyboard for iPad Pro 13‑inch (M4)\u003c\/li\u003e\n\u003cli\u003eOfficial Documentation \u0026amp; Warranty Leaflet\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 4: Warranty \u0026 Service --\u003e\n\u003cdetails class=\"mkpro13-dropdown-item\"\u003e\n\u003csummary class=\"mkpro13-dropdown-summary\"\u003e\u003cspan\u003eWarranty \u0026amp; Service\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"mkpro13-dropdown-body\"\u003e\n\u003cul class=\"mkpro13-bullet-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eApple Worldwide Warranty:\u003c\/strong\u003e Includes Apple's official 1-Year Limited Warranty, covered locally across Mauritius by certified Apple Authorised Service Providers.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAuthorised Service:\u003c\/strong\u003e For diagnostics, Smart Connector pairing checks, and warranty service across Mauritius, visit our \u003ca href=\"https:\/\/www.istore.mu\/pages\/pages-support-repair\" rel=\"noopener noreferrer\" style=\"color: #2997ff; text-decoration: underline; font-weight: 600;\" target=\"_blank\"\u003eSupport \u0026amp; Repair Page\u003c\/a\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- CSS STYLES (Apple Pro Obsidian Dark Stage \u0026 Chrome Typography)             --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ========================================================================== --\u003e\n\u003cstyle\u003e\n  .shopify-section:has(.istore-mkpro13-dark-root),\n  div[id^=\"shopify-section-\"]:has(.istore-mkpro13-dark-root),\n  .section:has(.istore-mkpro13-dark-root) {\n    padding: 0 !important;\n    margin: 0 !important;\n    background-color: #000000 !important;\n    position: relative !important;\n    z-index: 1 !important;\n    isolation: isolate !important;\n  }\n\n  .istore-mkpro13-dark-root {\n    width: 100% !important;\n    max-width: 100% !important;\n    position: relative !important;\n    left: 0 !important;\n    transform: none !important;\n    background: radial-gradient(circle at 50% 12%, #16161a 0%, #08080a 55%, #000000 100%) !important;\n    color: #f5f5f7;\n    font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    padding: 70px 16px 100px;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  .istore-mkpro13-dark-root * {\n    box-sizing: border-box;\n  }\n\n  .mkpro13-container {\n    max-width: 1140px;\n    margin: 0 auto;\n    padding: 0 12px;\n    box-sizing: border-box;\n  }\n\n  \/* 1. Pro Hero Header \u0026 Metallic Typography *\/\n  .mkpro13-hero {\n    text-align: center;\n    max-width: 860px;\n    margin: 0 auto 54px;\n  }\n\n  .mkpro13-hero-eyebrow {\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: #86868b;\n    margin-bottom: 12px;\n    display: inline-block;\n  }\n\n  .mkpro13-hero-title {\n    font-size: clamp(38px, 5.5vw, 68px);\n    line-height: 1.05;\n    font-weight: 700;\n    letter-spacing: -0.035em;\n    margin: 0 0 12px;\n  }\n\n  \/* Liquid Chrome Headline *\/\n  .mkpro13-metallic-headline {\n    background: linear-gradient(135deg, #ffffff 0%, #d1d1d6 50%, #8e8e93 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    display: inline-block;\n  }\n\n  .mkpro13-pro-sub {\n    font-size: clamp(20px, 2.5vw, 26px);\n    font-weight: 600;\n    color: #f5f5f7;\n    letter-spacing: -0.02em;\n    margin: 0 0 20px;\n  }\n\n  .mkpro13-hero-lead {\n    font-size: clamp(16px, 1.8vw, 20px);\n    line-height: 1.45;\n    color: #a1a1a6;\n    letter-spacing: -0.012em;\n    max-width: 780px;\n    margin: 0 auto 30px;\n  }\n\n  .mkpro13-hero-lead strong {\n    color: #f5f5f7;\n  }\n\n  \/* Clean Buy Button *\/\n  .mkpro13-cta-stack {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 30px;\n  }\n\n  .mkpro13-buy-btn {\n    background: #0071e3;\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 400;\n    padding: 8px 28px;\n    border-radius: 980px;\n    text-decoration: none;\n    display: inline-block;\n    transition: background 0.2s ease, transform 0.15s ease;\n  }\n\n  .mkpro13-buy-btn:hover {\n    background: #0077ed;\n    transform: scale(1.02);\n  }\n\n  \/* Swatches \/ Pills *\/\n  .mkpro13-finish-showcase {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 34px;\n  }\n\n  .mkpro13-finish-pills-row {\n    display: flex;\n    gap: 10px;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .mkpro13-finish-pill {\n    background: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 980px;\n    padding: 6px 14px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    color: #f5f5f7;\n  }\n\n  .mkpro13-swatch-circle {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    display: inline-block;\n  }\n\n  .mkpro13-swatch-circle.black {\n    background: #1f2022;\n    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);\n  }\n\n  .mkpro13-swatch-circle.white {\n    background: #e3e4e6;\n    box-shadow: 0 0 6px rgba(227, 228, 230, 0.4);\n  }\n\n  .mkpro13-badge-lang {\n    background: rgba(255, 255, 255, 0.12);\n    font-size: 10px;\n    font-weight: 700;\n    padding: 2px 6px;\n    border-radius: 4px;\n    color: #f5f5f7;\n  }\n\n  .mkpro13-finish-note {\n    font-size: 13px;\n    color: #86868b;\n    margin: 4px 0 0;\n  }\n\n  \/* Pro Dark Trust Badges *\/\n  .mkpro13-trust-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n    width: 100%;\n    margin-top: 14px;\n  }\n\n  .mkpro13-trust-card {\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 18px;\n    padding: 18px 16px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease;\n  }\n\n  .mkpro13-trust-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.16);\n  }\n\n  .mkpro13-trust-card svg {\n    color: #f5f5f7;\n    margin-bottom: 8px;\n  }\n\n  .mkpro13-trust-card strong {\n    font-size: 13px;\n    font-weight: 700;\n    color: #f5f5f7;\n    display: block;\n    margin-bottom: 4px;\n  }\n\n  .mkpro13-trust-card p {\n    font-size: 12px;\n    color: #86868b;\n    margin: 0;\n    line-height: 1.35;\n  }\n\n  \/* 2. Bento Grid *\/\n  .mkpro13-bento-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 18px;\n    margin-bottom: 36px;\n  }\n\n  .mkpro13-bento-card {\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 26px;\n    padding: 34px 30px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    min-height: 280px;\n  }\n\n  .mkpro13-bento-card.highlight {\n    background: linear-gradient(145deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 100%);\n    border-color: rgba(255, 255, 255, 0.15);\n  }\n\n  .mkpro13-card-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: #86868b;\n    margin-bottom: 10px;\n    display: block;\n  }\n\n  .mkpro13-card-tag.pro-tag {\n    color: #f5f5f7;\n  }\n\n  .mkpro13-card-text h3 {\n    font-size: clamp(22px, 2.4vw, 28px);\n    font-weight: 700;\n    letter-spacing: -0.025em;\n    color: #f5f5f7;\n    margin: 0 0 10px;\n    line-height: 1.2;\n  }\n\n  .mkpro13-card-text p {\n    font-size: 14.5px;\n    line-height: 1.5;\n    color: #a1a1a6;\n    margin: 0;\n  }\n\n  .mkpro13-metric-strip {\n    display: flex;\n    gap: 28px;\n    margin-top: 26px;\n    padding-top: 18px;\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\n  }\n\n  .metric-item strong {\n    font-size: 22px;\n    font-weight: 700;\n    color: #f5f5f7;\n    display: block;\n    letter-spacing: -0.02em;\n  }\n\n  .metric-item strong.accent-chrome {\n    background: linear-gradient(135deg, #ffffff 0%, #a1a1a6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .metric-item span {\n    font-size: 12px;\n    color: #86868b;\n  }\n\n  \/* 3. Banner *\/\n  .mkpro13-banner {\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 28px;\n    padding: clamp(30px, 4.5vw, 48px);\n    margin-bottom: 40px;\n  }\n\n  .mkpro13-banner h3 {\n    font-size: clamp(24px, 3.2vw, 36px);\n    font-weight: 700;\n    letter-spacing: -0.03em;\n    color: #f5f5f7;\n    margin: 0 0 12px;\n  }\n\n  .mkpro13-banner p {\n    font-size: 15px;\n    line-height: 1.55;\n    color: #a1a1a6;\n    margin: 0 0 28px;\n  }\n\n  .mkpro13-banner-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    padding-top: 28px;\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\n  }\n\n  .stat-col span {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: #86868b;\n    display: block;\n    margin-bottom: 4px;\n  }\n\n  .stat-col strong {\n    font-size: clamp(20px, 2.2vw, 26px);\n    font-weight: 700;\n    color: #f5f5f7;\n  }\n\n  \/* 4. Dropdowns (Accordions) *\/\n  .mkpro13-dropdowns-section {\n    margin-top: 50px;\n    padding-top: 40px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .mkpro13-dropdowns-heading {\n    font-size: 24px;\n    font-weight: 700;\n    color: #f5f5f7;\n    letter-spacing: -0.02em;\n    margin: 0 0 20px;\n  }\n\n  .mkpro13-dropdown-item {\n    background: transparent;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  }\n\n  .mkpro13-dropdown-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 20px 8px;\n    cursor: pointer;\n    list-style: none;\n    user-select: none;\n  }\n\n  .mkpro13-dropdown-summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .mkpro13-dropdown-summary span {\n    font-size: 17px;\n    font-weight: 600;\n    letter-spacing: -0.015em;\n    color: #f5f5f7;\n  }\n\n  .chevron-icon {\n    transition: transform 0.25s ease;\n    color: #86868b;\n  }\n\n  .mkpro13-dropdown-item[open] .chevron-icon {\n    transform: rotate(180deg);\n  }\n\n  .mkpro13-dropdown-body {\n    padding: 0 8px 24px;\n  }\n\n  .mkpro13-specs-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 14px;\n  }\n\n  .mkpro13-specs-table tr {\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  }\n\n  .mkpro13-specs-table th {\n    padding: 16px 12px;\n    width: 25%;\n    color: #86868b;\n    font-weight: 600;\n    vertical-align: top;\n    text-align: left;\n  }\n\n  .mkpro13-specs-table td {\n    padding: 16px 12px;\n    color: #d1d1d6;\n    line-height: 1.5;\n  }\n\n  .mkpro13-bullet-list {\n    margin: 0;\n    padding-left: 20px;\n    font-size: 14.5px;\n    color: #d1d1d6;\n    line-height: 1.6;\n  }\n\n  .mkpro13-bullet-list li {\n    margin-bottom: 8px;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .mkpro13-trust-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .mkpro13-banner-stats {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 24px 16px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .istore-mkpro13-dark-root {\n      padding: 50px 12px 70px;\n    }\n    .mkpro13-bento-grid {\n      grid-template-columns: 1fr;\n    }\n    .mkpro13-bento-card {\n      min-height: auto;\n      padding: 26px 20px;\n    }\n    .mkpro13-specs-table th {\n      width: 35%;\n      font-size: 13px;\n    }\n    .mkpro13-specs-table td {\n      font-size: 13px;\n    }\n    .mkpro13-trust-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e","brand":"APPLE","offers":[{"title":"Black \/ ENG-GB- English (United Kingdom)","offer_id":67706743816271,"sku":null,"price":21490.0,"currency_code":"MUR","in_stock":true},{"title":"Black \/ FRA- French","offer_id":67706743849039,"sku":null,"price":21490.0,"currency_code":"MUR","in_stock":false},{"title":"White \/ ENG-GB- English (United Kingdom)","offer_id":67706743881807,"sku":null,"price":21490.0,"currency_code":"MUR","in_stock":false},{"title":"White \/ FRA- French","offer_id":67706743914575,"sku":null,"price":21490.0,"currency_code":"MUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0558\/6885\/0255\/files\/m_w_mwr53b.jpg?v=1791985823"},{"product_id":"apple-magic-keyboard-for-ipad-pro-11-inch-m4","title":"Apple Magic Keyboard for iPad Pro 11‑inch (M4)","description":"\u003c!-- ========================================================================== --\u003e\u003c!-- iStore Mauritius - Magic Keyboard for iPad Pro 11-inch (M4) Component      --\u003e\u003c!-- Aesthetic: Pro Obsidian Canvas, Machined Aluminum Accents \u0026 Chrome Titling --\u003e\u003c!-- Reference: Select Online UK \u0026 iShop Mauritius (Rs 19,490.00 Baseline)      --\u003e\u003c!-- ========================================================================== --\u003e\n\u003cdiv class=\"istore-mkpro11-dark-root\" id=\"magicKeyboardIpadPro11M4Experience\"\u003e\n\u003cdiv class=\"mkpro11-container\"\u003e\n\u003c!-- 1. PRO HERO HEADER SECTION --\u003e\u003cheader class=\"mkpro11-hero\"\u003e\u003cspan class=\"mkpro11-hero-eyebrow\"\u003eAccessories\u003c\/span\u003e\n\u003ch1 class=\"mkpro11-hero-title\"\u003e\u003cspan class=\"mkpro11-metallic-headline\"\u003eThe pro typing experience. Reimagined.\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"mkpro11-pro-sub\"\u003eMagic Keyboard for iPad Pro 11‑inch (M4).\u003c\/p\u003e\n\u003cp class=\"mkpro11-hero-lead\"\u003eRedesigned with a stunning, ultra-thin and portable cantilever architecture. Featuring a premium \u003cstrong\u003emachined aluminum palm rest\u003c\/strong\u003e, an all-new 14-key function row, a larger \u003cstrong\u003eglass trackpad with haptic feedback\u003c\/strong\u003e, and convenient \u003cstrong\u003eUSB-C pass-through charging\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c!-- Clean Buy CTA Button (No Price Text) --\u003e\u003cbr\u003e\u003c!-- Finish \u0026 Language Swatches --\u003e\n\u003cdiv class=\"mkpro11-finish-showcase\"\u003e\n\u003cdiv class=\"mkpro11-finish-pills-row\"\u003e\n\u003cdiv class=\"mkpro11-finish-pill\"\u003e\n\u003cspan class=\"mkpro11-swatch-circle black\"\u003e\u003c\/span\u003e \u003cspan\u003eBlack Aluminum\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro11-finish-pill\"\u003e\n\u003cspan class=\"mkpro11-swatch-circle white\"\u003e\u003c\/span\u003e \u003cspan\u003eWhite \/ Silver Aluminum\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro11-finish-pill\"\u003e\n\u003cspan class=\"mkpro11-badge-lang\"\u003eEN\u003c\/span\u003e \u003cspan\u003eBritish English\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro11-finish-pill\"\u003e\n\u003cspan class=\"mkpro11-badge-lang\"\u003eFR\u003c\/span\u003e \u003cspan\u003eFrench (AZERTY)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"mkpro11-finish-note\"\u003eSpecifically engineered for iPad Pro 11-inch (M4).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Mauritius Store Trust Strip --\u003e\n\u003cdiv class=\"mkpro11-trust-grid\"\u003e\n\u003cdiv class=\"mkpro11-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003eOfficial Apple Warranty\u003c\/strong\u003e\n\u003cp\u003e1-Year Worldwide Warranty via Apple Authorised Service Providers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro11-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\u003e\u003c\/rect\u003e\u003cpolygon points=\"16 8 20 8 23 11 23 16 16 16 8\"\u003e\u003c\/polygon\u003e\u003ccircle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003cstrong\u003eFree Island-Wide Delivery\u003c\/strong\u003e\n\u003cp\u003eSecure express courier doorstep delivery across Mauritius\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro11-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003eFlexible Payment\u003c\/strong\u003e\n\u003cp\u003eMCB Juice, Credit Card \u0026amp; Rogers Capital financing\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro11-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\u003e\u003c\/line\u003e\u003c\/svg\u003e \u003cstrong\u003eAluminum Palm Rest\u003c\/strong\u003e\n\u003cp\u003ePremium rigid enclosure with laptop-level typing stability\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- 2. HIGH-CONTRAST OBSIDIAN BENTO GRID --\u003e\n\u003csection class=\"mkpro11-bento-grid\"\u003e\u003c!-- Card 1: Premium Aluminum Architecture --\u003e\n\u003carticle class=\"mkpro11-bento-card highlight\"\u003e\n\u003cdiv class=\"mkpro11-card-text\"\u003e\n\u003cspan class=\"mkpro11-card-tag pro-tag\"\u003ePro Engineering\u003c\/span\u003e\n\u003ch3\u003eMachined aluminum palm rest.\u003c\/h3\u003e\n\u003cp\u003eAn exquisite aluminum deck delivers a solid, MacBook-like feel. Combined with a floating cantilever design, it smoothly adjusts to multiple angles and folds into a front-and-back protective case.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro11-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eAluminum\u003c\/strong\u003e \u003cspan\u003eMachined palm rest\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong class=\"accent-chrome\"\u003eCantilever\u003c\/strong\u003e \u003cspan\u003eFloating magnetic hinge\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 2: Haptic Glass Trackpad --\u003e\n\u003carticle class=\"mkpro11-bento-card\"\u003e\n\u003cdiv class=\"mkpro11-card-text\"\u003e\n\u003cspan class=\"mkpro11-card-tag\"\u003eHaptic Precision\u003c\/span\u003e\n\u003ch3\u003eLarger glass trackpad with haptic feedback.\u003c\/h3\u003e\n\u003cp\u003eThe enlarged glass trackpad features a built-in haptic engine providing realistic click feedback everywhere you press. Designed for precise spreadsheets, timeline scrubbing, and fluid iPadOS gestures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro11-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eHaptic\u003c\/strong\u003e \u003cspan\u003eClick-anywhere engine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eGlass\u003c\/strong\u003e \u003cspan\u003eExpansive surface\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 3: 14-Key Function Row --\u003e\n\u003carticle class=\"mkpro11-bento-card\"\u003e\n\u003cdiv class=\"mkpro11-card-text\"\u003e\n\u003cspan class=\"mkpro11-card-tag\"\u003eFull Control\u003c\/span\u003e\n\u003ch3\u003e14-key function row with Esc key.\u003c\/h3\u003e\n\u003cp\u003eFor the first time on iPad Pro, an entire row of dedicated shortcut keys gives you instant access to screen brightness, volume controls, media playback, Siri, and a physical Escape key.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro11-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003e14 Keys\u003c\/strong\u003e \u003cspan\u003eTop function row\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eBacklit\u003c\/strong\u003e \u003cspan\u003e1 mm scissor travel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 4: USB-C Pass-Through Charging --\u003e\n\u003carticle class=\"mkpro11-bento-card\"\u003e\n\u003cdiv class=\"mkpro11-card-text\"\u003e\n\u003cspan class=\"mkpro11-card-tag\"\u003ePro Connectivity\u003c\/span\u003e\n\u003ch3\u003eUSB-C pass-through in machined hinge.\u003c\/h3\u003e\n\u003cp\u003eThe aluminum hinge houses an integrated USB-C pass-through charging port. Charge your iPad Pro directly through the keyboard, freeing up the iPad Pro's Thunderbolt \/ USB 4 port for high-speed accessories.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkpro11-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003ePass-Through\u003c\/strong\u003e \u003cspan\u003eHinge charging\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eSmart Connector\u003c\/strong\u003e \u003cspan\u003eZero pairing needed\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- 3. TANDEM ERGONOMICS BANNER --\u003e\n\u003csection class=\"mkpro11-banner\"\u003e\n\u003ch3\u003eThe ultimate companion to iPad Pro 11-inch (M4).\u003c\/h3\u003e\n\u003cp\u003eDelivers incredible rigidity, precision, and tactile feedback. Folds flat to safeguard the Ultra Retina XDR Tandem OLED display and thin 5.3 mm enclosure wherever your work takes you.\u003c\/p\u003e\n\u003cdiv class=\"mkpro11-banner-stats\"\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eForm Factor\u003c\/span\u003e \u003cstrong\u003e11″ Pro\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003ePalm Rest\u003c\/span\u003e \u003cstrong\u003eAnodized Aluminum\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eTrackpad\u003c\/span\u003e \u003cstrong\u003eHaptic Glass\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eInterface\u003c\/span\u003e \u003cstrong\u003eSmart Connector\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 4. SELECT-STYLE EXPANDABLE TECH SPECS (ACCORDIONS) --\u003e\n\u003csection class=\"mkpro11-dropdowns-section\"\u003e\n\u003ch3 class=\"mkpro11-dropdowns-heading\"\u003eProduct Details \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c!-- Dropdown 1: Technical Specifications --\u003e\n\u003cdetails class=\"mkpro11-dropdown-item\" open=\"\"\u003e\n\u003csummary class=\"mkpro11-dropdown-summary\"\u003e\u003cspan\u003eTechnical Specifications\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"mkpro11-dropdown-body\"\u003e\n\u003ctable class=\"mkpro11-specs-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eDeck \u0026amp; Palm Rest\u003c\/th\u003e\n\u003ctd\u003ePrecision-machined anodized aluminum palm rest with durable hinge architecture\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKey Mechanism\u003c\/th\u003e\n\u003ctd\u003eBacklit scissor mechanism with 1 mm travel; 14-key dedicated function row (including Escape, screen brightness, and media controls)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eTrackpad\u003c\/th\u003e\n\u003ctd\u003eSmooth glass trackpad with integrated haptic feedback engine for click-anywhere response\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eConnectivity \u0026amp; Power\u003c\/th\u003e\n\u003ctd\u003eSmart Connector interface (draws power and transmits data instantly without Bluetooth or separate battery); Integrated USB-C pass-through charging port on the hinge\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eProtection\u003c\/th\u003e\n\u003ctd\u003eFolds into a durable protective folio case providing front and back protection\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eColor Options\u003c\/th\u003e\n\u003ctd\u003eBlack (with black aluminum palm rest) | White (with natural silver aluminum palm rest)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSystem Requirements\u003c\/th\u003e\n\u003ctd\u003eiPad Pro 11-inch (M4) running iPadOS 17.4 or later\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 2: Compatibility Matrix --\u003e\n\u003cdetails class=\"mkpro11-dropdown-item\"\u003e\n\u003csummary class=\"mkpro11-dropdown-summary\"\u003e\u003cspan\u003eiPad Compatibility\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"mkpro11-dropdown-body\"\u003e\n\u003cul class=\"mkpro11-bullet-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eiPad Pro 11-inch (M4)\u003c\/strong\u003e (2024–2026 generation)\u003c\/li\u003e\n\u003cli\u003e\u003cem\u003eNote: Not backwards-compatible with earlier 11-inch iPad Pro (1st–4th gen) or iPad Air models due to the ultra-thin 5.3 mm chassis profile and updated Smart Connector alignment.\u003c\/em\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 3: What's in the Box --\u003e\n\u003cdetails class=\"mkpro11-dropdown-item\"\u003e\n\u003csummary class=\"mkpro11-dropdown-summary\"\u003e\u003cspan\u003eWhat's in the Box\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"mkpro11-dropdown-body\"\u003e\n\u003cul class=\"mkpro11-bullet-list\"\u003e\n\u003cli\u003eApple Magic Keyboard for iPad Pro 11‑inch (M4)\u003c\/li\u003e\n\u003cli\u003eOfficial Documentation \u0026amp; Warranty Leaflet\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 4: Warranty \u0026 Service --\u003e\n\u003cdetails class=\"mkpro11-dropdown-item\"\u003e\n\u003csummary class=\"mkpro11-dropdown-summary\"\u003e\u003cspan\u003eWarranty \u0026amp; Service\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"mkpro11-dropdown-body\"\u003e\n\u003cul class=\"mkpro11-bullet-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eApple Worldwide Warranty:\u003c\/strong\u003e Includes Apple's official 1-Year Limited Warranty, covered locally across Mauritius by certified Apple Authorised Service Providers.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAuthorised Service:\u003c\/strong\u003e For diagnostics, Smart Connector pairing checks, and warranty service across Mauritius, visit our \u003ca href=\"https:\/\/www.istore.mu\/pages\/pages-support-repair\" rel=\"noopener noreferrer\" style=\"color: #2997ff; text-decoration: underline; font-weight: 600;\" target=\"_blank\"\u003eSupport \u0026amp; Repair Page\u003c\/a\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- CSS STYLES (Apple Pro Obsidian Dark Stage \u0026 Chrome Typography)             --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ========================================================================== --\u003e\n\u003cstyle\u003e\n  .shopify-section:has(.istore-mkpro11-dark-root),\n  div[id^=\"shopify-section-\"]:has(.istore-mkpro11-dark-root),\n  .section:has(.istore-mkpro11-dark-root) {\n    padding: 0 !important;\n    margin: 0 !important;\n    background-color: #000000 !important;\n    position: relative !important;\n    z-index: 1 !important;\n    isolation: isolate !important;\n  }\n\n  .istore-mkpro11-dark-root {\n    width: 100% !important;\n    max-width: 100% !important;\n    position: relative !important;\n    left: 0 !important;\n    transform: none !important;\n    background: radial-gradient(circle at 50% 12%, #16161a 0%, #08080a 55%, #000000 100%) !important;\n    color: #f5f5f7;\n    font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    padding: 70px 16px 100px;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  .istore-mkpro11-dark-root * {\n    box-sizing: border-box;\n  }\n\n  .mkpro11-container {\n    max-width: 1140px;\n    margin: 0 auto;\n    padding: 0 12px;\n    box-sizing: border-box;\n  }\n\n  \/* 1. Pro Hero Header \u0026 Metallic Typography *\/\n  .mkpro11-hero {\n    text-align: center;\n    max-width: 860px;\n    margin: 0 auto 54px;\n  }\n\n  .mkpro11-hero-eyebrow {\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: #86868b;\n    margin-bottom: 12px;\n    display: inline-block;\n  }\n\n  .mkpro11-hero-title {\n    font-size: clamp(38px, 5.5vw, 68px);\n    line-height: 1.05;\n    font-weight: 700;\n    letter-spacing: -0.035em;\n    margin: 0 0 12px;\n  }\n\n  \/* Liquid Chrome Headline *\/\n  .mkpro11-metallic-headline {\n    background: linear-gradient(135deg, #ffffff 0%, #d1d1d6 50%, #8e8e93 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    display: inline-block;\n  }\n\n  .mkpro11-pro-sub {\n    font-size: clamp(20px, 2.5vw, 26px);\n    font-weight: 600;\n    color: #f5f5f7;\n    letter-spacing: -0.02em;\n    margin: 0 0 20px;\n  }\n\n  .mkpro11-hero-lead {\n    font-size: clamp(16px, 1.8vw, 20px);\n    line-height: 1.45;\n    color: #a1a1a6;\n    letter-spacing: -0.012em;\n    max-width: 780px;\n    margin: 0 auto 30px;\n  }\n\n  .mkpro11-hero-lead strong {\n    color: #f5f5f7;\n  }\n\n  \/* Clean Buy Button *\/\n  .mkpro11-cta-stack {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 30px;\n  }\n\n  .mkpro11-buy-btn {\n    background: #0071e3;\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 400;\n    padding: 8px 28px;\n    border-radius: 980px;\n    text-decoration: none;\n    display: inline-block;\n    transition: background 0.2s ease, transform 0.15s ease;\n  }\n\n  .mkpro11-buy-btn:hover {\n    background: #0077ed;\n    transform: scale(1.02);\n  }\n\n  \/* Swatches \/ Pills *\/\n  .mkpro11-finish-showcase {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 34px;\n  }\n\n  .mkpro11-finish-pills-row {\n    display: flex;\n    gap: 10px;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .mkpro11-finish-pill {\n    background: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 980px;\n    padding: 6px 14px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    color: #f5f5f7;\n  }\n\n  .mkpro11-swatch-circle {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    display: inline-block;\n  }\n\n  .mkpro11-swatch-circle.black {\n    background: #1f2022;\n    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);\n  }\n\n  .mkpro11-swatch-circle.white {\n    background: #e3e4e6;\n    box-shadow: 0 0 6px rgba(227, 228, 230, 0.4);\n  }\n\n  .mkpro11-badge-lang {\n    background: rgba(255, 255, 255, 0.12);\n    font-size: 10px;\n    font-weight: 700;\n    padding: 2px 6px;\n    border-radius: 4px;\n    color: #f5f5f7;\n  }\n\n  .mkpro11-finish-note {\n    font-size: 13px;\n    color: #86868b;\n    margin: 4px 0 0;\n  }\n\n  \/* Pro Dark Trust Badges *\/\n  .mkpro11-trust-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n    width: 100%;\n    margin-top: 14px;\n  }\n\n  .mkpro11-trust-card {\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 18px;\n    padding: 18px 16px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease;\n  }\n\n  .mkpro11-trust-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.16);\n  }\n\n  .mkpro11-trust-card svg {\n    color: #f5f5f7;\n    margin-bottom: 8px;\n  }\n\n  .mkpro11-trust-card strong {\n    font-size: 13px;\n    font-weight: 700;\n    color: #f5f5f7;\n    display: block;\n    margin-bottom: 4px;\n  }\n\n  .mkpro11-trust-card p {\n    font-size: 12px;\n    color: #86868b;\n    margin: 0;\n    line-height: 1.35;\n  }\n\n  \/* 2. Bento Grid *\/\n  .mkpro11-bento-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 18px;\n    margin-bottom: 36px;\n  }\n\n  .mkpro11-bento-card {\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 26px;\n    padding: 34px 30px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    min-height: 280px;\n  }\n\n  .mkpro11-bento-card.highlight {\n    background: linear-gradient(145deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 100%);\n    border-color: rgba(255, 255, 255, 0.15);\n  }\n\n  .mkpro11-card-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: #86868b;\n    margin-bottom: 10px;\n    display: block;\n  }\n\n  .mkpro11-card-tag.pro-tag {\n    color: #f5f5f7;\n  }\n\n  .mkpro11-card-text h3 {\n    font-size: clamp(22px, 2.4vw, 28px);\n    font-weight: 700;\n    letter-spacing: -0.025em;\n    color: #f5f5f7;\n    margin: 0 0 10px;\n    line-height: 1.2;\n  }\n\n  .mkpro11-card-text p {\n    font-size: 14.5px;\n    line-height: 1.5;\n    color: #a1a1a6;\n    margin: 0;\n  }\n\n  .mkpro11-metric-strip {\n    display: flex;\n    gap: 28px;\n    margin-top: 26px;\n    padding-top: 18px;\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\n  }\n\n  .metric-item strong {\n    font-size: 22px;\n    font-weight: 700;\n    color: #f5f5f7;\n    display: block;\n    letter-spacing: -0.02em;\n  }\n\n  .metric-item strong.accent-chrome {\n    background: linear-gradient(135deg, #ffffff 0%, #a1a1a6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .metric-item span {\n    font-size: 12px;\n    color: #86868b;\n  }\n\n  \/* 3. Banner *\/\n  .mkpro11-banner {\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 28px;\n    padding: clamp(30px, 4.5vw, 48px);\n    margin-bottom: 40px;\n  }\n\n  .mkpro11-banner h3 {\n    font-size: clamp(24px, 3.2vw, 36px);\n    font-weight: 700;\n    letter-spacing: -0.03em;\n    color: #f5f5f7;\n    margin: 0 0 12px;\n  }\n\n  .mkpro11-banner p {\n    font-size: 15px;\n    line-height: 1.55;\n    color: #a1a1a6;\n    margin: 0 0 28px;\n  }\n\n  .mkpro11-banner-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    padding-top: 28px;\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\n  }\n\n  .stat-col span {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: #86868b;\n    display: block;\n    margin-bottom: 4px;\n  }\n\n  .stat-col strong {\n    font-size: clamp(20px, 2.2vw, 26px);\n    font-weight: 700;\n    color: #f5f5f7;\n  }\n\n  \/* 4. Dropdowns (Accordions) *\/\n  .mkpro11-dropdowns-section {\n    margin-top: 50px;\n    padding-top: 40px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .mkpro11-dropdowns-heading {\n    font-size: 24px;\n    font-weight: 700;\n    color: #f5f5f7;\n    letter-spacing: -0.02em;\n    margin: 0 0 20px;\n  }\n\n  .mkpro11-dropdown-item {\n    background: transparent;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  }\n\n  .mkpro11-dropdown-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 20px 8px;\n    cursor: pointer;\n    list-style: none;\n    user-select: none;\n  }\n\n  .mkpro11-dropdown-summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .mkpro11-dropdown-summary span {\n    font-size: 17px;\n    font-weight: 600;\n    letter-spacing: -0.015em;\n    color: #f5f5f7;\n  }\n\n  .chevron-icon {\n    transition: transform 0.25s ease;\n    color: #86868b;\n  }\n\n  .mkpro11-dropdown-item[open] .chevron-icon {\n    transform: rotate(180deg);\n  }\n\n  .mkpro11-dropdown-body {\n    padding: 0 8px 24px;\n  }\n\n  .mkpro11-specs-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 14px;\n  }\n\n  .mkpro11-specs-table tr {\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  }\n\n  .mkpro11-specs-table th {\n    padding: 16px 12px;\n    width: 25%;\n    color: #86868b;\n    font-weight: 600;\n    vertical-align: top;\n    text-align: left;\n  }\n\n  .mkpro11-specs-table td {\n    padding: 16px 12px;\n    color: #d1d1d6;\n    line-height: 1.5;\n  }\n\n  .mkpro11-bullet-list {\n    margin: 0;\n    padding-left: 20px;\n    font-size: 14.5px;\n    color: #d1d1d6;\n    line-height: 1.6;\n  }\n\n  .mkpro11-bullet-list li {\n    margin-bottom: 8px;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .mkpro11-trust-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .mkpro11-banner-stats {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 24px 16px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .istore-mkpro11-dark-root {\n      padding: 50px 12px 70px;\n    }\n    .mkpro11-bento-grid {\n      grid-template-columns: 1fr;\n    }\n    .mkpro11-bento-card {\n      min-height: auto;\n      padding: 26px 20px;\n    }\n    .mkpro11-specs-table th {\n      width: 35%;\n      font-size: 13px;\n    }\n    .mkpro11-specs-table td {\n      font-size: 13px;\n    }\n    .mkpro11-trust-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e","brand":"APPLE","offers":[{"title":"Black \/ ENG-GB- English (United Kingdom)","offer_id":67706907951183,"sku":null,"price":19490.0,"currency_code":"MUR","in_stock":true},{"title":"Black \/ FRA- French","offer_id":67706907983951,"sku":null,"price":19490.0,"currency_code":"MUR","in_stock":false},{"title":"White \/ ENG-GB- English (United Kingdom)","offer_id":67706908016719,"sku":null,"price":19490.0,"currency_code":"MUR","in_stock":false},{"title":"White \/ FRA- French","offer_id":67706908049487,"sku":null,"price":19490.0,"currency_code":"MUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0558\/6885\/0255\/files\/m_w_mwr23b.jpg?v=1791987000"},{"product_id":"apple-magic-keyboard-folio-for-ipad-10th-gen","title":"Apple Magic Keyboard Folio for iPad (10th generation)","description":"\u003c!-- ========================================================================== --\u003e\u003c!-- iStore Mauritius - Magic Keyboard Folio for iPad (10th gen) Experience    --\u003e\u003c!-- Palette: Clean White Canvas, Indigo-Magenta Accent \u0026 Detachable Design     --\u003e\u003c!-- Reference: Select Online UK \u0026 iShop Mauritius (Rs 17,990.00 Baseline)      --\u003e\u003c!-- ========================================================================== --\u003e\n\u003cdiv class=\"istore-mkfolio-exp\" id=\"magicKeyboardFolioExperience\"\u003e\n\u003cdiv class=\"mkfolio-container\"\u003e\n\u003c!-- 1. HERO HEADER SECTION --\u003e\u003cheader class=\"mkfolio-hero\"\u003e\u003cspan class=\"mkfolio-hero-eyebrow\"\u003eAccessories\u003c\/span\u003e\n\u003ch1 class=\"mkfolio-hero-title\"\u003e\u003cspan class=\"mkfolio-brand-headline\"\u003eType. View. Protect. All in two pieces.\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"mkfolio-chip-sub\"\u003eMagic Keyboard Folio for iPad (10th generation \u0026amp; iPad A16) - White.\u003c\/p\u003e\n\u003cp class=\"mkfolio-hero-lead\"\u003eThe versatile Magic Keyboard Folio features an incredible typing experience with a \u003cstrong\u003edetachable keyboard\u003c\/strong\u003e, a built-in \u003cstrong\u003eclick-anywhere trackpad\u003c\/strong\u003e, a 14-key function row, and a \u003cstrong\u003emagnetic back panel with an adjustable stand\u003c\/strong\u003e for flexible viewing angles.\u003c\/p\u003e\n\u003c!-- Clean Buy CTA Button (No Price Text) --\u003e\u003cbr\u003e\u003c!-- Color \u0026 Language Swatches --\u003e\n\u003cdiv class=\"mkfolio-finish-showcase\"\u003e\n\u003cdiv class=\"mkfolio-finish-pills-row\"\u003e\n\u003cdiv class=\"mkfolio-finish-pill\"\u003e\n\u003cspan class=\"mkfolio-swatch-circle white\"\u003e\u003c\/span\u003e \u003cspan\u003eWhite Finish\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkfolio-finish-pill\"\u003e\n\u003cspan class=\"mkfolio-badge-lang\"\u003eEN\u003c\/span\u003e \u003cspan\u003eBritish English\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkfolio-finish-pill\"\u003e\n\u003cspan class=\"mkfolio-badge-lang\"\u003eFR\u003c\/span\u003e \u003cspan\u003eFrench (AZERTY)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"mkfolio-finish-note\"\u003eDesigned specifically for iPad (10th generation) and iPad (A16).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Mauritius Store Trust Strip --\u003e\n\u003cdiv class=\"mkfolio-trust-grid\"\u003e\n\u003cdiv class=\"mkfolio-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003eOfficial Apple Warranty\u003c\/strong\u003e\n\u003cp\u003e1-Year Worldwide Warranty via Apple Authorised Service Providers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkfolio-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\u003e\u003c\/rect\u003e\u003cpolygon points=\"16 8 20 8 23 11 23 16 16 16 8\"\u003e\u003c\/polygon\u003e\u003ccircle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003cstrong\u003eFree Island-Wide Delivery\u003c\/strong\u003e\n\u003cp\u003eFast doorstep express courier dispatch across Mauritius\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkfolio-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003eFlexible Payment\u003c\/strong\u003e\n\u003cp\u003eMCB Juice, Credit Card \u0026amp; Rogers Capital financing\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkfolio-trust-card\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\u003crect x=\"9\" y=\"9\" width=\"6\" height=\"6\"\u003e\u003c\/rect\u003e\u003cline x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"\u003e\u003c\/line\u003e\u003cline x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"\u003e\u003c\/line\u003e\u003cline x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"\u003e\u003c\/line\u003e\u003cline x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"\u003e\u003c\/line\u003e\u003c\/svg\u003e \u003cstrong\u003eTwo-Piece Versatility\u003c\/strong\u003e\n\u003cp\u003eDetachable keyboard with protective kickstand back panel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- 2. HIGH-CONTRAST BENTO GRID --\u003e\n\u003csection class=\"mkfolio-bento-grid\"\u003e\u003c!-- Card 1: Two-Piece Detachable Versatility --\u003e\n\u003carticle class=\"mkfolio-bento-card highlight\"\u003e\n\u003cdiv class=\"mkfolio-card-text\"\u003e\n\u003cspan class=\"mkfolio-card-tag purple-tag\"\u003eDetachable Design\u003c\/span\u003e\n\u003ch3\u003eTwo-piece modular flexibility.\u003c\/h3\u003e\n\u003cp\u003eThe keyboard detaches in a snap when you just want to sketch with Apple Pencil, read, or watch videos, while the protective back cover remains in place with its integrated adjustable kickstand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkfolio-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003e2-Piece\u003c\/strong\u003e \u003cspan\u003eModular setup\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong class=\"accent-purple\"\u003eMagnetic\u003c\/strong\u003e \u003cspan\u003eInstant detachment\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 2: Click-Anywhere Trackpad --\u003e\n\u003carticle class=\"mkfolio-bento-card\"\u003e\n\u003cdiv class=\"mkfolio-card-text\"\u003e\n\u003cspan class=\"mkfolio-card-tag\"\u003ePrecision Input\u003c\/span\u003e\n\u003ch3\u003eLarge click-anywhere trackpad.\u003c\/h3\u003e\n\u003cp\u003eEngineered for Multi-Touch gestures and fluid cursor navigation in iPadOS. Click anywhere across the surface to select cells in spreadsheets, copy text, or toggle apps smoothly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkfolio-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eFull Surface\u003c\/strong\u003e \u003cspan\u003eClick-anywhere trackpad\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eMulti-Touch\u003c\/strong\u003e \u003cspan\u003eiPadOS gestures\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 3: 14-Key Function Row --\u003e\n\u003carticle class=\"mkfolio-bento-card\"\u003e\n\u003cdiv class=\"mkfolio-card-text\"\u003e\n\u003cspan class=\"mkfolio-card-tag\"\u003eShortcut Row\u003c\/span\u003e\n\u003ch3\u003e14-key function row with Esc key.\u003c\/h3\u003e\n\u003cp\u003eConvenient top function row gives you instant one-touch access to screen brightness, volume controls, media playback, Search, and a physical Escape key.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkfolio-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003e14 Keys\u003c\/strong\u003e \u003cspan\u003eTop function row\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003e1 mm\u003c\/strong\u003e \u003cspan\u003eComfortable scissor travel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Card 4: Adjustable Kickstand \u0026 Smart Connector --\u003e\n\u003carticle class=\"mkfolio-bento-card\"\u003e\n\u003cdiv class=\"mkfolio-card-text\"\u003e\n\u003cspan class=\"mkfolio-card-tag\"\u003eSmart Stand\u003c\/span\u003e\n\u003ch3\u003eAdjustable kickstand \u0026amp; zero charging.\u003c\/h3\u003e\n\u003cp\u003eAdjust viewing angles effortlessly with the rear kickstand. Connects directly via the iPad's Smart Connector on the bottom edge for instant power and data without Bluetooth or battery charging.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mkfolio-metric-strip\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eSmart Connector\u003c\/strong\u003e \u003cspan\u003eZero charging required\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cstrong\u003eKickstand\u003c\/strong\u003e \u003cspan\u003eSmooth angle adjust\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- 3. PROTECTION BANNER --\u003e\n\u003csection class=\"mkfolio-banner\"\u003e\n\u003ch3\u003eComplete front and back protection.\u003c\/h3\u003e\n\u003cp\u003eWhen you are done typing, fold the folio shut to protect the 11-inch Liquid Retina display and back aluminum casing of your iPad against scratches and bumps on the go.\u003c\/p\u003e\n\u003cdiv class=\"mkfolio-banner-stats\"\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eDesign\u003c\/span\u003e \u003cstrong\u003e2-Piece Detachable\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eKey Travel\u003c\/span\u003e \u003cstrong\u003e1.0 mm Scissor\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eTrackpad\u003c\/span\u003e \u003cstrong\u003eClick-Anywhere\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-col\"\u003e\n\u003cspan\u003eConnection\u003c\/span\u003e \u003cstrong\u003eSmart Connector\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 4. SELECT-STYLE EXPANDABLE TECH SPECS (ACCORDIONS) --\u003e\n\u003csection class=\"mkfolio-dropdowns-section\"\u003e\n\u003ch3 class=\"mkfolio-dropdowns-heading\"\u003eProduct Details \u0026amp; Compatibility\u003c\/h3\u003e\n\u003c!-- Dropdown 1: Technical Specifications --\u003e\n\u003cdetails class=\"mkfolio-dropdown-item\" open=\"\"\u003e\n\u003csummary class=\"mkfolio-dropdown-summary\"\u003e\u003cspan\u003eTechnical Specifications\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"mkfolio-dropdown-body\"\u003e\n\u003ctable class=\"mkfolio-specs-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eDesign Architecture\u003c\/th\u003e\n\u003ctd\u003eTwo-piece versatile design: independently detachable keyboard + magnetic back panel with adjustable kickstand\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eKey Mechanism \u0026amp; Row\u003c\/th\u003e\n\u003ctd\u003eScissor mechanism with 1 mm key travel; 14-key dedicated function row (Escape, brightness, volume, media controls)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eTrackpad\u003c\/th\u003e\n\u003ctd\u003eLarge click-anywhere trackpad supporting iPadOS Multi-Touch gestures and precision cursor control\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eInterface \u0026amp; Power\u003c\/th\u003e\n\u003ctd\u003eSmart Connector interface (draws power and transmits data instantly without Bluetooth pairing or separate charging)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eProtection\u003c\/th\u003e\n\u003ctd\u003eFront and back protection when folded shut\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eLanguages Available\u003c\/th\u003e\n\u003ctd\u003eBritish English (QWERTY) | French (AZERTY)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFinish\u003c\/th\u003e\n\u003ctd\u003eDurable White polyurethane exterior with soft microfiber lining\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSystem Requirements\u003c\/th\u003e\n\u003ctd\u003eiPad (10th generation) or iPad (A16) running iPadOS 16.1 or later\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 2: Compatibility Matrix --\u003e\n\u003cdetails class=\"mkfolio-dropdown-item\"\u003e\n\u003csummary class=\"mkfolio-dropdown-summary\"\u003e\u003cspan\u003eiPad Compatibility\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"mkfolio-dropdown-body\"\u003e\n\u003cul class=\"mkfolio-bullet-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eiPad (10th generation)\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eiPad (A16)\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cem\u003eNote: Not compatible with iPad Air or iPad Pro models, which utilize the cantilever Magic Keyboard with back-mounted Smart Connectors.\u003c\/em\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 3: What's in the Box --\u003e\n\u003cdetails class=\"mkfolio-dropdown-item\"\u003e\n\u003csummary class=\"mkfolio-dropdown-summary\"\u003e\u003cspan\u003eWhat's in the Box\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"mkfolio-dropdown-body\"\u003e\n\u003cul class=\"mkfolio-bullet-list\"\u003e\n\u003cli\u003eApple Magic Keyboard Folio (Detachable Keyboard)\u003c\/li\u003e\n\u003cli\u003eApple Magnetic Back Cover with Adjustable Kickstand\u003c\/li\u003e\n\u003cli\u003eOfficial Documentation \u0026amp; Warranty Leaflet\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Dropdown 4: Warranty \u0026 Service --\u003e\n\u003cdetails class=\"mkfolio-dropdown-item\"\u003e\n\u003csummary class=\"mkfolio-dropdown-summary\"\u003e\u003cspan\u003eWarranty \u0026amp; Service\u003c\/span\u003e \u003csvg class=\"chevron-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"mkfolio-dropdown-body\"\u003e\n\u003cul class=\"mkfolio-bullet-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eApple Worldwide Warranty:\u003c\/strong\u003e Includes Apple's official 1-Year Limited Warranty, covered locally across Mauritius by certified Apple Authorised Service Providers.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAuthorised Service:\u003c\/strong\u003e For diagnostics, Smart Connector pairing checks, and warranty service across Mauritius, visit our \u003ca href=\"https:\/\/www.istore.mu\/pages\/pages-support-repair\" rel=\"noopener noreferrer\" style=\"color: #0071e3; text-decoration: underline; font-weight: 600;\" target=\"_blank\"\u003eSupport \u0026amp; Repair Page\u003c\/a\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========================================================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- CSS STYLES (Apple iPad Playful Clean Styling \u0026 Indigo Gradient)            --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ========================================================================== --\u003e\n\u003cstyle\u003e\n  \/* Base Container \u0026 Isolation *\/\n  .istore-mkfolio-exp {\n    width: 100%;\n    background-color: #fafafc !important;\n    color: #1d1d1f;\n    font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    padding: 60px 16px 90px;\n    box-sizing: border-box;\n  }\n\n  .istore-mkfolio-exp * {\n    box-sizing: border-box;\n  }\n\n  .mkfolio-container {\n    max-width: 1080px;\n    margin: 0 auto;\n    padding: 0 8px;\n  }\n\n  \/* 1. Hero Header Typography *\/\n  .mkfolio-hero {\n    text-align: center;\n    max-width: 820px;\n    margin: 0 auto 54px;\n  }\n\n  .mkfolio-hero-eyebrow {\n    font-size: 15px;\n    font-weight: 600;\n    color: #1d1d1f;\n    letter-spacing: -0.01em;\n    margin-bottom: 6px;\n    display: inline-block;\n  }\n\n  .mkfolio-hero-title {\n    font-size: clamp(40px, 5.5vw, 68px);\n    line-height: 1.05;\n    font-weight: 700;\n    letter-spacing: -0.035em;\n    margin: 0 0 10px;\n  }\n\n  \/* Playful iPad Gradient (Electric Indigo to Violet) *\/\n  .mkfolio-brand-headline {\n    background: linear-gradient(90deg, #1d4ed8 0%, #7c3aed 55%, #a855f7 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    display: inline-block;\n  }\n\n  .mkfolio-chip-sub {\n    font-size: clamp(18px, 2.2vw, 22px);\n    font-weight: 600;\n    color: #1d1d1f;\n    letter-spacing: -0.015em;\n    margin: 0 0 20px;\n  }\n\n  .mkfolio-hero-lead {\n    font-size: clamp(16px, 1.8vw, 19px);\n    line-height: 1.48;\n    color: #515154;\n    letter-spacing: -0.012em;\n    max-width: 760px;\n    margin: 0 auto 28px;\n  }\n\n  .mkfolio-hero-lead strong {\n    color: #1d1d1f;\n  }\n\n  \/* Clean Buy Button *\/\n  .mkfolio-cta-stack {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 24px;\n  }\n\n  .mkfolio-buy-btn {\n    background: #0071e3;\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 400;\n    padding: 8px 28px;\n    border-radius: 980px;\n    text-decoration: none;\n    display: inline-block;\n    transition: background 0.2s ease, transform 0.15s ease;\n  }\n\n  .mkfolio-buy-btn:hover {\n    background: #0077ed;\n    transform: scale(1.02);\n  }\n\n  \/* Swatches \/ Pills *\/\n  .mkfolio-finish-showcase {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 34px;\n  }\n\n  .mkfolio-finish-pills-row {\n    display: flex;\n    gap: 10px;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .mkfolio-finish-pill {\n    background: #ffffff;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n    border-radius: 980px;\n    padding: 6px 16px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    color: #1d1d1f;\n  }\n\n  .mkfolio-swatch-circle {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    display: inline-block;\n  }\n\n  .mkfolio-swatch-circle.white {\n    background: #ffffff;\n    border: 1px solid rgba(0, 0, 0, 0.2);\n  }\n\n  .mkfolio-badge-lang {\n    background: #f0f0f2;\n    font-size: 10px;\n    font-weight: 700;\n    padding: 2px 6px;\n    border-radius: 4px;\n    color: #515154;\n  }\n\n  .mkfolio-finish-note {\n    font-size: 13px;\n    color: #86868b;\n    margin: 4px 0 0;\n  }\n\n  \/* Trust Grid *\/\n  .mkfolio-trust-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n    width: 100%;\n    margin-top: 14px;\n  }\n\n  .mkfolio-trust-card {\n    background: #ffffff;\n    border-radius: 16px;\n    padding: 16px;\n    text-align: center;\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\n  }\n\n  .mkfolio-trust-card svg {\n    color: #1d1d1f;\n    margin-bottom: 6px;\n  }\n\n  .mkfolio-trust-card strong {\n    font-size: 13px;\n    font-weight: 700;\n    color: #1d1d1f;\n    display: block;\n    margin-bottom: 4px;\n  }\n\n  .mkfolio-trust-card p {\n    font-size: 12px;\n    color: #86868b;\n    margin: 0;\n    line-height: 1.35;\n  }\n\n  \/* 2. Bento Grid *\/\n  .mkfolio-bento-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n    margin-bottom: 40px;\n  }\n\n  .mkfolio-bento-card {\n    background: #ffffff;\n    border-radius: 22px;\n    padding: 30px 26px;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .mkfolio-bento-card.highlight {\n    background: linear-gradient(180deg, #ffffff 0%, #f7f7f9 100%);\n    border-color: rgba(0, 0, 0, 0.08);\n  }\n\n  .mkfolio-card-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: #86868b;\n    margin-bottom: 8px;\n    display: block;\n  }\n\n  .mkfolio-card-tag.purple-tag {\n    color: #7c3aed;\n  }\n\n  .mkfolio-card-text h3 {\n    font-size: clamp(20px, 2.2vw, 26px);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    margin: 0 0 8px;\n    color: #1d1d1f;\n    line-height: 1.2;\n  }\n\n  .mkfolio-card-text p {\n    font-size: 14.5px;\n    line-height: 1.48;\n    color: #515154;\n    margin: 0;\n  }\n\n  .mkfolio-metric-strip {\n    display: flex;\n    gap: 24px;\n    margin-top: 24px;\n    padding-top: 16px;\n    border-top: 1px solid rgba(0, 0, 0, 0.06);\n  }\n\n  .metric-item strong {\n    font-size: 20px;\n    font-weight: 700;\n    color: #1d1d1f;\n    display: block;\n  }\n\n  .accent-purple {\n    color: #7c3aed;\n  }\n\n  .metric-item span {\n    font-size: 12px;\n    color: #86868b;\n  }\n\n  \/* 3. Banner *\/\n  .mkfolio-banner {\n    background: #ffffff;\n    border-radius: 24px;\n    padding: clamp(26px, 4vw, 40px);\n    margin-bottom: 44px;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);\n  }\n\n  .mkfolio-banner h3 {\n    font-size: clamp(22px, 3vw, 32px);\n    font-weight: 700;\n    letter-spacing: -0.025em;\n    margin: 0 0 10px;\n    color: #1d1d1f;\n  }\n\n  .mkfolio-banner p {\n    font-size: 15px;\n    line-height: 1.5;\n    color: #515154;\n    margin: 0 0 24px;\n  }\n\n  .mkfolio-banner-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\n    padding-top: 20px;\n  }\n\n  .stat-col span {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: #86868b;\n    display: block;\n    margin-bottom: 2px;\n  }\n\n  .stat-col strong {\n    font-size: 15px;\n    font-weight: 700;\n    color: #1d1d1f;\n  }\n\n  \/* 4. Dropdowns (Accordions) *\/\n  .mkfolio-dropdowns-section {\n    padding-top: 16px;\n  }\n\n  .mkfolio-dropdowns-heading {\n    font-size: 24px;\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    margin: 0 0 18px;\n    color: #0a2540;\n  }\n\n  .mkfolio-dropdown-item {\n    background: #ffffff;\n    border-radius: 12px;\n    margin-bottom: 10px;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    overflow: hidden;\n  }\n\n  .mkfolio-dropdown-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 18px 20px;\n    cursor: pointer;\n    list-style: none;\n    user-select: none;\n  }\n\n  .mkfolio-dropdown-summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .mkfolio-dropdown-summary span {\n    font-size: 17px;\n    font-weight: 600;\n    letter-spacing: -0.015em;\n    color: #1d1d1f;\n  }\n\n  .chevron-icon {\n    transition: transform 0.25s ease;\n    color: #86868b;\n  }\n\n  .mkfolio-dropdown-item[open] .chevron-icon {\n    transform: rotate(180deg);\n  }\n\n  .mkfolio-dropdown-body {\n    padding: 0 20px 22px;\n  }\n\n  .mkfolio-specs-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 14px;\n  }\n\n  .mkfolio-specs-table tr {\n    border-bottom: 1px solid #f0f0f2;\n  }\n\n  .mkfolio-specs-table th {\n    padding: 12px 6px;\n    width: 28%;\n    color: #86868b;\n    font-weight: 600;\n    vertical-align: top;\n    text-align: left;\n  }\n\n  .mkfolio-specs-table td {\n    padding: 12px 6px;\n    color: #1d1d1f;\n    line-height: 1.45;\n  }\n\n  .mkfolio-bullet-list {\n    margin: 0;\n    padding-left: 20px;\n    font-size: 14.5px;\n    color: #515154;\n    line-height: 1.6;\n  }\n\n  .mkfolio-bullet-list li {\n    margin-bottom: 8px;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .mkfolio-trust-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .mkfolio-banner-stats {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 18px 12px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .mkfolio-bento-grid {\n      grid-template-columns: 1fr;\n    }\n    .mkfolio-specs-table th {\n      width: 36%;\n      font-size: 13px;\n    }\n    .mkfolio-specs-table td {\n      font-size: 13px;\n    }\n    .mkfolio-trust-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e","brand":"APPLE","offers":[{"title":"ENG-GB- English (United Kingdom)","offer_id":67707154726991,"sku":null,"price":17990.0,"currency_code":"MUR","in_stock":true},{"title":"FRA- French","offer_id":67707154759759,"sku":null,"price":17990.0,"currency_code":"MUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0558\/6885\/0255\/files\/m__mqdp3.jpg?v=1791989027"}],"url":"https:\/\/www.istore.mu\/collections\/ipad-accessories.oembed","provider":"iStore","version":"1.0","type":"link"}