{"product_id":"darker-frame","title":"Darker Frame - Clean !","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  body {\n    margin: 0;\n    background: #f5f5f7;\n    font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", Arial, sans-serif;\n  }\n\n  \/* Scroll container *\/\n  .compare-scroll {\n    overflow-x: auto;\n    width: 100%;\n  }\n\n  .compare-scroll::-webkit-scrollbar {\n    height: 6px;\n  }\n\n  .compare-scroll::-webkit-scrollbar-thumb {\n    background: #d2d2d7;\n    border-radius: 10px;\n  }\n\n  \/* Card \/ Table Frame *\/\n  .apple-compare-card {\n    width: 100%;\n    min-width: 980px;\n    background: #ffffff;\n    overflow: hidden;\n    border: 1px solid #d6d6db; \/* subtle outer frame *\/\n  }\n\n  \/* Desktop layout (no shadow) *\/\n  @media (min-width: 1024px) {\n    .apple-compare-card {\n      max-width: 1200px;\n      margin: 40px auto 0;\n      border-radius: 18px;\n      border: 1px solid #d1d1d6;\n      box-shadow: none; \/* ❌ shadow removed *\/\n    }\n  }\n\n  \/* Grid *\/\n  .compare-header,\n  .compare-row {\n    display: grid;\n    grid-template-columns: 260px repeat(4, 1fr);\n    padding: 16px 24px;\n  }\n\n  \/* Header *\/\n  .compare-header {\n    background: #ededf0;\n    font-size: 14px;\n    font-weight: 600;\n    color: #1d1d1f;\n    text-align: center;\n    border-bottom: 1px solid #d8d8dd;\n  }\n\n  \/* Rows *\/\n  .compare-row {\n    font-size: 14px;\n    text-align: center;\n    align-items: center;\n    border-bottom: 1px solid #e6e6ea;\n  }\n\n  .compare-row:last-child {\n    border-bottom: none;\n  }\n\n  \/* Sticky left column *\/\n  .col-label {\n    position: sticky;\n    left: 0;\n    background: #ffffff;\n    text-align: left;\n    font-weight: 500;\n    color: #6e6e73;\n    z-index: 2;\n    padding-right: 12px;\n  }\n\n  .compare-header .col-label {\n    background: #ededf0;\n    z-index: 3;\n  }\n\n  \/* Highlighted OEM row *\/\n  .highlight-row .col-label {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    font-weight: 600;\n    color: #1d1d1f;\n  }\n\n  .highlight-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .highlight-badge {\n    background: #0071e3;\n    color: #ffffff;\n    font-size: 11px;\n    font-weight: 600;\n    padding: 3px 8px;\n    border-radius: 999px;\n  }\n\n  .highlight-subtext {\n    font-size: 12px;\n    font-weight: 400;\n    color: #86868b;\n    line-height: 1.3;\n  }\n\n  \/* Vertical separators *\/\n  .compare-header \u003e div:not(:first-child),\n  .compare-row \u003e div:not(:first-child) {\n    border-left: 1px solid #e1e1e6;\n  }\n\n  \/* Column hover glow *\/\n  .compare-header \u003e div:not(:first-child),\n  .compare-row \u003e div:not(:first-child) {\n    transition: background 0.25s ease;\n  }\n\n  .compare-header \u003e div:not(:first-child):hover,\n  .compare-row \u003e div:not(:first-child):hover {\n    background: linear-gradient(\n      to bottom,\n      rgba(0,113,227,0.10),\n      rgba(0,113,227,0.03)\n    );\n  }\n\n  \/* Status styles *\/\n  .yes {\n    color: #1d7f3a;\n    font-weight: 600;\n  }\n\n  .no {\n    color: #d11a2a;\n    font-weight: 600;\n  }\n\n  .genuine {\n    color: #0071e3;\n    font-weight: 600;\n  }\n\n  .muted {\n    color: #86868b;\n  }\n\n  \/* Swipe hint *\/\n  .swipe-hint {\n    text-align: center;\n    font-size: 13px;\n    color: #86868b;\n    margin-top: 3px;\n    margin-bottom: 14px;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"compare-scroll\"\u003e\n\u003cdiv class=\"apple-compare-card\"\u003e\n\u003c!-- Header --\u003e\n\u003cdiv class=\"compare-header\"\u003e\n\u003cdiv class=\"col-label\"\u003eParts\u003c\/div\u003e\n\u003cdiv\u003eBattery Health\u003c\/div\u003e\n\u003cdiv\u003eParts \u0026amp; Service History\u003c\/div\u003e\n\u003cdiv\u003eBackup iPhone\u003c\/div\u003e\n\u003cdiv\u003eWarranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Standard --\u003e\n\u003cdiv class=\"compare-row\"\u003e\n\u003cdiv class=\"col-label\"\u003eStandard\u003c\/div\u003e\n\u003cdiv class=\"muted\"\u003eUnverified\u003c\/div\u003e\n\u003cdiv class=\"muted\"\u003eUnverified\u003c\/div\u003e\n\u003cdiv class=\"no\"\u003e✕\u003c\/div\u003e\n\u003cdiv\u003e30 Days\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Premium --\u003e\n\u003cdiv class=\"compare-row\"\u003e\n\u003cdiv class=\"col-label\"\u003ePremium\u003c\/div\u003e\n\u003cdiv\u003e100%\u003c\/div\u003e\n\u003cdiv\u003e-\u003c\/div\u003e\n\u003cdiv class=\"yes\"\u003e✓\u003c\/div\u003e\n\u003cdiv\u003e60 Days\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- High Capacity --\u003e\n\u003cdiv class=\"compare-row\"\u003e\n\u003cdiv class=\"col-label\"\u003eHigh Capacity\u003c\/div\u003e\n\u003cdiv\u003e100%\u003c\/div\u003e\n\u003cdiv\u003e-\u003c\/div\u003e\n\u003cdiv class=\"yes\"\u003e✓\u003c\/div\u003e\n\u003cdiv\u003e90 Days\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Apple OEM (Recommended) --\u003e\n\u003cdiv class=\"compare-row highlight-row\"\u003e\n\u003cdiv class=\"col-label\"\u003e\n\u003cdiv class=\"highlight-title\"\u003eApple Genuine Part – OEM \u003cspan class=\"highlight-badge\"\u003ePopular\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-subtext\"\u003eRecommended for most users\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e100%\u003c\/div\u003e\n\u003cdiv class=\"genuine\"\u003eGenuine\u003c\/div\u003e\n\u003cdiv class=\"no\"\u003e✕\u003c\/div\u003e\n\u003cdiv\u003e90 Days\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Apple Original --\u003e\n\u003cdiv class=\"compare-row\"\u003e\n\u003cdiv class=\"col-label\"\u003eApple Genuine Part – Original\u003c\/div\u003e\n\u003cdiv\u003e100%\u003c\/div\u003e\n\u003cdiv class=\"genuine\"\u003eGenuine\u003c\/div\u003e\n\u003cdiv class=\"no\"\u003e✕\u003c\/div\u003e\n\u003cdiv\u003e90 Days\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swipe-hint\"\u003e← Swipe horizontally to compare →\u003c\/div\u003e","brand":"Mobile Wholesale City Malaysia","offers":[{"title":"Default Title","offer_id":46304701087902,"sku":null,"price":0.0,"currency_code":"MYR","in_stock":false}],"url":"https:\/\/www.mobilewholesalecity.com\/products\/darker-frame","provider":"Mobile Wholesale City Malaysia","version":"1.0","type":"link"}