{"context":{"brandSettings":{"accentColor1":{"hex":"#3574E3"},"accentColor2":{"hex":"#ffffff"},"accentColor3":null,"bodyFont":{"font":"SF Pro Display","fontSet":"BRANDING"},"colors":[{"hex":"#202020"},{"hex":"#202020"},{"hex":"#3574E3"},{"hex":"#ffffff"},{"hex":"#FFEA00"},{"hex":"#102d7b"},{"hex":"#00B0F0"}],"fallbackFont":null,"favicon":{"domain":null,"name":"favicon.ico","src":"https://cdn2.hubspot.net/hubfs/4392290/syil-favicon-small-1.png"},"favicons":[{"domain":null,"name":"favicon.ico","src":"https://cdn2.hubspot.net/hubfs/4392290/syil-favicon-small-1.png"},{"domain":"4392290.hs-sites.com","name":"syil-favicon-small.png","src":"https://cdn2.hubspot.net/hubfs/4392290/syil-favicon-small.png"}],"fonts":[{"font":"SF Pro Display","fontSet":"BRANDING"}],"logo":{"alt":"SYIL CNC Machine Tools","domain":null,"height":138,"link":"https://syil.com","name":"SYIL CNC Machine Tools","src":"https://content.syil.com/hubfs/Logo/syil%20logo.svg","width":507},"logos":[{"alt":"SYIL CNC Machine Tools","domain":null,"height":138,"link":"https://syil.com","name":"SYIL CNC Machine Tools","src":"https://content.syil.com/hubfs/Logo/syil%20logo.svg","width":507},{"alt":"SYIL CNC Machine Tools","domain":null,"height":138,"link":"https://syil.com","name":"SYIL CNC Machine Tools","src":"https://content.syil.com/hubfs/Logo/syil%20logo.svg","width":507}],"primaryColor":{"hex":"#202020"},"primaryFavicon":{"domain":null,"name":"favicon.ico","src":"https://cdn2.hubspot.net/hubfs/4392290/syil-favicon-small-1.png"},"primaryFont":{"font":"SF Pro Display","fontSet":"BRANDING"},"primaryLogo":{"alt":"SYIL CNC Machine Tools","domain":null,"height":138,"link":"https://syil.com","name":"SYIL CNC Machine Tools","src":"https://content.syil.com/hubfs/Logo/syil%20logo.svg","width":507},"secondaryColor":{"hex":"#202020"}},"menuData":{"activeBranch":false,"activeNode":false,"blogNode":false,"categoryId":null,"children":[{"activeBranch":false,"activeNode":false,"blogNode":false,"categoryId":null,"children":[],"contentGroupId":null,"contentType":null,"errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":"Home","level":1,"linkTarget":null,"live":true,"nodeType":3,"pageId":null,"pageTitle":null,"parentGuid":null,"slug":null,"state":null,"subcategory":null,"topLevelAncestorGuid":null,"url":"https://syil.com/dealer-portal","urlParamStr":"","urlWithoutAnchor":"https://syil.com/dealer-portal"},{"activeBranch":false,"activeNode":false,"blogNode":false,"categoryId":1,"children":[],"contentGroupId":null,"contentType":"site_page","errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":"Customer Story","level":1,"linkTarget":null,"live":true,"nodeType":2,"pageId":202204565766,"pageTitle":"Customer Story Form","parentGuid":null,"slug":"customer-stories-form","state":"PUBLISHED_OR_SCHEDULED","subcategory":"site_page","topLevelAncestorGuid":null,"url":"https://syil.com/customer-stories-form","urlParamStr":"","urlWithoutAnchor":"https://syil.com/customer-stories-form"},{"activeBranch":false,"activeNode":false,"blogNode":false,"categoryId":null,"children":[],"contentGroupId":null,"contentType":null,"errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":"Dealer Store","level":1,"linkTarget":"_blank","live":true,"nodeType":3,"pageId":null,"pageTitle":null,"parentGuid":null,"slug":null,"state":null,"subcategory":null,"topLevelAncestorGuid":null,"url":"https://store.syil.com/en-US","urlParamStr":"","urlWithoutAnchor":"https://store.syil.com/en-US"},{"activeBranch":false,"activeNode":false,"blogNode":false,"categoryId":null,"children":[],"contentGroupId":null,"contentType":null,"errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":"View Tickets","level":1,"linkTarget":null,"live":true,"nodeType":3,"pageId":null,"pageTitle":null,"parentGuid":null,"slug":null,"state":null,"subcategory":null,"topLevelAncestorGuid":null,"url":"https://syil.com/tickets-view","urlParamStr":"","urlWithoutAnchor":"https://syil.com/tickets-view"}],"contentGroupId":null,"contentType":null,"errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":null,"level":0,"linkTarget":null,"live":true,"nodeType":3,"pageId":null,"pageTitle":null,"parentGuid":null,"slug":null,"state":null,"subcategory":null,"topLevelAncestorGuid":null,"url":null,"urlParamStr":"","urlWithoutAnchor":"null"},"themeSettings":{"bodyFont":{"casing":null,"color":null,"css":"font-family: SF Pro Display;","fallback":null,"font":"SF Pro Display","font_set":"DEFAULT","letter_spacing":null,"line_height":null,"size":null,"size_unit":null,"style":"font-family: SF Pro Display; font-style: normal; font-weight: normal; text-decoration: none","styles":{"font-family":"SF Pro Display","font-style":"normal","font-weight":"normal","text-decoration":"none"},"variant":null},"primaryFont":{"casing":null,"color":null,"css":"font-family: SF Pro Display;","fallback":null,"font":"SF Pro Display","font_set":"DEFAULT","letter_spacing":null,"line_height":null,"size":null,"size_unit":null,"style":"font-family: SF Pro Display; font-style: normal; font-weight: normal; text-decoration: none","styles":{"font-family":"SF Pro Display","font-style":"normal","font-weight":"normal","text-decoration":"none"},"variant":null},"trellisBorderRadius":"rounded","trellisColorFillPrimaryDefault":{"color":"#202020","css":"#202020","hex":"#202020","opacity":null,"rgb":"rgb(32, 32, 32)","rgba":"rgba(32, 32, 32, 1)"},"trellisColorFillSecondaryDefault":{"color":"#202020","css":"#202020","hex":"#202020","opacity":null,"rgb":"rgb(32, 32, 32)","rgba":"rgba(32, 32, 32, 1)"},"trellisColorFillSurfaceDefault":"light","trellisColorFillTertiaryDefault":{"color":"#3574E3","css":"#3574E3","hex":"#3574E3","opacity":null,"rgb":"rgb(53, 116, 227)","rgba":"rgba(53, 116, 227, 1)"},"trellisColorTextInteractiveDefault":{"color":"#666666","css":"#666666","hex":"#666666","opacity":null,"rgb":"rgb(102, 102, 102)","rgba":"rgba(102, 102, 102, 1)"}}},"modules":{},"dndAreas":{},"globalPartials":{},"headHtml":" \n \n \n \n \n \n \n \n \n","footerHtml":" \n \n \n \n \n \n \n \n","headElements":[{"tag":"meta","attributes":{"name":"viewport","content":"width=device-width, initial-scale=1"}},{"tag":"meta","attributes":{"property":"og:description","content":""}},{"tag":"meta","attributes":{"property":"og:title","content":""}},{"tag":"meta","attributes":{"name":"twitter:description","content":""}},{"tag":"meta","attributes":{"name":"twitter:title","content":""}},{"tag":"style","children":[{"tag":"#text","text":"a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}"}]},{"tag":"link","attributes":{"rel":"canonical","href":"https://syil.com/hs/portals/customer-portal-app/brand"}},{"tag":"style","children":[{"tag":"#text","text":"[class*=\"hs_TICKET.source_status\"] {\n height: 0;\n overflow: hidden;\n margin: 0;\n }\n\n.cs_portal ul.header__menu-wrapper.no-list li:last-child {\n display: none;\n}\n body.tickets_view .hs-fieldtype-file .input { position: relative; border: 1px solid #C3C3C3; border-radius: 10px; background: #F5F5F7; }\n body.tickets_view .hs-fieldtype-file .input input { cursor:pointer; background: #F5F5F7 !important; padding: 24px 14px !important; height: 200px; position: relative; opacity: 0; }\n body.tickets_view .hs-fieldtype-file .input::before { position: absolute; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: 0; right: 0; background: url(https://syil.com/hubfs/Group%20240.svg); background-repeat: no-repeat; text-align: center; display: inline-block; background-size: contain; background-position: center; height: 110px; width: 206px; }\n body.tickets_view .hs-fieldtype-file label { margin-bottom: 8px; } \n .cp-tickets-heading h1 { text-align: center; }\n body.tickets_view .cp-tickets__heading { text-align: center; display: block; }\n .body.tickets_view form .input { background: #F5F5F7 !important; padding: 24px 14px !important; }\n body.tickets_view form .input input, body.tickets_view form .input select , body.tickets_view form .input textarea { font-size:18px; background: #F5F5F7 !important; padding: 24px 14px !important; border: 1px solid #c3c3c3; border-radius: 10px; color: #000; }\n body.tickets_view form .input input:focus , body.tickets_view form .input select:focus , body.tickets_view form .input textarea:focus { box-shadow:none !important; border-color:#000; }\n body.tickets_view form .hs-input.invalid.error { border-color: #EF6B51; }\n body.tickets_view .actions input { padding: 21px 44px; border-radius: 50px; font-size: 21px; font-weight: 500; line-height: 1; background-color: #ffea00; border: 1px #000; color: #000; }\n body.tickets_view .actions { text-align: center; }\n body.tickets_view form label { color: #000; font-weight: 500; font-size: 18px; }\n body.tickets_view form fieldset { gap: 12px; }\n body.tickets_view .hs-fieldtype-file .file-info { text-align: center; position: absolute; bottom: 20px; background: transparent !important; padding: 0 !important; left: 50%; transform: translateX(-50%); }\n body.tickets_view .hs-fieldtype-file .file-info > * { margin: 0; font-size: 16px; }\n /* Nitin CSS */ \n\n @media(min-width:767px) {\n body.dealer_p .header__button-col.hidden-phone { display: flex; gap: 8px; }\n body.dealer_p .header__button-col.hidden-phone > a:last-child { color: #fff; background: #000; transition: 0.3s; }\n body.dealer_p .header__button-col.hidden-phone > a:last-child:hover { background: #ffea00; color: #000; }\n }\n @media (min-width:767px) and (max-width:965px) {\n\n body.tickets_view .b_inr_header.button_cstm {\n display: flex;\n gap: 8px;\n }\n\n body.tickets_view .b_inr_header.button_cstm > *:last-child {\n background: #000 !important;\n color: #fff !important;\n gap: 0 !important;\n }\n\n\n body.tickets_view li.hs-menu-item {\n padding: 0 4px !important;\n }\n\n body.tickets_view .btn_outer_header > div a {\n font-size: 13px !important;\n padding-left: 16px !important;\n padding-right: 16px !important;\n }\n\n body.tickets_view li.hs-menu-item a {\n font-size: 13px;\n }\n\n\n body.dealer_p .header__menu-item--depth-1>.header__menu-link {\n font-weight: 500!important;\n font-size: 14px!important;\n }\n body.dealer_p .header__button-col.hidden-phone a {\n font-size: 13px;\n gap: 6px;\n }\n\n body.dealer_p .header__button-col.hidden-phone a span svg {\n height: 14px;\n width: 14px;\n }\n\n body.dealer_p .header__button-col.hidden-phone {\n margin-left: 8px;\n }\n\n body.dealer_p li.header__menu-item.header__menu-item--depth-1.hs-skip-lang-url-rewrite {\n padding: 0 4px;\n }\n\n body.dealer_p .header__logo img {\n height: 42px !important;\n width: 125px !important;\n }\n body.dealer_p .header__logo-col {\n max-width: 125px !important;\n width: 100% !important;\n }\n body.dealer_p .header__container--left .header__wrapper--bottom {\n gap: 0.7rem;\n justify-content: space-between;\n }\n }\n @media(max-width:767px) {\n body.dealer_p .header__button.button { display: flex; justify-content: start; gap: 0.5rem; width: max-content; } \n body.dealer_p .header__menu-item:last-child a { color: #fff; background: #000; transition: 0.3s; }\n body.dealer_p .header__menu-item:last-child a:hover { background: #ffea00; color: #000; }\n body.dealer_p .header__menu-item:last-child { padding-top: 0 !important; }\n body.dealer_p .header__logo { display:flex; }\n body.tickets_view .b_inr_header.button_cstm { flex-direction: column; }\n body.tickets_view form fieldset { flex-wrap:wrap; }\n body.tickets_view form fieldset > div { width:100% !important; }\n body.tickets_view form .input input, body.tickets_view form .input select, body.tickets_view form .input textarea { padding: 16px !important; }\n body.tickets_view .cp-tickets__heading * { font-size: 28px !important; }\n body.tickets_view .hs-fieldtype-file .input::before { height: 110px; width: 136px; }\n body.tickets_view .hs-fieldtype-file .input input { height: 160px; }\n }\n\n body .logout:hover {\n background: #ffea00 !important;\n color: #000000 !important;\n }\n body.tickets_view .b_inr_header.button_cstm {\n display: flex;\n gap: 8px;\n }\n\n body.tickets_view .b_inr_header.button_cstm > *:last-child {\n background: #000;\n color: #fff;\n gap: 0;\n }\n body.tickets_view .header__container { padding: 15px 0; }\n body.tickets_view .header__container .cp-navigation__main > ul > li:first-child { display: none !important; }\n body.tickets_view .b_inr_header.button_cstm a { text-decoration: none;border: 0; font-size: 16px; font-weight: 400; padding: 10px 20px; border-radius: 25px; align-items: center; display:inline-block; transition:0.3s; }\n body.tickets_view .b_inr_header.button_cstm a:first-child { background: #ffea00; color: #000000; }\n body.tickets_view .b_inr_header.button_cstm svg { width: 17px; height: 20px; transition:0.3s; }\n body.tickets_view .b_inr_header.button_cstm a { display: flex; align-items: center; gap: 8px; }\n body.tickets_view .header__logo img { width: 157px !important; height: 42px !important; }\n body.tickets_view .b_inr_header.button_cstm a:hover svg { fill: #fff; }\n body.tickets_view .header__logo { top: -3px; position:relative; flex: auto 0; padding-right:0; }\n body.tickets_view .btn_outer_header { padding: 4.35px 0; }\n body.tickets_view .b_inr_header.button_cstm a:first-child:hover { background-color: #000 !important; color: #fff !important; }\n body.tickets_view .content-wrapper { max-width: 1000px !important; margin: 0 auto; }\n body.tickets_view .cp-navigation__main > ul li { display: flex; align-items: center; } \n @media screen and (min-width: 768px) and (max-width: 840px) {\n body.tickets_view .header__nav .hs-menu-item a { font-size: 13px; }\n body.tickets_view .header__logo img { width: 117px !important; height: 42px !important; }\n }\n @media(max-width:767px) { \n body.tickets_view .b_inr_header.button_cstm a { width: max-content; }\n body.tickets_view .cp-navigation.open { margin: 0 -20px !important; height:max-content; padding-bottom: 8px; }\n body.tickets_view .btn_outer_header { padding-left: 20px; }\n body.tickets_view .cp-navigation__main > ul { padding-bottom:11px; }\n body.tickets_view .cp-navigation__main > ul li { border-top:0; padding:11px 16px; }\n body.tickets_view .cp-navigation__main > ul li a { padding-bottom:0; }\n }\n\n /* End Nitin CSS */\n\n\n body::-webkit-scrollbar {\n width: 8px; /* width of the entire scrollbar */\n }\n\n body::-webkit-scrollbar-track {\n background: #FFF; /* color of the tracking area */\n }\n\n body::-webkit-scrollbar-thumb {\n background-color: #000; /* color of the scroll thumb */\n border-radius: 0px; /* roundness of the scroll thumb */\n border: 0px solid transparent; /* creates padding around scroll thumb */\n }\n\n /*customer portal*/\n body.cs_portal .header__button-col.hidden-phone {\n display: flex;\n gap: 8px;\n }\n\n body.cs_portal .header__button-col.hidden-phone > a:last-child {\n background: #000;\n color: #fff;\n transition: 0.3s;\n }\n\n body.cs_portal .header__button-col.hidden-phone > a:last-child:hover {\n background: #ffea00;\n color: #000;\n }\n @media(max-width:767px) {\n body.cs_portal .header__button-col.hidden-phone {\n display: none;\n }\n body.cs_portal .header__menu-item--button {\n width: max-content;\n }\n\n body.cs_portal ul.header__menu-wrapper.no-list > li:last-child {\n width: max-content;\n padding: 0 20px 14px;\n }\n body.cs_portal ul.header__menu-wrapper.no-list > li:last-child a {\n background: #000;\n color: #fff;\n transition: 0.3s;\n }\n\n body.cs_portal ul.header__menu-wrapper.no-list > li:last-child a:hover {\n background: #ffea00;\n color: #000;\n }\n }\n\n /*customer portal*/"}]},{"tag":"meta","attributes":{"property":"og:url","content":"https://syil.com/hs/portals/customer-portal-app/brand"}},{"tag":"meta","attributes":{"http-equiv":"content-language","content":"en"}}],"footerElements":[{"tag":"script","attributes":{"defer":"","src":"/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"}},{"tag":"script","children":[{"tag":"#text","text":"var _hsq = _hsq || [];\n_hsq.push([\"setContentType\", \"app-page\"]);\n_hsq.push([\"setCanonicalUrl\", \"https:\\/\\/syil.com\\/hs\\/portals\\/customer-portal-app\\/brand\"]);\n_hsq.push([\"setPageId\", \"211682632960\"]);\n_hsq.push([\"setContentMetadata\", {\n \"contentPageId\": 211682632960,\n \"legacyPageId\": \"211682632960\",\n \"contentFolderId\": null,\n \"contentGroupId\": null,\n \"abTestId\": null,\n \"languageVariantId\": 211682632960,\n \"languageCode\": \"en\",\n \n \n}]);"}],"attributes":{"type":"text/javascript"}},{"tag":"script","id":"hs-script-loader","attributes":{"async":"","defer":"","src":"/hs/scriptloader/4392290.js","type":"text/javascript"}},{"tag":"script","children":[{"tag":"#text","text":"var hsVars = {\n render_id: \"49ac7977-a07f-43aa-b20e-678f8fc6b6d7\",\n ticks: 1777111383114,\n page_id: 211682632960,\n \n content_group_id: 0,\n portal_id: 4392290,\n app_hs_base_url: \"https://app.hubspot.com\",\n cp_hs_base_url: \"https://cp.hubspot.com\",\n language: \"en\",\n analytics_page_type: \"app-page\",\n scp_content_type: \"\",\n \n analytics_page_id: \"211682632960\",\n category_id: 20,\n folder_id: 0,\n is_hubspot_user: false\n}"}],"attributes":{"type":"text/javascript"}},{"tag":"script","attributes":{"defer":"","src":"/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"}},{"tag":"script","children":[{"tag":"#text","text":"if (window.location.pathname.startsWith('/tickets-view')) {\n document.body.classList.add('tickets_view');\n }\n \n function appendTicketButton() {\n const buttonHTML = `\n
\n
\n \n \n File a Support Ticket\n \n \n Logout\n \n
\n
\n `;\n\n // Pehle existing button hata do (duplicate avoid karne ke liye)\n document.querySelectorAll('.btn_outer_header').forEach(el => el.remove());\n\n if (window.innerWidth > 767) {\n const desktopTarget = document.querySelector(\n 'body.tickets_view .header__container'\n );\n if (desktopTarget) {\n desktopTarget.insertAdjacentHTML('beforeend', buttonHTML);\n }\n } else {\n const mobileTarget = document.querySelector(\n 'body.tickets_view .cp-navigation__main'\n );\n if (mobileTarget) {\n mobileTarget.insertAdjacentHTML('beforeend', buttonHTML);\n }\n }\n }\n\n // Page load par\n document.addEventListener('DOMContentLoaded', appendTicketButton);\n\n // Resize par bhi handle kare\n window.addEventListener('resize', appendTicketButton);\n \n //dealer \ndocument.addEventListener(\"DOMContentLoaded\", function () {\n // Check if URL contains /dealer-portal\n if (window.location.pathname.indexOf('/dealer-portal') !== -1) {\n\n // Add class to body\n document.body.classList.add('dealer_p');\n\n // Target div\n var targetDiv = document.querySelector('.header__button-col.hidden-phone');\n\n if (targetDiv && !targetDiv.querySelector('.dealer-logout-btn')) {\n // Create anchor\n var logoutLink = document.createElement('a');\n logoutLink.href = 'https://syil.com/_hcms/mem/logout?redirect_url=https%3A%2F%2Fsyil.com%2Fdealer-portal';\n logoutLink.className = 'header__button button left dealer-logout-btn';\n logoutLink.innerText = 'Logout';\n\n // Append anchor\n targetDiv.appendChild(logoutLink);\n }\n }\n}); \n \n \n document.addEventListener(\"DOMContentLoaded\", function () {\n\n function addMobileMenuItem() {\n // ✅ Domain + slug condition\n if (\n window.location.hostname === \"syil.com\" &&\n window.location.pathname.startsWith(\"/dealer-portal\") &&\n window.innerWidth <= 767\n ) {\n const menuUl = document.querySelector(\".header__menu--mobile ul\");\n\n if (menuUl && !document.querySelector(\".mobile-create-ticket\")) {\n const li = document.createElement(\"li\");\n li.className =\n \"header__menu-item header__menu-item--button header__menu-item--depth-1 hs-skip-lang-url-rewrite mobile-create-ticket\";\n\n li.innerHTML = `\n \n Logout\n \n `;\n\n menuUl.appendChild(li);\n }\n }\n }\n\n // Page load\n addMobileMenuItem();\n\n // On resize\n window.addEventListener(\"resize\", addMobileMenuItem);\n});\n\n \n \n \n //dealer\n \n \n // cs_portal\n \ndocument.addEventListener(\"DOMContentLoaded\", function () {\n // check slug\n if (!window.location.pathname.includes(\"customer-portal\")) return;\n\n // add body class\n document.body.classList.add(\"cs_portal\");\n\n const anchorHTML = `\n \n Logout\n \n `;\n\n const isMobile = window.innerWidth <= 767;\n\n if (!isMobile) {\n // DESKTOP\n const desktopContainer = document.querySelector(\".header__button-col.hidden-phone\");\n\n if (desktopContainer && !desktopContainer.querySelector(\".dealer-logout-btn\")) {\n desktopContainer.insertAdjacentHTML(\"beforeend\", anchorHTML);\n }\n } else {\n // MOBILE\n const mobileMenu = document.querySelector(\".header__menu--mobile > ul\");\n\n if (mobileMenu && !mobileMenu.querySelector(\".dealer-logout-btn\")) {\n const li = document.createElement(\"li\");\n li.innerHTML = anchorHTML;\n mobileMenu.appendChild(li);\n }\n }\n}); \n\n // cs_portal\n \n // form file field \n window.addEventListener(\"message\", function (event) {\n\n if (\n event.data.type === \"hsFormCallback\" &&\n event.data.eventName === \"onFormReady\"\n ) {\n\n const fileInputs = document.querySelectorAll(\n \"body.tickets_view .hs-fieldtype-file input\"\n );\n\n fileInputs.forEach(function (input) {\n\n // 🔹 file-info div inject karo agar nahi hai\n let infoBox = input.parentElement.querySelector(\".file-info\");\n\n if (!infoBox) {\n infoBox = document.createElement(\"div\");\n infoBox.className = \"file-info\";\n input.parentElement.appendChild(infoBox);\n }\n\n // 🔹 change event\n input.addEventListener(\"change\", function () {\n const files = input.files;\n\n if (!files || files.length === 0) {\n infoBox.innerHTML = \"\";\n return;\n }\n\n const count = files.length;\n const label = count === 1 ? \"file\" : \"files\";\n\n let html = `

${count} ${label}