{"title":"Apple Pencil","description":"\u003c!-- ========================================================================== --\u003e\n\u003c!-- iStore Mauritius - Apple Pencil Flagship Collection Header                 --\u003e\n\u003c!-- Edge-to-Edge Studio Stage | Responsive Desktop \u0026 Mobile UI\/UX              --\u003e\n\u003c!-- ========================================================================== --\u003e\n\n\u003cdiv class=\"istore-pencil-col-wrap\"\u003e\n  \u003cdiv class=\"pencil-col-inner\"\u003e\n\n    \u003c!-- 1. HERO BRANDING --\u003e\n    \u003cheader class=\"pencil-col-header\"\u003e\n      \u003cdiv class=\"pencil-pill-eyebrow\"\u003e\n        \u003cspan class=\"pencil-pulsing-dot\"\u003e\u003c\/span\u003e\n        \u003cspan\u003eApple Pencil Collection\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch1 class=\"pencil-main-headline\"\u003e\n        \u003cspan class=\"pencil-headline-gradient\"\u003eDream it up. Jot it down.\u003c\/span\u003e\n      \u003c\/h1\u003e\n      \n      \u003cp class=\"pencil-sub-headline\"\u003ePrecision tools for sketching, note-taking, and limitless creativity.\u003c\/p\u003e\n\n      \u003cp class=\"pencil-intro-copy\"\u003e\n        Discover the complete \u003cstrong\u003eApple Pencil\u003c\/strong\u003e family at \u003cstrong\u003eiStore.mu\u003c\/strong\u003e. Engineered with imperceptible lag, sub-pixel precision, and natural tilt sensitivity that feels as intuitive as pencil on paper. From the magical gestures of \u003cstrong\u003eApple Pencil Pro\u003c\/strong\u003e to the universal versatility of \u003cstrong\u003eApple Pencil (USB-C)\u003c\/strong\u003e, choose the ideal stylus for your iPad below with official local warranty and express delivery across Mauritius.\n      \u003c\/p\u003e\n\n      \u003c!-- Lineup Models Pills --\u003e\n      \u003cdiv class=\"pencil-models-row\"\u003e\n        \u003cspan class=\"pencil-model-pill\"\u003e\u003cspan class=\"dot white\"\u003e\u003c\/span\u003eApple Pencil Pro\u003c\/span\u003e\n        \u003cspan class=\"pencil-model-pill\"\u003e\u003cspan class=\"dot white\"\u003e\u003c\/span\u003eApple Pencil (USB-C)\u003c\/span\u003e\n        \u003cspan class=\"pencil-model-pill\"\u003e\u003cspan class=\"dot white\"\u003e\u003c\/span\u003eApple Pencil (2nd Gen)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- 2. STREAMLINED TRUST STRIP (Strict 2x2 on Mobile) --\u003e\n    \u003cdiv class=\"pencil-trust-row\" aria-label=\"Customer Benefits\"\u003e\n      \n      \u003c!-- Trust Item 1 --\u003e\n      \u003cdiv class=\"pencil-trust-item\"\u003e\n        \u003cdiv class=\"pencil-trust-icon\"\u003e\n          \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\n        \u003c\/div\u003e\n        \u003cdiv class=\"pencil-trust-meta\"\u003e\n          \u003cstrong\u003eApple Warranty\u003c\/strong\u003e\n          \u003cspan\u003e1-Year Official\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Trust Item 2 --\u003e\n      \u003cdiv class=\"pencil-trust-item\"\u003e\n        \u003cdiv class=\"pencil-trust-icon\"\u003e\n          \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 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\n        \u003c\/div\u003e\n        \u003cdiv class=\"pencil-trust-meta\"\u003e\n          \u003cstrong\u003eFast Delivery\u003c\/strong\u003e\n          \u003cspan\u003eAcross Mauritius\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Trust Item 3 --\u003e\n      \u003cdiv class=\"pencil-trust-item\"\u003e\n        \u003cdiv class=\"pencil-trust-icon\"\u003e\n          \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\n        \u003c\/div\u003e\n        \u003cdiv class=\"pencil-trust-meta\"\u003e\n          \u003cstrong\u003eMCB Juice\u003c\/strong\u003e\n          \u003cspan\u003e\u0026amp; Financing\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Trust Item 4 --\u003e\n      \u003cdiv class=\"pencil-trust-item\"\u003e\n        \u003cdiv class=\"pencil-trust-icon\"\u003e\n          \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 19l7-7 3 3-7 7-3-3z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pencil-trust-meta\"\u003e\n          \u003cstrong\u003eSub-Pixel\u003c\/strong\u003e\n          \u003cspan\u003eTrue Precision\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- 3. BALANCED 2x2 BENTO GRID --\u003e\n    \u003cdiv class=\"pencil-bento-wrap\"\u003e\n      \n      \u003c!-- Card 1: Apple Pencil Pro Features --\u003e\n      \u003cdiv class=\"pencil-bento-box hero-box\"\u003e\n        \u003cdiv class=\"box-top\"\u003e\n          \u003cspan class=\"box-kicker magenta\"\u003eFlagship Stylus\u003c\/span\u003e\n          \u003ch3\u003eApple Pencil Pro. Limitless control.\u003c\/h3\u003e\n          \u003cp\u003e\n            Experience intuitive barrel roll rotation with an internal gyroscope, squeeze gestures to summon contextual palettes, custom tactile haptics, and native Find My integration.\n          \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\n            \u003cspan class=\"stat-label\"\u003eSqueeze \u0026amp; Barrel Roll\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"box-stat\"\u003e\n            \u003cspan class=\"stat-number text-magenta\"\u003eHaptics\u003c\/span\u003e\n            \u003cspan class=\"stat-label\"\u003eTactile Feedback\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Card 2: Precision \u0026 Natural Feel --\u003e\n      \u003cdiv class=\"pencil-bento-box\"\u003e\n        \u003cdiv class=\"box-top\"\u003e\n          \u003cspan class=\"box-kicker\"\u003eDrawing Experience\u003c\/span\u003e\n          \u003ch3\u003ePixel-perfect precision. Imperceptible lag.\u003c\/h3\u003e\n          \u003cp\u003e\n            Write equations, annotate PDFs, and paint digital canvases with sub-millimeter accuracy. Dynamic tilt and pressure sensitivity give you realistic line weight variation and shading.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"box-single-stat\"\u003e\n          \u003cstrong\u003eTilt \u0026amp; Pressure\u003c\/strong\u003e\n          \u003cspan\u003eNatural pencil resistance\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Card 3: Magnetic \u0026 USB-C Power --\u003e\n      \u003cdiv class=\"pencil-bento-box\"\u003e\n        \u003cdiv class=\"box-top\"\u003e\n          \u003cspan class=\"box-kicker\"\u003eCharging \u0026amp; Pairing\u003c\/span\u003e\n          \u003ch3\u003eEffortless charging. Magnetic snap.\u003c\/h3\u003e\n          \u003cp\u003e\n            Snaps magnetically to the side of your iPad for automatic wireless charging and pairing, or use the hidden sliding-cap USB-C port for universal plug-and-play charging.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"box-single-stat\"\u003e\n          \u003cstrong\u003eWireless \u0026amp; USB-C\u003c\/strong\u003e\n          \u003cspan\u003eAlways charged and ready\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Card 4: Compatibility \u0026 iPadOS --\u003e\n      \u003cdiv class=\"pencil-bento-box\"\u003e\n        \u003cdiv class=\"box-top\"\u003e\n          \u003cspan class=\"box-kicker\"\u003eiPadOS Ecosystem\u003c\/span\u003e\n          \u003ch3\u003eHover, Scribble, and Freeform.\u003c\/h3\u003e\n          \u003cp\u003e\n            Preview your brush marks up to 12 mm above the screen with Apple Pencil Hover. Convert handwriting into typed text with Scribble, and collaborate smoothly on digital whiteboards.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"box-tags-row\"\u003e\n          \u003cspan\u003ePencil Hover\u003c\/span\u003e\n          \u003cspan\u003eScribble\u003c\/span\u003e\n          \u003cspan\u003eFind My\u003c\/span\u003e\n          \u003cspan\u003eFreeform\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- 4. CATALOG HEADING ABOVE PRODUCTS --\u003e\n    \u003cdiv class=\"pencil-catalog-anchor\"\u003e\n      \u003cspan class=\"catalog-eyebrow\"\u003eAvailable Models\u003c\/span\u003e\n      \u003ch3 class=\"catalog-title\"\u003eExplore the Apple Pencil Lineup\u003c\/h3\u003e\n      \u003cp class=\"catalog-sub\"\u003eCompare models, compatibility, and accessories below to find your perfect iPad stylus.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\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\n\u003cstyle\u003e\n  \/* 0. Neutralize Parent Theme Gutters *\/\n  .shopify-section:has(.istore-pencil-col-wrap),\n  .section:has(.istore-pencil-col-wrap),\n  .collection-hero:has(.istore-pencil-col-wrap),\n  .main-collection-banner:has(.istore-pencil-col-wrap) {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    max-width: 100% !important;\n    background-color: #fafafc !important;\n    overflow-x: clip !important;\n  }\n\n  \/* 1. True Edge-to-Edge Breakout Container *\/\n  .istore-pencil-col-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: #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: 44px 0 20px;\n    box-sizing: border-box;\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n    overflow: hidden;\n  }\n\n  .istore-pencil-col-wrap * {\n    box-sizing: border-box;\n  }\n\n  .pencil-col-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  .pencil-col-header {\n    text-align: center;\n    max-width: 820px;\n    margin: 0 auto 30px;\n  }\n\n  .pencil-pill-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(114, 9, 183, 0.07);\n    border: 1px solid rgba(114, 9, 183, 0.2);\n    padding: 5px 14px;\n    border-radius: 980px;\n    font-size: 11.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: #7209b7;\n    margin-bottom: 14px;\n  }\n\n  .pencil-pulsing-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background-color: #f72585;\n  }\n\n  .pencil-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 Pencil Spectrum Creative Gradient *\/\n  .pencil-headline-gradient {\n    background: linear-gradient(90deg, #f72585 0%, #7209b7 40%, #3a0ca3 75%, #0077b6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    display: inline-block;\n  }\n\n  .pencil-sub-headline {\n    font-size: clamp(16px, 2vw, 21px);\n    font-weight: 600;\n    color: #1d1d1f;\n    letter-spacing: -0.015em;\n    margin: 0 0 16px;\n  }\n\n  .pencil-intro-copy {\n    font-size: clamp(14.5px, 1.6vw, 17px);\n    line-height: 1.5;\n    color: #515154;\n    letter-spacing: -0.012em;\n    max-width: 740px;\n    margin: 0 auto 20px;\n  }\n\n  .pencil-intro-copy strong {\n    color: #1d1d1f;\n  }\n\n  \/* Model Pills Row *\/\n  .pencil-models-row {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    flex-wrap: wrap;\n  }\n\n  .pencil-model-pill {\n    background: #ffffff;\n    border: 1px solid rgba(0, 0, 0, 0.1);\n    border-radius: 980px;\n    padding: 5px 14px;\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    font-size: 12px;\n    font-weight: 600;\n    color: #1d1d1f;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n  }\n\n  .pencil-model-pill .dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    display: inline-block;\n  }\n\n  .pencil-model-pill .dot.white { \n    background: #ffffff; \n    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18); \n  }\n\n  \/* 3. Sleek Trust Strip (Desktop) *\/\n  .pencil-trust-row {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n    background: #ffffff;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    border-radius: 18px;\n    padding: 14px 18px;\n    margin: 26px 0 34px;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);\n    box-sizing: border-box;\n    width: 100%;\n  }\n\n  .pencil-trust-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 4px 6px;\n    box-sizing: border-box;\n  }\n\n  .pencil-trust-icon {\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    min-height: 36px;\n    border-radius: 10px;\n    background: rgba(114, 9, 183, 0.08);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    color: #7209b7;\n  }\n\n  .pencil-trust-icon svg {\n    display: block;\n  }\n\n  .pencil-trust-meta {\n    display: flex;\n    flex-direction: column;\n    text-align: left;\n  }\n\n  .pencil-trust-meta strong {\n    font-size: 12px;\n    font-weight: 700;\n    color: #1d1d1f;\n    line-height: 1.25;\n  }\n\n  .pencil-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  .pencil-bento-wrap {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n    margin-bottom: 34px;\n  }\n\n  .pencil-bento-box {\n    background: #ffffff;\n    border-radius: 20px;\n    padding: 26px 22px;\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .pencil-bento-box.hero-box {\n    background: linear-gradient(180deg, #ffffff 0%, #fbf9fd 100%);\n    border-color: rgba(114, 9, 183, 0.18);\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.magenta {\n    color: #f72585;\n  }\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: #1d1d1f;\n    line-height: 1.25;\n  }\n\n  .box-top p {\n    font-size: 13.5px;\n    line-height: 1.48;\n    color: #515154;\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(0, 0, 0, 0.06);\n  }\n\n  .box-stat .stat-number {\n    font-size: 18px;\n    font-weight: 700;\n    color: #1d1d1f;\n    display: block;\n  }\n\n  .box-stat .text-magenta {\n    color: #f72585;\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(0, 0, 0, 0.06);\n  }\n\n  .box-single-stat strong {\n    font-size: 17px;\n    font-weight: 700;\n    color: #1d1d1f;\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: #f5f5f7;\n    padding: 5px 11px;\n    border-radius: 980px;\n    font-size: 11.5px;\n    font-weight: 600;\n    color: #1d1d1f;\n    border: 1px solid rgba(0, 0, 0, 0.04);\n  }\n\n  \/* 5. Catalog Anchor *\/\n  .pencil-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: #7209b7;\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: #1d1d1f;\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-pencil-col-wrap {\n      padding: 30px 0 16px;\n    }\n\n    .pencil-col-inner {\n      padding: 0 12px;\n    }\n\n    .pencil-col-header {\n      margin-bottom: 20px;\n    }\n\n    \/* Enforce 2x2 micro-card grid with zero sideways overflow *\/\n    .pencil-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    .pencil-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: #fbfbfd !important;\n      border-radius: 12px !important;\n      border: 1px solid rgba(0, 0, 0, 0.05) !important;\n      width: 100% !important;\n    }\n\n    .pencil-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    .pencil-trust-icon svg {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    .pencil-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    .pencil-trust-meta strong {\n      font-size: 11.5px !important;\n      line-height: 1.2 !important;\n      white-space: nowrap !important;\n    }\n\n    .pencil-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    .pencil-bento-wrap {\n      grid-template-columns: 1fr !important;\n      gap: 12px !important;\n      margin-bottom: 26px !important;\n    }\n\n    .pencil-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    .pencil-trust-meta strong {\n      font-size: 10.5px !important;\n    }\n    .pencil-trust-meta span {\n      font-size: 9.5px !important;\n    }\n  }\n\u003c\/style\u003e","products":[{"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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0558\/6885\/0255\/collections\/MUWA3_AV2.jpg?v=1792150316","url":"https:\/\/www.istore.mu\/collections\/apple-pencil.oembed","provider":"iStore","version":"1.0","type":"link"}