{"product_id":"light-denim-mika-necktie","title":"Light Denim MIKA Necktie","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\u003eMIKA Necktie - Light Denim\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\n    body {\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 0.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: 0.68rem;\n      font-weight: 400;\n      letter-spacing: 0.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 0.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 0.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: 0.78rem;\n      color: var(--text-secondary);\n      letter-spacing: 0.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: 0.58rem;\n      letter-spacing: 0.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: 0.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    @media (max-width: 640px) {\n      .description .lead {\n        font-size: 1rem;\n      }\n\n      .tab-btn {\n        padding: 12px 14px;\n        font-size: 0.6rem;\n        letter-spacing: 0.12em;\n      }\n    }\n  \u003c\/style\u003e\n\n\n  \u003cdiv class=\"container\"\u003e\n\n    \u003cdiv class=\"description\"\u003e\n      \u003cp class=\"lead\"\u003eA tailored necktie cut from the same signature denim as the SARA Button Up Shirt, finished with a subtle diagonal weave for texture. Worn at the collar, MIKA brings a sharp, intentional finish to any button-up look.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tabs-container\"\u003e\n      \u003cnav class=\"tab-nav\"\u003e\n        \u003cbutton class=\"tab-btn active\" onclick=\"switchTab('details')\"\u003eDetails\u003c\/button\u003e\n        \u003cbutton class=\"tab-btn\" onclick=\"switchTab('care')\"\u003eFabric \u0026amp; Care\u003c\/button\u003e\n      \u003c\/nav\u003e\n\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\u003eDiagonal woven texture for dimension\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"love-dot\"\u003e\u003c\/span\u003ePairs seamlessly with the SARA Button Up Shirt\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"love-dot\"\u003e\u003c\/span\u003eRelaxed, versatile knot styling\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)\"\u003eOne Size:\u003c\/span\u003e One size fits all. Approx. 30.7″ long.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\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\"\u003e90% Cotton · 10% Viscose\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"detail-card\"\u003e\n            \u003cdiv class=\"detail-label\"\u003eWeight\u003c\/div\u003e\n            \u003cdiv class=\"detail-value\"\u003eMidweight · Opaque\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\"\u003eDry Clean to Preserve\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        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    function 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":"omonigho","offers":[{"title":"Default Title","offer_id":45845974843583,"sku":"055765916","price":65.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1463\/5092\/files\/ofuurejul3124001.jpg?v=1786401021","url":"https:\/\/www.ofuure.com\/products\/light-denim-mika-necktie","provider":"OFUURE","version":"1.0","type":"link"}