{"title":"Legacy Fit","description":"\u003cp\u003eLEGACY FIT COLLECTION\u003c\/p\u003e\n\u003cp\u003eLegacy Fit is built for the ones who move with confidence without needing attention. Inspired by modern streetwear culture, clean silhouettes, and bold individuality, this collection blends luxury aesthetics with everyday comfort.\u003c\/p\u003e\n\u003cp\u003eEvery piece represents discipline, ambition, and silent power — because real style doesn’t shout, it speaks through presence. From oversized fits to statement visuals, Legacy Fit is designed for people creating their own legacy, one step at a time.\u003c\/p\u003e\n\u003cp\u003eFashion is temporary. Legacy is forever.\u003c\/p\u003e","products":[{"product_id":"only-you","title":"Only You Personalized Oversized T-Shirt","description":"\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 40px auto; max-width: 480px; width: 90%; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background: #ffffff; padding: 32px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); border: 1px solid #f0f0f0; box-sizing: border-box;\"\u003e\n\u003ch3 style=\"margin: 0 0 24px 0; font-size: 20px; font-weight: 600; color: #1a1a1a; letter-spacing: -0.5px; text-align: center;\"\u003eCustomize Your Order\u003c\/h3\u003e\n\u003cdiv style=\"margin-bottom: 28px; width: 100%;\"\u003e\n\u003clabel style=\"display: block; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #71717a; margin-bottom: 10px; text-align: center;\"\u003e 1. Selected Design Style \u003c\/label\u003e\n\u003cdiv style=\"padding: 16px; border: 1px solid #e4e4e7; background: #f8f8f8; border-radius: 8px; margin: 0; color: #18181b; text-align: center; font-weight: 500; font-size: 16px; letter-spacing: 0.3px;\"\u003eOnly You\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-bottom: 24px; width: 100%;\"\u003e\n\u003clabel style=\"display: block; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #71717a; margin-bottom: 10px; text-align: center;\"\u003e 2. Upload Your Photo \u003c\/label\u003e \u003cbutton style=\"width: 100%; padding: 16px; cursor: pointer; text-align: center; background: #18181b; color: #ffffff; border: none; border-radius: 8px; font-size: 15px; font-weight: 500; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(24, 24, 27, 0.15); box-sizing: border-box;\" id=\"unique_upload_widget\" type=\"button\"\u003e Choose Image \u003c\/button\u003e\n\u003cdiv style=\"margin-top: 14px; padding: 12px; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 6px; color: #166534; font-weight: 500; font-size: 14px; display: none; text-align: center; align-items: center; justify-content: center; gap: 6px;\" id=\"upload-status\"\u003e\n\u003csvg style=\"display: inline-block; vertical-align: middle; margin-right: 4px;\" fill=\"currentColor\" viewbox=\"0 0 20 20\" height=\"16\" width=\"16\"\u003e\n        \u003cpath clip-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e Image uploaded successfully!\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 100%; margin-bottom: 32px; transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\" id=\"checkout-btn-container\"\u003e\n\u003cbutton style=\"width: 100%; padding: 18px; cursor: pointer; text-align: center; background-color: #a1a1aa; color: #fff; border: none; border-radius: 8px; font-weight: bold; font-size: 16px; text-transform: uppercase; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.1); letter-spacing: 0.5px;\" id=\"custom-checkout-btn\" type=\"button\"\u003e Buy It Now \u003c\/button\u003e\n\u003cp style=\"color: #dc3545; font-weight: 500; font-size: 14px; margin-top: 10px; display: none; text-align: center; margin-bottom: 0;\" id=\"custom-error-msg\"\u003e⚠️ Please upload your photo before buying!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 100%; border-top: 1px solid #f0f0f0; padding-top: 28px; text-align: left; box-sizing: border-box;\"\u003e\n\u003ch4 style=\"margin: 0 0 8px 0; font-size: 16px; font-weight: 600; color: #1a1a1a;\"\u003eCustom Photo T Shirt\u003c\/h4\u003e\n\u003cp style=\"margin: 0 0 24px 0; font-size: 14px; line-height: 1.5; color: #4b5563;\"\u003eUpload your photo and we will create a custom design for your t shirt.\u003c\/p\u003e\n\u003ch4 style=\"margin: 0 0 16px 0; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #1a1a1a; border-bottom: 1px solid #f4f4f5; padding-bottom: 6px;\"\u003eHow It Works\u003c\/h4\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; gap: 14px; margin-bottom: 28px;\"\u003e\n\u003cdiv style=\"display: flex; gap: 12px; align-items: flex-start;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: bold; background: #f4f4f5; color: #18181b; padding: 4px 8px; border-radius: 4px; white-space: nowrap;\"\u003eStep 1\u003c\/span\u003e\n\u003cp style=\"margin: 0; font-size: 13px; color: #3f3f46; font-weight: 500; padding-top: 2px;\"\u003eUpload your photo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 12px; align-items: flex-start;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: bold; background: #f4f4f5; color: #18181b; padding: 4px 8px; border-radius: 4px; white-space: nowrap;\"\u003eStep 2\u003c\/span\u003e\n\u003cp style=\"margin: 0; font-size: 13px; color: #3f3f46; font-weight: 500; padding-top: 2px;\"\u003eChoose your size and style\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 12px; align-items: flex-start;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: bold; background: #f4f4f5; color: #18181b; padding: 4px 8px; border-radius: 4px; white-space: nowrap;\"\u003eStep 3\u003c\/span\u003e\n\u003cp style=\"margin: 0; font-size: 13px; color: #3f3f46; font-weight: 500; padding-top: 2px;\"\u003ePlace your order\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 12px; align-items: flex-start;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: bold; background: #e0f2fe; color: #0369a1; padding: 4px 8px; border-radius: 4px; white-space: nowrap;\"\u003eStep 4\u003c\/span\u003e\n\u003cp style=\"margin: 0; font-size: 13px; color: #3f3f46; font-weight: 500; padding-top: 2px;\"\u003eOur team creates your design\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 12px; align-items: flex-start;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: bold; background: #e0f2fe; color: #0369a1; padding: 4px 8px; border-radius: 4px; white-space: nowrap;\"\u003eStep 5\u003c\/span\u003e\n\u003cp style=\"margin: 0; font-size: 13px; color: #3f3f46; font-weight: 500; padding-top: 2px;\"\u003eWe send your preview on WhatsApp or email\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 12px; align-items: flex-start;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: bold; background: #f0fdf4; color: #166534; padding: 4px 8px; border-radius: 4px; white-space: nowrap;\"\u003eStep 6\u003c\/span\u003e\n\u003cp style=\"margin: 0; font-size: 13px; color: #3f3f46; font-weight: 500; padding-top: 2px;\"\u003eAfter your approval, we print and ship your t shirt\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch4 style=\"margin: 0 0 12px 0; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #1a1a1a; border-bottom: 1px solid #f4f4f5; padding-bottom: 6px;\"\u003eProduct Details\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0; margin: 0 0 28px 0; display: flex; flex-direction: column; gap: 8px;\"\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: center; gap: 8px;\"\u003e\n\u003cspan style=\"color: #10b981;\"\u003e✔\u003c\/span\u003e Oversized fit\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: center; gap: 8px;\"\u003e\n\u003cspan style=\"color: #10b981;\"\u003e✔\u003c\/span\u003e Soft cotton fabric\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: center; gap: 8px;\"\u003e\n\u003cspan style=\"color: #10b981;\"\u003e✔\u003c\/span\u003e High quality print\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: center; gap: 8px;\"\u003e\n\u003cspan style=\"color: #10b981;\"\u003e✔\u003c\/span\u003e Custom design made from your photo\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: center; gap: 8px;\"\u003e\n\u003cspan style=\"color: #10b981;\"\u003e✔\u003c\/span\u003e Made to order\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"margin: 0 0 12px 0; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #1a1a1a; border-bottom: 1px solid #f4f4f5; padding-bottom: 6px;\"\u003eImportant Information\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px;\"\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: flex-start; gap: 8px; line-height: 1.4;\"\u003e\n\u003cspan style=\"color: #71717a; font-size: 10px; padding-top: 2px;\"\u003e•\u003c\/span\u003e Delivery time is 8 to 10 business days\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: flex-start; gap: 8px; line-height: 1.4;\"\u003e\n\u003cspan style=\"color: #71717a; font-size: 10px; padding-top: 2px;\"\u003e•\u003c\/span\u003e Clear photos give better results\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: flex-start; gap: 8px; line-height: 1.4;\"\u003e\n\u003cspan style=\"color: #71717a; font-size: 10px; padding-top: 2px;\"\u003e•\u003c\/span\u003e Minor changes can be requested before printing\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; color: #4b5563; display: flex; align-items: flex-start; gap: 8px; line-height: 1.4;\"\u003e\n\u003cspan style=\"color: #71717a; font-size: 10px; padding-top: 2px;\"\u003e•\u003c\/span\u003e No return after final approval\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  #unique_upload_widget:hover {\n    background: #27272a !important;\n    transform: translateY(-1px);\n    box-shadow: 0 6px 16px rgba(24, 24, 27, 0.25) !important;\n  }\n  #unique_upload_widget:active, #custom-checkout-btn:active {\n    transform: translateY(1px);\n  }\n\n  \/* Secondary Look state for when change image text fires *\/\n  #unique_upload_widget.upload-success-state {\n    background: #ffffff !important;\n    color: #18181b !important;\n    border: 2px dashed #e4e4e7 !important;\n    box-shadow: none !important;\n  }\n  #unique_upload_widget.upload-success-state:hover {\n    background: #fafafa !important;\n    border-color: #71717a !important;\n  }\n\n  \/* Unlocked Active Styling for Buy It Now Button *\/\n  #custom-checkout-btn.unlocked-state {\n    background-color: #000000 !important;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;\n    animation: buttonPulse 2s infinite ease-in-out, popScale 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;\n  }\n  #custom-checkout-btn.unlocked-state:hover {\n    background: #232323 !important;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;\n  }\n\n  \/* Premium High-Converting Pulse Animation Logic *\/\n  @keyframes buttonPulse {\n    0% { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.4); }\n    70% { box-shadow: 0 4px 25px rgba(0, 0, 0, 0.2), 0 0 0 10px rgba(0, 0, 0, 0); }\n    100% { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0); }\n  }\n\n  \/* Pop Scale Effect when unlocked *\/\n  @keyframes popScale {\n    0% { transform: scale(0.9); }\n    50% { transform: scale(1.05); }\n    100% { transform: scale(1); }\n  }\n\n  \/* Error shake animation *\/\n  @keyframes shakeError {\n    0%, 100% { transform: translateX(0); }\n    20%, 60% { transform: translateX(-6px); }\n    40%, 80% { transform: translateX(6px); }\n  }\n  .shake-animation {\n    animation: shakeError 0.4s ease-in-out;\n  }\n\n  \/* Hide original theme cart elements cleanly *\/\n  form[action*=\"\/cart\/add\"] button[type=\"submit\"],\n  form[action*=\"\/cart\/add\"] .shopify-payment-button,\n  .gokwik-checkout,\n  [data-gokwik-checkout],\n  .product-form__buttons,\n  .payment-buttons {\n    display: none !important;\n  }\n\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/upload-widget.cloudinary.com\/global\/all.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cscript type=\"text\/javascript\"\u003e  \n  window.customTshirtData = {\n    imageUrl: '',\n    designStyle: 'Legacy fit'\n  };\n\n  document.addEventListener('DOMContentLoaded', () =\u003e {\n    \/\/ Cloudinary widget setup using your verified credentials\n    const myWidget = cloudinary.createUploadWidget({\n      cloudName: 'dugxgkvy',\n      apiKey: '627118336365824', \n      uploadPreset: 'shopify_uploads',\n      uploadSignatureMode: 'unsigned'\n    }, (error, result) =\u003e { \n      if (!error \u0026\u0026 result \u0026\u0026 result.event === \"success\") { \n        window.customTshirtData.imageUrl = result.info.secure_url;\n        document.getElementById('upload-status').style.display = 'flex';\n        document.getElementById('custom-error-msg').style.display = 'none';\n        \n        \/\/ 1. Change the upload button text layout to \"Change Image\"\n        const uploadBtn = document.getElementById(\"unique_upload_widget\");\n        uploadBtn.innerText = \"Change Image\";\n        uploadBtn.classList.add(\"upload-success-state\");\n\n        \/\/ 2. Unlock the checkout button and trigger popup scale and pulse animations\n        const checkoutBtn = document.getElementById(\"custom-checkout-btn\");\n        checkoutBtn.classList.add(\"unlocked-state\");\n      }\n    });\n\n    document.getElementById(\"unique_upload_widget\").addEventListener(\"click\", () =\u003e myWidget.open(), false);\n\n    \/\/ Secure Background Checkout Submission Engine\n    document.getElementById('custom-checkout-btn').addEventListener('click', () =\u003e {\n      const selectedStyle = window.customTshirtData.designStyle;\n      const uploadedImg = window.customTshirtData.imageUrl;\n      const errorMsg = document.getElementById('custom-error-msg');\n      const checkoutBtn = document.getElementById('custom-checkout-btn');\n      const container = document.getElementById('checkout-btn-container');\n\n      \/\/ STOPS BUTTON IF IMAGE IS MISSING (Triggers shake effect)\n      if (!uploadedImg) {\n        errorMsg.style.display = 'block';\n        container.classList.remove('shake-animation');\n        void container.offsetWidth; \/\/ Trigger DOM reflow\n        container.classList.add('shake-animation');\n        return;\n      }\n      errorMsg.style.display = 'none';\n      container.classList.remove('shake-animation');\n      \n      checkoutBtn.innerText = \"Processing...\";\n      checkoutBtn.disabled = true;\n\n      let variantId = '';\n      const variantInput = document.querySelector('input[name=\"id\"], select[name=\"id\"], [name=\"id\"]');\n      if (variantInput) {\n        variantId = variantInput.value;\n      } else {\n        const searchParams = new URLSearchParams(window.location.search);\n        variantId = searchParams.get('variant') || '';\n      }\n\n      if (!variantId) {\n        const fallbackForm = document.querySelector('form[action*=\"\/cart\/add\"]');\n        if (fallbackForm) {\n          const hiddenId = fallbackForm.querySelector('input[name=\"id\"]');\n          if (hiddenId) variantId = hiddenId.value;\n        }\n      }\n\n      const formData = {\n        'items': [{\n          'id': parseInt(variantId),\n          'quantity': 1,\n          'properties': {\n            'Design Style': selectedStyle,\n            'Uploaded Image URL': uploadedImg\n          }\n        }]\n      };\n\n      fetch('\/cart\/add.js', {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application\/json'\n        },\n        body: JSON.stringify(formData)\n      })\n      .then(response =\u003e {\n        if (!response.ok) throw new Error('Network error');\n        window.location.href = '\/checkout';\n      })\n      .catch((error) =\u003e {\n        console.error('Error:', error);\n        checkoutBtn.innerText = \"Buy It Now\";\n        checkoutBtn.disabled = false;\n        alert(\"Submission error. Please try refreshing and uploading again.\");\n      });\n    });\n  });\n\u003c\/script\u003e\u003c\/p\u003e","brand":"PehlaPyar","offers":[{"title":"S","offer_id":43891993968727,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":43891994001495,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":43891994034263,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":43891994067031,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"2XL","offer_id":43891994099799,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0666\/9058\/0567\/files\/rn-image_picker_lib_temp_92b27bd2-c1af-4cf7-918a-e2eec1ee20a3.png?v=1779719259"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0666\/9058\/0567\/collections\/CustomKaran.png?v=1779126322","url":"https:\/\/pehlapyar.in\/collections\/legacy-fit.oembed","provider":"PehlaPyar","version":"1.0","type":"link"}