{"product_id":"with-whatsapp-5-colume","title":"with whatsapp 5 colume","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\/* ===== THEME ===== *\/\n:root{\n  --bg:#f5f5f7;\n  --card:#ffffff;\n  --text:#1d1d1f;\n  --muted:#6e6e73;\n  --border:#e5e5e7;\n  --blue:#0071e3;\n  --green:#1d7f3a;\n  --red:#d11a2a;\n}\n@media (prefers-color-scheme: dark){\n  :root{\n    --bg:#000000;\n    --card:#1c1c1e;\n    --text:#f5f5f7;\n    --muted:#a1a1a6;\n    --border:#2c2c2e;\n  }\n}\n\n\/* ===== BASE ===== *\/\nbody{\n  margin:0;\n  background:var(--bg);\n  color:var(--text);\n  font-family:-apple-system,BlinkMacSystemFont,\"SF Pro Text\",Arial,sans-serif;\n}\n\n\/* ===== SCROLL + SNAP ===== *\/\n.compare-scroll{\n  overflow-x:auto;\n  padding:20px;\n  scroll-snap-type:x mandatory;\n}\n.compare-scroll::-webkit-scrollbar{height:6px}\n.compare-scroll::-webkit-scrollbar-thumb{\n  background:#999;\n  border-radius:10px;\n}\n\n\/* ===== CARD ===== *\/\n.apple-compare-card{\n  min-width:1100px;\n  background:var(--card);\n  border-radius:18px;\n  overflow:hidden;\n  box-shadow:0 12px 32px rgba(0,0,0,.12);\n}\n\n\/* ===== GRID ===== *\/\n.compare-header,\n.compare-row,\n.compare-cta{\n  display:grid;\n  grid-template-columns:260px repeat(4,1fr);\n}\n\n\/* ===== HEADER (STICKY) ===== *\/\n.compare-header{\n  position:sticky;\n  top:0;\n  z-index:6;\n  background:var(--bg);\n  padding:18px 16px;\n  font-weight:600;\n  text-align:center;\n  border-bottom:1px solid var(--border);\n}\n.compare-header .col-label{text-align:left}\n\n\/* ===== ROWS ===== *\/\n.compare-row{\n  padding:16px;\n  text-align:center;\n  border-bottom:1px solid var(--border);\n  align-items:center;\n}\n.compare-row:last-child{border-bottom:none}\n\n\/* ===== STICKY LEFT LABEL ===== *\/\n.col-label{\n  position:sticky;\n  left:0;\n  z-index:5;\n  background:var(--card);\n  text-align:left;\n  font-weight:500;\n  color:var(--muted);\n}\n\n\/* ===== COLUMN LINES ===== *\/\n.compare-header\u003ediv:not(:first-child),\n.compare-row\u003ediv:not(:first-child),\n.compare-cta\u003ediv:not(:first-child){\n  border-left:1px solid var(--border);\n}\n\n\/* ===== HOVER GLOW ===== *\/\n.compare-header\u003ediv:not(:first-child):hover,\n.compare-row\u003ediv:not(:first-child):hover{\n  background:linear-gradient(\n    to bottom,\n    rgba(0,113,227,.12),\n    rgba(0,113,227,.03)\n  );\n  transition:.25s ease;\n}\n\n\/* ===== BEST VALUE ===== *\/\n.best{\n  position:relative;\n  background:linear-gradient(\n    to bottom,\n    rgba(0,113,227,.12),\n    transparent\n  );\n}\n.best::after{\n  content:\"Best Value\";\n  position:absolute;\n  top:6px;\n  right:6px;\n  font-size:11px;\n  font-weight:600;\n  color:#fff;\n  background:var(--blue);\n  padding:4px 8px;\n  border-radius:999px;\n}\n\n\/* ===== STATUS ===== *\/\n.yes{color:var(--green);font-weight:600}\n.no{color:var(--red);font-weight:600}\n.genuine{color:var(--blue);font-weight:600}\n.muted{color:var(--muted)}\n\n\/* ===== CTA ===== *\/\n.compare-cta{\n  padding:18px;\n  background:var(--bg);\n  text-align:center;\n}\n.compare-cta a{\n  display:inline-block;\n  background:#25D366;\n  color:#fff;\n  text-decoration:none;\n  padding:10px 18px;\n  border-radius:999px;\n  font-size:14px;\n  font-weight:600;\n}\n.compare-cta a:hover{opacity:.9}\n\n\/* ===== HINT ===== *\/\n.swipe-hint{\n  text-align:center;\n  font-size:13px;\n  color:var(--muted);\n  margin:10px 0 30px;\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\u003eStandard\u003c\/div\u003e\n\u003cdiv class=\"best\"\u003ePremium\u003c\/div\u003e\n\u003cdiv\u003eHigh Capacity\u003c\/div\u003e\n\u003cdiv\u003eApple Genuine\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Battery --\u003e\n\u003cdiv class=\"compare-row\"\u003e\n\u003cdiv class=\"col-label\"\u003eBattery Health\u003c\/div\u003e\n\u003cdiv class=\"muted\"\u003eUnverified\u003c\/div\u003e\n\u003cdiv class=\"best\"\u003e100%\u003c\/div\u003e\n\u003cdiv\u003e100%\u003c\/div\u003e\n\u003cdiv\u003e100%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Service --\u003e\n\u003cdiv class=\"compare-row\"\u003e\n\u003cdiv class=\"col-label\"\u003eParts \u0026amp; Service History\u003c\/div\u003e\n\u003cdiv class=\"muted\"\u003eUnverified\u003c\/div\u003e\n\u003cdiv class=\"best\"\u003e-\u003c\/div\u003e\n\u003cdiv\u003e-\u003c\/div\u003e\n\u003cdiv class=\"genuine\"\u003eGenuine\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Backup --\u003e\n\u003cdiv class=\"compare-row\"\u003e\n\u003cdiv class=\"col-label\"\u003eBackup iPhone\u003c\/div\u003e\n\u003cdiv class=\"no\"\u003e✕\u003c\/div\u003e\n\u003cdiv class=\"best yes\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"yes\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"no\"\u003e✕\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Warranty --\u003e\n\u003cdiv class=\"compare-row\"\u003e\n\u003cdiv class=\"col-label\"\u003eWarranty\u003c\/div\u003e\n\u003cdiv\u003e30 Days\u003c\/div\u003e\n\u003cdiv class=\"best\"\u003e60 Days\u003c\/div\u003e\n\u003cdiv\u003e90 Days\u003c\/div\u003e\n\u003cdiv\u003e90 Days\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- WHATSAPP CTA --\u003e\n\u003cdiv class=\"compare-cta\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003ca href=\"https:\/\/wa.me\/PHONE_NUMBER?text=Hi%20I%20want%20Standard%20repair%20option\" target=\"_blank\"\u003e WhatsApp Us \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"best\"\u003e\u003ca href=\"https:\/\/wa.me\/PHONE_NUMBER?text=Hi%20I%20want%20Premium%20repair%20option\" target=\"_blank\"\u003e WhatsApp Us \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003ca href=\"https:\/\/wa.me\/PHONE_NUMBER?text=Hi%20I%20want%20High%20Capacity%20repair%20option\" target=\"_blank\"\u003e WhatsApp Us \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003ca href=\"https:\/\/wa.me\/PHONE_NUMBER?text=Hi%20I%20want%20Apple%20Genuine%20repair%20option\" target=\"_blank\"\u003e WhatsApp Us \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swipe-hint\"\u003e← Swipe to compare • Tap WhatsApp to book →\u003c\/div\u003e","brand":"Mobile Wholesale City Malaysia","offers":[{"title":"Default Title","offer_id":46304024920222,"sku":null,"price":0.0,"currency_code":"MYR","in_stock":false}],"url":"https:\/\/www.mobilewholesalecity.com\/products\/with-whatsapp-5-colume","provider":"Mobile Wholesale City Malaysia","version":"1.0","type":"link"}