{"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\nbody {\nbackground-color: var(--bg-page);\nmargin: 0;\npadding: 0;\nfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\ncolor: var(--text-primary);\n-webkit-font-smoothing: antialiased;\n}\n\nh1, h2, h3, h4 { margin-top: 0; font-weight: 600; letter-spacing: -0.01em; color: #fff; }\np { margin: 0 0 1em 0; line-height: 1.7; color: var(--text-secondary); }\n\n\/* --- LAYOUT CONTAINER --- *\/\n.product-wrapper {\nmax-width: 1200px;\nmargin: 0 auto;\npadding: 60px 20px;\n}\n\n\/* Desktop Split Layout *\/\n@media (min-width: 992px) {\n.product-wrapper {\ndisplay: grid;\ngrid-template-columns: 1fr 1fr; \/* 50% Image, 50% Text *\/\ngap: 80px;\nalign-items: start;\npadding-top: 80px;\n}\n\n.product-visual {\nposition: sticky;\ntop: 40px;\n}\n}\n\n.product-info {\ndisplay: flex;\nflex-direction: column;\ngap: 50px;\n}\n\n\/* --- COMPONENT STYLES --- *\/\n\n\/* Image Area *\/\n.product-visual img {\nwidth: 100%;\nheight: auto;\ndisplay: block;\nborder-radius: 40px;\n\/* Background color to show placeholder if image is missing *\/\nbackground-color: var(--bg-card);\nmin-height: 400px; \/* Placeholder height *\/\n\/* Subtle glow *\/\nbox-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 {\ndisplay: flex;\nflex-wrap: wrap;\ngap: 12px;\nmargin-top: 20px;\n}\n\n.spec-pill {\nbackground: var(--bg-chip);\nborder: 1px solid var(--border-color);\ncolor: #fff;\npadding: 10px 18px;\nborder-radius: 100px;\nfont-size: 13px;\nfont-weight: 500;\nwhite-space: nowrap;\n}\n\n\/* Highlight Banner *\/\n.highlight-banner {\nbackground: linear-gradient(145deg, #1c1c1e, #0a0a0a);\nborder: 1px solid var(--border-color);\npadding: 45px;\nborder-radius: 28px;\ntext-align: center;\nbox-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 {\ndisplay: grid;\ngrid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\ngap: 24px;\n}\n\n.feature-card {\nbackground: var(--bg-card);\nborder: 1px solid var(--border-color);\nborder-radius: 24px;\npadding: 30px;\ntransition: 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 {\ndisplay: grid;\ngrid-template-columns: 1fr;\ngap: 40px;\nborder-top: 1px solid var(--border-color);\npadding-top: 50px;\n}\n\n.spec-group { margin-bottom: 20px; }\n.spec-group h4 {\ncolor: var(--accent-text);\nfont-size: 14px;\ntext-transform: uppercase;\nletter-spacing: 1px;\nmargin-bottom: 20px;\nopacity: 0.9;\n}\n\n.spec-item {\ndisplay: flex;\njustify-content: space-between;\npadding: 16px 0;\nborder-bottom: 1px solid var(--border-color);\nfont-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":46814348935247,"sku":"qhq1789798246335","price":84.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0713\/8266\/3247\/files\/apple-pencil-pro_1.png?v=1789798251","url":"https:\/\/jewelcutclad.shop\/products\/apple-pencil-pro","provider":"My Store","version":"1.0","type":"link"}