{"product_id":"the-mocha-spot-tote","title":"The Mocha Spot Tote","description":"\u003cstyle\u003e\n:root{\n  --primary:#6f4e37;\n  --secondary:#f8f4ef;\n  --accent:#c79b72;\n  --text:#4a3a33;\n  --white:#ffffff;\n}\n\n*{\n  box-sizing:border-box;\n}\n\n.mocha-wrapper{\n  max-width:700px;\n  margin:20px auto;\n  font-family:Arial, Helvetica, sans-serif;\n  background:linear-gradient(180deg,#fffdfb,#f7f2ed);\n  border-radius:20px;\n  overflow:hidden;\n  box-shadow:0 12px 30px rgba(0,0,0,.08);\n  animation:fadeIn 1.2s ease;\n}\n\n.mocha-banner{\n  background:linear-gradient(135deg,#7a5741,#b78b67);\n  color:#fff;\n  text-align:center;\n  padding:35px 20px;\n}\n\n.mocha-banner h1{\n  margin:0;\n  font-size:34px;\n  font-weight:700;\n  animation:slideDown 1s ease;\n}\n\n.mocha-banner p{\n  margin-top:12px;\n  font-size:18px;\n  font-style:italic;\n  opacity:.95;\n  animation:fadeIn 2s ease;\n}\n\n.mocha-content{\n  padding:28px 22px;\n  color:var(--text);\n}\n\n.story{\n  background:#fff;\n  border-left:5px solid var(--accent);\n  padding:20px;\n  border-radius:15px;\n  line-height:1.8;\n  margin-bottom:25px;\n  animation:floatUp 1.3s ease;\n}\n\n.section-title{\n  text-align:center;\n  font-size:28px;\n  color:var(--primary);\n  margin-bottom:25px;\n}\n\n.features{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:15px;\n}\n\n.feature{\n  display:flex;\n  align-items:flex-start;\n  background:#fff;\n  padding:16px;\n  border-radius:15px;\n  box-shadow:0 8px 18px rgba(0,0,0,.06);\n  transition:.35s;\n  animation:fadeInUp .8s ease both;\n}\n\n.feature:nth-child(2){animation-delay:.15s;}\n.feature:nth-child(3){animation-delay:.3s;}\n.feature:nth-child(4){animation-delay:.45s;}\n.feature:nth-child(5){animation-delay:.6s;}\n.feature:nth-child(6){animation-delay:.75s;}\n\n.feature:hover{\n  transform:translateY(-5px);\n}\n\n.icon{\n  width:42px;\n  height:42px;\n  min-width:42px;\n  border-radius:50%;\n  background:linear-gradient(135deg,#b78b67,#7a5741);\n  color:#fff;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:20px;\n  margin-right:15px;\n}\n\n.feature h3{\n  margin:0 0 6px;\n  color:var(--primary);\n  font-size:18px;\n}\n\n.feature p{\n  margin:0;\n  line-height:1.6;\n  font-size:15px;\n}\n\n.colors{\n  margin-top:35px;\n  background:#fff;\n  border-radius:18px;\n  padding:22px;\n  text-align:center;\n  box-shadow:0 8px 18px rgba(0,0,0,.06);\n}\n\n.colors h2{\n  color:var(--primary);\n  margin-bottom:18px;\n}\n\n.color-list{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:14px;\n}\n\n.color{\n  padding:12px 18px;\n  border-radius:30px;\n  color:#fff;\n  font-weight:bold;\n  animation:pulse 3s infinite;\n}\n\n.coffee{background:#6f4e37;}\n.brown{background:#8b5a3c;}\n.black{background:#2d2d2d;}\n.khaki{background:#b59a67;}\n\n.quote{\n  margin-top:35px;\n  background:linear-gradient(135deg,#fff6ef,#fff);\n  padding:28px;\n  border-radius:18px;\n  text-align:center;\n  color:var(--primary);\n  font-size:20px;\n  line-height:1.8;\n  font-style:italic;\n  box-shadow:0 8px 18px rgba(0,0,0,.05);\n}\n\n.cta{\n  margin-top:35px;\n  text-align:center;\n}\n\n.cta a{\n  display:inline-block;\n  text-decoration:none;\n  background:linear-gradient(135deg,#7a5741,#b78b67);\n  color:#fff;\n  padding:16px 36px;\n  border-radius:40px;\n  font-size:17px;\n  font-weight:bold;\n  transition:.3s;\n  animation:glow 2.5s infinite;\n}\n\n.cta a:hover{\n  transform:scale(1.05);\n}\n\n@keyframes fadeIn{\nfrom{opacity:0;}\nto{opacity:1;}\n}\n\n@keyframes slideDown{\nfrom{transform:translateY(-40px);opacity:0;}\nto{transform:translateY(0);opacity:1;}\n}\n\n@keyframes floatUp{\nfrom{transform:translateY(30px);opacity:0;}\nto{transform:translateY(0);opacity:1;}\n}\n\n@keyframes fadeInUp{\nfrom{\nopacity:0;\ntransform:translateY(25px);\n}\nto{\nopacity:1;\ntransform:translateY(0);\n}\n}\n\n@keyframes pulse{\n0%,100%{transform:scale(1);}\n50%{transform:scale(1.05);}\n}\n\n@keyframes glow{\n0%,100%{\nbox-shadow:0 0 0 rgba(183,139,103,.4);\n}\n50%{\nbox-shadow:0 0 20px rgba(183,139,103,.6);\n}\n}\n\n@media (max-width:600px){\n\n.mocha-banner{\npadding:28px 18px;\n}\n\n.mocha-banner h1{\nfont-size:28px;\n}\n\n.mocha-banner p{\nfont-size:16px;\n}\n\n.section-title{\nfont-size:24px;\n}\n\n.feature h3{\nfont-size:17px;\n}\n\n.feature p{\nfont-size:14px;\n}\n\n.quote{\nfont-size:18px;\npadding:22px;\n}\n\n.cta a{\nwidth:100%;\npadding:16px;\n}\n\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"mocha-wrapper\"\u003e\n\n\u003cdiv class=\"mocha-banner\"\u003e\n\u003ch1\u003eMeet The Mocha Spot Tote\u003c\/h1\u003e\n\u003cp\u003eEvery spot tells a story — and this one is yours.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"mocha-content\"\u003e\n\n\u003cdiv class=\"story\"\u003e\nThe \u003cstrong\u003eMocha Spot Tote\u003c\/strong\u003e is designed for women who love timeless style with a playful twist. Beautifully crafted from rich polka dot canvas and finished with a signature leather bow tie, it effortlessly transitions from your morning coffee run to lunch dates, shopping trips, or elegant evenings out. Chic, feminine, and endlessly versatile—it’s the tote you'll reach for every day.\n\u003c\/div\u003e\n\n\u003ch2 class=\"section-title\"\u003eWhy You'll Love It\u003c\/h2\u003e\n\n\u003cdiv class=\"features\"\u003e\n\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"icon\"\u003e🤎\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eElegant Polka Dot Canvas\u003c\/h3\u003e\n\u003cp\u003eSoft mocha-inspired canvas finished with delicate white polka dots for a timeless feminine look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"icon\"\u003e🎀\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eSignature Leather Bow\u003c\/h3\u003e\n\u003cp\u003eA luxurious leather bow detail creates a sophisticated statement that's beautifully unique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"icon\"\u003e👜\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eComfortable Leather Handles\u003c\/h3\u003e\n\u003cp\u003eStrong, premium leather handles sit comfortably on your shoulder all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003ePremium Leather Base\u003c\/h3\u003e\n\u003cp\u003eDesigned for added durability while helping your tote maintain its elegant shape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"icon\"\u003e🌸\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eRoomy Interior\u003c\/h3\u003e\n\u003cp\u003eCarry your wallet, phone, makeup, notebook and everyday essentials with ease.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFour Beautiful Colours\u003c\/h3\u003e\n\u003cp\u003eChoose the shade that perfectly complements your wardrobe and personal style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"colors\"\u003e\n\n\u003ch2\u003eAvailable Colours\u003c\/h2\u003e\n\n\u003cdiv class=\"color-list\"\u003e\n\u003cdiv class=\"color coffee\"\u003eCoffee Brown\u003c\/div\u003e\n\u003cdiv class=\"color brown\"\u003eBrown\u003c\/div\u003e\n\u003cdiv class=\"color black\"\u003eBlack\u003c\/div\u003e\n\u003cdiv class=\"color khaki\"\u003eKhaki\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"quote\"\u003e\nWhether you're strolling through the city, enjoying brunch with friends, or relaxing in a sun-drenched garden, the \u003cstrong\u003eMocha Spot Tote\u003c\/strong\u003e is more than just a handbag—it's the finishing touch that brings effortless elegance to every outfit.\n\u003c\/div\u003e\n\n\u003cdiv class=\"cta\"\u003e\n\u003ca href=\"#\"\u003eShop Your Favourite Colour\u003c\/a\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"ZIYAHUB","offers":[{"title":"BLACK","offer_id":53642937303405,"sku":null,"price":560.0,"currency_code":"ZAR","in_stock":true},{"title":"BROWN","offer_id":53642937336173,"sku":null,"price":560.0,"currency_code":"ZAR","in_stock":true},{"title":"KHAKI","offer_id":53642937368941,"sku":null,"price":560.0,"currency_code":"ZAR","in_stock":true},{"title":"Caramel","offer_id":53642937401709,"sku":null,"price":560.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/8725\/4893\/files\/polka-dot-bag-outdoor-coffee-shop-scene.png?v=1785588906","url":"https:\/\/ziyahub.co.za\/products\/the-mocha-spot-tote","provider":"ZIYAHUB","version":"1.0","type":"link"}