{"product_id":"angel-white-tee","title":"Angel White Tee","description":"\u003cstyle\u003e\n.zw-wrap{\n  background:#f5f5f3;\n  padding:36px 16px 42px;\n  font-family:Poppins,Arial,sans-serif;\n  color:#111;\n}\n.zw-container{\n  max-width:430px;\n  margin:0 auto;\n  text-align:center;\n}\n.zw-eyebrow{\n  font-size:11px;\n  font-weight:700;\n  letter-spacing:2px;\n  text-transform:uppercase;\n  color:#666;\n  margin-bottom:10px;\n  animation:fadeUp .7s ease both;\n}\n.zw-main-heading{\n  font-size:32px;\n  font-weight:800;\n  margin:0;\n  animation:fadeUp .8s ease both,float 4s ease-in-out infinite;\n}\n.zw-main-sub{\n  font-size:14px;\n  color:#555;\n  margin:14px auto 22px;\n  max-width:340px;\n  line-height:1.6;\n  animation:fadeUp .9s ease both;\n}\n.zw-trust{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:8px;\n  margin-bottom:18px;\n  animation:fadeUp 1s ease both;\n}\n.zw-trust-item{\n  background:rgba(255,255,255,.75);\n  border:1px solid rgba(0,0,0,.05);\n  border-radius:16px;\n  padding:12px 6px;\n  font-size:11px;\n  font-weight:700;\n  box-shadow:0 6px 16px rgba(0,0,0,.05);\n}\n.zw-title{\n  font-size:18px;\n  font-weight:800;\n  margin:0 0 16px;\n  animation:fadeUp 1.1s ease both;\n}\n.zw-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:12px;\n  margin-bottom:20px;\n}\n.zw-card{\n  background:rgba(255,255,255,.82);\n  border:1px solid rgba(255,255,255,.6);\n  border-radius:22px;\n  box-shadow:0 10px 25px rgba(0,0,0,.05);\n  overflow:hidden;\n  position:relative;\n  transition:.3s ease;\n  animation:fadeUp .7s ease both;\n}\n.zw-card:hover,\n.zw-card.active{\n  transform:translateY(-4px);\n  box-shadow:0 16px 35px rgba(0,0,0,.08);\n}\n.zw-card:before{\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:-120%;\n  width:100%;\n  height:100%;\n  background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);\n  transition:.6s ease;\n  pointer-events:none;\n}\n.zw-card:hover:before{\n  left:120%;\n}\n.zw-card-btn{\n  width:100%;\n  border:0;\n  background:transparent;\n  padding:16px 12px;\n  cursor:pointer;\n  text-align:center;\n  font:inherit;\n  color:#111;\n  position:relative;\n  z-index:2;\n  -webkit-appearance:none;\n  appearance:none;\n}\n.zw-card-title{\n  font-size:14px;\n  font-weight:700;\n}\n.zw-card-sub{\n  font-size:11.5px;\n  color:#666;\n  margin-top:3px;\n}\n.zw-card-content{\n  max-height:0;\n  overflow:hidden;\n  opacity:0;\n  transition:max-height .35s ease,opacity .25s ease,padding .25s ease;\n  padding:0 12px;\n}\n.zw-card.active .zw-card-content{\n  max-height:90px;\n  opacity:1;\n  padding:0 12px 14px;\n}\n.zw-card-content p{\n  font-size:11.5px;\n  color:#555;\n  line-height:1.5;\n  margin:0;\n}\n.zw-desc-box{\n  background:linear-gradient(145deg,#000,#0a0a0a);\n  border-radius:30px;\n  padding:28px 22px;\n  position:relative;\n  overflow:hidden;\n  box-shadow:0 16px 35px rgba(0,0,0,.2);\n  animation:fadeUp 1.2s ease both;\n}\n.zw-desc-box:after{\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:-150%;\n  width:70%;\n  height:100%;\n  background:linear-gradient(100deg,transparent,rgba(255,255,255,.1),transparent);\n  transform:skewX(-20deg);\n  animation:shine 4.5s infinite;\n}\n.zw-desc-title{\n  color:#fff;\n  font-size:20px;\n  font-weight:800;\n  position:relative;\n  z-index:1;\n}\n.zw-desc-text{\n  color:#d7d7d7;\n  font-size:13px;\n  margin-top:6px;\n  line-height:1.6;\n  position:relative;\n  z-index:1;\n}\n.zw-footer{\n  margin-top:18px;\n  text-align:center;\n  animation:fadeUp 1.3s ease both;\n}\n.zw-tagline{\n  font-weight:800;\n}\n.zw-sub{\n  font-size:12px;\n  color:#444;\n  margin-top:4px;\n}\n@keyframes fadeUp{\n  from{opacity:0;transform:translateY(12px)}\n  to{opacity:1;transform:translateY(0)}\n}\n@keyframes shine{\n  0%{left:-150%}\n  50%{left:150%}\n  100%{left:150%}\n}\n@keyframes float{\n  0%,100%{transform:translateY(0)}\n  50%{transform:translateY(-2px)}\n}\n@media (max-width:360px){\n  .zw-grid{grid-template-columns:1fr}\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"zw-wrap\" id=\"zw-angel-tee\"\u003e\n  \u003cdiv class=\"zw-container\"\u003e\n\n    \u003cdiv class=\"zw-eyebrow\"\u003eZakumi Wear\u003c\/div\u003e\n    \u003ch1 class=\"zw-main-heading\"\u003eAngel White Tee\u003c\/h1\u003e\n\n    \u003cdiv class=\"zw-main-sub\"\u003e\n      Faith-driven streetwear with a clean premium finish.\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"zw-trust\"\u003e\n      \u003cdiv class=\"zw-trust-item\"\u003ePremium\u003c\/div\u003e\n      \u003cdiv class=\"zw-trust-item\"\u003eFaith\u003c\/div\u003e\n      \u003cdiv class=\"zw-trust-item\"\u003eQuality\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"zw-title\"\u003eWhy It Stands Out\u003c\/h2\u003e\n\n    \u003cdiv class=\"zw-grid\"\u003e\n\n      \u003cdiv class=\"zw-card active\"\u003e\n        \u003cbutton class=\"zw-card-btn\" type=\"button\"\u003e\n          \u003cdiv class=\"zw-card-title\"\u003ePremium Feel\u003c\/div\u003e\n          \u003cdiv class=\"zw-card-sub\"\u003eHeavyweight cotton\u003c\/div\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"zw-card-content\"\u003e\u003cp\u003eStructured and elevated.\u003c\/p\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"zw-card\"\u003e\n        \u003cbutton class=\"zw-card-btn\" type=\"button\"\u003e\n          \u003cdiv class=\"zw-card-title\"\u003eComfort\u003c\/div\u003e\n          \u003cdiv class=\"zw-card-sub\"\u003eSoft feel\u003c\/div\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"zw-card-content\"\u003e\u003cp\u003eAll-day wear.\u003c\/p\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"zw-card\"\u003e\n        \u003cbutton class=\"zw-card-btn\" type=\"button\"\u003e\n          \u003cdiv class=\"zw-card-title\"\u003eStyle\u003c\/div\u003e\n          \u003cdiv class=\"zw-card-sub\"\u003eMinimal design\u003c\/div\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"zw-card-content\"\u003e\u003cp\u003eEasy to match.\u003c\/p\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"zw-card\"\u003e\n        \u003cbutton class=\"zw-card-btn\" type=\"button\"\u003e\n          \u003cdiv class=\"zw-card-title\"\u003eMeaning\u003c\/div\u003e\n          \u003cdiv class=\"zw-card-sub\"\u003eFaith-based\u003c\/div\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"zw-card-content\"\u003e\u003cp\u003eWear your belief.\u003c\/p\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"zw-card\"\u003e\n        \u003cbutton class=\"zw-card-btn\" type=\"button\"\u003e\n          \u003cdiv class=\"zw-card-title\"\u003eDurability\u003c\/div\u003e\n          \u003cdiv class=\"zw-card-sub\"\u003eLong-lasting\u003c\/div\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"zw-card-content\"\u003e\u003cp\u003eKeeps its shape.\u003c\/p\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"zw-card\"\u003e\n        \u003cbutton class=\"zw-card-btn\" type=\"button\"\u003e\n          \u003cdiv class=\"zw-card-title\"\u003eConfidence\u003c\/div\u003e\n          \u003cdiv class=\"zw-card-sub\"\u003eStand out\u003c\/div\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"zw-card-content\"\u003e\u003cp\u003eStrong presence.\u003c\/p\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"zw-desc-box\"\u003e\n      \u003cdiv class=\"zw-desc-title\"\u003eStep Into Purpose.\u003c\/div\u003e\n      \u003cdiv class=\"zw-desc-text\"\u003e\n        A premium faith-inspired tee built to feel elevated and look clean.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"zw-footer\"\u003e\n      \u003cdiv class=\"zw-tagline\"\u003eWear the message. Live the meaning.\u003c\/div\u003e\n      \u003cdiv class=\"zw-sub\"\u003eProudly South African\u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function () {\n  var root = document.getElementById('zw-angel-tee');\n  if (!root) return;\n\n  root.addEventListener('click', function (e) {\n    var btn = e.target.closest('.zw-card-btn');\n    if (!btn || !root.contains(btn)) return;\n\n    var card = btn.closest('.zw-card');\n    if (!card) return;\n\n    var wasActive = card.classList.contains('active');\n    var cards = root.querySelectorAll('.zw-card');\n\n    cards.forEach(function (item) {\n      item.classList.remove('active');\n    });\n\n    if (!wasActive) {\n      card.classList.add('active');\n    }\n  });\n})();\n\u003c\/script\u003e","brand":"ZAKUMI WEAR","offers":[{"title":"S","offer_id":51534365884733,"sku":null,"price":299.99,"currency_code":"ZAR","in_stock":true},{"title":"M","offer_id":51534365917501,"sku":null,"price":299.99,"currency_code":"ZAR","in_stock":true},{"title":"L","offer_id":51534365950269,"sku":null,"price":299.99,"currency_code":"ZAR","in_stock":true},{"title":"XL","offer_id":51534365983037,"sku":null,"price":299.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0990\/4167\/3533\/files\/ST9KY.jpg?v=1774816528","url":"https:\/\/www.zakumiwear.co.za\/products\/angel-white-tee","provider":"ZAKUMI WEAR","version":"1.0","type":"link"}