{"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","url":"https:\/\/www.istore.mu\/products\/apple-pencil-pro","provider":"iStore","version":"1.0","type":"link"}