{"title":"Fabric Markers – Professional Dual-Tip Art Markers","description":"\u003cstyle\u003e\n  .fm-wrap {\n    font-family: 'Georgia', serif;\n    max-width: 600px;\n    margin: 0 auto;\n    padding: 16px;\n    box-sizing: border-box;\n  }\n  .fm-hero {\n    background: linear-gradient(135deg, #ff6b35 0%, #c44dff 50%, #004e89 100%);\n    background-size: 300% 300%;\n    animation: fmGrad 7s ease infinite;\n    border-radius: 20px;\n    padding: 32px 20px;\n    text-align: center;\n    margin-bottom: 24px;\n  }\n  @keyframes fmGrad {\n    0% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n  }\n  .fm-hero h1 { font-size: 1.5rem; color: #fff; margin: 0 0 8px; text-shadow: 0 2px 8px rgba(0,0,0,0.2); }\n  .fm-hero p { font-size: 0.92rem; color: rgba(255,255,255,0.92); margin: 0; line-height: 1.5; }\n  .fm-pills {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    justify-content: center;\n    margin-bottom: 24px;\n  }\n  .fm-pill {\n    border-radius: 50px;\n    padding: 7px 16px;\n    font-size: 0.82rem;\n    font-weight: 700;\n    color: #fff;\n    animation: fmPop 0.5s ease both;\n  }\n  .fm-pill:nth-child(1) { background: linear-gradient(135deg,#ff6b35,#f7c59f); color:#1a1a1a; animation-delay:0.1s; }\n  .fm-pill:nth-child(2) { background: linear-gradient(135deg,#c44dff,#7b5fff); animation-delay:0.2s; }\n  .fm-pill:nth-child(3) { background: linear-gradient(135deg,#004e89,#1a936f); animation-delay:0.3s; }\n  .fm-pill:nth-child(4) { background: linear-gradient(135deg,#ff6b9d,#c44dff); animation-delay:0.4s; }\n  @keyframes fmPop {\n    from { opacity:0; transform:scale(0.75); }\n    to { opacity:1; transform:scale(1); }\n  }\n  .fm-card {\n    background: linear-gradient(135deg,#fff8f0,#f3e8ff);\n    border-radius: 16px;\n    padding: 20px;\n    margin-bottom: 18px;\n    border-left: 5px solid #ff6b35;\n    animation: fmFadeUp 0.6s ease both;\n  }\n  @keyframes fmFadeUp {\n    from { opacity:0; transform:translateY(14px); }\n    to { opacity:1; transform:translateY(0); }\n  }\n  .fm-card h2 { font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px; color: #ff6b35; }\n  .fm-card ul { margin: 0; padding-left: 18px; font-size: 0.92rem; color: #444; line-height: 1.8; }\n  .fm-glow {\n    background: linear-gradient(135deg,#ff6b35,#c44dff,#004e89);\n    border-radius: 16px;\n    padding: 22px;\n    text-align: center;\n    color: #fff;\n    animation: fmPulse 3s ease-in-out infinite;\n  }\n  @keyframes fmPulse {\n    0%,100% { box-shadow: 0 4px 20px rgba(255,107,53,0.3); }\n    50% { box-shadow: 0 8px 36px rgba(255,107,53,0.6); }\n  }\n  .fm-glow h3 { margin: 0 0 6px; font-size: 1.05rem; }\n  .fm-glow p { margin: 0; font-size: 0.88rem; opacity: 0.93; }\n\u003c\/style\u003e\n\n\u003cdiv class=\"fm-wrap\"\u003e\n\n  \u003cdiv class=\"fm-hero\"\u003e\n    \u003ch1\u003e🖊️ Colour Everything. Create Anything.\u003c\/h1\u003e\n    \u003cp\u003eProfessional dual-tip fabric markers — brush tip \u0026amp; fine tip — designed specifically for fabric painting.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fm-pills\"\u003e\n    \u003cspan class=\"fm-pill\"\u003e🎨 Dual Tip\u003c\/span\u003e\n    \u003cspan class=\"fm-pill\"\u003e👜 Fabric-Specific\u003c\/span\u003e\n    \u003cspan class=\"fm-pill\"\u003e✨ Professional Grade\u003c\/span\u003e\n    \u003cspan class=\"fm-pill\"\u003e🌈 Vibrant Colours\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fm-card\"\u003e\n    \u003ch2\u003e💪 What You Get\u003c\/h2\u003e\n    \u003cul\u003e\n      \u003cli\u003e🖊️ Brush Tip for expressive strokes \u0026amp; Fine Tip for sharp detail\u003c\/li\u003e\n      \u003cli\u003e🌈 Rich, vibrant pigments that stay bold wash after wash\u003c\/li\u003e\n      \u003cli\u003e🛋️ Works on T-shirts, jeans, hats, canvas shoes, bags \u0026amp; more\u003c\/li\u003e\n      \u003cli\u003e✨ Perfect companion for your ColorCanvas coloring blanket\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fm-glow\"\u003e\n    \u003ch3\u003e🖊️ Your Fabric. Your Art. Your Rules.\u003c\/h3\u003e\n    \u003cp\u003eTurn any fabric into your personal canvas. Shop the collection and start creating today.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","products":[{"product_id":"12-pack-fabric-markers-for-clothes","title":"12-Pack Fabric Markers for Clothes","description":"\u003cstyle\u003e\n  .fm-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\n  .fm-wrap {\n    font-family: 'Segoe UI', Arial, sans-serif;\n    background: #0d0d1a;\n    color: #fff;\n    border-radius: 20px;\n    overflow: hidden;\n    max-width: 680px;\n    margin: 0 auto;\n  }\n  .fm-hero {\n    background: linear-gradient(135deg, #1a0533 0%, #0d1a3a 50%, #0a2a1a 100%);\n    padding: 36px 24px 28px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  .fm-hero::before {\n    content: '';\n    position: absolute;\n    top: -60px; left: -60px;\n    width: 220px; height: 220px;\n    background: radial-gradient(circle, rgba(139,92,246,0.35) 0%, transparent 70%);\n    animation: pulse-glow 3s ease-in-out infinite;\n  }\n  .fm-hero::after {\n    content: '';\n    position: absolute;\n    bottom: -60px; right: -60px;\n    width: 220px; height: 220px;\n    background: radial-gradient(circle, rgba(251,146,60,0.3) 0%, transparent 70%);\n    animation: pulse-glow 3s ease-in-out infinite 1.5s;\n  }\n  @keyframes pulse-glow {\n    0%, 100% { transform: scale(1); opacity: 0.7; }\n    50% { transform: scale(1.2); opacity: 1; }\n  }\n  .fm-badge {\n    display: inline-block;\n    background: linear-gradient(90deg, #8b5cf6, #f97316);\n    color: #fff;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    padding: 5px 16px;\n    border-radius: 50px;\n    margin-bottom: 14px;\n    animation: badge-pop 0.6s cubic-bezier(0.34,1.56,0.64,1) both;\n  }\n  @keyframes badge-pop {\n    from { transform: scale(0.5); opacity: 0; }\n    to { transform: scale(1); opacity: 1; }\n  }\n  .fm-hero-title {\n    font-size: clamp(22px, 5vw, 34px);\n    font-weight: 900;\n    line-height: 1.15;\n    background: linear-gradient(90deg, #c084fc, #f97316, #facc15, #34d399);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: shimmer 4s linear infinite;\n    background-size: 300% 100%;\n    margin-bottom: 10px;\n  }\n  @keyframes shimmer {\n    0% { background-position: 0% 50%; }\n    100% { background-position: 300% 50%; }\n  }\n  .fm-hero-sub {\n    font-size: 14px;\n    color: rgba(255,255,255,0.65);\n    max-width: 420px;\n    margin: 0 auto;\n    line-height: 1.6;\n  }\n  .fm-swatches {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 10px;\n    padding: 24px 20px 0;\n    background: #0d0d1a;\n  }\n  .fm-swatch-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 5px;\n    animation: swatch-in 0.4s ease both;\n  }\n  .fm-swatch {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    border: 2px solid rgba(255,255,255,0.25);\n    transition: transform 0.2s;\n  }\n  .fm-swatch:hover { transform: scale(1.35); }\n  .fm-swatch-code {\n    font-size: 9px;\n    color: rgba(255,255,255,0.45);\n    letter-spacing: 0.5px;\n    text-align: center;\n  }\n  @keyframes swatch-in {\n    from { transform: scale(0); opacity: 0; }\n    to { transform: scale(1); opacity: 1; }\n  }\n  .fm-swatch-item:nth-child(1)  { animation-delay: 0.03s; }\n  .fm-swatch-item:nth-child(2)  { animation-delay: 0.06s; }\n  .fm-swatch-item:nth-child(3)  { animation-delay: 0.09s; }\n  .fm-swatch-item:nth-child(4)  { animation-delay: 0.12s; }\n  .fm-swatch-item:nth-child(5)  { animation-delay: 0.15s; }\n  .fm-swatch-item:nth-child(6)  { animation-delay: 0.18s; }\n  .fm-swatch-item:nth-child(7)  { animation-delay: 0.21s; }\n  .fm-swatch-item:nth-child(8)  { animation-delay: 0.24s; }\n  .fm-swatch-item:nth-child(9)  { animation-delay: 0.27s; }\n  .fm-swatch-item:nth-child(10) { animation-delay: 0.30s; }\n  .fm-swatch-item:nth-child(11) { animation-delay: 0.33s; }\n  .fm-swatch-item:nth-child(12) { animation-delay: 0.36s; }\n  .fm-swatch-label {\n    text-align: center;\n    font-size: 11px;\n    color: rgba(255,255,255,0.4);\n    padding: 10px 0 4px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    background: #0d0d1a;\n  }\n  .fm-section {\n    padding: 24px 20px;\n    background: #0d0d1a;\n  }\n  .fm-section + .fm-section {\n    border-top: 1px solid rgba(255,255,255,0.07);\n  }\n  .fm-section-title {\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #8b5cf6;\n    margin-bottom: 16px;\n  }\n  .fm-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n  }\n  .fm-card {\n    background: rgba(255,255,255,0.04);\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 14px;\n    padding: 16px 14px;\n    transition: transform 0.2s, border-color 0.2s;\n  }\n  .fm-card:hover {\n    transform: translateY(-3px);\n    border-color: rgba(139,92,246,0.5);\n  }\n  .fm-card-icon { font-size: 22px; margin-bottom: 8px; }\n  .fm-card-title {\n    font-size: 13px;\n    font-weight: 700;\n    color: #fff;\n    margin-bottom: 4px;\n  }\n  .fm-card-desc {\n    font-size: 12px;\n    color: rgba(255,255,255,0.5);\n    line-height: 1.5;\n  }\n  .fm-specs {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n  .fm-specs li {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    font-size: 13px;\n    color: rgba(255,255,255,0.75);\n    line-height: 1.5;\n  }\n  .fm-specs li::before {\n    content: '✦';\n    color: #f97316;\n    flex-shrink: 0;\n    margin-top: 1px;\n  }\n  .fm-uses {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n  .fm-use-tag {\n    background: rgba(255,255,255,0.06);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 50px;\n    padding: 6px 14px;\n    font-size: 12px;\n    color: rgba(255,255,255,0.7);\n    transition: background 0.2s, color 0.2s;\n  }\n  .fm-use-tag:hover {\n    background: rgba(139,92,246,0.25);\n    color: #fff;\n  }\n  .fm-footer {\n    background: linear-gradient(90deg, #1a0533, #0d1a3a, #0a2a1a);\n    padding: 18px 20px;\n    text-align: center;\n    font-size: 12px;\n    color: rgba(255,255,255,0.4);\n    letter-spacing: 1px;\n  }\n  .fm-footer strong {\n    background: linear-gradient(90deg, #8b5cf6, #f97316);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    font-weight: 800;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"fm-wrap\"\u003e\n\n  \u003cdiv class=\"fm-hero\"\u003e\n    \u003cdiv class=\"fm-badge\"\u003e✦ 12-Pack Fabric Markers ✦\u003c\/div\u003e\n    \u003cdiv class=\"fm-hero-title\"\u003e12 Vibrant Colors\u003cbr\u003efor Clothes \u0026amp; Textiles\u003c\/div\u003e\n    \u003cp class=\"fm-hero-sub\"\u003ePermanent textile paint pens with a precision 2mm fine tip — perfect for T-shirts, shoes, canvas bags \u0026amp; more.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fm-swatches\"\u003e\n    \u003cdiv class=\"fm-swatch-item\"\u003e\n\u003cdiv class=\"fm-swatch\" style=\"background:#1a1a1a;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fm-swatch-code\"\u003eBlack\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"fm-swatch-item\"\u003e\n\u003cdiv class=\"fm-swatch\" style=\"background:#6b3a2a;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fm-swatch-code\"\u003eBrown\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"fm-swatch-item\"\u003e\n\u003cdiv class=\"fm-swatch\" style=\"background:#e8192c;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fm-swatch-code\"\u003eRed\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"fm-swatch-item\"\u003e\n\u003cdiv class=\"fm-swatch\" style=\"background:#e91e8c;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fm-swatch-code\"\u003ePink\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"fm-swatch-item\"\u003e\n\u003cdiv class=\"fm-swatch\" style=\"background:#f97316;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fm-swatch-code\"\u003eOrange\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"fm-swatch-item\"\u003e\n\u003cdiv class=\"fm-swatch\" style=\"background:#f9d100;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fm-swatch-code\"\u003eYellow\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"fm-swatch-item\"\u003e\n\u003cdiv class=\"fm-swatch\" style=\"background:#4caf50;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fm-swatch-code\"\u003eLt Green\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"fm-swatch-item\"\u003e\n\u003cdiv class=\"fm-swatch\" style=\"background:#1b5e20;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fm-swatch-code\"\u003eDk Green\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"fm-swatch-item\"\u003e\n\u003cdiv class=\"fm-swatch\" style=\"background:#29b6f6;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fm-swatch-code\"\u003eSky Blue\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"fm-swatch-item\"\u003e\n\u003cdiv class=\"fm-swatch\" style=\"background:#1565c0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fm-swatch-code\"\u003eBlue\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"fm-swatch-item\"\u003e\n\u003cdiv class=\"fm-swatch\" style=\"background:#7b1fa2;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fm-swatch-code\"\u003ePurple\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"fm-swatch-item\"\u003e\n\u003cdiv class=\"fm-swatch\" style=\"background:#90a4ae;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fm-swatch-code\"\u003eGrey\u003c\/div\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"fm-swatch-label\"\u003e12 Assorted Colours Included\u003c\/div\u003e\n\n  \u003cdiv class=\"fm-section\"\u003e\n    \u003cdiv class=\"fm-section-title\"\u003eWhy You'll Love Them\u003c\/div\u003e\n    \u003cdiv class=\"fm-grid\"\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003cdiv class=\"fm-card-icon\"\u003e✏️\u003c\/div\u003e\n        \u003cdiv class=\"fm-card-title\"\u003eFine Tip 2mm\u003c\/div\u003e\n        \u003cdiv class=\"fm-card-desc\"\u003ePrecision 2mm tip for detailed line work and intricate designs on fabric.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003cdiv class=\"fm-card-icon\"\u003e🎨\u003c\/div\u003e\n        \u003cdiv class=\"fm-card-title\"\u003e12 Vibrant Colours\u003c\/div\u003e\n        \u003cdiv class=\"fm-card-desc\"\u003eA vivid assortment of washable colours that pop on any fabric surface.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003cdiv class=\"fm-card-icon\"\u003e🔒\u003c\/div\u003e\n        \u003cdiv class=\"fm-card-title\"\u003ePermanent Textile Ink\u003c\/div\u003e\n        \u003cdiv class=\"fm-card-desc\"\u003eWash-resistant formula that locks colour into fabric fibres for lasting art.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003cdiv class=\"fm-card-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"fm-card-title\"\u003eNon-Toxic \u0026amp; Safe\u003c\/div\u003e\n        \u003cdiv class=\"fm-card-desc\"\u003eKid-friendly, non-toxic ink. Safe for the whole family to use with confidence.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fm-section\"\u003e\n    \u003cdiv class=\"fm-section-title\"\u003eWhat's in the Pack\u003c\/div\u003e\n    \u003cul class=\"fm-specs\"\u003e\n      \u003cli\u003e12 fabric marker pens — fine tip 2mm\u003c\/li\u003e\n      \u003cli\u003e12 assorted colours: Black, Brown, Red, Pink, Orange, Yellow, Light Green, Dark Green, Sky Blue, Blue, Purple, Grey\u003c\/li\u003e\n      \u003cli\u003ePermanent textile paint pen ink — washable on skin, permanent on fabric\u003c\/li\u003e\n      \u003cli\u003eNon-toxic formula — safe for kids and adults\u003c\/li\u003e\n      \u003cli\u003eWorks on T-shirts, shoes, canvas bags \u0026amp; blended fabrics\u003c\/li\u003e\n      \u003cli\u003eVibrant colour payoff — no bleeding, no fading\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fm-section\"\u003e\n    \u003cdiv class=\"fm-section-title\"\u003ePerfect For\u003c\/div\u003e\n    \u003cdiv class=\"fm-uses\"\u003e\n      \u003cspan class=\"fm-use-tag\"\u003e👕 T-Shirts\u003c\/span\u003e\n      \u003cspan class=\"fm-use-tag\"\u003e👟 Shoes\u003c\/span\u003e\n      \u003cspan class=\"fm-use-tag\"\u003e🎒 Canvas Bags\u003c\/span\u003e\n      \u003cspan class=\"fm-use-tag\"\u003e🧵 Textiles \u0026amp; Fabric\u003c\/span\u003e\n      \u003cspan class=\"fm-use-tag\"\u003e🎨 Artistic Projects\u003c\/span\u003e\n      \u003cspan class=\"fm-use-tag\"\u003e👨‍👩‍👧 Family Activity\u003c\/span\u003e\n      \u003cspan class=\"fm-use-tag\"\u003e🎁 Gift Sets\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fm-footer\"\u003e\n    \u003cstrong\u003eDrophub\u003c\/strong\u003e  ·  Everyday. Delivered.  ·  12-Pack Fabric Markers\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Drophub","offers":[{"title":"Default Title","offer_id":44463838232664,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0735\/0193\/3656\/files\/New12fabricmarkers.png?v=1788435276"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0735\/0193\/3656\/collections\/30_Fabric_Markers_Drophub.png?v=1785147881","url":"https:\/\/drophub.co.za\/collections\/fabric-markers.oembed","provider":"Drophub","version":"1.0","type":"link"}