{"product_id":"apple-pencil-pro","title":"Apple Pencil Pro","description":"\u003cstyle\u003e\n    \/* --- COLOR PALETTE (Refined for Dark Mode Readability) --- *\/\n    :root {\n        --bg-page: #000000;\n        --bg-card: #151516; \n        --bg-chip: #1c1c1e;\n        \n        --text-primary: #f5f5f7; \n        --text-secondary: #a1a1a6; \n        \n        --border-color: #2c2c2e; \n        \n        \/* Crimson Accent *\/\n        --accent-color: #910417;      \n        --accent-text: #b91c32; \n    }\n\n    body {\n        background-color: var(--bg-page);\n        margin: 0;\n        padding: 0;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        color: var(--text-primary);\n        -webkit-font-smoothing: antialiased; \n    }\n\n    h1, h2, h3, h4 { margin-top: 0; font-weight: 600; letter-spacing: -0.01em; color: #fff; }\n    p { margin: 0 0 1em 0; line-height: 1.7; color: var(--text-secondary); }\n\n    \/* --- LAYOUT CONTAINER --- *\/\n    .product-wrapper {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 60px 20px;\n    }\n\n    \/* Desktop Split Layout *\/\n    @media (min-width: 992px) {\n        .product-wrapper {\n            display: grid;\n            grid-template-columns: 1fr 1fr; \/* 50% Image, 50% Text *\/\n            gap: 80px;\n            align-items: start;\n            padding-top: 80px;\n        }\n\n        .product-visual {\n            position: sticky;\n            top: 40px;\n        }\n    }\n\n    .product-info {\n        display: flex;\n        flex-direction: column;\n        gap: 50px; \n    }\n\n    \/* --- COMPONENT STYLES --- *\/\n\n    \/* Image Area *\/\n    .product-visual img {\n        width: 100%;\n        height: auto;\n        display: block;\n        border-radius: 40px;\n        \/* Background color to show placeholder if image is missing *\/\n        background-color: var(--bg-card);\n        min-height: 400px; \/* Placeholder height *\/\n        \/* Subtle glow *\/\n        box-shadow: 0 20px 40px -10px rgba(255,255,255,0.05); \n    }\n\n    \/* Header *\/\n    .hero-header h1 { font-size: 44px; line-height: 1.1; margin-bottom: 20px; }\n    .hero-header p { font-size: 19px; max-width: 540px; color: var(--text-secondary); }\n\n    \/* Specs Quick Bar *\/\n    .specs-bar {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 12px;\n        margin-top: 20px;\n    }\n\n    .spec-pill {\n        background: var(--bg-chip);\n        border: 1px solid var(--border-color);\n        color: #fff;\n        padding: 10px 18px;\n        border-radius: 100px;\n        font-size: 13px;\n        font-weight: 500;\n        white-space: nowrap;\n    }\n\n    \/* Highlight Banner *\/\n    .highlight-banner {\n        background: linear-gradient(145deg, #1c1c1e, #0a0a0a);\n        border: 1px solid var(--border-color);\n        padding: 45px;\n        border-radius: 28px;\n        text-align: center;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.5);\n    }\n    .highlight-banner h2 { color: var(--accent-text); font-size: 32px; margin-bottom: 12px; }\n    .highlight-banner p { font-size: 17px; margin: 0 auto; color: var(--text-primary); }\n\n    \/* Features Grid *\/\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n        gap: 24px;\n    }\n\n    .feature-card {\n        background: var(--bg-card);\n        border: 1px solid var(--border-color);\n        border-radius: 24px;\n        padding: 30px;\n        transition: transform 0.2s, border-color 0.2s;\n    }\n    .feature-card:hover { border-color: var(--accent-color); transform: translateY(-3px); }\n    .feature-card h3 { font-size: 21px; margin-bottom: 12px; color: var(--text-primary); }\n    .feature-card p { font-size: 15px; margin: 0; line-height: 1.6; }\n\n    \/* Tech Specs Table *\/\n    .tech-specs {\n        display: grid;\n        grid-template-columns: 1fr; \n        gap: 40px;\n        border-top: 1px solid var(--border-color);\n        padding-top: 50px;\n    }\n    \n    .spec-group { margin-bottom: 20px; }\n    .spec-group h4 { \n        color: var(--accent-text); \n        font-size: 14px; \n        text-transform: uppercase; \n        letter-spacing: 1px;\n        margin-bottom: 20px;\n        opacity: 0.9;\n    }\n    \n    .spec-item { \n        display: flex; \n        justify-content: space-between; \n        padding: 16px 0; \n        border-bottom: 1px solid var(--border-color); \n        font-size: 15px; \n    }\n    \n    .label { color: var(--text-secondary); font-weight: 500; }\n    .value { text-align: right; max-width: 65%; color: var(--text-primary); }\n    \n    \/* Specific tweak for the long compatibility list *\/\n    .value.list { display: flex; flex-direction: column; gap: 4px; }\n\n    @media (max-width: 600px) {\n        .hero-header h1 { font-size: 34px; }\n        .product-visual img { border-radius: 24px; min-height: 300px; }\n        .highlight-banner { padding: 30px 24px; }\n    }\n\n\u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-info\"\u003e\n\u003cheader class=\"hero-header\"\u003e\n\u003ch1\u003eApple Pencil Pro\u003c\/h1\u003e\n\u003cp\u003eApple Pencil Pro adds even more magical capabilities to help bring your ideas to life. New advanced features make marking up, taking notes, and creating a masterpiece more intuitive than ever.\u003c\/p\u003e\n\u003cdiv class=\"specs-bar\"\u003e\n\u003cdiv class=\"spec-pill\"\u003eSqueeze Gesture\u003c\/div\u003e\n\u003cdiv class=\"spec-pill\"\u003eBarrel Roll\u003c\/div\u003e\n\u003cdiv class=\"spec-pill\"\u003eHaptic Feedback\u003c\/div\u003e\n\u003cdiv class=\"spec-pill\"\u003eFind My Support\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"highlight-banner\"\u003e\n\u003ch2\u003eWhat’s in the Box\u003c\/h2\u003e\n\u003cp\u003eApple Pencil Pro\u003c\/p\u003e\n\u003c\/div\u003e\n\u003csection class=\"features-grid\"\u003e\n\u003carticle class=\"feature-card\"\u003e\n\u003ch3\u003eAdvanced Gestures\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSqueeze:\u003c\/strong\u003e Brings up a new palette to switch tools and colors. \u003cbr\u003e\u003cstrong\u003eDouble Tap:\u003c\/strong\u003e Quickly switch between tools, like a pen and eraser.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"feature-card\"\u003e\n\u003ch3\u003ePrecision Control\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eBarrel Roll:\u003c\/strong\u003e Rotate the pencil for precise control of shaped pen and brush tools.\u003cbr\u003e\u003cstrong\u003eHover:\u003c\/strong\u003e See a virtual shadow of your tool before you touch the screen.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"feature-card\"\u003e\n\u003ch3\u003eHaptic Feedback\u003c\/h3\u003e\n\u003cp\u003eA custom haptic engine provides feedback you can feel. When you squeeze or double‑tap, a light pulse confirms the action.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"feature-card\"\u003e\n\u003ch3\u003eLoss Prevention\u003c\/h3\u003e\n\u003cp\u003eEasily locate your device in the \u003cstrong\u003eFind My app\u003c\/strong\u003e. It attaches, pairs, and charges magnetically on the side of your iPad.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003csection class=\"tech-specs\"\u003e\n\u003cdiv class=\"spec-group\"\u003e\n\u003ch4\u003eDimensions \u0026amp; Weight\u003c\/h4\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"label\"\u003eLength\u003c\/span\u003e\u003cspan class=\"value\"\u003e166 mm (6.53 inches)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"label\"\u003eDiameter\u003c\/span\u003e\u003cspan class=\"value\"\u003e8.9 mm (0.35 inches)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"label\"\u003eWeight\u003c\/span\u003e\u003cspan class=\"value\"\u003e19.15 grams (0.68 ounces)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-group\"\u003e\n\u003ch4\u003eConnectivity\u003c\/h4\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"label\"\u003eWireless\u003c\/span\u003e\u003cspan class=\"value\"\u003eBluetooth\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"label\"\u003eCharging\u003c\/span\u003e\u003cspan class=\"value\"\u003eMagnetically attaches, pairs and charges\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"label\"\u003eSystem Req\u003c\/span\u003e\u003cspan class=\"value\"\u003eiPadOS 17.5 or later\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-group\"\u003e\n\u003ch4\u003eCompatibility\u003c\/h4\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"label\"\u003eiPad Pro\u003c\/span\u003e \u003cspan class=\"value list\"\u003e \u003cspan\u003eiPad Pro 13-inch (M5, M4)\u003c\/span\u003e \u003cspan\u003eiPad Pro 11-inch (M5, M4)\u003c\/span\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"label\"\u003eiPad Air\u003c\/span\u003e \u003cspan class=\"value list\"\u003e \u003cspan\u003eiPad Air 13-inch (M3, M2)\u003c\/span\u003e \u003cspan\u003eiPad Air 11-inch (M3, M2)\u003c\/span\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"label\"\u003eiPad mini\u003c\/span\u003e \u003cspan class=\"value\"\u003eiPad mini (A17 Pro)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Apple","offers":[{"title":"Default Title","offer_id":43858644500583,"sku":"MX2D3","price":8490.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0625\/2000\/0615\/files\/MX2D3.png?v=1780945313","url":"https:\/\/gadedly.com\/ar\/products\/apple-pencil-pro","provider":"Gadedly","version":"1.0","type":"link"}