{"title":"pair it with","description":"","products":[{"product_id":"slim-tailored-crop-pant-sb106","title":"Hibiscus iCotton Tapered Pants","description":"\u003cp\u003eColor: Oatmilk\u003c\/p\u003e\n\u003cstyle\u003e\n  .section-colors {\n  \tmargin: 10px 0px;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    grid-gap: 15px;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n    .section-colors \u003e div \u003e a \u003e .active{\n    outline: 1px solid #fff;\n    outline-offset: -4px;\n}\n  .section-colors \u003e div \u003e a \u003e img {\n    border-radius: 999px;\n    width: 32px;\n  }\n  @media screen and (max-width: 750px) {\n    .section-colors {\n      align-items: center;\n    }\n  }\n.section-colors a {\n  text-decoration: none;\n  position: unset;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"section-colors\"\u003e\n\u003cdiv\u003e\u003ca href=\"https:\/\/www.alonge.in\/products\/slim-tailored-crop-pant-sb106\"\u003e \u003cimg class=\"active\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0583\/1799\/6130\/files\/OATMILK.png?v=1712134740\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ALONGE","offers":[{"title":"Oatmilk \/ XS","offer_id":40849909973090,"sku":"FTSB106OAM0XS001","price":2999.0,"currency_code":"INR","in_stock":true},{"title":"Oatmilk \/ S","offer_id":40849910005858,"sku":"FTSB106OAM00S002","price":2999.0,"currency_code":"INR","in_stock":true},{"title":"Oatmilk \/ M","offer_id":40849910038626,"sku":"FTSB106OAM00M003","price":2999.0,"currency_code":"INR","in_stock":true},{"title":"Oatmilk \/ L","offer_id":40849910071394,"sku":"FTSB106OAM00L004","price":2999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0583\/1799\/6130\/files\/4_5025e5cb-20e6-4a5d-913d-85c64fc296ee.jpg?v=1770719276"},{"product_id":"relaxed-tapered-pants-oatmilk","title":"iCotton Relaxed Tapered Pants","description":"\u003cp\u003eColor: Oatmilk\u003c\/p\u003e\n\u003cstyle\u003e\n  .section-colors {\n    margin: 10px 0px;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    grid-gap: 15px;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n\n  .section-colors \u003e div \u003e a \u003e img {\n    border-radius: 999px;\n    width: 32px;\n    border: 1px solid black; \/* Adjusted to a thin black border *\/\n    box-sizing: border-box; \/* Ensure border size is included in the total width *\/\n  }\n\n  .section-colors a {\n    text-decoration: none;\n    position: unset;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"section-colors\"\u003e\n\u003cdiv\u003e\u003ca href=\"https:\/\/www.alonge.in\/products\/relaxed-tapered-pants-oatmilk\"\u003e \u003cimg class=\"active\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0583\/1799\/6130\/files\/OATMILK.png?v=1712134740\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003ca href=\"https:\/\/www.alonge.in\/products\/relaxed-tapered-pants-white\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0583\/1799\/6130\/files\/EVERLASTING_WHITE.png?v=1712134712\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ALONGE","offers":[{"title":"Oatmilk \/ XS","offer_id":40912874995810,"sku":"FTSB103OAM0XS008","price":2999.0,"currency_code":"INR","in_stock":true},{"title":"Oatmilk \/ S","offer_id":40912875028578,"sku":"FTSB103OAM00S009","price":2999.0,"currency_code":"INR","in_stock":true},{"title":"Oatmilk \/ M","offer_id":40912875061346,"sku":"FTSB103OAM00M010","price":2999.0,"currency_code":"INR","in_stock":true},{"title":"Oatmilk \/ L","offer_id":40912875094114,"sku":"FTSB103OAM00L011","price":2999.0,"currency_code":"INR","in_stock":true},{"title":"Oatmilk \/ XL","offer_id":40912875126882,"sku":"FTSB103OAM0XL012","price":2999.0,"currency_code":"INR","in_stock":false},{"title":"Oatmilk \/ Tall Medium","offer_id":40930672640098,"sku":"FTSB103OAM0TM013","price":2999.0,"currency_code":"INR","in_stock":true},{"title":"Oatmilk \/ Tall Large","offer_id":40930672672866,"sku":"FTSB103OAM0TL014","price":2999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0583\/1799\/6130\/files\/ALONGE_21March24-8978SPart.jpg?v=1713274009"},{"product_id":"houndstooth-tapered-pants-black","title":"iCotton Houndstooth Tapered Pants","description":"\u003cp\u003eColor: Carbon Black\u003c\/p\u003e\n\u003cstyle\u003e\n  .section-colors {\n    margin: 10px 0px;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    grid-gap: 15px;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n\n  .section-colors \u003e div \u003e a \u003e img {\n    border-radius: 999px;\n    width: 32px;\n    border: 1px solid black; \/* Adjusted to a thin black border *\/\n    box-sizing: border-box; \/* Ensure border size is included in the total width *\/\n  }\n\n  .section-colors a {\n    text-decoration: none;\n    position: unset;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"section-colors\"\u003e\n\u003cdiv\u003e\u003ca href=\"https:\/\/www.alonge.in\/products\/houndstooth-tapered-pants-black\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0583\/1799\/6130\/files\/CARBON_BLACK.png?v=1712134691\" class=\"active\"\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ALONGE","offers":[{"title":"Carbon Black \/ XS","offer_id":40921035604066,"sku":"FTB107ACAB0XS001","price":2999.0,"currency_code":"INR","in_stock":true},{"title":"Carbon Black \/ S","offer_id":40921035636834,"sku":"FTB107ACAB00S002","price":2999.0,"currency_code":"INR","in_stock":true},{"title":"Carbon Black \/ M","offer_id":40921035669602,"sku":"FTB107ACAB00M003","price":2999.0,"currency_code":"INR","in_stock":true},{"title":"Carbon Black \/ L","offer_id":40921035702370,"sku":"FTB107ACAB00L004","price":2999.0,"currency_code":"INR","in_stock":true},{"title":"Carbon Black \/ XL","offer_id":40930674704482,"sku":"FTB107ACAB0XL005","price":2999.0,"currency_code":"INR","in_stock":true},{"title":"Carbon Black \/ Tall Medium","offer_id":40930674737250,"sku":"FTB107ACAB0TM006","price":2999.0,"currency_code":"INR","in_stock":true},{"title":"Carbon Black \/ Tall Large","offer_id":40930674770018,"sku":"FTB107ACAB0TL007","price":2999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0583\/1799\/6130\/files\/27_4381993c-692d-4c2b-8c20-229937e56178.jpg?v=1770726966"},{"product_id":"houndstooth-tapered-pants-oatmilk","title":"iCotton Houndstooth Tapered Pants","description":"\u003cp\u003eColor: Oatmilk\u003c\/p\u003e\n\u003cstyle\u003e\n  .section-colors {\n    margin: 10px 0px;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    grid-gap: 15px;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n  .section-colors \u003e div \u003e a \u003e .active {\n    outline: 1px solid #fff;\n    outline-offset: -4px;\n  }\n  .section-colors \u003e div \u003e a \u003e img {\n    border-radius: 999px;\n    width: 32px;\n  }\n  @media screen and (max-width: 750px) {\n    .section-colors {\n      align-items: center;\n    }\n  }\n  .section-colors a {\n    text-decoration: none;\n    position: unset;\n  }\n\n  \/* Banner styles *\/\n  #size-rec-banner {\n    display: none;\n    margin-top: 10px;\n    padding: 10px 14px;\n    background: #fdf6ef;\n    border: 1px solid #e0cfc0;\n    border-radius: 12px;\n    font-size: 13px;\n    color: #5a3e2b;\n  }\n  #size-rec-swatches {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 8px;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"section-colors\"\u003e\n  \u003cdiv\u003e\u003ca href=\"https:\/\/www.alonge.in\/products\/houndstooth-tapered-pants-oatmilk\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0583\/1799\/6130\/files\/OATMILK.png?v=1712134740\" class=\"active\"\u003e\n  \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv id=\"size-rec-banner\"\u003e\n  \u003cdiv style=\"font-size:10px; letter-spacing:.15em; text-transform:uppercase; color:#a0522d; font-weight:600; margin-bottom:6px;\"\u003e✦ Try this size in another color \u0026amp;\n    \u003cbr\u003e Get 10% OFF | Use Code: SPL10\u003c\/div\u003e\n  \u003cp id=\"size-rec-text\" style=\"margin: 0 0 4px 0;\"\u003e\u003c\/p\u003e\n  \u003cdiv id=\"size-rec-swatches\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/\/ ─── EDIT THIS SECTION FOR EACH PRODUCT ───────────────────\nconst THIS_COLOR = \"Oatmilk\";\nconst OTHER_COLORS = [\n  {\n    name: \"Carbon Black\",\n    url: \"https:\/\/www.alonge.in\/products\/houndstooth-tapered-pants-black\",\n    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0583\/1799\/6130\/files\/CARBON_BLACK.png?v=1712134691\",\n    sizes: [\"L\"]\n  }\n];\nconst SOLD_OUT_SIZES = [\"L\"];\n\/\/ ──────────────────────────────────────────────────────────\n\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.addEventListener('click', function (e) {\n    const btn = e.target.closest('.radio__label, .radio__input, input[name=\"options[Size]\"]');\n    if (!btn) return;\n    const size = btn.value || btn.textContent.trim();\n    if (!SOLD_OUT_SIZES.includes(size)) {\n      hideBanner(); return;\n    }\n    const alts = OTHER_COLORS.filter(c =\u003e c.sizes.includes(size));\n    if (alts.length \u003e 0) showBanner(size, alts);\n  });\n\n  function showBanner(size, alts) {\n    document.getElementById('size-rec-text').innerHTML =\n      `Size \u003cstrong\u003e${size}\u003c\/strong\u003e is sold out in \u003cstrong\u003e${THIS_COLOR}\u003c\/strong\u003e. Available in:`;\n    document.getElementById('size-rec-swatches').innerHTML = alts.map(c =\u003e `\n      \u003cdiv onclick=\"window.location.href='${c.url}'\"\n           style=\"display:flex; align-items:center; gap:7px;\n           border:1px solid #e0cfc0; border-radius:20px; padding:4px 12px 4px 6px;\n           background:#fff; cursor:pointer;\"\u003e\n        ${c.img ? `\u003cimg src=\"${c.img}\" style=\"width:20px; height:20px; border-radius:50%; object-fit:cover; display:block;\"\u003e` : ''}\n        \u003cspan style=\"font-size:12px; color:#5a3e2b; font-weight:500;\"\u003e${c.name}\u003c\/span\u003e\n      \u003c\/div\u003e\n    `).join('');\n    document.getElementById('size-rec-banner').style.display = 'block';\n  }\n\n  function hideBanner() {\n    document.getElementById('size-rec-banner').style.display = 'none';\n  }\n});\n\u003c\/script\u003e","brand":"ALONGE","offers":[{"title":"Oatmilk \/ XS","offer_id":40921037635682,"sku":"FTB107BOAM0XS001","price":2999.0,"currency_code":"INR","in_stock":true},{"title":"Oatmilk \/ S","offer_id":40921037668450,"sku":"FTB107BOAM00S002","price":2999.0,"currency_code":"INR","in_stock":true},{"title":"Oatmilk \/ M","offer_id":40921037701218,"sku":"FTB107BOAM00M003","price":2999.0,"currency_code":"INR","in_stock":true},{"title":"Oatmilk \/ L","offer_id":40921037733986,"sku":"FTB107BOAM00L004","price":2999.0,"currency_code":"INR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0583\/1799\/6130\/files\/09.jpg?v=1777894878"}],"url":"https:\/\/www.alonge.in\/collections\/pair-it-with.oembed","provider":"ALONGE","version":"1.0","type":"link"}