{"product_id":"mocha-trousers","title":"Mocha Trousers","description":"\u003cstyle\u003e\n  .product-tabs * { box-sizing: border-box; margin: 0; padding: 0; }\n\n  .product-tabs {\n    font-family: 'Georgia', serif;\n    color: #2c2c2a;\n    padding: 2rem 0;\n    max-width: 760px;\n  }\n\n  .product-tabs .tab-nav {\n    display: flex;\n    gap: 3rem;\n    border-bottom: 1px solid #d3d1c7;\n    margin-bottom: 2rem;\n  }\n\n  .product-tabs .tab-btn {\n    background: none;\n    border: none;\n    padding: 0 0 1rem;\n    font-size: 15px;\n    letter-spacing: 0.06em;\n    color: #888780;\n    cursor: pointer;\n    border-bottom: 1.5px solid transparent;\n    margin-bottom: -1px;\n    font-family: 'Georgia', serif;\n    transition: color 0.2s, border-color 0.2s;\n  }\n\n  .product-tabs .tab-btn.active {\n    color: #2c2c2a;\n    border-bottom: 1.5px solid #2c2c2a;\n  }\n\n  .product-tabs .tab-panel { display: none; }\n  .product-tabs .tab-panel.active { display: block; }\n\n  .product-tabs .desc-intro {\n    font-size: 15px;\n    line-height: 1.9;\n    color: #2c2c2a;\n    margin-bottom: 1.75rem;\n  }\n\n  .product-tabs .desc-intro strong {\n    font-weight: bold;\n    letter-spacing: 0.04em;\n  }\n\n  .product-tabs .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 2rem;\n  }\n\n  .product-tabs .feature-list li {\n    padding: 0.45rem 0 0.45rem 1.2rem;\n    position: relative;\n    font-size: 14px;\n    line-height: 1.75;\n    color: #2c2c2a;\n  }\n\n  .product-tabs .feature-list li::before {\n    content: '•';\n    position: absolute;\n    left: 0;\n    color: #888780;\n  }\n\n  .product-tabs .composition {\n    margin-top: 2rem;\n    padding-top: 1.5rem;\n    border-top: 1px solid #d3d1c7;\n  }\n\n  .product-tabs .composition-label {\n    font-size: 12px;\n    letter-spacing: 0.1em;\n    color: #888780;\n    text-transform: uppercase;\n    margin-bottom: 0.3rem;\n  }\n\n  .product-tabs .composition-value {\n    font-size: 14px;\n    color: #2c2c2a;\n    font-weight: bold;\n    letter-spacing: 0.05em;\n  }\n\n  .product-tabs .care-intro-title {\n    font-size: 12px;\n    letter-spacing: 0.1em;\n    color: #888780;\n    text-transform: uppercase;\n    margin-bottom: 0.5rem;\n  }\n\n  .product-tabs .care-intro-text {\n    font-size: 14px;\n    line-height: 1.75;\n    color: #2c2c2a;\n    margin-bottom: 2rem;\n  }\n\n  .product-tabs .legends-title {\n    font-size: 11px;\n    letter-spacing: 0.12em;\n    color: #888780;\n    text-transform: uppercase;\n    margin-bottom: 1.25rem;\n  }\n\n  .product-tabs .care-item {\n    display: flex;\n    align-items: center;\n    gap: 1.25rem;\n    padding: 1rem 0;\n    border-bottom: 1px solid #d3d1c7;\n  }\n\n  .product-tabs .care-item:first-of-type {\n    border-top: 1px solid #d3d1c7;\n  }\n\n  .product-tabs .care-icon {\n    width: 40px;\n    height: 40px;\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .product-tabs .care-icon svg {\n    width: 32px;\n    height: 32px;\n    stroke: #2c2c2a;\n    fill: none;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .product-tabs .care-label {\n    font-size: 14px;\n    color: #2c2c2a;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-tabs\"\u003e\n\n  \u003cdiv class=\"tab-nav\"\u003e\n    \u003cbutton class=\"tab-btn active\" onclick=\"productTabSwitch('desc', this)\"\u003eDescription\u003c\/button\u003e\n    \u003cbutton class=\"tab-btn\" onclick=\"productTabSwitch('care', this)\"\u003eCare Guide\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- DESCRIPTION --\u003e\n  \u003cdiv id=\"tab-desc\" class=\"tab-panel active\"\u003e\n    \u003cp class=\"desc-intro\"\u003e\n      The \u003cstrong\u003eMOCHA TROUSERS\u003c\/strong\u003e are the trouser that anchors every look without\n      overshadowing it. Cut from a warm taupe-brown linen with a natural texture, the\n      high-waisted wide-leg silhouette creates a long, sweeping line that is at once relaxed\n      and refined. The deep earthy tone makes them one of the most versatile pieces in any\n      wardrobe — they work with white, cream, black, gold, and every bold accent in between.\n      Effortless to wear. Impossible to replace.\n    \u003c\/p\u003e\n\n    \u003cul class=\"feature-list\"\u003e\n      \u003cli\u003eWarm taupe-brown linen with a natural texture — breathable, lightweight, and richly toned.\u003c\/li\u003e\n      \u003cli\u003eHigh-waisted cut with a clean front and a smooth, fitted waistband.\u003c\/li\u003e\n      \u003cli\u003eWide-leg silhouette with a generous floor-length hem that flows with every step.\u003c\/li\u003e\n      \u003cli\u003eSide pockets — functional and discreetly integrated into the clean lines.\u003c\/li\u003e\n      \u003cli\u003eDeep mocha tone — a warm neutral that pairs with virtually anything.\u003c\/li\u003e\n    \u003c\/ul\u003e\n\n    \u003cdiv class=\"composition\"\u003e\n      \u003cp class=\"composition-label\"\u003eComposition\u003c\/p\u003e\n      \u003cp class=\"composition-value\"\u003e100% LINEN\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- CARE GUIDE --\u003e\n  \u003cdiv id=\"tab-care\" class=\"tab-panel\"\u003e\n    \u003cp class=\"care-intro-title\"\u003eCare Guide\u003c\/p\u003e\n    \u003cp class=\"care-intro-text\"\u003e\n      To prevent stains, deformation, or any damage to your look,\n      please read and follow our care instructions carefully.\n    \u003c\/p\u003e\n\n    \u003cp class=\"legends-title\"\u003eSymbols\u003c\/p\u003e\n\n    \u003cdiv class=\"care-item\"\u003e\n      \u003cdiv class=\"care-icon\"\u003e\n        \u003csvg viewbox=\"0 0 32 32\"\u003e\u003cpath d=\"M4 10 Q16 4 28 10 L26 26 H6 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 15 Q16 13 20 15\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"care-label\"\u003eHand wash only\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"care-item\"\u003e\n      \u003cdiv class=\"care-icon\"\u003e\n        \u003csvg viewbox=\"0 0 32 32\"\u003e\u003crect x=\"4\" y=\"8\" width=\"24\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"4\" y1=\"8\" x2=\"28\" y2=\"26\"\u003e\u003c\/line\u003e\u003cline x1=\"28\" y1=\"8\" x2=\"4\" y2=\"26\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"care-label\"\u003eDo not bleach\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"care-item\"\u003e\n      \u003cdiv class=\"care-icon\"\u003e\n        \u003csvg viewbox=\"0 0 32 32\"\u003e\u003ccircle cx=\"16\" cy=\"17\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"8\" y1=\"9\" x2=\"24\" y2=\"25\"\u003e\u003c\/line\u003e\u003cline x1=\"24\" y1=\"9\" x2=\"8\" y2=\"25\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"care-label\"\u003eDo not tumble dry\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"care-item\"\u003e\n      \u003cdiv class=\"care-icon\"\u003e\n        \u003csvg viewbox=\"0 0 32 32\"\u003e\u003cpath d=\"M6 20 Q10 14 16 20 Q22 26 26 20\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 16 L10 22\"\u003e\u003c\/path\u003e\u003cpath d=\"M22 16 L22 22\"\u003e\u003c\/path\u003e\u003cline x1=\"4\" y1=\"10\" x2=\"28\" y2=\"26\"\u003e\u003c\/line\u003e\u003cline x1=\"28\" y1=\"10\" x2=\"4\" y2=\"26\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"care-label\"\u003eDo not iron\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"care-item\"\u003e\n      \u003cdiv class=\"care-icon\"\u003e\n        \u003csvg viewbox=\"0 0 32 32\"\u003e\u003ccircle cx=\"16\" cy=\"16\" r=\"11\"\u003e\u003c\/circle\u003e\u003ctext x=\"16\" y=\"21\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"bold\" stroke=\"none\" fill=\"#2c2c2a\" font-family=\"Georgia,serif\"\u003eP\u003c\/text\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"care-label\"\u003eDry clean with perchloroethylene\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  function productTabSwitch(id, btn) {\n    document.querySelectorAll('.product-tabs .tab-panel').forEach(function(p) {\n      p.classList.remove('active');\n    });\n    document.querySelectorAll('.product-tabs .tab-btn').forEach(function(b) {\n      b.classList.remove('active');\n    });\n    document.getElementById('tab-' + id).classList.add('active');\n    btn.classList.add('active');\n  }\n\u003c\/script\u003e","brand":"Helena Voss","offers":[{"title":"XS","offer_id":44740473946247,"sku":null,"price":54.9,"currency_code":"USD","in_stock":true},{"title":"S","offer_id":44740473979015,"sku":null,"price":54.9,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":44740474011783,"sku":null,"price":54.9,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":44740474044551,"sku":null,"price":54.9,"currency_code":"USD","in_stock":true},{"title":"XL","offer_id":44740474077319,"sku":null,"price":54.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0735\/6373\/4151\/files\/unnamed_e784cb0f-b6da-45ab-936a-0f992b433ebf.webp?v=1779746389","url":"https:\/\/helenavoss.com\/products\/mocha-trousers","provider":"Helena Voss","version":"1.0","type":"link"}