{"product_id":"sundance-twilly","title":"SUNDANCE Twilly","description":"\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n:root{--cream:#FAF7F2;--warm-black:#5C3D2E;--muted-gold:#7A6C52;--text-secondary:#4A443D;--border:#E8E2D9;--highlight:#F0EBE3}\n*{margin:0;padding:0;box-sizing:border-box}\nbody{background:var(--cream);color:var(--warm-black);font-family:'Montserrat',sans-serif;font-weight:300;min-height:100vh;display:flex;justify-content:center;padding:40px 20px;-webkit-font-smoothing:antialiased}\n.container{max-width:820px;width:100%;animation:fadeIn .6s ease-out}\n@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}\n.description{max-width:620px;margin:0 auto 40px;text-align:center}\n.description .lead{font-family:'Cormorant Garamond',serif;font-weight:400;font-style:italic;font-size:1.15rem;line-height:1.7;margin-bottom:12px}\n.tabs-container{margin-top:10px}\n.tab-nav{display:flex;border-bottom:2px solid var(--border);gap:0}\n.tab-btn{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary);background:transparent;border:none;padding:14px 24px;cursor:pointer;position:relative;transition:color .3s ease;white-space:nowrap}\n.tab-btn:hover{color:var(--warm-black)}\n.tab-btn.active{color:var(--warm-black);font-weight:500}\n.tab-btn.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--warm-black)}\n.tab-panel{display:none;padding:32px 0;animation:tabFade .3s ease-out}\n.tab-panel.active{display:block}\n@keyframes tabFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}\n.love-list{list-style:none;padding:0}\n.love-list li{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--border);font-size:.78rem;color:var(--text-secondary);letter-spacing:.02em}\n.love-list li:last-child{border-bottom:none}\n.love-dot{width:5px;height:5px;border-radius:50%;background:var(--muted-gold);flex-shrink:0}\n.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin-top:8px}\n.detail-card{text-align:center;padding:16px;background:#fff;border:1px solid var(--border);border-radius:2px}\n.detail-card .detail-label{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px}\n.detail-card .detail-value{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:.95rem}\n.stretch-dots{display:flex;gap:5px;justify-content:center;margin-top:3px}\n.stretch-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--muted-gold);background:transparent}\n.unit-toggle{display:flex;justify-content:center;gap:0;margin-bottom:24px}\n.unit-btn{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;padding:10px 28px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-family:'Montserrat',sans-serif}\n.unit-btn:first-child{border-radius:2px 0 0 2px}\n.unit-btn:last-child{border-radius:0 2px 2px 0;border-left:none}\n.unit-btn.active{background:var(--warm-black);color:var(--cream);border-color:var(--warm-black)}\n.table-wrapper{overflow-x:auto}\ntable{width:100%;border-collapse:collapse;font-size:.85rem}\nthead th{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1rem;padding:14px 12px;text-align:center;border-bottom:2px solid var(--warm-black)}\nthead th:first-child{text-align:left;font-family:'Montserrat',sans-serif;font-weight:400;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary);vertical-align:bottom}\ntbody td{padding:12px;text-align:center;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;font-weight:300}\ntbody td:first-child{text-align:left;font-size:.75rem;color:var(--text-secondary);white-space:nowrap}\ntbody tr:hover{background:var(--highlight)}\n.between-sizes-title{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:.9rem;margin-bottom:6px}\n.fit-notes p{font-size:.72rem;line-height:1.8;color:var(--text-secondary);max-width:600px}\n.style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:24px}\n.style-card{padding:20px 18px;background:#fff;border:1px solid var(--border);border-radius:2px}\n.style-card h4{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}\n.style-card p{font-size:.72rem;line-height:1.8;color:var(--text-secondary)}\n.one-size-card{text-align:center;padding:32px 20px;background:#fff;border:1px solid var(--border);border-radius:2px}\n.one-size-title{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.6rem;margin-bottom:8px}\n.one-size-dims{font-size:.68rem;letter-spacing:.2em;color:var(--muted-gold)}\n.dims-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}\n.size-note{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-gold);margin-top:10px}\n@media(max-width:640px){.description .lead{font-size:1rem}.tab-btn{padding:12px 14px;font-size:.6rem;letter-spacing:.12em}table{font-size:.78rem}thead th{font-size:.88rem;padding:10px 8px}tbody td{padding:10px 8px}}\n\u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"description\"\u003e\n\u003cp class=\"lead\"\u003eRadiant yellow anchors a spirited dance of colour, rhythm and movement. Sundance celebrates the brilliance of the sun and the joy of being fully alive. Wear it your way and carry that warmth, joy and light wherever you go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tabs-container\"\u003e\n\u003cnav class=\"tab-nav\"\u003e\n\u003cbutton class=\"tab-btn active\" onclick=\"switchTab('details')\"\u003eDetails\u003c\/button\u003e\n\u003cbutton class=\"tab-btn\" onclick=\"switchTab('sizing')\"\u003eSize Guide\u003c\/button\u003e\n\u003cbutton class=\"tab-btn\" onclick=\"switchTab('care')\"\u003eFabric \u0026amp; Care\u003c\/button\u003e\n\u003c\/nav\u003e\n\u003c!-- DETAILS TAB --\u003e\n\u003cdiv class=\"tab-panel active\" id=\"tab-details\"\u003e\n\u003cul class=\"love-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"love-dot\"\u003e\u003c\/span\u003eRadiant yellow brushstroke print\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"love-dot\"\u003e\u003c\/span\u003eSmooth, silky finish\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"love-dot\"\u003e\u003c\/span\u003eAvailable in Small (386 x 5 cm) and XL (120 x 10 cm)\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"love-dot\"\u003e\u003c\/span\u003eWear it as a scarf or accessory\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"love-dot\"\u003e\u003c\/span\u003eLightweight and easy to pack\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"love-dot\"\u003e\u003c\/span\u003eOne size fits all in both sizes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"margin-top:16px;padding:14px 18px;background:var(--highlight);border-radius:2px\"\u003e\n\u003cp style=\"font-size:.72rem;color:var(--text-secondary);line-height:1.6\"\u003e\u003cspan style=\"font-family:Cormorant Garamond,serif;font-weight:500;font-size:.85rem;color:var(--warm-black)\"\u003eSizing Tip:\u003c\/span\u003e Choose Small for a slim neck tie, wrist wrap or bag handle accent. Choose XL for a bolder neck scarf, headband or hair wrap.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"style-grid\"\u003e\n\u003cdiv class=\"style-card\"\u003e\n\u003ch4\u003eScarf\u003c\/h4\u003e\n\u003cp\u003eKnot at the neck as a skinny scarf, or tie around your head as a headband for a polished finish.\u003c\/p\u003e\n\u003cdiv class=\"size-note\"\u003eSmall \u0026amp; XL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"style-card\"\u003e\n\u003ch4\u003eAccessory\u003c\/h4\u003e\n\u003cp\u003eWrap around a handbag handle, tie at the wrist, or weave through a ponytail for an easy, elevated detail.\u003c\/p\u003e\n\u003cdiv class=\"size-note\"\u003eSmall \u0026amp; XL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SIZE GUIDE TAB --\u003e\n\u003cdiv class=\"tab-panel\" id=\"tab-sizing\"\u003e\n\u003cdiv class=\"dims-grid\"\u003e\n\u003cdiv class=\"one-size-card\"\u003e\n\u003cdiv class=\"one-size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"one-size-dims\" id=\"dimSmall\"\u003e386 × 5 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"one-size-card\"\u003e\n\u003cdiv class=\"one-size-title\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"one-size-dims\" id=\"dimXL\"\u003e120 × 10 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unit-toggle\"\u003e\n\u003cbutton class=\"unit-btn\" onclick=\"setUnit('in')\"\u003eInches\u003c\/button\u003e\n\u003cbutton class=\"unit-btn active\" onclick=\"setUnit('cm')\"\u003eCentimetres\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"table-wrapper\"\u003e\n\u003ctable\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eMeasurement\u003c\/th\u003e\n\u003cth\u003eSmall\u003c\/th\u003e\n\u003cth\u003eXL\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody id=\"tableBody\"\u003e\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top:20px;padding:16px 20px;background:var(--highlight);border-radius:2px\"\u003e\n\u003cdiv class=\"between-sizes-title\"\u003eWhich Size?\u003c\/div\u003e\n\u003cp style=\"font-size:.7rem;line-height:1.7;color:var(--text-secondary)\"\u003eBoth sizes fit every body, so choose by how you want to wear it. Small is a slim ribbon for neck ties, wrist wraps and bag handles. XL is wider for a bolder neck scarf, headband or hair wrap.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fit-notes\" style=\"margin-top:24px\"\u003e\n\u003cp\u003eThe Sundance Twilly has no stretch, so its finished shape holds crisp and structured whether knotted, tied or wrapped.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FABRIC \u0026 CARE TAB --\u003e\n\u003cdiv class=\"tab-panel\" id=\"tab-care\"\u003e\n\u003cdiv class=\"details-grid\"\u003e\n\u003cdiv class=\"detail-card\"\u003e\n\u003cdiv class=\"detail-label\"\u003eFabric\u003c\/div\u003e\n\u003cdiv class=\"detail-value\"\u003e92% Polyester · 8% Spandex\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"detail-card\"\u003e\n\u003cdiv class=\"detail-label\"\u003eFinish\u003c\/div\u003e\n\u003cdiv class=\"detail-value\"\u003eSmooth · Silky\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"detail-card\"\u003e\n\u003cdiv class=\"detail-label\"\u003eCare\u003c\/div\u003e\n\u003cdiv class=\"detail-value\"\u003eHand Wash\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"detail-card\"\u003e\n\u003cdiv class=\"detail-label\"\u003eStretch\u003c\/div\u003e\n\u003cdiv class=\"stretch-dots\"\u003e\n\u003cdiv class=\"stretch-dot\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"stretch-dot\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"stretch-dot\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"detail-card\"\u003e\n\u003cdiv class=\"detail-label\"\u003eSizes\u003c\/div\u003e\n\u003cdiv class=\"detail-value\"\u003eSmall 386 × 5 cm\u003cbr\u003eXL 120 × 10 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"detail-card\"\u003e\n\u003cdiv class=\"detail-label\"\u003eFit\u003c\/div\u003e\n\u003cdiv class=\"detail-value\"\u003eOne Size Fits All\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"detail-card\"\u003e\n\u003cdiv class=\"detail-label\"\u003eCategory\u003c\/div\u003e\n\u003cdiv class=\"detail-value\"\u003eScarf, Accessory\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\nconst dims={cm:{small:'386 × 5 cm',xl:'120 × 10 cm'},in:{small:'152 × 2 in',xl:'47.2 × 3.9 in'}};\nconst tableData={cm:[{label:'Length',values:['386 cm','120 cm']},{label:'Width',values:['5 cm','10 cm']},{label:'Fit',values:['One Size','One Size']}],in:[{label:'Length',values:['152 in','47.2 in']},{label:'Width',values:['2 in','3.9 in']},{label:'Fit',values:['One Size','One Size']}]};\nfunction switchTab(tab){document.querySelectorAll('.tab-btn').forEach(b=\u003eb.classList.remove('active'));document.querySelectorAll('.tab-panel').forEach(p=\u003ep.classList.remove('active'));event.target.classList.add('active');document.getElementById('tab-'+tab).classList.add('active')}\nlet currentUnit='cm';\nfunction setUnit(u){currentUnit=u;document.querySelectorAll('.unit-btn').forEach(b=\u003eb.classList.toggle('active',b.textContent.toLowerCase().includes(u==='in'?'inch':'cent')));render()}\nfunction render(){document.getElementById('dimSmall').textContent=dims[currentUnit].small;document.getElementById('dimXL').textContent=dims[currentUnit].xl;const t=document.getElementById('tableBody');t.innerHTML='';tableData[currentUnit].forEach(r=\u003e{const tr=document.createElement('tr');tr.innerHTML='\u003ctd\u003e'+r.label+'\u003c\/td\u003e'+r.values.map(v=\u003e'\u003ctd\u003e'+v+'\u003c\/td\u003e').join('');t.appendChild(tr)})}\nrender();\n\u003c\/script\u003e","brand":"ÖFUURË","offers":[{"title":"Small","offer_id":50501195268287,"sku":"0500734023004","price":30.0,"currency_code":"USD","in_stock":true},{"title":"XL","offer_id":50501195301055,"sku":"050073402300","price":45.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1463\/5092\/files\/10_10ffe934-8f9f-47b4-8b05-c496757b81e8.png?v=1790345366","url":"https:\/\/www.ofuure.com\/products\/sundance-twilly","provider":"OFUURE","version":"1.0","type":"link"}