{"title":"ÖFUURË X DUNNIE O wearable art collection","description":null,"products":[{"product_id":"arise-shine-scarf","title":"ARISE \u0026 SHINE Scarf","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eThe Arise \u0026amp; Shine Silk Scarf\u003c\/title\u003e\n\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 {\n --cream: #FAF7F2;\n --warm-black: #5C3D2E;\n --muted-gold: #7A6C52;\n --text-secondary: #4A443D;\n --border: #E8E2D9;\n --highlight: #F0EBE3;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n background: var(--cream);\n color: var(--warm-black);\n font-family: 'Montserrat', sans-serif;\n font-weight: 300;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n padding: 40px 20px;\n -webkit-font-smoothing: antialiased;\n}\n\n.container {\n max-width: 820px;\n width: 100%;\n animation: fadeIn .6s ease-out;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.divider {\n width: 40px;\n height: 1px;\n background: var(--muted-gold);\n margin: 20px auto;\n}\n\n.description {\n max-width: 620px;\n margin: 0 auto 40px;\n text-align: center;\n}\n\n.description .lead {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 400;\n font-style: italic;\n font-size: 1.15rem;\n line-height: 1.7;\n margin-bottom: 12px;\n}\n\n.tabs-container {\n margin-top: 10px;\n}\n\n.tab-nav {\n display: flex;\n border-bottom: 2px solid var(--border);\n gap: 0;\n}\n\n.tab-btn {\n font-family: 'Montserrat', sans-serif;\n font-size: .68rem;\n font-weight: 400;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: transparent;\n border: none;\n padding: 14px 24px;\n cursor: pointer;\n position: relative;\n transition: color .3s ease;\n white-space: nowrap;\n}\n\n.tab-btn:hover {\n color: var(--warm-black);\n}\n\n.tab-btn.active {\n color: var(--warm-black);\n font-weight: 500;\n}\n\n.tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n right: 0;\n height: 2px;\n background: var(--warm-black);\n}\n\n.tab-panel {\n display: none;\n padding: 32px 0;\n animation: tabFade .3s ease-out;\n}\n\n.tab-panel.active {\n display: block;\n}\n\n@keyframes tabFade {\n from { opacity: 0; transform: translateY(6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.love-list {\n list-style: none;\n padding: 0;\n}\n\n.love-list li {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 10px 0;\n border-bottom: 1px solid var(--border);\n font-size: .78rem;\n color: var(--text-secondary);\n letter-spacing: .02em;\n}\n\n.love-list li:last-child {\n border-bottom: none;\n}\n\n.love-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: var(--muted-gold);\n flex-shrink: 0;\n}\n\n.details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 20px;\n margin-top: 8px;\n}\n\n.detail-card {\n text-align: center;\n padding: 16px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.detail-card .detail-label {\n font-size: .58rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 6px;\n}\n\n.detail-card .detail-value {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n}\n\n.stretch-dots {\n display: flex;\n gap: 5px;\n justify-content: center;\n margin-top: 3px;\n}\n\n.stretch-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n border: 1px solid var(--muted-gold);\n background: transparent;\n}\n\n.size-finder {\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n padding: 24px;\n margin-bottom: 24px;\n}\n\n.size-finder-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n margin-bottom: 6px;\n text-align: center;\n}\n\n.size-finder-subtitle {\n font-size: .62rem;\n color: var(--text-secondary);\n text-align: center;\n margin-bottom: 16px;\n}\n\n.size-finder-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));\n gap: 8px;\n}\n\n.size-finder-card {\n text-align: center;\n padding: 14px 8px;\n border: 1px solid var(--border);\n border-radius: 2px;\n transition: all .2s ease;\n cursor: default;\n}\n\n.size-finder-card:hover {\n border-color: var(--muted-gold);\n background: var(--highlight);\n}\n\n.size-finder-card .size-label {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.1rem;\n margin-bottom: 2px;\n}\n\n.size-finder-card .us-size {\n font-size: .58rem;\n letter-spacing: .15em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-bottom: 6px;\n}\n\n.size-finder-card .bust-range {\n font-size: .6rem;\n color: var(--text-secondary);\n line-height: 1.4;\n}\n\n.unit-toggle {\n display: flex;\n justify-content: center;\n gap: 0;\n margin-bottom: 24px;\n}\n\n.unit-btn {\n font-size: .65rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n padding: 10px 28px;\n border: 1px solid var(--border);\n background: transparent;\n color: var(--text-secondary);\n cursor: pointer;\n transition: all .3s ease;\n font-family: 'Montserrat', sans-serif;\n}\n\n.unit-btn:first-child {\n border-radius: 2px 0 0 2px;\n}\n\n.unit-btn:last-child {\n border-radius: 0 2px 2px 0;\n border-left: none;\n}\n\n.unit-btn.active {\n background: var(--warm-black);\n color: var(--cream);\n border-color: var(--warm-black);\n}\n\n.garment-label {\n text-align: center;\n margin-bottom: 16px;\n}\n\n.garment-label span {\n font-size: .6rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: var(--highlight);\n padding: 6px 16px;\n border-radius: 2px;\n}\n\n.table-wrapper {\n overflow-x: auto;\n}\n\ntable {\n width: 100%;\n border-collapse: collapse;\n font-size: .85rem;\n}\n\nthead th {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1rem;\n padding: 14px 12px;\n text-align: center;\n border-bottom: 2px solid var(--warm-black);\n}\n\nthead th:first-child {\n text-align: left;\n font-family: 'Montserrat', sans-serif;\n font-weight: 400;\n font-size: .65rem;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n vertical-align: bottom;\n}\n\ntbody td {\n padding: 12px;\n text-align: center;\n border-bottom: 1px solid var(--border);\n font-variant-numeric: tabular-nums;\n font-weight: 300;\n}\n\ntbody td:first-child {\n text-align: left;\n font-size: .75rem;\n color: var(--text-secondary);\n white-space: nowrap;\n}\n\ntbody tr:hover {\n background: var(--highlight);\n}\n\n.waist-range {\n font-size: .78rem;\n white-space: nowrap;\n}\n\n.between-sizes {\n margin-top: 20px;\n padding: 16px 20px;\n background: var(--highlight);\n border-left: 3px solid var(--muted-gold);\n border-radius: 0 2px 2px 0;\n}\n\n.between-sizes-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .9rem;\n margin-bottom: 6px;\n}\n\n.between-sizes p {\n font-size: .7rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n.fit-notes p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n max-width: 600px;\n}\n\n.fit-notes p + p {\n margin-top: 8px;\n}\n\n.model-note {\n margin-top: 14px;\n font-style: italic;\n font-size: .68rem !important;\n color: var(--muted-gold) !important;\n}\n\n.measure-guide {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 16px;\n margin-top: 20px;\n}\n\n.measure-item {\n padding: 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.measure-item h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n margin-bottom: 6px;\n}\n\n.measure-item p {\n font-size: .68rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n@media (max-width: 640px) {\n .description .lead { font-size: 1rem; }\n .tab-btn { padding: 12px 14px; font-size: .6rem; letter-spacing: .12em; }\n table { font-size: .78rem; }\n thead th { font-size: .88rem; padding: 10px 8px; }\n tbody td { padding: 10px 8px; }\n .size-finder-grid { grid-template-columns: repeat(4, 1fr); }\n}\n\n.style-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 24px;\n}\n\n.style-card {\n padding: 20px 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.style-card h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n letter-spacing: .14em;\n text-transform: uppercase;\n margin-bottom: 10px;\n}\n\n.style-card p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n}\n\n.one-size-card {\n text-align: center;\n padding: 32px 20px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n margin-bottom: 20px;\n}\n\n.one-size-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.6rem;\n margin-bottom: 8px;\n}\n\n.one-size-dims {\n font-size: .68rem;\n letter-spacing: .2em;\n color: var(--muted-gold);\n}\n\n.dims-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n}\n\n.size-note {\n font-size: .62rem;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-top: 10px;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"container\"\u003e\n\n \u003cdiv class=\"description\"\u003e\n \u003cp class=\"lead\"\u003eA celebration of awakening, worn. Expressive brushstrokes in vibrant pinks rise through flashes of gold, capturing the beauty of beginning again. Tie it as a scarf, wrap it as a sarong or knot it into a top or loop it on your bag, and step fully into your light.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tabs-container\"\u003e\n\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\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\u003eVibrant pink and gold 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 (35 x 35 inches) and XL (55 x 85 inches)\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"love-dot\"\u003e\u003c\/span\u003eWear it as a scarf, sarong, top 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)\"\u003eStyling Tip:\u003c\/span\u003e Choose Small for a neat knot, bandeau or bag accent. Choose XL for a full sarong, halter top or generous 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\u003eFold into a band and knot at the nape or crown, or drape loosely at the neck for a classic scarf 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\u003eSarong\u003c\/h4\u003e\n \u003cp\u003eKnot at the hip over swimwear. Small gives a compact accent, XL gives a full, flowing wrap.\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\u003eTop\u003c\/h4\u003e\n \u003cp\u003eTie Small above the bust for a mini bandeau, or wrap XL and tie behind the neck for a halter top.\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\u003eLoop through a handbag handle, tie at the neck, or use as a hair accent for an easy, elevated detail.\u003c\/p\u003e\n \u003cdiv class=\"size-note\"\u003eBest in Small\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eSmall\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e35″ × 35″\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"one-size-card\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eXL\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e55″ × 85″\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"table-wrapper\" style=\"margin-top:24px\"\u003e\n \u003ctable\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eMeasurement\u003c\/th\u003e\n \u003cth\u003eSmall\u003c\/th\u003e\n \u003cth\u003eXL\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eLength\u003c\/td\u003e\n \u003ctd\u003e35″ \/ 89 cm\u003c\/td\u003e\n \u003ctd\u003e85″ \/ 216 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eWidth\u003c\/td\u003e\n \u003ctd\u003e35″ \/ 89 cm\u003c\/td\u003e\n \u003ctd\u003e55″ \/ 140 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eFit\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\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 perfect for neck scarves, bandeau tops and bag accents. XL gives you full coverage for sarongs, halter tops and shoulder wraps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fit-notes\" style=\"margin-top:24px\"\u003e\n \u003cp\u003eThe Arise \u0026amp; Shine Silk Scarf has no stretch, so its finished shape holds crisp and structured whether folded, knotted, wrapped or looped.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\"\u003e100% Polyester\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 35″ × 35″\u003cbr\u003eXL 55″ × 85″\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, Sarong, Top, Accessory\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction switchTab(tab) {\n document.querySelectorAll('.tab-btn').forEach(b =\u003e b.classList.remove('active'));\n document.querySelectorAll('.tab-panel').forEach(p =\u003e p.classList.remove('active'));\n event.target.classList.add('active');\n document.getElementById('tab-' + tab).classList.add('active');\n}\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"ÖFUURË","offers":[{"title":"Small","offer_id":50486239035583,"sku":"0500733323006","price":70.0,"currency_code":"USD","in_stock":false},{"title":"XL","offer_id":50486239068351,"sku":"050073332300","price":100.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1463\/5092\/files\/15_49eaf48b-a2da-415e-b828-b5855822a78b.png?v=1790345919"},{"product_id":"indigo-intuition-scarf","title":"INDIGO INTUITION Scarf","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eThe Indigo Intuition Silk Scarf\u003c\/title\u003e\n\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 {\n --cream: #FAF7F2;\n --warm-black: #5C3D2E;\n --muted-gold: #7A6C52;\n --text-secondary: #4A443D;\n --border: #E8E2D9;\n --highlight: #F0EBE3;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n background: var(--cream);\n color: var(--warm-black);\n font-family: 'Montserrat', sans-serif;\n font-weight: 300;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n padding: 40px 20px;\n -webkit-font-smoothing: antialiased;\n}\n\n.container {\n max-width: 820px;\n width: 100%;\n animation: fadeIn .6s ease-out;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.divider {\n width: 40px;\n height: 1px;\n background: var(--muted-gold);\n margin: 20px auto;\n}\n\n.description {\n max-width: 620px;\n margin: 0 auto 40px;\n text-align: center;\n}\n\n.description .lead {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 400;\n font-style: italic;\n font-size: 1.15rem;\n line-height: 1.7;\n margin-bottom: 12px;\n}\n\n.tabs-container {\n margin-top: 10px;\n}\n\n.tab-nav {\n display: flex;\n border-bottom: 2px solid var(--border);\n gap: 0;\n}\n\n.tab-btn {\n font-family: 'Montserrat', sans-serif;\n font-size: .68rem;\n font-weight: 400;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: transparent;\n border: none;\n padding: 14px 24px;\n cursor: pointer;\n position: relative;\n transition: color .3s ease;\n white-space: nowrap;\n}\n\n.tab-btn:hover {\n color: var(--warm-black);\n}\n\n.tab-btn.active {\n color: var(--warm-black);\n font-weight: 500;\n}\n\n.tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n right: 0;\n height: 2px;\n background: var(--warm-black);\n}\n\n.tab-panel {\n display: none;\n padding: 32px 0;\n animation: tabFade .3s ease-out;\n}\n\n.tab-panel.active {\n display: block;\n}\n\n@keyframes tabFade {\n from { opacity: 0; transform: translateY(6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.love-list {\n list-style: none;\n padding: 0;\n}\n\n.love-list li {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 10px 0;\n border-bottom: 1px solid var(--border);\n font-size: .78rem;\n color: var(--text-secondary);\n letter-spacing: .02em;\n}\n\n.love-list li:last-child {\n border-bottom: none;\n}\n\n.love-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: var(--muted-gold);\n flex-shrink: 0;\n}\n\n.details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 20px;\n margin-top: 8px;\n}\n\n.detail-card {\n text-align: center;\n padding: 16px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.detail-card .detail-label {\n font-size: .58rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 6px;\n}\n\n.detail-card .detail-value {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n}\n\n.stretch-dots {\n display: flex;\n gap: 5px;\n justify-content: center;\n margin-top: 3px;\n}\n\n.stretch-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n border: 1px solid var(--muted-gold);\n background: transparent;\n}\n\n.size-finder {\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n padding: 24px;\n margin-bottom: 24px;\n}\n\n.size-finder-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n margin-bottom: 6px;\n text-align: center;\n}\n\n.size-finder-subtitle {\n font-size: .62rem;\n color: var(--text-secondary);\n text-align: center;\n margin-bottom: 16px;\n}\n\n.size-finder-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));\n gap: 8px;\n}\n\n.size-finder-card {\n text-align: center;\n padding: 14px 8px;\n border: 1px solid var(--border);\n border-radius: 2px;\n transition: all .2s ease;\n cursor: default;\n}\n\n.size-finder-card:hover {\n border-color: var(--muted-gold);\n background: var(--highlight);\n}\n\n.size-finder-card .size-label {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.1rem;\n margin-bottom: 2px;\n}\n\n.size-finder-card .us-size {\n font-size: .58rem;\n letter-spacing: .15em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-bottom: 6px;\n}\n\n.size-finder-card .bust-range {\n font-size: .6rem;\n color: var(--text-secondary);\n line-height: 1.4;\n}\n\n.unit-toggle {\n display: flex;\n justify-content: center;\n gap: 0;\n margin-bottom: 24px;\n}\n\n.unit-btn {\n font-size: .65rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n padding: 10px 28px;\n border: 1px solid var(--border);\n background: transparent;\n color: var(--text-secondary);\n cursor: pointer;\n transition: all .3s ease;\n font-family: 'Montserrat', sans-serif;\n}\n\n.unit-btn:first-child {\n border-radius: 2px 0 0 2px;\n}\n\n.unit-btn:last-child {\n border-radius: 0 2px 2px 0;\n border-left: none;\n}\n\n.unit-btn.active {\n background: var(--warm-black);\n color: var(--cream);\n border-color: var(--warm-black);\n}\n\n.garment-label {\n text-align: center;\n margin-bottom: 16px;\n}\n\n.garment-label span {\n font-size: .6rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: var(--highlight);\n padding: 6px 16px;\n border-radius: 2px;\n}\n\n.table-wrapper {\n overflow-x: auto;\n}\n\ntable {\n width: 100%;\n border-collapse: collapse;\n font-size: .85rem;\n}\n\nthead th {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1rem;\n padding: 14px 12px;\n text-align: center;\n border-bottom: 2px solid var(--warm-black);\n}\n\nthead th:first-child {\n text-align: left;\n font-family: 'Montserrat', sans-serif;\n font-weight: 400;\n font-size: .65rem;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n vertical-align: bottom;\n}\n\ntbody td {\n padding: 12px;\n text-align: center;\n border-bottom: 1px solid var(--border);\n font-variant-numeric: tabular-nums;\n font-weight: 300;\n}\n\ntbody td:first-child {\n text-align: left;\n font-size: .75rem;\n color: var(--text-secondary);\n white-space: nowrap;\n}\n\ntbody tr:hover {\n background: var(--highlight);\n}\n\n.waist-range {\n font-size: .78rem;\n white-space: nowrap;\n}\n\n.between-sizes {\n margin-top: 20px;\n padding: 16px 20px;\n background: var(--highlight);\n border-left: 3px solid var(--muted-gold);\n border-radius: 0 2px 2px 0;\n}\n\n.between-sizes-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .9rem;\n margin-bottom: 6px;\n}\n\n.between-sizes p {\n font-size: .7rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n.fit-notes p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n max-width: 600px;\n}\n\n.fit-notes p + p {\n margin-top: 8px;\n}\n\n.model-note {\n margin-top: 14px;\n font-style: italic;\n font-size: .68rem !important;\n color: var(--muted-gold) !important;\n}\n\n.measure-guide {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 16px;\n margin-top: 20px;\n}\n\n.measure-item {\n padding: 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.measure-item h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n margin-bottom: 6px;\n}\n\n.measure-item p {\n font-size: .68rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n@media (max-width: 640px) {\n .description .lead { font-size: 1rem; }\n .tab-btn { padding: 12px 14px; font-size: .6rem; letter-spacing: .12em; }\n table { font-size: .78rem; }\n thead th { font-size: .88rem; padding: 10px 8px; }\n tbody td { padding: 10px 8px; }\n .size-finder-grid { grid-template-columns: repeat(4, 1fr); }\n}\n\n.style-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 24px;\n}\n\n.style-card {\n padding: 20px 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.style-card h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n letter-spacing: .14em;\n text-transform: uppercase;\n margin-bottom: 10px;\n}\n\n.style-card p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n}\n\n.one-size-card {\n text-align: center;\n padding: 32px 20px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n margin-bottom: 20px;\n}\n\n.one-size-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.6rem;\n margin-bottom: 8px;\n}\n\n.one-size-dims {\n font-size: .68rem;\n letter-spacing: .2em;\n color: var(--muted-gold);\n}\n\n.dims-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n}\n\n.size-note {\n font-size: .62rem;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-top: 10px;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"container\"\u003e\n\n \u003cdiv class=\"description\"\u003e\n \u003cp class=\"lead\"\u003eIndigo is the colour of wisdom, inner vision and trusting what you know deep within. Layered circular brushstrokes draw the eye inward, giving this piece a sense of depth and movement. A reminder to listen to yourself, however you choose to wear it.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tabs-container\"\u003e\n\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\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\u003eLayered indigo circular 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 (35 x 35 inches) and XL (55 x 85 inches)\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"love-dot\"\u003e\u003c\/span\u003eWear it as a scarf, sarong, top 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)\"\u003eStyling Tip:\u003c\/span\u003e Choose Small for a neat knot, bandeau or bag accent. Choose XL for a full sarong, halter top or generous 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\u003eFold into a band and knot at the nape or crown, or drape loosely at the neck for a classic scarf 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\u003eSarong\u003c\/h4\u003e\n \u003cp\u003eKnot at the hip over swimwear. Small gives a compact accent, XL gives a full, flowing wrap.\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\u003eTop\u003c\/h4\u003e\n \u003cp\u003eTie Small above the bust for a mini bandeau, or wrap XL and tie behind the neck for a halter top.\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\u003eLoop through a handbag handle, tie at the neck, or use as a hair accent for an easy, elevated detail.\u003c\/p\u003e\n \u003cdiv class=\"size-note\"\u003eBest in Small\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eSmall\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e35″ × 35″\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"one-size-card\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eXL\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e55″ × 85″\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"table-wrapper\" style=\"margin-top:24px\"\u003e\n \u003ctable\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eMeasurement\u003c\/th\u003e\n \u003cth\u003eSmall\u003c\/th\u003e\n \u003cth\u003eXL\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eLength\u003c\/td\u003e\n \u003ctd\u003e35″ \/ 89 cm\u003c\/td\u003e\n \u003ctd\u003e85″ \/ 216 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eWidth\u003c\/td\u003e\n \u003ctd\u003e35″ \/ 89 cm\u003c\/td\u003e\n \u003ctd\u003e55″ \/ 140 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eFit\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\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 perfect for neck scarves, bandeau tops and bag accents. XL gives you full coverage for sarongs, halter tops and shoulder wraps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fit-notes\" style=\"margin-top:24px\"\u003e\n \u003cp\u003eThe Indigo Intuition Silk Scarf has no stretch, so its finished shape holds crisp and structured whether folded, knotted, wrapped or looped.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\"\u003e100% Polyester\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 35″ × 35″\u003cbr\u003eXL 55″ × 85″\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, Sarong, Top, Accessory\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction switchTab(tab) {\n document.querySelectorAll('.tab-btn').forEach(b =\u003e b.classList.remove('active'));\n document.querySelectorAll('.tab-panel').forEach(p =\u003e p.classList.remove('active'));\n event.target.classList.add('active');\n document.getElementById('tab-' + tab).classList.add('active');\n}\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"ÖFUURË","offers":[{"title":"Small","offer_id":50486239985855,"sku":"0500733423003","price":70.0,"currency_code":"USD","in_stock":false},{"title":"XL","offer_id":50486240018623,"sku":"050073342309","price":100.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1463\/5092\/files\/13_fe8d3250-92fc-42b4-9a58-ca3e3ec5dac1.png?v=1790345925"},{"product_id":"sundance-scarf","title":"SUNDANCE Scarf","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eThe Sundance Silk Scarf\u003c\/title\u003e\n\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 {\n --cream: #FAF7F2;\n --warm-black: #5C3D2E;\n --muted-gold: #7A6C52;\n --text-secondary: #4A443D;\n --border: #E8E2D9;\n --highlight: #F0EBE3;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n background: var(--cream);\n color: var(--warm-black);\n font-family: 'Montserrat', sans-serif;\n font-weight: 300;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n padding: 40px 20px;\n -webkit-font-smoothing: antialiased;\n}\n\n.container {\n max-width: 820px;\n width: 100%;\n animation: fadeIn .6s ease-out;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.divider {\n width: 40px;\n height: 1px;\n background: var(--muted-gold);\n margin: 20px auto;\n}\n\n.description {\n max-width: 620px;\n margin: 0 auto 40px;\n text-align: center;\n}\n\n.description .lead {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 400;\n font-style: italic;\n font-size: 1.15rem;\n line-height: 1.7;\n margin-bottom: 12px;\n}\n\n.tabs-container {\n margin-top: 10px;\n}\n\n.tab-nav {\n display: flex;\n border-bottom: 2px solid var(--border);\n gap: 0;\n}\n\n.tab-btn {\n font-family: 'Montserrat', sans-serif;\n font-size: .68rem;\n font-weight: 400;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: transparent;\n border: none;\n padding: 14px 24px;\n cursor: pointer;\n position: relative;\n transition: color .3s ease;\n white-space: nowrap;\n}\n\n.tab-btn:hover {\n color: var(--warm-black);\n}\n\n.tab-btn.active {\n color: var(--warm-black);\n font-weight: 500;\n}\n\n.tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n right: 0;\n height: 2px;\n background: var(--warm-black);\n}\n\n.tab-panel {\n display: none;\n padding: 32px 0;\n animation: tabFade .3s ease-out;\n}\n\n.tab-panel.active {\n display: block;\n}\n\n@keyframes tabFade {\n from { opacity: 0; transform: translateY(6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.love-list {\n list-style: none;\n padding: 0;\n}\n\n.love-list li {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 10px 0;\n border-bottom: 1px solid var(--border);\n font-size: .78rem;\n color: var(--text-secondary);\n letter-spacing: .02em;\n}\n\n.love-list li:last-child {\n border-bottom: none;\n}\n\n.love-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: var(--muted-gold);\n flex-shrink: 0;\n}\n\n.details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 20px;\n margin-top: 8px;\n}\n\n.detail-card {\n text-align: center;\n padding: 16px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.detail-card .detail-label {\n font-size: .58rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 6px;\n}\n\n.detail-card .detail-value {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n}\n\n.stretch-dots {\n display: flex;\n gap: 5px;\n justify-content: center;\n margin-top: 3px;\n}\n\n.stretch-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n border: 1px solid var(--muted-gold);\n background: transparent;\n}\n\n.size-finder {\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n padding: 24px;\n margin-bottom: 24px;\n}\n\n.size-finder-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n margin-bottom: 6px;\n text-align: center;\n}\n\n.size-finder-subtitle {\n font-size: .62rem;\n color: var(--text-secondary);\n text-align: center;\n margin-bottom: 16px;\n}\n\n.size-finder-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));\n gap: 8px;\n}\n\n.size-finder-card {\n text-align: center;\n padding: 14px 8px;\n border: 1px solid var(--border);\n border-radius: 2px;\n transition: all .2s ease;\n cursor: default;\n}\n\n.size-finder-card:hover {\n border-color: var(--muted-gold);\n background: var(--highlight);\n}\n\n.size-finder-card .size-label {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.1rem;\n margin-bottom: 2px;\n}\n\n.size-finder-card .us-size {\n font-size: .58rem;\n letter-spacing: .15em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-bottom: 6px;\n}\n\n.size-finder-card .bust-range {\n font-size: .6rem;\n color: var(--text-secondary);\n line-height: 1.4;\n}\n\n.unit-toggle {\n display: flex;\n justify-content: center;\n gap: 0;\n margin-bottom: 24px;\n}\n\n.unit-btn {\n font-size: .65rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n padding: 10px 28px;\n border: 1px solid var(--border);\n background: transparent;\n color: var(--text-secondary);\n cursor: pointer;\n transition: all .3s ease;\n font-family: 'Montserrat', sans-serif;\n}\n\n.unit-btn:first-child {\n border-radius: 2px 0 0 2px;\n}\n\n.unit-btn:last-child {\n border-radius: 0 2px 2px 0;\n border-left: none;\n}\n\n.unit-btn.active {\n background: var(--warm-black);\n color: var(--cream);\n border-color: var(--warm-black);\n}\n\n.garment-label {\n text-align: center;\n margin-bottom: 16px;\n}\n\n.garment-label span {\n font-size: .6rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: var(--highlight);\n padding: 6px 16px;\n border-radius: 2px;\n}\n\n.table-wrapper {\n overflow-x: auto;\n}\n\ntable {\n width: 100%;\n border-collapse: collapse;\n font-size: .85rem;\n}\n\nthead th {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1rem;\n padding: 14px 12px;\n text-align: center;\n border-bottom: 2px solid var(--warm-black);\n}\n\nthead th:first-child {\n text-align: left;\n font-family: 'Montserrat', sans-serif;\n font-weight: 400;\n font-size: .65rem;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n vertical-align: bottom;\n}\n\ntbody td {\n padding: 12px;\n text-align: center;\n border-bottom: 1px solid var(--border);\n font-variant-numeric: tabular-nums;\n font-weight: 300;\n}\n\ntbody td:first-child {\n text-align: left;\n font-size: .75rem;\n color: var(--text-secondary);\n white-space: nowrap;\n}\n\ntbody tr:hover {\n background: var(--highlight);\n}\n\n.waist-range {\n font-size: .78rem;\n white-space: nowrap;\n}\n\n.between-sizes {\n margin-top: 20px;\n padding: 16px 20px;\n background: var(--highlight);\n border-left: 3px solid var(--muted-gold);\n border-radius: 0 2px 2px 0;\n}\n\n.between-sizes-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .9rem;\n margin-bottom: 6px;\n}\n\n.between-sizes p {\n font-size: .7rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n.fit-notes p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n max-width: 600px;\n}\n\n.fit-notes p + p {\n margin-top: 8px;\n}\n\n.model-note {\n margin-top: 14px;\n font-style: italic;\n font-size: .68rem !important;\n color: var(--muted-gold) !important;\n}\n\n.measure-guide {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 16px;\n margin-top: 20px;\n}\n\n.measure-item {\n padding: 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.measure-item h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n margin-bottom: 6px;\n}\n\n.measure-item p {\n font-size: .68rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n@media (max-width: 640px) {\n .description .lead { font-size: 1rem; }\n .tab-btn { padding: 12px 14px; font-size: .6rem; letter-spacing: .12em; }\n table { font-size: .78rem; }\n thead th { font-size: .88rem; padding: 10px 8px; }\n tbody td { padding: 10px 8px; }\n .size-finder-grid { grid-template-columns: repeat(4, 1fr); }\n}\n\n.style-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 24px;\n}\n\n.style-card {\n padding: 20px 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.style-card h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n letter-spacing: .14em;\n text-transform: uppercase;\n margin-bottom: 10px;\n}\n\n.style-card p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n}\n\n.one-size-card {\n text-align: center;\n padding: 32px 20px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n margin-bottom: 20px;\n}\n\n.one-size-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.6rem;\n margin-bottom: 8px;\n}\n\n.one-size-dims {\n font-size: .68rem;\n letter-spacing: .2em;\n color: var(--muted-gold);\n}\n\n.dims-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n}\n\n.size-note {\n font-size: .62rem;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-top: 10px;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"container\"\u003e\n\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\n \u003cdiv class=\"tabs-container\"\u003e\n\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\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 (35 x 35 inches) and XL (55 x 85 inches)\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"love-dot\"\u003e\u003c\/span\u003eWear it as a scarf, sarong, top 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)\"\u003eStyling Tip:\u003c\/span\u003e Choose Small for a neat knot, bandeau or bag accent. Choose XL for a full sarong, halter top or generous 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\u003eFold into a band and knot at the nape or crown, or drape loosely at the neck for a classic scarf 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\u003eSarong\u003c\/h4\u003e\n \u003cp\u003eKnot at the hip over swimwear. Small gives a compact accent, XL gives a full, flowing wrap.\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\u003eTop\u003c\/h4\u003e\n \u003cp\u003eTie Small above the bust for a mini bandeau, or wrap XL and tie behind the neck for a halter top.\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\u003eLoop through a handbag handle, tie at the neck, or use as a hair accent for an easy, elevated detail.\u003c\/p\u003e\n \u003cdiv class=\"size-note\"\u003eBest in Small\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eSmall\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e35″ × 35″\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"one-size-card\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eXL\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e55″ × 85″\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"table-wrapper\" style=\"margin-top:24px\"\u003e\n \u003ctable\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eMeasurement\u003c\/th\u003e\n \u003cth\u003eSmall\u003c\/th\u003e\n \u003cth\u003eXL\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eLength\u003c\/td\u003e\n \u003ctd\u003e35″ \/ 89 cm\u003c\/td\u003e\n \u003ctd\u003e85″ \/ 216 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eWidth\u003c\/td\u003e\n \u003ctd\u003e35″ \/ 89 cm\u003c\/td\u003e\n \u003ctd\u003e55″ \/ 140 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eFit\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\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 perfect for neck scarves, bandeau tops and bag accents. XL gives you full coverage for sarongs, halter tops and shoulder wraps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fit-notes\" style=\"margin-top:24px\"\u003e\n \u003cp\u003eThe Sundance Silk Scarf has no stretch, so its finished shape holds crisp and structured whether folded, knotted, wrapped or looped.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\"\u003e100% Polyester\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 35″ × 35″\u003cbr\u003eXL 55″ × 85″\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, Sarong, Top, Accessory\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction switchTab(tab) {\n document.querySelectorAll('.tab-btn').forEach(b =\u003e b.classList.remove('active'));\n document.querySelectorAll('.tab-panel').forEach(p =\u003e p.classList.remove('active'));\n event.target.classList.add('active');\n document.getElementById('tab-' + tab).classList.add('active');\n}\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"ÖFUURË","offers":[{"title":"Small","offer_id":50486240936127,"sku":"0500733523000","price":70.0,"currency_code":"USD","in_stock":false},{"title":"XL","offer_id":50486240968895,"sku":"050073352308","price":100.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1463\/5092\/files\/16_dea7c496-5f07-4e5b-bf2d-99747c2eec60.png?v=1790345930"},{"product_id":"oasis-scarf","title":"OASIS Scarf","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eThe Oasis Silk Scarf\u003c\/title\u003e\n\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 {\n --cream: #FAF7F2;\n --warm-black: #5C3D2E;\n --muted-gold: #7A6C52;\n --text-secondary: #4A443D;\n --border: #E8E2D9;\n --highlight: #F0EBE3;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n background: var(--cream);\n color: var(--warm-black);\n font-family: 'Montserrat', sans-serif;\n font-weight: 300;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n padding: 40px 20px;\n -webkit-font-smoothing: antialiased;\n}\n\n.container {\n max-width: 820px;\n width: 100%;\n animation: fadeIn .6s ease-out;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.divider {\n width: 40px;\n height: 1px;\n background: var(--muted-gold);\n margin: 20px auto;\n}\n\n.description {\n max-width: 620px;\n margin: 0 auto 40px;\n text-align: center;\n}\n\n.description .lead {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 400;\n font-style: italic;\n font-size: 1.15rem;\n line-height: 1.7;\n margin-bottom: 12px;\n}\n\n.tabs-container {\n margin-top: 10px;\n}\n\n.tab-nav {\n display: flex;\n border-bottom: 2px solid var(--border);\n gap: 0;\n}\n\n.tab-btn {\n font-family: 'Montserrat', sans-serif;\n font-size: .68rem;\n font-weight: 400;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: transparent;\n border: none;\n padding: 14px 24px;\n cursor: pointer;\n position: relative;\n transition: color .3s ease;\n white-space: nowrap;\n}\n\n.tab-btn:hover {\n color: var(--warm-black);\n}\n\n.tab-btn.active {\n color: var(--warm-black);\n font-weight: 500;\n}\n\n.tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n right: 0;\n height: 2px;\n background: var(--warm-black);\n}\n\n.tab-panel {\n display: none;\n padding: 32px 0;\n animation: tabFade .3s ease-out;\n}\n\n.tab-panel.active {\n display: block;\n}\n\n@keyframes tabFade {\n from { opacity: 0; transform: translateY(6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.love-list {\n list-style: none;\n padding: 0;\n}\n\n.love-list li {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 10px 0;\n border-bottom: 1px solid var(--border);\n font-size: .78rem;\n color: var(--text-secondary);\n letter-spacing: .02em;\n}\n\n.love-list li:last-child {\n border-bottom: none;\n}\n\n.love-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: var(--muted-gold);\n flex-shrink: 0;\n}\n\n.details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 20px;\n margin-top: 8px;\n}\n\n.detail-card {\n text-align: center;\n padding: 16px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.detail-card .detail-label {\n font-size: .58rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 6px;\n}\n\n.detail-card .detail-value {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n}\n\n.stretch-dots {\n display: flex;\n gap: 5px;\n justify-content: center;\n margin-top: 3px;\n}\n\n.stretch-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n border: 1px solid var(--muted-gold);\n background: transparent;\n}\n\n.size-finder {\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n padding: 24px;\n margin-bottom: 24px;\n}\n\n.size-finder-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n margin-bottom: 6px;\n text-align: center;\n}\n\n.size-finder-subtitle {\n font-size: .62rem;\n color: var(--text-secondary);\n text-align: center;\n margin-bottom: 16px;\n}\n\n.size-finder-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));\n gap: 8px;\n}\n\n.size-finder-card {\n text-align: center;\n padding: 14px 8px;\n border: 1px solid var(--border);\n border-radius: 2px;\n transition: all .2s ease;\n cursor: default;\n}\n\n.size-finder-card:hover {\n border-color: var(--muted-gold);\n background: var(--highlight);\n}\n\n.size-finder-card .size-label {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.1rem;\n margin-bottom: 2px;\n}\n\n.size-finder-card .us-size {\n font-size: .58rem;\n letter-spacing: .15em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-bottom: 6px;\n}\n\n.size-finder-card .bust-range {\n font-size: .6rem;\n color: var(--text-secondary);\n line-height: 1.4;\n}\n\n.unit-toggle {\n display: flex;\n justify-content: center;\n gap: 0;\n margin-bottom: 24px;\n}\n\n.unit-btn {\n font-size: .65rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n padding: 10px 28px;\n border: 1px solid var(--border);\n background: transparent;\n color: var(--text-secondary);\n cursor: pointer;\n transition: all .3s ease;\n font-family: 'Montserrat', sans-serif;\n}\n\n.unit-btn:first-child {\n border-radius: 2px 0 0 2px;\n}\n\n.unit-btn:last-child {\n border-radius: 0 2px 2px 0;\n border-left: none;\n}\n\n.unit-btn.active {\n background: var(--warm-black);\n color: var(--cream);\n border-color: var(--warm-black);\n}\n\n.garment-label {\n text-align: center;\n margin-bottom: 16px;\n}\n\n.garment-label span {\n font-size: .6rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: var(--highlight);\n padding: 6px 16px;\n border-radius: 2px;\n}\n\n.table-wrapper {\n overflow-x: auto;\n}\n\ntable {\n width: 100%;\n border-collapse: collapse;\n font-size: .85rem;\n}\n\nthead th {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1rem;\n padding: 14px 12px;\n text-align: center;\n border-bottom: 2px solid var(--warm-black);\n}\n\nthead th:first-child {\n text-align: left;\n font-family: 'Montserrat', sans-serif;\n font-weight: 400;\n font-size: .65rem;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n vertical-align: bottom;\n}\n\ntbody td {\n padding: 12px;\n text-align: center;\n border-bottom: 1px solid var(--border);\n font-variant-numeric: tabular-nums;\n font-weight: 300;\n}\n\ntbody td:first-child {\n text-align: left;\n font-size: .75rem;\n color: var(--text-secondary);\n white-space: nowrap;\n}\n\ntbody tr:hover {\n background: var(--highlight);\n}\n\n.waist-range {\n font-size: .78rem;\n white-space: nowrap;\n}\n\n.between-sizes {\n margin-top: 20px;\n padding: 16px 20px;\n background: var(--highlight);\n border-left: 3px solid var(--muted-gold);\n border-radius: 0 2px 2px 0;\n}\n\n.between-sizes-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .9rem;\n margin-bottom: 6px;\n}\n\n.between-sizes p {\n font-size: .7rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n.fit-notes p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n max-width: 600px;\n}\n\n.fit-notes p + p {\n margin-top: 8px;\n}\n\n.model-note {\n margin-top: 14px;\n font-style: italic;\n font-size: .68rem !important;\n color: var(--muted-gold) !important;\n}\n\n.measure-guide {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 16px;\n margin-top: 20px;\n}\n\n.measure-item {\n padding: 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.measure-item h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n margin-bottom: 6px;\n}\n\n.measure-item p {\n font-size: .68rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n@media (max-width: 640px) {\n .description .lead { font-size: 1rem; }\n .tab-btn { padding: 12px 14px; font-size: .6rem; letter-spacing: .12em; }\n table { font-size: .78rem; }\n thead th { font-size: .88rem; padding: 10px 8px; }\n tbody td { padding: 10px 8px; }\n .size-finder-grid { grid-template-columns: repeat(4, 1fr); }\n}\n\n.style-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 24px;\n}\n\n.style-card {\n padding: 20px 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.style-card h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n letter-spacing: .14em;\n text-transform: uppercase;\n margin-bottom: 10px;\n}\n\n.style-card p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n}\n\n.one-size-card {\n text-align: center;\n padding: 32px 20px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n margin-bottom: 20px;\n}\n\n.one-size-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.6rem;\n margin-bottom: 8px;\n}\n\n.one-size-dims {\n font-size: .68rem;\n letter-spacing: .2em;\n color: var(--muted-gold);\n}\n\n.dims-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n}\n\n.size-note {\n font-size: .62rem;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-top: 10px;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"container\"\u003e\n\n \u003cdiv class=\"description\"\u003e\n \u003cp class=\"lead\"\u003eGreen is the colour of growth, renewal and life in bloom. Lush hues and flowing circular forms make Oasis feel like a refuge you can carry with you: a place to breathe, restore and reconnect with yourself.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tabs-container\"\u003e\n\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\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\u003eLush green circular 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 (35 x 35 inches) and XL (55 x 85 inches)\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"love-dot\"\u003e\u003c\/span\u003eWear it as a scarf, sarong, top 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)\"\u003eStyling Tip:\u003c\/span\u003e Choose Small for a neat knot, bandeau or bag accent. Choose XL for a full sarong, halter top or generous 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\u003eFold into a band and knot at the nape or crown, or drape loosely at the neck for a classic scarf 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\u003eSarong\u003c\/h4\u003e\n \u003cp\u003eKnot at the hip over swimwear. Small gives a compact accent, XL gives a full, flowing wrap.\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\u003eTop\u003c\/h4\u003e\n \u003cp\u003eTie Small above the bust for a mini bandeau, or wrap XL and tie behind the neck for a halter top.\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\u003eLoop through a handbag handle, tie at the neck, or use as a hair accent for an easy, elevated detail.\u003c\/p\u003e\n \u003cdiv class=\"size-note\"\u003eBest in Small\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eSmall\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e35″ × 35″\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"one-size-card\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eXL\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e55″ × 85″\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"table-wrapper\" style=\"margin-top:24px\"\u003e\n \u003ctable\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eMeasurement\u003c\/th\u003e\n \u003cth\u003eSmall\u003c\/th\u003e\n \u003cth\u003eXL\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eLength\u003c\/td\u003e\n \u003ctd\u003e35″ \/ 89 cm\u003c\/td\u003e\n \u003ctd\u003e85″ \/ 216 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eWidth\u003c\/td\u003e\n \u003ctd\u003e35″ \/ 89 cm\u003c\/td\u003e\n \u003ctd\u003e55″ \/ 140 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eFit\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\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 perfect for neck scarves, bandeau tops and bag accents. XL gives you full coverage for sarongs, halter tops and shoulder wraps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fit-notes\" style=\"margin-top:24px\"\u003e\n \u003cp\u003eThe Oasis Silk Scarf has no stretch, so its finished shape holds crisp and structured whether folded, knotted, wrapped or looped.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\"\u003e100% Polyester\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 35″ × 35″\u003cbr\u003eXL 55″ × 85″\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, Sarong, Top, Accessory\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction switchTab(tab) {\n document.querySelectorAll('.tab-btn').forEach(b =\u003e b.classList.remove('active'));\n document.querySelectorAll('.tab-panel').forEach(p =\u003e p.classList.remove('active'));\n event.target.classList.add('active');\n document.getElementById('tab-' + tab).classList.add('active');\n}\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"ÖFUURË","offers":[{"title":"Small","offer_id":50486241689791,"sku":"0500733623007","price":70.0,"currency_code":"USD","in_stock":false},{"title":"XL","offer_id":50486241722559,"sku":"050073362307","price":100.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1463\/5092\/files\/12_f0e17c56-491a-40e1-9668-1a6a551d6fac.png?v=1790345974"},{"product_id":"utopia-scarf","title":"UTOPIA Scarf","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eThe Utopia Silk Scarf\u003c\/title\u003e\n\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 {\n --cream: #FAF7F2;\n --warm-black: #5C3D2E;\n --muted-gold: #7A6C52;\n --text-secondary: #4A443D;\n --border: #E8E2D9;\n --highlight: #F0EBE3;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n background: var(--cream);\n color: var(--warm-black);\n font-family: 'Montserrat', sans-serif;\n font-weight: 300;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n padding: 40px 20px;\n -webkit-font-smoothing: antialiased;\n}\n\n.container {\n max-width: 820px;\n width: 100%;\n animation: fadeIn .6s ease-out;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.divider {\n width: 40px;\n height: 1px;\n background: var(--muted-gold);\n margin: 20px auto;\n}\n\n.description {\n max-width: 620px;\n margin: 0 auto 40px;\n text-align: center;\n}\n\n.description .lead {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 400;\n font-style: italic;\n font-size: 1.15rem;\n line-height: 1.7;\n margin-bottom: 12px;\n}\n\n.tabs-container {\n margin-top: 10px;\n}\n\n.tab-nav {\n display: flex;\n border-bottom: 2px solid var(--border);\n gap: 0;\n}\n\n.tab-btn {\n font-family: 'Montserrat', sans-serif;\n font-size: .68rem;\n font-weight: 400;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: transparent;\n border: none;\n padding: 14px 24px;\n cursor: pointer;\n position: relative;\n transition: color .3s ease;\n white-space: nowrap;\n}\n\n.tab-btn:hover {\n color: var(--warm-black);\n}\n\n.tab-btn.active {\n color: var(--warm-black);\n font-weight: 500;\n}\n\n.tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n right: 0;\n height: 2px;\n background: var(--warm-black);\n}\n\n.tab-panel {\n display: none;\n padding: 32px 0;\n animation: tabFade .3s ease-out;\n}\n\n.tab-panel.active {\n display: block;\n}\n\n@keyframes tabFade {\n from { opacity: 0; transform: translateY(6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.love-list {\n list-style: none;\n padding: 0;\n}\n\n.love-list li {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 10px 0;\n border-bottom: 1px solid var(--border);\n font-size: .78rem;\n color: var(--text-secondary);\n letter-spacing: .02em;\n}\n\n.love-list li:last-child {\n border-bottom: none;\n}\n\n.love-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: var(--muted-gold);\n flex-shrink: 0;\n}\n\n.details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 20px;\n margin-top: 8px;\n}\n\n.detail-card {\n text-align: center;\n padding: 16px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.detail-card .detail-label {\n font-size: .58rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 6px;\n}\n\n.detail-card .detail-value {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n}\n\n.stretch-dots {\n display: flex;\n gap: 5px;\n justify-content: center;\n margin-top: 3px;\n}\n\n.stretch-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n border: 1px solid var(--muted-gold);\n background: transparent;\n}\n\n.size-finder {\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n padding: 24px;\n margin-bottom: 24px;\n}\n\n.size-finder-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n margin-bottom: 6px;\n text-align: center;\n}\n\n.size-finder-subtitle {\n font-size: .62rem;\n color: var(--text-secondary);\n text-align: center;\n margin-bottom: 16px;\n}\n\n.size-finder-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));\n gap: 8px;\n}\n\n.size-finder-card {\n text-align: center;\n padding: 14px 8px;\n border: 1px solid var(--border);\n border-radius: 2px;\n transition: all .2s ease;\n cursor: default;\n}\n\n.size-finder-card:hover {\n border-color: var(--muted-gold);\n background: var(--highlight);\n}\n\n.size-finder-card .size-label {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.1rem;\n margin-bottom: 2px;\n}\n\n.size-finder-card .us-size {\n font-size: .58rem;\n letter-spacing: .15em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-bottom: 6px;\n}\n\n.size-finder-card .bust-range {\n font-size: .6rem;\n color: var(--text-secondary);\n line-height: 1.4;\n}\n\n.unit-toggle {\n display: flex;\n justify-content: center;\n gap: 0;\n margin-bottom: 24px;\n}\n\n.unit-btn {\n font-size: .65rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n padding: 10px 28px;\n border: 1px solid var(--border);\n background: transparent;\n color: var(--text-secondary);\n cursor: pointer;\n transition: all .3s ease;\n font-family: 'Montserrat', sans-serif;\n}\n\n.unit-btn:first-child {\n border-radius: 2px 0 0 2px;\n}\n\n.unit-btn:last-child {\n border-radius: 0 2px 2px 0;\n border-left: none;\n}\n\n.unit-btn.active {\n background: var(--warm-black);\n color: var(--cream);\n border-color: var(--warm-black);\n}\n\n.garment-label {\n text-align: center;\n margin-bottom: 16px;\n}\n\n.garment-label span {\n font-size: .6rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: var(--highlight);\n padding: 6px 16px;\n border-radius: 2px;\n}\n\n.table-wrapper {\n overflow-x: auto;\n}\n\ntable {\n width: 100%;\n border-collapse: collapse;\n font-size: .85rem;\n}\n\nthead th {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1rem;\n padding: 14px 12px;\n text-align: center;\n border-bottom: 2px solid var(--warm-black);\n}\n\nthead th:first-child {\n text-align: left;\n font-family: 'Montserrat', sans-serif;\n font-weight: 400;\n font-size: .65rem;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n vertical-align: bottom;\n}\n\ntbody td {\n padding: 12px;\n text-align: center;\n border-bottom: 1px solid var(--border);\n font-variant-numeric: tabular-nums;\n font-weight: 300;\n}\n\ntbody td:first-child {\n text-align: left;\n font-size: .75rem;\n color: var(--text-secondary);\n white-space: nowrap;\n}\n\ntbody tr:hover {\n background: var(--highlight);\n}\n\n.waist-range {\n font-size: .78rem;\n white-space: nowrap;\n}\n\n.between-sizes {\n margin-top: 20px;\n padding: 16px 20px;\n background: var(--highlight);\n border-left: 3px solid var(--muted-gold);\n border-radius: 0 2px 2px 0;\n}\n\n.between-sizes-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .9rem;\n margin-bottom: 6px;\n}\n\n.between-sizes p {\n font-size: .7rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n.fit-notes p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n max-width: 600px;\n}\n\n.fit-notes p + p {\n margin-top: 8px;\n}\n\n.model-note {\n margin-top: 14px;\n font-style: italic;\n font-size: .68rem !important;\n color: var(--muted-gold) !important;\n}\n\n.measure-guide {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 16px;\n margin-top: 20px;\n}\n\n.measure-item {\n padding: 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.measure-item h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n margin-bottom: 6px;\n}\n\n.measure-item p {\n font-size: .68rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n@media (max-width: 640px) {\n .description .lead { font-size: 1rem; }\n .tab-btn { padding: 12px 14px; font-size: .6rem; letter-spacing: .12em; }\n table { font-size: .78rem; }\n thead th { font-size: .88rem; padding: 10px 8px; }\n tbody td { padding: 10px 8px; }\n .size-finder-grid { grid-template-columns: repeat(4, 1fr); }\n}\n\n.style-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 24px;\n}\n\n.style-card {\n padding: 20px 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.style-card h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n letter-spacing: .14em;\n text-transform: uppercase;\n margin-bottom: 10px;\n}\n\n.style-card p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n}\n\n.one-size-card {\n text-align: center;\n padding: 32px 20px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n margin-bottom: 20px;\n}\n\n.one-size-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.6rem;\n margin-bottom: 8px;\n}\n\n.one-size-dims {\n font-size: .68rem;\n letter-spacing: .2em;\n color: var(--muted-gold);\n}\n\n.dims-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n}\n\n.size-note {\n font-size: .62rem;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-top: 10px;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"container\"\u003e\n\n \u003cdiv class=\"description\"\u003e\n \u003cp class=\"lead\"\u003eA world of possibility, wrapped around you. Utopia brings colour, texture and movement together in a joyful collision, with every brushstroke carrying its own energy. A vivid expression of freedom and imagination, made for living without limits.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tabs-container\"\u003e\n\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\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\u003eMulticolour 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 (35 x 35 inches) and XL (55 x 85 inches)\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"love-dot\"\u003e\u003c\/span\u003eWear it as a scarf, sarong, top 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)\"\u003eStyling Tip:\u003c\/span\u003e Choose Small for a neat knot, bandeau or bag accent. Choose XL for a full sarong, halter top or generous 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\u003eFold into a band and knot at the nape or crown, or drape loosely at the neck for a classic scarf 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\u003eSarong\u003c\/h4\u003e\n \u003cp\u003eKnot at the hip over swimwear. Small gives a compact accent, XL gives a full, flowing wrap.\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\u003eTop\u003c\/h4\u003e\n \u003cp\u003eTie Small above the bust for a mini bandeau, or wrap XL and tie behind the neck for a halter top.\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\u003eLoop through a handbag handle, tie at the neck, or use as a hair accent for an easy, elevated detail.\u003c\/p\u003e\n \u003cdiv class=\"size-note\"\u003eBest in Small\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eSmall\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e35″ × 35″\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"one-size-card\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eXL\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e55″ × 85″\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"table-wrapper\" style=\"margin-top:24px\"\u003e\n \u003ctable\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eMeasurement\u003c\/th\u003e\n \u003cth\u003eSmall\u003c\/th\u003e\n \u003cth\u003eXL\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eLength\u003c\/td\u003e\n \u003ctd\u003e35″ \/ 89 cm\u003c\/td\u003e\n \u003ctd\u003e85″ \/ 216 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eWidth\u003c\/td\u003e\n \u003ctd\u003e35″ \/ 89 cm\u003c\/td\u003e\n \u003ctd\u003e55″ \/ 140 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eFit\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\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 perfect for neck scarves, bandeau tops and bag accents. XL gives you full coverage for sarongs, halter tops and shoulder wraps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fit-notes\" style=\"margin-top:24px\"\u003e\n \u003cp\u003eThe Utopia Silk Scarf has no stretch, so its finished shape holds crisp and structured whether folded, knotted, wrapped or looped.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\"\u003e100% Polyester\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 35″ × 35″\u003cbr\u003eXL 55″ × 85″\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, Sarong, Top, Accessory\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction switchTab(tab) {\n document.querySelectorAll('.tab-btn').forEach(b =\u003e b.classList.remove('active'));\n document.querySelectorAll('.tab-panel').forEach(p =\u003e p.classList.remove('active'));\n event.target.classList.add('active');\n document.getElementById('tab-' + tab).classList.add('active');\n}\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"ÖFUURË","offers":[{"title":"Small","offer_id":50486241951935,"sku":"0500733723004","price":70.0,"currency_code":"USD","in_stock":false},{"title":"XL","offer_id":50486241984703,"sku":"050073372306","price":100.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1463\/5092\/files\/14_bff8067c-2fe5-4d3d-9be0-8c2510a41917.png?v=1790345981"},{"product_id":"utopia-twilly","title":"UTOPIA Twilly","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eThe Utopia Twilly\u003c\/title\u003e\n\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 {\n --cream: #FAF7F2;\n --warm-black: #5C3D2E;\n --muted-gold: #7A6C52;\n --text-secondary: #4A443D;\n --border: #E8E2D9;\n --highlight: #F0EBE3;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n background: var(--cream);\n color: var(--warm-black);\n font-family: 'Montserrat', sans-serif;\n font-weight: 300;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n padding: 40px 20px;\n -webkit-font-smoothing: antialiased;\n}\n\n.container {\n max-width: 820px;\n width: 100%;\n animation: fadeIn .6s ease-out;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.divider {\n width: 40px;\n height: 1px;\n background: var(--muted-gold);\n margin: 20px auto;\n}\n\n.description {\n max-width: 620px;\n margin: 0 auto 40px;\n text-align: center;\n}\n\n.description .lead {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 400;\n font-style: italic;\n font-size: 1.15rem;\n line-height: 1.7;\n margin-bottom: 12px;\n}\n\n.tabs-container {\n margin-top: 10px;\n}\n\n.tab-nav {\n display: flex;\n border-bottom: 2px solid var(--border);\n gap: 0;\n}\n\n.tab-btn {\n font-family: 'Montserrat', sans-serif;\n font-size: .68rem;\n font-weight: 400;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: transparent;\n border: none;\n padding: 14px 24px;\n cursor: pointer;\n position: relative;\n transition: color .3s ease;\n white-space: nowrap;\n}\n\n.tab-btn:hover {\n color: var(--warm-black);\n}\n\n.tab-btn.active {\n color: var(--warm-black);\n font-weight: 500;\n}\n\n.tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n right: 0;\n height: 2px;\n background: var(--warm-black);\n}\n\n.tab-panel {\n display: none;\n padding: 32px 0;\n animation: tabFade .3s ease-out;\n}\n\n.tab-panel.active {\n display: block;\n}\n\n@keyframes tabFade {\n from { opacity: 0; transform: translateY(6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.love-list {\n list-style: none;\n padding: 0;\n}\n\n.love-list li {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 10px 0;\n border-bottom: 1px solid var(--border);\n font-size: .78rem;\n color: var(--text-secondary);\n letter-spacing: .02em;\n}\n\n.love-list li:last-child {\n border-bottom: none;\n}\n\n.love-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: var(--muted-gold);\n flex-shrink: 0;\n}\n\n.details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 20px;\n margin-top: 8px;\n}\n\n.detail-card {\n text-align: center;\n padding: 16px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.detail-card .detail-label {\n font-size: .58rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 6px;\n}\n\n.detail-card .detail-value {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n}\n\n.stretch-dots {\n display: flex;\n gap: 5px;\n justify-content: center;\n margin-top: 3px;\n}\n\n.stretch-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n border: 1px solid var(--muted-gold);\n background: transparent;\n}\n\n.size-finder {\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n padding: 24px;\n margin-bottom: 24px;\n}\n\n.size-finder-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n margin-bottom: 6px;\n text-align: center;\n}\n\n.size-finder-subtitle {\n font-size: .62rem;\n color: var(--text-secondary);\n text-align: center;\n margin-bottom: 16px;\n}\n\n.size-finder-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));\n gap: 8px;\n}\n\n.size-finder-card {\n text-align: center;\n padding: 14px 8px;\n border: 1px solid var(--border);\n border-radius: 2px;\n transition: all .2s ease;\n cursor: default;\n}\n\n.size-finder-card:hover {\n border-color: var(--muted-gold);\n background: var(--highlight);\n}\n\n.size-finder-card .size-label {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.1rem;\n margin-bottom: 2px;\n}\n\n.size-finder-card .us-size {\n font-size: .58rem;\n letter-spacing: .15em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-bottom: 6px;\n}\n\n.size-finder-card .bust-range {\n font-size: .6rem;\n color: var(--text-secondary);\n line-height: 1.4;\n}\n\n.unit-toggle {\n display: flex;\n justify-content: center;\n gap: 0;\n margin-bottom: 24px;\n}\n\n.unit-btn {\n font-size: .65rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n padding: 10px 28px;\n border: 1px solid var(--border);\n background: transparent;\n color: var(--text-secondary);\n cursor: pointer;\n transition: all .3s ease;\n font-family: 'Montserrat', sans-serif;\n}\n\n.unit-btn:first-child {\n border-radius: 2px 0 0 2px;\n}\n\n.unit-btn:last-child {\n border-radius: 0 2px 2px 0;\n border-left: none;\n}\n\n.unit-btn.active {\n background: var(--warm-black);\n color: var(--cream);\n border-color: var(--warm-black);\n}\n\n.garment-label {\n text-align: center;\n margin-bottom: 16px;\n}\n\n.garment-label span {\n font-size: .6rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: var(--highlight);\n padding: 6px 16px;\n border-radius: 2px;\n}\n\n.table-wrapper {\n overflow-x: auto;\n}\n\ntable {\n width: 100%;\n border-collapse: collapse;\n font-size: .85rem;\n}\n\nthead th {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1rem;\n padding: 14px 12px;\n text-align: center;\n border-bottom: 2px solid var(--warm-black);\n}\n\nthead th:first-child {\n text-align: left;\n font-family: 'Montserrat', sans-serif;\n font-weight: 400;\n font-size: .65rem;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n vertical-align: bottom;\n}\n\ntbody td {\n padding: 12px;\n text-align: center;\n border-bottom: 1px solid var(--border);\n font-variant-numeric: tabular-nums;\n font-weight: 300;\n}\n\ntbody td:first-child {\n text-align: left;\n font-size: .75rem;\n color: var(--text-secondary);\n white-space: nowrap;\n}\n\ntbody tr:hover {\n background: var(--highlight);\n}\n\n.waist-range {\n font-size: .78rem;\n white-space: nowrap;\n}\n\n.between-sizes {\n margin-top: 20px;\n padding: 16px 20px;\n background: var(--highlight);\n border-left: 3px solid var(--muted-gold);\n border-radius: 0 2px 2px 0;\n}\n\n.between-sizes-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .9rem;\n margin-bottom: 6px;\n}\n\n.between-sizes p {\n font-size: .7rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n.fit-notes p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n max-width: 600px;\n}\n\n.fit-notes p + p {\n margin-top: 8px;\n}\n\n.model-note {\n margin-top: 14px;\n font-style: italic;\n font-size: .68rem !important;\n color: var(--muted-gold) !important;\n}\n\n.measure-guide {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 16px;\n margin-top: 20px;\n}\n\n.measure-item {\n padding: 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.measure-item h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n margin-bottom: 6px;\n}\n\n.measure-item p {\n font-size: .68rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n@media (max-width: 640px) {\n .description .lead { font-size: 1rem; }\n .tab-btn { padding: 12px 14px; font-size: .6rem; letter-spacing: .12em; }\n table { font-size: .78rem; }\n thead th { font-size: .88rem; padding: 10px 8px; }\n tbody td { padding: 10px 8px; }\n .size-finder-grid { grid-template-columns: repeat(4, 1fr); }\n}\n\n.style-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 24px;\n}\n\n.style-card {\n padding: 20px 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.style-card h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n letter-spacing: .14em;\n text-transform: uppercase;\n margin-bottom: 10px;\n}\n\n.style-card p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n}\n\n.one-size-card {\n text-align: center;\n padding: 32px 20px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n margin-bottom: 20px;\n}\n\n.one-size-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.6rem;\n margin-bottom: 8px;\n}\n\n.one-size-dims {\n font-size: .68rem;\n letter-spacing: .2em;\n color: var(--muted-gold);\n}\n\n.dims-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n}\n\n.size-note {\n font-size: .62rem;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-top: 10px;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"container\"\u003e\n\n \u003cdiv class=\"description\"\u003e\n \u003cp class=\"lead\"\u003eA world of possibility, wrapped around you. Utopia brings colour, texture and movement together in a joyful collision, with every brushstroke carrying its own energy. A vivid expression of freedom and imagination, made for living without limits.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tabs-container\"\u003e\n\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\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\u003eMulticolour 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)\"\u003eStyling 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\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\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eSmall\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e386 × 5 cm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"one-size-card\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eXL\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e120 × 10 cm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"table-wrapper\" style=\"margin-top:24px\"\u003e\n \u003ctable\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eMeasurement\u003c\/th\u003e\n \u003cth\u003eSmall\u003c\/th\u003e\n \u003cth\u003eXL\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eLength\u003c\/td\u003e\n \u003ctd\u003e386 cm\u003c\/td\u003e\n \u003ctd\u003e120 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eWidth\u003c\/td\u003e\n \u003ctd\u003e5 cm\u003c\/td\u003e\n \u003ctd\u003e10 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eFit\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\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 Utopia 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\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\"\u003eSilk\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\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction switchTab(tab) {\n document.querySelectorAll('.tab-btn').forEach(b =\u003e b.classList.remove('active'));\n document.querySelectorAll('.tab-panel').forEach(p =\u003e p.classList.remove('active'));\n event.target.classList.add('active');\n document.getElementById('tab-' + tab).classList.add('active');\n}\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"ÖFUURË","offers":[{"title":"Small","offer_id":50501194678463,"sku":"0500733823001","price":30.0,"currency_code":"USD","in_stock":false},{"title":"XL","offer_id":50501194711231,"sku":"050073382305","price":45.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1463\/5092\/files\/8_fba20e93-1401-40df-8b86-690551a99995.png?v=1790345239"},{"product_id":"oasis-twilly","title":"OASIS Twilly","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eThe Oasis Twilly\u003c\/title\u003e\n\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 {\n --cream: #FAF7F2;\n --warm-black: #5C3D2E;\n --muted-gold: #7A6C52;\n --text-secondary: #4A443D;\n --border: #E8E2D9;\n --highlight: #F0EBE3;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n background: var(--cream);\n color: var(--warm-black);\n font-family: 'Montserrat', sans-serif;\n font-weight: 300;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n padding: 40px 20px;\n -webkit-font-smoothing: antialiased;\n}\n\n.container {\n max-width: 820px;\n width: 100%;\n animation: fadeIn .6s ease-out;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.divider {\n width: 40px;\n height: 1px;\n background: var(--muted-gold);\n margin: 20px auto;\n}\n\n.description {\n max-width: 620px;\n margin: 0 auto 40px;\n text-align: center;\n}\n\n.description .lead {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 400;\n font-style: italic;\n font-size: 1.15rem;\n line-height: 1.7;\n margin-bottom: 12px;\n}\n\n.tabs-container {\n margin-top: 10px;\n}\n\n.tab-nav {\n display: flex;\n border-bottom: 2px solid var(--border);\n gap: 0;\n}\n\n.tab-btn {\n font-family: 'Montserrat', sans-serif;\n font-size: .68rem;\n font-weight: 400;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: transparent;\n border: none;\n padding: 14px 24px;\n cursor: pointer;\n position: relative;\n transition: color .3s ease;\n white-space: nowrap;\n}\n\n.tab-btn:hover {\n color: var(--warm-black);\n}\n\n.tab-btn.active {\n color: var(--warm-black);\n font-weight: 500;\n}\n\n.tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n right: 0;\n height: 2px;\n background: var(--warm-black);\n}\n\n.tab-panel {\n display: none;\n padding: 32px 0;\n animation: tabFade .3s ease-out;\n}\n\n.tab-panel.active {\n display: block;\n}\n\n@keyframes tabFade {\n from { opacity: 0; transform: translateY(6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.love-list {\n list-style: none;\n padding: 0;\n}\n\n.love-list li {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 10px 0;\n border-bottom: 1px solid var(--border);\n font-size: .78rem;\n color: var(--text-secondary);\n letter-spacing: .02em;\n}\n\n.love-list li:last-child {\n border-bottom: none;\n}\n\n.love-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: var(--muted-gold);\n flex-shrink: 0;\n}\n\n.details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 20px;\n margin-top: 8px;\n}\n\n.detail-card {\n text-align: center;\n padding: 16px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.detail-card .detail-label {\n font-size: .58rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 6px;\n}\n\n.detail-card .detail-value {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n}\n\n.stretch-dots {\n display: flex;\n gap: 5px;\n justify-content: center;\n margin-top: 3px;\n}\n\n.stretch-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n border: 1px solid var(--muted-gold);\n background: transparent;\n}\n\n.size-finder {\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n padding: 24px;\n margin-bottom: 24px;\n}\n\n.size-finder-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n margin-bottom: 6px;\n text-align: center;\n}\n\n.size-finder-subtitle {\n font-size: .62rem;\n color: var(--text-secondary);\n text-align: center;\n margin-bottom: 16px;\n}\n\n.size-finder-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));\n gap: 8px;\n}\n\n.size-finder-card {\n text-align: center;\n padding: 14px 8px;\n border: 1px solid var(--border);\n border-radius: 2px;\n transition: all .2s ease;\n cursor: default;\n}\n\n.size-finder-card:hover {\n border-color: var(--muted-gold);\n background: var(--highlight);\n}\n\n.size-finder-card .size-label {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.1rem;\n margin-bottom: 2px;\n}\n\n.size-finder-card .us-size {\n font-size: .58rem;\n letter-spacing: .15em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-bottom: 6px;\n}\n\n.size-finder-card .bust-range {\n font-size: .6rem;\n color: var(--text-secondary);\n line-height: 1.4;\n}\n\n.unit-toggle {\n display: flex;\n justify-content: center;\n gap: 0;\n margin-bottom: 24px;\n}\n\n.unit-btn {\n font-size: .65rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n padding: 10px 28px;\n border: 1px solid var(--border);\n background: transparent;\n color: var(--text-secondary);\n cursor: pointer;\n transition: all .3s ease;\n font-family: 'Montserrat', sans-serif;\n}\n\n.unit-btn:first-child {\n border-radius: 2px 0 0 2px;\n}\n\n.unit-btn:last-child {\n border-radius: 0 2px 2px 0;\n border-left: none;\n}\n\n.unit-btn.active {\n background: var(--warm-black);\n color: var(--cream);\n border-color: var(--warm-black);\n}\n\n.garment-label {\n text-align: center;\n margin-bottom: 16px;\n}\n\n.garment-label span {\n font-size: .6rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: var(--highlight);\n padding: 6px 16px;\n border-radius: 2px;\n}\n\n.table-wrapper {\n overflow-x: auto;\n}\n\ntable {\n width: 100%;\n border-collapse: collapse;\n font-size: .85rem;\n}\n\nthead th {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1rem;\n padding: 14px 12px;\n text-align: center;\n border-bottom: 2px solid var(--warm-black);\n}\n\nthead th:first-child {\n text-align: left;\n font-family: 'Montserrat', sans-serif;\n font-weight: 400;\n font-size: .65rem;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n vertical-align: bottom;\n}\n\ntbody td {\n padding: 12px;\n text-align: center;\n border-bottom: 1px solid var(--border);\n font-variant-numeric: tabular-nums;\n font-weight: 300;\n}\n\ntbody td:first-child {\n text-align: left;\n font-size: .75rem;\n color: var(--text-secondary);\n white-space: nowrap;\n}\n\ntbody tr:hover {\n background: var(--highlight);\n}\n\n.waist-range {\n font-size: .78rem;\n white-space: nowrap;\n}\n\n.between-sizes {\n margin-top: 20px;\n padding: 16px 20px;\n background: var(--highlight);\n border-left: 3px solid var(--muted-gold);\n border-radius: 0 2px 2px 0;\n}\n\n.between-sizes-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .9rem;\n margin-bottom: 6px;\n}\n\n.between-sizes p {\n font-size: .7rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n.fit-notes p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n max-width: 600px;\n}\n\n.fit-notes p + p {\n margin-top: 8px;\n}\n\n.model-note {\n margin-top: 14px;\n font-style: italic;\n font-size: .68rem !important;\n color: var(--muted-gold) !important;\n}\n\n.measure-guide {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 16px;\n margin-top: 20px;\n}\n\n.measure-item {\n padding: 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.measure-item h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n margin-bottom: 6px;\n}\n\n.measure-item p {\n font-size: .68rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n@media (max-width: 640px) {\n .description .lead { font-size: 1rem; }\n .tab-btn { padding: 12px 14px; font-size: .6rem; letter-spacing: .12em; }\n table { font-size: .78rem; }\n thead th { font-size: .88rem; padding: 10px 8px; }\n tbody td { padding: 10px 8px; }\n .size-finder-grid { grid-template-columns: repeat(4, 1fr); }\n}\n\n.style-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 24px;\n}\n\n.style-card {\n padding: 20px 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.style-card h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n letter-spacing: .14em;\n text-transform: uppercase;\n margin-bottom: 10px;\n}\n\n.style-card p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n}\n\n.one-size-card {\n text-align: center;\n padding: 32px 20px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n margin-bottom: 20px;\n}\n\n.one-size-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.6rem;\n margin-bottom: 8px;\n}\n\n.one-size-dims {\n font-size: .68rem;\n letter-spacing: .2em;\n color: var(--muted-gold);\n}\n\n.dims-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n}\n\n.size-note {\n font-size: .62rem;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-top: 10px;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"container\"\u003e\n\n \u003cdiv class=\"description\"\u003e\n \u003cp class=\"lead\"\u003eGreen is the colour of growth, renewal and life in bloom. Lush hues and flowing circular forms make Oasis feel like a refuge you can carry with you: a place to breathe, restore and reconnect with yourself.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tabs-container\"\u003e\n\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\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\u003eLush green circular 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)\"\u003eStyling 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\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\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eSmall\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e386 × 5 cm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"one-size-card\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eXL\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e120 × 10 cm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"table-wrapper\" style=\"margin-top:24px\"\u003e\n \u003ctable\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eMeasurement\u003c\/th\u003e\n \u003cth\u003eSmall\u003c\/th\u003e\n \u003cth\u003eXL\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eLength\u003c\/td\u003e\n \u003ctd\u003e386 cm\u003c\/td\u003e\n \u003ctd\u003e120 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eWidth\u003c\/td\u003e\n \u003ctd\u003e5 cm\u003c\/td\u003e\n \u003ctd\u003e10 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eFit\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\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 Oasis 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\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\"\u003eSilk\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\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction switchTab(tab) {\n document.querySelectorAll('.tab-btn').forEach(b =\u003e b.classList.remove('active'));\n document.querySelectorAll('.tab-panel').forEach(p =\u003e p.classList.remove('active'));\n event.target.classList.add('active');\n document.getElementById('tab-' + tab).classList.add('active');\n}\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"ÖFUURË","offers":[{"title":"Small","offer_id":50501194809535,"sku":"0500733923008","price":30.0,"currency_code":"USD","in_stock":false},{"title":"XL","offer_id":50501194842303,"sku":"050073392304","price":45.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1463\/5092\/files\/4_4135a850-0396-4263-9c12-c6e4ee93dd4a.png?v=1790345320"},{"product_id":"sundance-twilly","title":"SUNDANCE Twilly","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eThe Sundance Twilly\u003c\/title\u003e\n\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 {\n --cream: #FAF7F2;\n --warm-black: #5C3D2E;\n --muted-gold: #7A6C52;\n --text-secondary: #4A443D;\n --border: #E8E2D9;\n --highlight: #F0EBE3;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n background: var(--cream);\n color: var(--warm-black);\n font-family: 'Montserrat', sans-serif;\n font-weight: 300;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n padding: 40px 20px;\n -webkit-font-smoothing: antialiased;\n}\n\n.container {\n max-width: 820px;\n width: 100%;\n animation: fadeIn .6s ease-out;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.divider {\n width: 40px;\n height: 1px;\n background: var(--muted-gold);\n margin: 20px auto;\n}\n\n.description {\n max-width: 620px;\n margin: 0 auto 40px;\n text-align: center;\n}\n\n.description .lead {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 400;\n font-style: italic;\n font-size: 1.15rem;\n line-height: 1.7;\n margin-bottom: 12px;\n}\n\n.tabs-container {\n margin-top: 10px;\n}\n\n.tab-nav {\n display: flex;\n border-bottom: 2px solid var(--border);\n gap: 0;\n}\n\n.tab-btn {\n font-family: 'Montserrat', sans-serif;\n font-size: .68rem;\n font-weight: 400;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: transparent;\n border: none;\n padding: 14px 24px;\n cursor: pointer;\n position: relative;\n transition: color .3s ease;\n white-space: nowrap;\n}\n\n.tab-btn:hover {\n color: var(--warm-black);\n}\n\n.tab-btn.active {\n color: var(--warm-black);\n font-weight: 500;\n}\n\n.tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n right: 0;\n height: 2px;\n background: var(--warm-black);\n}\n\n.tab-panel {\n display: none;\n padding: 32px 0;\n animation: tabFade .3s ease-out;\n}\n\n.tab-panel.active {\n display: block;\n}\n\n@keyframes tabFade {\n from { opacity: 0; transform: translateY(6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.love-list {\n list-style: none;\n padding: 0;\n}\n\n.love-list li {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 10px 0;\n border-bottom: 1px solid var(--border);\n font-size: .78rem;\n color: var(--text-secondary);\n letter-spacing: .02em;\n}\n\n.love-list li:last-child {\n border-bottom: none;\n}\n\n.love-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: var(--muted-gold);\n flex-shrink: 0;\n}\n\n.details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 20px;\n margin-top: 8px;\n}\n\n.detail-card {\n text-align: center;\n padding: 16px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.detail-card .detail-label {\n font-size: .58rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 6px;\n}\n\n.detail-card .detail-value {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n}\n\n.stretch-dots {\n display: flex;\n gap: 5px;\n justify-content: center;\n margin-top: 3px;\n}\n\n.stretch-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n border: 1px solid var(--muted-gold);\n background: transparent;\n}\n\n.size-finder {\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n padding: 24px;\n margin-bottom: 24px;\n}\n\n.size-finder-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n margin-bottom: 6px;\n text-align: center;\n}\n\n.size-finder-subtitle {\n font-size: .62rem;\n color: var(--text-secondary);\n text-align: center;\n margin-bottom: 16px;\n}\n\n.size-finder-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));\n gap: 8px;\n}\n\n.size-finder-card {\n text-align: center;\n padding: 14px 8px;\n border: 1px solid var(--border);\n border-radius: 2px;\n transition: all .2s ease;\n cursor: default;\n}\n\n.size-finder-card:hover {\n border-color: var(--muted-gold);\n background: var(--highlight);\n}\n\n.size-finder-card .size-label {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.1rem;\n margin-bottom: 2px;\n}\n\n.size-finder-card .us-size {\n font-size: .58rem;\n letter-spacing: .15em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-bottom: 6px;\n}\n\n.size-finder-card .bust-range {\n font-size: .6rem;\n color: var(--text-secondary);\n line-height: 1.4;\n}\n\n.unit-toggle {\n display: flex;\n justify-content: center;\n gap: 0;\n margin-bottom: 24px;\n}\n\n.unit-btn {\n font-size: .65rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n padding: 10px 28px;\n border: 1px solid var(--border);\n background: transparent;\n color: var(--text-secondary);\n cursor: pointer;\n transition: all .3s ease;\n font-family: 'Montserrat', sans-serif;\n}\n\n.unit-btn:first-child {\n border-radius: 2px 0 0 2px;\n}\n\n.unit-btn:last-child {\n border-radius: 0 2px 2px 0;\n border-left: none;\n}\n\n.unit-btn.active {\n background: var(--warm-black);\n color: var(--cream);\n border-color: var(--warm-black);\n}\n\n.garment-label {\n text-align: center;\n margin-bottom: 16px;\n}\n\n.garment-label span {\n font-size: .6rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: var(--highlight);\n padding: 6px 16px;\n border-radius: 2px;\n}\n\n.table-wrapper {\n overflow-x: auto;\n}\n\ntable {\n width: 100%;\n border-collapse: collapse;\n font-size: .85rem;\n}\n\nthead th {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1rem;\n padding: 14px 12px;\n text-align: center;\n border-bottom: 2px solid var(--warm-black);\n}\n\nthead th:first-child {\n text-align: left;\n font-family: 'Montserrat', sans-serif;\n font-weight: 400;\n font-size: .65rem;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n vertical-align: bottom;\n}\n\ntbody td {\n padding: 12px;\n text-align: center;\n border-bottom: 1px solid var(--border);\n font-variant-numeric: tabular-nums;\n font-weight: 300;\n}\n\ntbody td:first-child {\n text-align: left;\n font-size: .75rem;\n color: var(--text-secondary);\n white-space: nowrap;\n}\n\ntbody tr:hover {\n background: var(--highlight);\n}\n\n.waist-range {\n font-size: .78rem;\n white-space: nowrap;\n}\n\n.between-sizes {\n margin-top: 20px;\n padding: 16px 20px;\n background: var(--highlight);\n border-left: 3px solid var(--muted-gold);\n border-radius: 0 2px 2px 0;\n}\n\n.between-sizes-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .9rem;\n margin-bottom: 6px;\n}\n\n.between-sizes p {\n font-size: .7rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n.fit-notes p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n max-width: 600px;\n}\n\n.fit-notes p + p {\n margin-top: 8px;\n}\n\n.model-note {\n margin-top: 14px;\n font-style: italic;\n font-size: .68rem !important;\n color: var(--muted-gold) !important;\n}\n\n.measure-guide {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 16px;\n margin-top: 20px;\n}\n\n.measure-item {\n padding: 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.measure-item h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n margin-bottom: 6px;\n}\n\n.measure-item p {\n font-size: .68rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n@media (max-width: 640px) {\n .description .lead { font-size: 1rem; }\n .tab-btn { padding: 12px 14px; font-size: .6rem; letter-spacing: .12em; }\n table { font-size: .78rem; }\n thead th { font-size: .88rem; padding: 10px 8px; }\n tbody td { padding: 10px 8px; }\n .size-finder-grid { grid-template-columns: repeat(4, 1fr); }\n}\n\n.style-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 24px;\n}\n\n.style-card {\n padding: 20px 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.style-card h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n letter-spacing: .14em;\n text-transform: uppercase;\n margin-bottom: 10px;\n}\n\n.style-card p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n}\n\n.one-size-card {\n text-align: center;\n padding: 32px 20px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n margin-bottom: 20px;\n}\n\n.one-size-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.6rem;\n margin-bottom: 8px;\n}\n\n.one-size-dims {\n font-size: .68rem;\n letter-spacing: .2em;\n color: var(--muted-gold);\n}\n\n.dims-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n}\n\n.size-note {\n font-size: .62rem;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-top: 10px;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"container\"\u003e\n\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\n \u003cdiv class=\"tabs-container\"\u003e\n\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\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)\"\u003eStyling 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\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\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eSmall\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e386 × 5 cm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"one-size-card\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eXL\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e120 × 10 cm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"table-wrapper\" style=\"margin-top:24px\"\u003e\n \u003ctable\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eMeasurement\u003c\/th\u003e\n \u003cth\u003eSmall\u003c\/th\u003e\n \u003cth\u003eXL\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eLength\u003c\/td\u003e\n \u003ctd\u003e386 cm\u003c\/td\u003e\n \u003ctd\u003e120 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eWidth\u003c\/td\u003e\n \u003ctd\u003e5 cm\u003c\/td\u003e\n \u003ctd\u003e10 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eFit\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\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\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\"\u003eSilk\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\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction switchTab(tab) {\n document.querySelectorAll('.tab-btn').forEach(b =\u003e b.classList.remove('active'));\n document.querySelectorAll('.tab-panel').forEach(p =\u003e p.classList.remove('active'));\n event.target.classList.add('active');\n document.getElementById('tab-' + tab).classList.add('active');\n}\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"ÖFUURË","offers":[{"title":"Small","offer_id":50501195268287,"sku":"0500734023004","price":30.0,"currency_code":"USD","in_stock":false},{"title":"XL","offer_id":50501195301055,"sku":"050073402300","price":45.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1463\/5092\/files\/10_10ffe934-8f9f-47b4-8b05-c496757b81e8.png?v=1790345366"},{"product_id":"indigo-intuition-twilly","title":"INDIGO INTUITION Twilly","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eThe Indigo Intuition Twilly\u003c\/title\u003e\n\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 {\n --cream: #FAF7F2;\n --warm-black: #5C3D2E;\n --muted-gold: #7A6C52;\n --text-secondary: #4A443D;\n --border: #E8E2D9;\n --highlight: #F0EBE3;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n background: var(--cream);\n color: var(--warm-black);\n font-family: 'Montserrat', sans-serif;\n font-weight: 300;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n padding: 40px 20px;\n -webkit-font-smoothing: antialiased;\n}\n\n.container {\n max-width: 820px;\n width: 100%;\n animation: fadeIn .6s ease-out;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.divider {\n width: 40px;\n height: 1px;\n background: var(--muted-gold);\n margin: 20px auto;\n}\n\n.description {\n max-width: 620px;\n margin: 0 auto 40px;\n text-align: center;\n}\n\n.description .lead {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 400;\n font-style: italic;\n font-size: 1.15rem;\n line-height: 1.7;\n margin-bottom: 12px;\n}\n\n.tabs-container {\n margin-top: 10px;\n}\n\n.tab-nav {\n display: flex;\n border-bottom: 2px solid var(--border);\n gap: 0;\n}\n\n.tab-btn {\n font-family: 'Montserrat', sans-serif;\n font-size: .68rem;\n font-weight: 400;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: transparent;\n border: none;\n padding: 14px 24px;\n cursor: pointer;\n position: relative;\n transition: color .3s ease;\n white-space: nowrap;\n}\n\n.tab-btn:hover {\n color: var(--warm-black);\n}\n\n.tab-btn.active {\n color: var(--warm-black);\n font-weight: 500;\n}\n\n.tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n right: 0;\n height: 2px;\n background: var(--warm-black);\n}\n\n.tab-panel {\n display: none;\n padding: 32px 0;\n animation: tabFade .3s ease-out;\n}\n\n.tab-panel.active {\n display: block;\n}\n\n@keyframes tabFade {\n from { opacity: 0; transform: translateY(6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.love-list {\n list-style: none;\n padding: 0;\n}\n\n.love-list li {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 10px 0;\n border-bottom: 1px solid var(--border);\n font-size: .78rem;\n color: var(--text-secondary);\n letter-spacing: .02em;\n}\n\n.love-list li:last-child {\n border-bottom: none;\n}\n\n.love-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: var(--muted-gold);\n flex-shrink: 0;\n}\n\n.details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 20px;\n margin-top: 8px;\n}\n\n.detail-card {\n text-align: center;\n padding: 16px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.detail-card .detail-label {\n font-size: .58rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 6px;\n}\n\n.detail-card .detail-value {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n}\n\n.stretch-dots {\n display: flex;\n gap: 5px;\n justify-content: center;\n margin-top: 3px;\n}\n\n.stretch-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n border: 1px solid var(--muted-gold);\n background: transparent;\n}\n\n.size-finder {\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n padding: 24px;\n margin-bottom: 24px;\n}\n\n.size-finder-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n margin-bottom: 6px;\n text-align: center;\n}\n\n.size-finder-subtitle {\n font-size: .62rem;\n color: var(--text-secondary);\n text-align: center;\n margin-bottom: 16px;\n}\n\n.size-finder-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));\n gap: 8px;\n}\n\n.size-finder-card {\n text-align: center;\n padding: 14px 8px;\n border: 1px solid var(--border);\n border-radius: 2px;\n transition: all .2s ease;\n cursor: default;\n}\n\n.size-finder-card:hover {\n border-color: var(--muted-gold);\n background: var(--highlight);\n}\n\n.size-finder-card .size-label {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.1rem;\n margin-bottom: 2px;\n}\n\n.size-finder-card .us-size {\n font-size: .58rem;\n letter-spacing: .15em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-bottom: 6px;\n}\n\n.size-finder-card .bust-range {\n font-size: .6rem;\n color: var(--text-secondary);\n line-height: 1.4;\n}\n\n.unit-toggle {\n display: flex;\n justify-content: center;\n gap: 0;\n margin-bottom: 24px;\n}\n\n.unit-btn {\n font-size: .65rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n padding: 10px 28px;\n border: 1px solid var(--border);\n background: transparent;\n color: var(--text-secondary);\n cursor: pointer;\n transition: all .3s ease;\n font-family: 'Montserrat', sans-serif;\n}\n\n.unit-btn:first-child {\n border-radius: 2px 0 0 2px;\n}\n\n.unit-btn:last-child {\n border-radius: 0 2px 2px 0;\n border-left: none;\n}\n\n.unit-btn.active {\n background: var(--warm-black);\n color: var(--cream);\n border-color: var(--warm-black);\n}\n\n.garment-label {\n text-align: center;\n margin-bottom: 16px;\n}\n\n.garment-label span {\n font-size: .6rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: var(--highlight);\n padding: 6px 16px;\n border-radius: 2px;\n}\n\n.table-wrapper {\n overflow-x: auto;\n}\n\ntable {\n width: 100%;\n border-collapse: collapse;\n font-size: .85rem;\n}\n\nthead th {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1rem;\n padding: 14px 12px;\n text-align: center;\n border-bottom: 2px solid var(--warm-black);\n}\n\nthead th:first-child {\n text-align: left;\n font-family: 'Montserrat', sans-serif;\n font-weight: 400;\n font-size: .65rem;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n vertical-align: bottom;\n}\n\ntbody td {\n padding: 12px;\n text-align: center;\n border-bottom: 1px solid var(--border);\n font-variant-numeric: tabular-nums;\n font-weight: 300;\n}\n\ntbody td:first-child {\n text-align: left;\n font-size: .75rem;\n color: var(--text-secondary);\n white-space: nowrap;\n}\n\ntbody tr:hover {\n background: var(--highlight);\n}\n\n.waist-range {\n font-size: .78rem;\n white-space: nowrap;\n}\n\n.between-sizes {\n margin-top: 20px;\n padding: 16px 20px;\n background: var(--highlight);\n border-left: 3px solid var(--muted-gold);\n border-radius: 0 2px 2px 0;\n}\n\n.between-sizes-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .9rem;\n margin-bottom: 6px;\n}\n\n.between-sizes p {\n font-size: .7rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n.fit-notes p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n max-width: 600px;\n}\n\n.fit-notes p + p {\n margin-top: 8px;\n}\n\n.model-note {\n margin-top: 14px;\n font-style: italic;\n font-size: .68rem !important;\n color: var(--muted-gold) !important;\n}\n\n.measure-guide {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 16px;\n margin-top: 20px;\n}\n\n.measure-item {\n padding: 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.measure-item h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n margin-bottom: 6px;\n}\n\n.measure-item p {\n font-size: .68rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n@media (max-width: 640px) {\n .description .lead { font-size: 1rem; }\n .tab-btn { padding: 12px 14px; font-size: .6rem; letter-spacing: .12em; }\n table { font-size: .78rem; }\n thead th { font-size: .88rem; padding: 10px 8px; }\n tbody td { padding: 10px 8px; }\n .size-finder-grid { grid-template-columns: repeat(4, 1fr); }\n}\n\n.style-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 24px;\n}\n\n.style-card {\n padding: 20px 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.style-card h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n letter-spacing: .14em;\n text-transform: uppercase;\n margin-bottom: 10px;\n}\n\n.style-card p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n}\n\n.one-size-card {\n text-align: center;\n padding: 32px 20px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n margin-bottom: 20px;\n}\n\n.one-size-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.6rem;\n margin-bottom: 8px;\n}\n\n.one-size-dims {\n font-size: .68rem;\n letter-spacing: .2em;\n color: var(--muted-gold);\n}\n\n.dims-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n}\n\n.size-note {\n font-size: .62rem;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-top: 10px;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"container\"\u003e\n\n \u003cdiv class=\"description\"\u003e\n \u003cp class=\"lead\"\u003eIndigo is the colour of wisdom, inner vision and trusting what you know deep within. Layered circular brushstrokes draw the eye inward, giving this piece a sense of depth and movement. A reminder to listen to yourself, however you choose to wear it.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tabs-container\"\u003e\n\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\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\u003eLayered indigo circular 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)\"\u003eStyling 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\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\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eSmall\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e386 × 5 cm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"one-size-card\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eXL\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e120 × 10 cm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"table-wrapper\" style=\"margin-top:24px\"\u003e\n \u003ctable\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eMeasurement\u003c\/th\u003e\n \u003cth\u003eSmall\u003c\/th\u003e\n \u003cth\u003eXL\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eLength\u003c\/td\u003e\n \u003ctd\u003e386 cm\u003c\/td\u003e\n \u003ctd\u003e120 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eWidth\u003c\/td\u003e\n \u003ctd\u003e5 cm\u003c\/td\u003e\n \u003ctd\u003e10 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eFit\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\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 Indigo Intuition 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\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\"\u003eSilk\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\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction switchTab(tab) {\n document.querySelectorAll('.tab-btn').forEach(b =\u003e b.classList.remove('active'));\n document.querySelectorAll('.tab-panel').forEach(p =\u003e p.classList.remove('active'));\n event.target.classList.add('active');\n document.getElementById('tab-' + tab).classList.add('active');\n}\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"ÖFUURË","offers":[{"title":"Small","offer_id":50501197103295,"sku":"0500734123001","price":30.0,"currency_code":"USD","in_stock":false},{"title":"XL","offer_id":50501197136063,"sku":"050073412309","price":45.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1463\/5092\/files\/2_bd6607e7-a0f9-45a4-9141-c8ec798c8821.png?v=1790345397"},{"product_id":"arise-shine-twilly","title":"ARISE \u0026 SHINE Twilly","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eThe Arise \u0026amp; Shine Twilly\u003c\/title\u003e\n\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 {\n --cream: #FAF7F2;\n --warm-black: #5C3D2E;\n --muted-gold: #7A6C52;\n --text-secondary: #4A443D;\n --border: #E8E2D9;\n --highlight: #F0EBE3;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n background: var(--cream);\n color: var(--warm-black);\n font-family: 'Montserrat', sans-serif;\n font-weight: 300;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n padding: 40px 20px;\n -webkit-font-smoothing: antialiased;\n}\n\n.container {\n max-width: 820px;\n width: 100%;\n animation: fadeIn .6s ease-out;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.divider {\n width: 40px;\n height: 1px;\n background: var(--muted-gold);\n margin: 20px auto;\n}\n\n.description {\n max-width: 620px;\n margin: 0 auto 40px;\n text-align: center;\n}\n\n.description .lead {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 400;\n font-style: italic;\n font-size: 1.15rem;\n line-height: 1.7;\n margin-bottom: 12px;\n}\n\n.tabs-container {\n margin-top: 10px;\n}\n\n.tab-nav {\n display: flex;\n border-bottom: 2px solid var(--border);\n gap: 0;\n}\n\n.tab-btn {\n font-family: 'Montserrat', sans-serif;\n font-size: .68rem;\n font-weight: 400;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: transparent;\n border: none;\n padding: 14px 24px;\n cursor: pointer;\n position: relative;\n transition: color .3s ease;\n white-space: nowrap;\n}\n\n.tab-btn:hover {\n color: var(--warm-black);\n}\n\n.tab-btn.active {\n color: var(--warm-black);\n font-weight: 500;\n}\n\n.tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n right: 0;\n height: 2px;\n background: var(--warm-black);\n}\n\n.tab-panel {\n display: none;\n padding: 32px 0;\n animation: tabFade .3s ease-out;\n}\n\n.tab-panel.active {\n display: block;\n}\n\n@keyframes tabFade {\n from { opacity: 0; transform: translateY(6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.love-list {\n list-style: none;\n padding: 0;\n}\n\n.love-list li {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 10px 0;\n border-bottom: 1px solid var(--border);\n font-size: .78rem;\n color: var(--text-secondary);\n letter-spacing: .02em;\n}\n\n.love-list li:last-child {\n border-bottom: none;\n}\n\n.love-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: var(--muted-gold);\n flex-shrink: 0;\n}\n\n.details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 20px;\n margin-top: 8px;\n}\n\n.detail-card {\n text-align: center;\n padding: 16px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.detail-card .detail-label {\n font-size: .58rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 6px;\n}\n\n.detail-card .detail-value {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n}\n\n.stretch-dots {\n display: flex;\n gap: 5px;\n justify-content: center;\n margin-top: 3px;\n}\n\n.stretch-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n border: 1px solid var(--muted-gold);\n background: transparent;\n}\n\n.size-finder {\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n padding: 24px;\n margin-bottom: 24px;\n}\n\n.size-finder-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n margin-bottom: 6px;\n text-align: center;\n}\n\n.size-finder-subtitle {\n font-size: .62rem;\n color: var(--text-secondary);\n text-align: center;\n margin-bottom: 16px;\n}\n\n.size-finder-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));\n gap: 8px;\n}\n\n.size-finder-card {\n text-align: center;\n padding: 14px 8px;\n border: 1px solid var(--border);\n border-radius: 2px;\n transition: all .2s ease;\n cursor: default;\n}\n\n.size-finder-card:hover {\n border-color: var(--muted-gold);\n background: var(--highlight);\n}\n\n.size-finder-card .size-label {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.1rem;\n margin-bottom: 2px;\n}\n\n.size-finder-card .us-size {\n font-size: .58rem;\n letter-spacing: .15em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-bottom: 6px;\n}\n\n.size-finder-card .bust-range {\n font-size: .6rem;\n color: var(--text-secondary);\n line-height: 1.4;\n}\n\n.unit-toggle {\n display: flex;\n justify-content: center;\n gap: 0;\n margin-bottom: 24px;\n}\n\n.unit-btn {\n font-size: .65rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n padding: 10px 28px;\n border: 1px solid var(--border);\n background: transparent;\n color: var(--text-secondary);\n cursor: pointer;\n transition: all .3s ease;\n font-family: 'Montserrat', sans-serif;\n}\n\n.unit-btn:first-child {\n border-radius: 2px 0 0 2px;\n}\n\n.unit-btn:last-child {\n border-radius: 0 2px 2px 0;\n border-left: none;\n}\n\n.unit-btn.active {\n background: var(--warm-black);\n color: var(--cream);\n border-color: var(--warm-black);\n}\n\n.garment-label {\n text-align: center;\n margin-bottom: 16px;\n}\n\n.garment-label span {\n font-size: .6rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n color: var(--text-secondary);\n background: var(--highlight);\n padding: 6px 16px;\n border-radius: 2px;\n}\n\n.table-wrapper {\n overflow-x: auto;\n}\n\ntable {\n width: 100%;\n border-collapse: collapse;\n font-size: .85rem;\n}\n\nthead th {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1rem;\n padding: 14px 12px;\n text-align: center;\n border-bottom: 2px solid var(--warm-black);\n}\n\nthead th:first-child {\n text-align: left;\n font-family: 'Montserrat', sans-serif;\n font-weight: 400;\n font-size: .65rem;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-secondary);\n vertical-align: bottom;\n}\n\ntbody td {\n padding: 12px;\n text-align: center;\n border-bottom: 1px solid var(--border);\n font-variant-numeric: tabular-nums;\n font-weight: 300;\n}\n\ntbody td:first-child {\n text-align: left;\n font-size: .75rem;\n color: var(--text-secondary);\n white-space: nowrap;\n}\n\ntbody tr:hover {\n background: var(--highlight);\n}\n\n.waist-range {\n font-size: .78rem;\n white-space: nowrap;\n}\n\n.between-sizes {\n margin-top: 20px;\n padding: 16px 20px;\n background: var(--highlight);\n border-left: 3px solid var(--muted-gold);\n border-radius: 0 2px 2px 0;\n}\n\n.between-sizes-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .9rem;\n margin-bottom: 6px;\n}\n\n.between-sizes p {\n font-size: .7rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n.fit-notes p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n max-width: 600px;\n}\n\n.fit-notes p + p {\n margin-top: 8px;\n}\n\n.model-note {\n margin-top: 14px;\n font-style: italic;\n font-size: .68rem !important;\n color: var(--muted-gold) !important;\n}\n\n.measure-guide {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 16px;\n margin-top: 20px;\n}\n\n.measure-item {\n padding: 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.measure-item h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: .95rem;\n margin-bottom: 6px;\n}\n\n.measure-item p {\n font-size: .68rem;\n line-height: 1.7;\n color: var(--text-secondary);\n}\n\n@media (max-width: 640px) {\n .description .lead { font-size: 1rem; }\n .tab-btn { padding: 12px 14px; font-size: .6rem; letter-spacing: .12em; }\n table { font-size: .78rem; }\n thead th { font-size: .88rem; padding: 10px 8px; }\n tbody td { padding: 10px 8px; }\n .size-finder-grid { grid-template-columns: repeat(4, 1fr); }\n}\n\n.style-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 24px;\n}\n\n.style-card {\n padding: 20px 18px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n}\n\n.style-card h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 500;\n font-size: 1.05rem;\n letter-spacing: .14em;\n text-transform: uppercase;\n margin-bottom: 10px;\n}\n\n.style-card p {\n font-size: .72rem;\n line-height: 1.8;\n color: var(--text-secondary);\n}\n\n.one-size-card {\n text-align: center;\n padding: 32px 20px;\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 2px;\n margin-bottom: 20px;\n}\n\n.one-size-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: 1.6rem;\n margin-bottom: 8px;\n}\n\n.one-size-dims {\n font-size: .68rem;\n letter-spacing: .2em;\n color: var(--muted-gold);\n}\n\n.dims-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n}\n\n.size-note {\n font-size: .62rem;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--muted-gold);\n margin-top: 10px;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"container\"\u003e\n\n \u003cdiv class=\"description\"\u003e\n \u003cp class=\"lead\"\u003eA celebration of awakening, worn. Expressive brushstrokes in vibrant pinks rise through flashes of gold, capturing the beauty of beginning again. Tie it at the neck, in your hair or on your bag, and step fully into your light.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tabs-container\"\u003e\n\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\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\u003eVibrant pink and gold 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)\"\u003eStyling 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\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\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eSmall\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e386 × 5 cm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"one-size-card\" style=\"margin-bottom:0\"\u003e\n \u003cdiv class=\"one-size-title\"\u003eXL\u003c\/div\u003e\n \u003cdiv class=\"one-size-dims\"\u003e120 × 10 cm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"table-wrapper\" style=\"margin-top:24px\"\u003e\n \u003ctable\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eMeasurement\u003c\/th\u003e\n \u003cth\u003eSmall\u003c\/th\u003e\n \u003cth\u003eXL\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eLength\u003c\/td\u003e\n \u003ctd\u003e386 cm\u003c\/td\u003e\n \u003ctd\u003e120 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eWidth\u003c\/td\u003e\n \u003ctd\u003e5 cm\u003c\/td\u003e\n \u003ctd\u003e10 cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eFit\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003ctd\u003eOne Size\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\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 Arise \u0026amp; Shine 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\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\"\u003eSilk\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\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction switchTab(tab) {\n document.querySelectorAll('.tab-btn').forEach(b =\u003e b.classList.remove('active'));\n document.querySelectorAll('.tab-panel').forEach(p =\u003e p.classList.remove('active'));\n event.target.classList.add('active');\n document.getElementById('tab-' + tab).classList.add('active');\n}\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"ÖFUURË","offers":[{"title":"Small","offer_id":50501197398207,"sku":"0500734223008","price":30.0,"currency_code":"USD","in_stock":false},{"title":"XL","offer_id":50501197430975,"sku":"050073422308","price":45.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1463\/5092\/files\/6_7bb21c5b-1c21-4796-8e27-f3c64af3edf0.png?v=1790345577"}],"url":"https:\/\/www.ofuure.com\/collections\/ofuure-x-dunnie-o-wearable-art-collection.oembed","provider":"OFUURE","version":"1.0","type":"link"}