{"product_id":"the-bloom-tote-copy","title":"The Wild Tote","description":"\u003cstyle\u003e\n\n\/* 🎨 COLOR SYSTEM *\/\n:root {\n  --terracotta: #C46A4A;\n  --beige: #F5EDE4;\n  --dusty-rose: #D8A7A0;\n  --sage: #A8BCA1;\n  --cream: #FAF7F2;\n  --gold: #C9A96E;\n  --burgundy: #6E2C2C;\n  --black: #111;\n}\n\n\/* BASE *\/\n.tote-container {\n  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;\n  color: var(--black);\n  max-width: 900px;\n  margin: auto;\n  padding: 14px;\n  line-height: 1.7;\n}\n\n\/* 🔥 BRAND HEADER (OPTION 3) *\/\n.brand-header {\n  text-align: center;\n  margin-bottom: 22px;\n}\n\n.brand-name {\n  font-size: 14px;\n  letter-spacing: 3px;\n  color: var(--burgundy);\n}\n\n.brand-tagline {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--terracotta);\n  margin-top: 6px;\n  margin-bottom: 14px;\n}\n\n\/* ANIMATIONS *\/\n.fade-up {\n  opacity: 0;\n  transform: translateY(25px);\n  animation: fadeUp 0.8s ease forwards;\n}\n\n.fade-up.delay1 { animation-delay: 0.2s; }\n.fade-up.delay2 { animation-delay: 0.4s; }\n.fade-up.delay3 { animation-delay: 0.6s; }\n\n@keyframes fadeUp {\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* HEADINGS *\/\n.title {\n  font-size: 28px;\n  font-weight: 600;\n  background: linear-gradient(90deg, var(--burgundy), var(--terracotta));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  margin-bottom: 10px;\n  line-height: 1.3;\n}\n\n.subtitle {\n  font-size: 16px;\n  color: #666;\n  margin-bottom: 20px;\n}\n\n\/* TEXT *\/\n.highlight {\n  font-size: 15px;\n  margin-bottom: 20px;\n  color: var(--burgundy);\n}\n\n\/* FEATURES *\/\n.features {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 12px;\n  margin: 25px 0;\n}\n\n.feature {\n  background: linear-gradient(145deg, var(--cream), var(--beige));\n  padding: 16px;\n  border-radius: 14px;\n  border: 1px solid rgba(0,0,0,0.05);\n}\n\n.feature strong {\n  display: block;\n  margin-bottom: 4px;\n  color: var(--burgundy);\n  font-size: 15px;\n}\n\n\/* STYLE SELECTOR *\/\n.style-selector {\n  margin-top: 35px;\n}\n\n.style-option {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  border-bottom: 1px solid #eee;\n  cursor: pointer;\n}\n\n.style-left {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.style-dot {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n}\n\n.dot-pink { background: var(--dusty-rose); }\n.dot-multi { background: var(--gold); }\n.dot-leopard { background: var(--terracotta); }\n.dot-bw { background: var(--black); }\n\n.style-name {\n  font-weight: 500;\n  font-size: 15px;\n}\n\n.style-sub {\n  font-size: 12px;\n  color: #666;\n}\n\n.style-arrow {\n  font-size: 16px;\n  color: #aaa;\n}\n\n\/* ACTIVE *\/\n.style-option.active {\n  background: #f8f5f0;\n}\n\n.style-option.active .style-dot {\n  box-shadow: 0 0 0 5px rgba(201,169,110,0.2);\n}\n\n\/* SIZE BLOCK *\/\n.size-highlight {\n  margin-top: 30px;\n  padding: 22px;\n  border-radius: 16px;\n  background: linear-gradient(135deg, var(--cream), var(--beige));\n  position: relative;\n}\n\n.size-highlight::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 4px;\n  width: 100%;\n  background: linear-gradient(90deg, var(--gold), var(--terracotta));\n}\n\n.size-title {\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.size-dimensions {\n  font-size: 14px;\n  color: #444;\n}\n\n.size-desc {\n  font-size: 13px;\n  color: #666;\n}\n\n\/* TRUST *\/\n.trust {\n  margin-top: 25px;\n  font-size: 13px;\n  color: #555;\n  border-left: 3px solid var(--gold);\n  padding-left: 10px;\n}\n\n\/* TAGLINE *\/\n.tagline {\n  text-align: center;\n  margin-top: 35px;\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--burgundy);\n}\n\n\/* DESKTOP *\/\n@media(min-width: 768px) {\n  .title { font-size: 36px; }\n  .subtitle { font-size: 18px; }\n  .features { grid-template-columns: 1fr 1fr; }\n}\n\n\u003c\/style\u003e\n\u003cdiv class=\"tote-container\"\u003e\n\u003c!-- 🔥 BRAND HEADER --\u003e\n\u003cdiv class=\"brand-header fade-up\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fade-up\"\u003e\n\u003cdiv class=\"title\"\u003eEffortless style. Everyday practicality.\u003c\/div\u003e\n\u003cdiv class=\"subtitle\"\u003eMeet the Tote \u0026amp; Tell Everyday Tote — designed for modern women who move with confidence and carry it beautifully.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- EMOTIONAL --\u003e\n\u003cdiv class=\"highlight fade-up delay1\"\u003eFrom coffee runs to city days, Tote \u0026amp; Tell is made to complement your lifestyle — while elevating your entire look.\u003c\/div\u003e\n\u003c!-- VALUE --\u003e\n\u003cdiv class=\"fade-up delay1\"\u003eCrafted from \u003cstrong\u003e100% Premium Viscose Fabric\u003c\/strong\u003e, the Tote \u0026amp; Tell Everyday Tote blends structure, durability, and lightweight comfort — giving you a bag that feels as good as it looks. \u003c\/div\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"features fade-up delay2\"\u003e\n\u003cdiv class=\"feature\"\u003e🧵 \u003cstrong\u003ePremium Viscose Fabric\u003c\/strong\u003e Durable, breathable, and built to last\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e💪 \u003cstrong\u003eReinforced Handles\u003c\/strong\u003e Carry everything comfortably\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e👜 \u003cstrong\u003eAdjustable Strap\u003c\/strong\u003e Style it your way\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e🗂️ \u003cstrong\u003eSmart Divider\u003c\/strong\u003e Stay organised effortlessly\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e🔒 \u003cstrong\u003eSecure Zip Pocket\u003c\/strong\u003e Keep valuables safe\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e📱 \u003cstrong\u003eQuick-Access Pockets\u003c\/strong\u003e No more searching\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e🧲 \u003cstrong\u003eMagnetic Closure\u003c\/strong\u003e Clean, minimal finish\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e💻 \u003cstrong\u003eProtective Padding\u003c\/strong\u003e Cushions your devices for safer everyday carry\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- STYLE --\u003e\n\u003cdiv class=\"style-selector fade-up delay3\"\u003e\n\u003ch3\u003eChoose your style:\u003c\/h3\u003e\n\u003cdiv class=\"style-option\"\u003e\n\u003cdiv class=\"style-left\"\u003e\n\u003cdiv class=\"style-dot dot-pink\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"style-name\"\u003eSoft Pink Floral\u003c\/div\u003e\n\u003cdiv class=\"style-sub\"\u003eElegant, feminine, and effortlessly soft\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"style-arrow\"\u003e→\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"style-option\"\u003e\n\u003cdiv class=\"style-left\"\u003e\n\u003cdiv class=\"style-dot dot-multi\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"style-name\"\u003eMulticolour Floral\u003c\/div\u003e\n\u003cdiv class=\"style-sub\"\u003ePlayful, vibrant, and expressive\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"style-arrow\"\u003e→\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"style-option\"\u003e\n\u003cdiv class=\"style-left\"\u003e\n\u003cdiv class=\"style-dot dot-leopard\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"style-name\"\u003eLeopard Print\u003c\/div\u003e\n\u003cdiv class=\"style-sub\"\u003eBold, confident, statement-making\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"style-arrow\"\u003e→\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"style-option\"\u003e\n\u003cdiv class=\"style-left\"\u003e\n\u003cdiv class=\"style-dot dot-bw\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"style-name\"\u003eBlack \u0026amp; White\u003c\/div\u003e\n\u003cdiv class=\"style-sub\"\u003eTimeless, minimal, always in style\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"style-arrow\"\u003e→\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SIZE --\u003e\n\u003cdiv class=\"size-highlight fade-up\"\u003e\n\u003cdiv class=\"size-title\"\u003ePerfectly sized for your everyday\u003c\/div\u003e\n\u003cdiv class=\"size-dimensions\"\u003e32.5cm × 14cm × 25cm\u003c\/div\u003e\n\u003cdiv class=\"size-desc\"\u003eSpacious enough for your daily essentials — without ever feeling bulky or oversized.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TRUST --\u003e\u003c!-- TAGLINE --\u003e\n\u003cdiv class=\"tagline fade-up delay3\"\u003eTote \u0026amp; Tell — One bag. Every day. Effortlessly you.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Tote \u0026 Tell","offers":[{"title":"Default Title","offer_id":45427871350886,"sku":null,"price":449.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0707\/1671\/9206\/files\/Wild_Tote_Shopify.png?v=1777192489","url":"https:\/\/toteandtell.co.za\/products\/the-bloom-tote-copy","provider":"Tote \u0026 Tell","version":"1.0","type":"link"}