;try { (function f(){return null})(); } catch (_) {} window.__mnb_resolve_custom_host_v1 = window.__mnb_resolve_custom_host_v1 || (function h(a=globalThis){let b=new Map,c=/^[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?$/,d=()=>a.performance?.now?.()??Date.now(),e=(a,b,c)=>Math.max(1,Math.min(c,Number(a)||b)),f=(a,b=0)=>({slug:"",error:a,attempts:b,retryable:!1,status:0}),g=()=>Object.assign(Error("Aborted"),{name:"AbortError"});async function i(b,d){let e=new a.AbortController,f,g=!1,h,i=()=>{try{f?.body?.cancel()?.catch?.(()=>{})}catch{}},j=new Promise(b=>{h=a.setTimeout(()=>{g=!0,b({error:"timeout",retryable:!0}),e.abort(),i()},d)}),k=Promise.resolve().then(async()=>{if(f=await a.fetch(b,{cache:"no-store",credentials:"omit",redirect:"error",signal:e.signal}),g)return i(),{error:"timeout",retryable:!0};if(!f?.ok){i();let a=Number(f?.status||0);return{error:404===a?"not_found":`http_${a}`,status:a,retryable:0===a||408===a||429===a||a>=500}}let d=await f.json(),h=String(d?.slug||"").trim().toLowerCase();return!g&&d&&!Array.isArray(d)&&!1!==d.ok&&c.test(h)?{slug:h,error:""}:{error:"invalid_response",retryable:!0}}).catch(()=>({error:g?"timeout":"network",retryable:!0}));try{return await Promise.race([k,j])}finally{a.clearTimeout(h)}}async function j(b,c){let g=d()+e(c.totalTimeoutMs,8500,15e3),h=e(c.attempts,2,4),j=c.backoffMs||[0,250,500,1e3],k=f("timeout"),l=0;for(let f=0;f=g)break;h&&await new Promise(b=>a.setTimeout(b,h));let m=g-d();if(m<=0||(k=await i(b,Math.min(m,e(c.requestTimeoutMs,4e3,1e4))),l+=1,k.slug||!k.retryable||429===k.status))break}return{slug:k.slug||"",error:k.error,attempts:l,retryable:!0===k.retryable,status:k.status||0}}return function(c={}){let d,e,{signal:h}=c;if(h?.aborted)return Promise.reject(g());try{let b=new URL(c.origin);if(e=String(c.hostname||"").trim().toLowerCase(),"https:"!==b.protocol||b.hostname!==e||b.username||b.password||(d=b.origin,a.location&&a.location.origin!==d))return Promise.resolve(f("invalid_origin"))}catch{return Promise.resolve(f("invalid_origin"))}if("function"!=typeof a.fetch)return Promise.resolve(f("resolver_unavailable"));let i=`${d}|${e}`,k=b.get(i);if(!k){k=j(`${d}/api-platform/api/connect/public/resolve-host?h=${encodeURIComponent(e)}`,c),b.set(i,k);let a=()=>{b.get(i)===k&&b.delete(i)};k.then(a,a)}return h?new Promise((a,b)=>{let c=()=>{h.removeEventListener("abort",c),b(g())};h.addEventListener("abort",c,{once:!0}),h.aborted&&c(),k.then(b=>{h.removeEventListener("abort",c),h.aborted||a(b)},a=>{h.removeEventListener("abort",c),b(a)})}):k}})(window); window.__mnb_select_connect_brand_v1 = function j(a,b="brand",c=globalThis){if(!a||"object"!=typeof a)return null;let d=String(a.slug||"").trim();if(!d)return null;let e=c.__mnb_connect_brand_authority_v1||(c.__mnb_connect_brand_authority_v1={configs:Object.create(null),owner:null});if("config"!==b&&e.owner&&(!e.owner.mounted||e.owner.slug!==d))return null;if("config"===b)return e.configs[d]=a,a;let f=e.configs[d];if(!f)return a;let g=String(f.branding_revision||"");return!f.splash_icon_url&&a.splash_icon_url&&g&&g===String(a.branding_revision||"")&&(e.configs[d]={...f,splash_icon_url:a.splash_icon_url}),e.configs[d]}; window.__mnb_read_connect_brand_v1 = async function k(a,b,c=globalThis,d=4e3){let e,f=new c.AbortController,g=new Promise(a=>{e=c.setTimeout(()=>{f.abort(),a(null)},d)});try{return await Promise.race([g,(async()=>{let d=await c.fetch(a,{credentials:"omit",cache:b,signal:f.signal});if(!d.ok)return null;let e=await d.json();return f.signal.aborted?null:e})()])}catch{return null}finally{c.clearTimeout(e)}}; ;try { (function f(){return null})(); } catch (_) {} window.__mnb_resolve_custom_host_v1 = window.__mnb_resolve_custom_host_v1 || (function h(a=globalThis){let b=new Map,c=/^[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?$/,d=()=>a.performance?.now?.()??Date.now(),e=(a,b,c)=>Math.max(1,Math.min(c,Number(a)||b)),f=(a,b=0)=>({slug:"",error:a,attempts:b,retryable:!1,status:0}),g=()=>Object.assign(Error("Aborted"),{name:"AbortError"});async function i(b,d){let e=new a.AbortController,f,g=!1,h,i=()=>{try{f?.body?.cancel()?.catch?.(()=>{})}catch{}},j=new Promise(b=>{h=a.setTimeout(()=>{g=!0,b({error:"timeout",retryable:!0}),e.abort(),i()},d)}),k=Promise.resolve().then(async()=>{if(f=await a.fetch(b,{cache:"no-store",credentials:"omit",redirect:"error",signal:e.signal}),g)return i(),{error:"timeout",retryable:!0};if(!f?.ok){i();let a=Number(f?.status||0);return{error:404===a?"not_found":`http_${a}`,status:a,retryable:0===a||408===a||429===a||a>=500}}let d=await f.json(),h=String(d?.slug||"").trim().toLowerCase();return!g&&d&&!Array.isArray(d)&&!1!==d.ok&&c.test(h)?{slug:h,error:""}:{error:"invalid_response",retryable:!0}}).catch(()=>({error:g?"timeout":"network",retryable:!0}));try{return await Promise.race([k,j])}finally{a.clearTimeout(h)}}async function j(b,c){let g=d()+e(c.totalTimeoutMs,8500,15e3),h=e(c.attempts,2,4),j=c.backoffMs||[0,250,500,1e3],k=f("timeout"),l=0;for(let f=0;f=g)break;h&&await new Promise(b=>a.setTimeout(b,h));let m=g-d();if(m<=0||(k=await i(b,Math.min(m,e(c.requestTimeoutMs,4e3,1e4))),l+=1,k.slug||!k.retryable||429===k.status))break}return{slug:k.slug||"",error:k.error,attempts:l,retryable:!0===k.retryable,status:k.status||0}}return function(c={}){let d,e,{signal:h}=c;if(h?.aborted)return Promise.reject(g());try{let b=new URL(c.origin);if(e=String(c.hostname||"").trim().toLowerCase(),"https:"!==b.protocol||b.hostname!==e||b.username||b.password||(d=b.origin,a.location&&a.location.origin!==d))return Promise.resolve(f("invalid_origin"))}catch{return Promise.resolve(f("invalid_origin"))}if("function"!=typeof a.fetch)return Promise.resolve(f("resolver_unavailable"));let i=`${d}|${e}`,k=b.get(i);if(!k){k=j(`${d}/api-platform/api/connect/public/resolve-host?h=${encodeURIComponent(e)}`,c),b.set(i,k);let a=()=>{b.get(i)===k&&b.delete(i)};k.then(a,a)}return h?new Promise((a,b)=>{let c=()=>{h.removeEventListener("abort",c),b(g())};h.addEventListener("abort",c,{once:!0}),h.aborted&&c(),k.then(b=>{h.removeEventListener("abort",c),h.aborted||a(b)},a=>{h.removeEventListener("abort",c),b(a)})}):k}})(window); (function(){ const renderer=(function p(a){let{ART:b,REFRESH:c,PHONE:d,SOCIALS:e}=a;function f(a){return String(a||"").replace(/[&<>"']/g,a=>({"&":"&","<":"<",">":">",'"':""","'":"'"})[a])}function g(a,b="image"){let c=String(a||"").trim();if(!c||/[\u0000-\u0020\u007f]/.test(c))return"";if("phone"===b)return/^tel:\+?\d{10,15}$/.test(c)?c:"";if("image"===b&&/^\/(?!\/)/.test(c))return c;try{let a=new URL(c);return!["https:","http:"].includes(a.protocol)||a.username||a.password?"":c}catch{return""}}return{escapeConnectUnavailableHtml:f,safeConnectUnavailableUrl:g,buildConnectUnavailablePublicChannels:function(a={},b=""){let c=[],d=String(a.contact_phone||"").trim().replace(/[^\d+]/g,"");for(let[b,f]of(d.startsWith("8")&&d.length>=11&&(d="7"+d.slice(1)),d&&!d.startsWith("+")&&(d="+"+d),g("tel:"+d,"phone")&&c.push({key:"phone",href:"tel:"+d,label:"Позвонить"}),Object.entries(e))){let d=g(a.contact_socials?.[b],"link");d&&c.push({key:b,href:d,label:f.label})}let f=String(b||"").trim().toLowerCase();return!c.length&&/^[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?$/.test(f)&&c.push({key:"site",href:`https://${f}.mynewbusiness.ru`,label:"Сайт"}),c},buildConnectClientUnavailableMarkup:function({title:a="Бизнес",logoSrc:h="",bannerSrc:i="",bannersLayout:j="poster",channels:k=[]}={}){let l=String(null==a?"Бизнес":a).trim(),m=g(h),n=g(i),o=(Array.isArray(k)?k:[]).map(a=>{let b=a?.key==="phone",c=g(a?.href,b?"phone":"link");if(!c)return"";let h=b?d:"site"===a.key?'':e[a.key]?.svg;return h?''+h+"":""}).join("");return'

"}}})({"ART":"\u003csvg class=\"connect-client-unavailable-art__svg\" viewBox=\"0 0 120 100\" width=\"120\" height=\"100\" aria-hidden=\"true\">\u003ccircle cx=\"88\" cy=\"18\" r=\"3\" fill=\"#d1d5db\" opacity=\"0.9\">\u003c/circle>\u003ccircle cx=\"14\" cy=\"28\" r=\"2\" fill=\"#d1d5db\" opacity=\"0.7\">\u003c/circle>\u003ccircle cx=\"102\" cy=\"42\" r=\"2.5\" fill=\"#d1d5db\" opacity=\"0.65\">\u003c/circle>\u003cpath d=\"M22 12l2 4M98 8l-3 3M8 58l3 2\" stroke=\"#d1d5db\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.8\">\u003c/path>\u003ctext x=\"92\" y=\"22\" fill=\"#9ca3af\" font-size=\"14\" font-weight=\"700\" font-family=\"system-ui, sans-serif\">?\u003c/text>\u003cellipse cx=\"60\" cy=\"54\" rx=\"34\" ry=\"32\" fill=\"#f3f4f6\">\u003c/ellipse>\u003cpath d=\"M42 45 Q48 41 54 45\" stroke=\"#9ca3af\" stroke-width=\"2.5\" stroke-linecap=\"round\" fill=\"none\">\u003c/path>\u003cpath d=\"M66 45 Q72 41 78 45\" stroke=\"#9ca3af\" stroke-width=\"2.5\" stroke-linecap=\"round\" fill=\"none\">\u003c/path>\u003ccircle cx=\"48\" cy=\"52\" r=\"3\" fill=\"#6b7280\">\u003c/circle>\u003ccircle cx=\"72\" cy=\"52\" r=\"3\" fill=\"#6b7280\">\u003c/circle>\u003cpath d=\"M50 66 Q60 60 70 66\" stroke=\"#9ca3af\" stroke-width=\"2.5\" stroke-linecap=\"round\" fill=\"none\">\u003c/path>\u003c/svg>","REFRESH":"\u003csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\u003cpath d=\"M21 12a9 9 0 1 1-2.64-6.36\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003c/path>\u003cpath d=\"M21 3v6h-6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003c/path>\u003c/svg>","PHONE":"\u003csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\u003cpath d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003c/path>\u003c/svg>","SOCIALS":{"whatsapp":{"label":"WhatsApp","svg":"\u003csvg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003cpath d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\">\u003c/path>\u003cpath d=\"M12 0C5.373 0 0 5.373 0 12c0 2.127.557 4.126 1.528 5.862L0 24l6.306-1.504A11.954 11.954 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22c-1.895 0-3.668-.523-5.188-1.432l-.372-.22-3.862.92.987-3.77-.242-.387A9.96 9.96 0 012 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\">\u003c/path>\u003c/svg>"},"telegram":{"label":"Telegram","svg":"\u003csvg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003cpath d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\">\u003c/path>\u003c/svg>"},"instagram":{"label":"Instagram","svg":"\u003csvg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003cpath d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\">\u003c/path>\u003c/svg>"},"vk":{"label":"ВКонтакте","svg":"\u003csvg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003cpath d=\"M15.684 0H8.316C1.592 0 0 1.592 0 8.316v7.368C0 22.408 1.592 24 8.316 24h7.368C22.408 24 24 22.408 24 15.684V8.316C24 1.592 22.408 0 15.684 0zm3.692 17.123h-1.744c-.66 0-.862-.523-2.049-1.712-1.033-1-1.49-1.135-1.744-1.135-.356 0-.458.102-.458.593v1.559c0 .424-.135.678-1.253.678-1.846 0-3.896-1.118-5.335-3.202C4.624 10.857 4.03 8.57 4.03 8.096c0-.254.102-.491.593-.491h1.744c.44 0 .61.203.78.677.863 2.49 2.303 4.675 2.896 4.675.22 0 .322-.102.322-.66V9.721c-.068-1.186-.695-1.287-.695-1.71 0-.203.169-.407.44-.407h2.744c.373 0 .508.203.508.643v3.473c0 .372.169.508.271.508.22 0 .407-.136.813-.542 1.253-1.406 2.151-3.574 2.151-3.574.119-.254.322-.491.762-.491h1.744c.525 0 .644.271.525.643-.22 1.017-2.354 4.031-2.354 4.031-.186.305-.254.44 0 .78.186.254.796.779 1.203 1.253.745.847 1.32 1.558 1.473 2.049.17.49-.085.744-.576.744z\">\u003c/path>\u003c/svg>"},"youtube":{"label":"YouTube","svg":"\u003csvg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003cpath d=\"M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z\">\u003c/path>\u003c/svg>"},"facebook":{"label":"Facebook","svg":"\u003csvg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003cpath d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\">\u003c/path>\u003c/svg>"}}}); renderer.criticalCss="@font-face {\r\n font-family: 'Onest';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: url(/connect-fonts/onest-cyrillic-ext-400-normal.woff2) format('woff2');\r\n unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\n@font-face {\r\n font-family: 'Onest';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: url(/connect-fonts/onest-cyrillic-400-normal.woff2) format('woff2');\r\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\r\n}\n@font-face {\r\n font-family: 'Onest';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: url(/connect-fonts/onest-latin-ext-400-normal.woff2) format('woff2');\r\n unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\r\n}\n@font-face {\r\n font-family: 'Onest';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: url(/connect-fonts/onest-latin-400-normal.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\n@font-face {\r\n font-family: 'Onest';\r\n font-style: normal;\r\n font-weight: 500;\r\n font-display: swap;\r\n src: url(/connect-fonts/onest-cyrillic-ext-500-normal.woff2) format('woff2');\r\n unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\n@font-face {\r\n font-family: 'Onest';\r\n font-style: normal;\r\n font-weight: 500;\r\n font-display: swap;\r\n src: url(/connect-fonts/onest-cyrillic-500-normal.woff2) format('woff2');\r\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\r\n}\n@font-face {\r\n font-family: 'Onest';\r\n font-style: normal;\r\n font-weight: 500;\r\n font-display: swap;\r\n src: url(/connect-fonts/onest-latin-ext-500-normal.woff2) format('woff2');\r\n unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\r\n}\n@font-face {\r\n font-family: 'Onest';\r\n font-style: normal;\r\n font-weight: 500;\r\n font-display: swap;\r\n src: url(/connect-fonts/onest-latin-500-normal.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\n@font-face {\r\n font-family: 'Onest';\r\n font-style: normal;\r\n font-weight: 600;\r\n font-display: swap;\r\n src: url(/connect-fonts/onest-cyrillic-ext-600-normal.woff2) format('woff2');\r\n unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\n@font-face {\r\n font-family: 'Onest';\r\n font-style: normal;\r\n font-weight: 600;\r\n font-display: swap;\r\n src: url(/connect-fonts/onest-cyrillic-600-normal.woff2) format('woff2');\r\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\r\n}\n@font-face {\r\n font-family: 'Onest';\r\n font-style: normal;\r\n font-weight: 600;\r\n font-display: swap;\r\n src: url(/connect-fonts/onest-latin-ext-600-normal.woff2) format('woff2');\r\n unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\r\n}\n@font-face {\r\n font-family: 'Onest';\r\n font-style: normal;\r\n font-weight: 600;\r\n font-display: swap;\r\n src: url(/connect-fonts/onest-latin-600-normal.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\n@font-face {\r\n font-family: 'Onest';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: url(/connect-fonts/onest-cyrillic-ext-700-normal.woff2) format('woff2');\r\n unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\n@font-face {\r\n font-family: 'Onest';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: url(/connect-fonts/onest-cyrillic-700-normal.woff2) format('woff2');\r\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\r\n}\n@font-face {\r\n font-family: 'Onest';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: url(/connect-fonts/onest-latin-ext-700-normal.woff2) format('woff2');\r\n unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\r\n}\n@font-face {\r\n font-family: 'Onest';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: url(/connect-fonts/onest-latin-700-normal.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\nhtml:has(.connect-shell),\nhtml:has(.connect-shell) body,\nbody:has(.connect-shell) {\r\n font-family: \"Onest\", system-ui, sans-serif;\r\n}\n.connect-shell {\r\n transition: background-color 0.25s ease, color 0.25s ease;\r\n}\n.connect-shell {\r\n scrollbar-color: var(--connect-theme, #6366f1) transparent;\r\n scrollbar-width: thin;\r\n}\n.connect-shell ::-webkit-scrollbar {\r\n width: 8px;\r\n height: 8px;\r\n}\n.connect-shell ::-webkit-scrollbar-track {\r\n background: transparent;\r\n}\n.connect-shell ::-webkit-scrollbar-thumb {\r\n background: color-mix(in srgb, var(--connect-theme, #6366f1) 65%, transparent);\r\n border-radius: 8px;\r\n border: 2px solid transparent;\r\n background-clip: padding-box;\r\n}\n.connect-shell ::-webkit-scrollbar-thumb:hover {\r\n background: var(--connect-theme, #6366f1);\r\n background-clip: padding-box;\r\n}\n.connect-shell *,\n.connect-shell *::before,\n.connect-shell *::after {\r\n box-sizing: border-box;\r\n}\nhtml:has(.connect-shell),\nbody:has(.connect-shell) {\r\n height: 100%;\r\n min-height: 100%;\r\n min-height: 100dvh;\r\n overflow: hidden;\r\n overscroll-behavior: none;\r\n max-width: 100%;\r\n background: var(--connect-brand-bg, #000) !important;\r\n color: var(--connect-text, inherit) !important;\r\n}\nhtml:has(.connect-shell[data-mnb-theme=\"light\"]),\nbody:has(.connect-shell[data-mnb-theme=\"light\"]) {\r\n background: var(--connect-brand-bg, #f1f5f9) !important;\r\n}\n.connect-shell {\r\n font-family: \"Onest\", system-ui, sans-serif;\r\n /* Один раз на корне shell: margin/padding визитки с баннером используют ту же величину,\r\n иначе WebKit иногда даёт рассинхрон между двумя вызовами env() до reflow (ротация). */\r\n --connect-safe-top: var(--connect-overlay-safe-top, env(safe-area-inset-top, 0px));\r\n --connect-safe-bottom: env(safe-area-inset-bottom, 0px);\r\n /* Shell = единственный scroll-контейнер: нужна ограниченная высота, иначе при overflow-y:auto блок растёт с контентом и скролла нет\r\n (body overflow:hidden → «заморозка»). Высота = визуальный viewport; нижний safe-area — в padding .connect-shell-inner. */\r\n box-sizing: border-box;\r\n /* vh — fallback для движков без dvh; dvh — учёт мобильной панели URL там, где доступно */\r\n height: 100vh;\r\n min-height: 100vh;\r\n max-height: 100vh;\r\n height: 100dvh;\r\n min-height: 100dvh;\r\n max-height: 100dvh;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */\r\n overscroll-behavior: none; /* no rubber-band on iOS */\r\n\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n /* iPhone/PWA: viewport-fit=cover отдаёт страницу под статус-бар. Верхний safe-area\r\n держим на shell, чтобы баннеры не залезали под время/сеть/Dynamic Island. */\r\n padding:\r\n var(--connect-safe-top)\r\n calc(env(safe-area-inset-right, 0px))\r\n 0\r\n calc(env(safe-area-inset-left, 0px));\r\n position: relative;\r\n touch-action: pan-y;\r\n width: 100%;\r\n max-width: 100%;\r\n min-width: 0;\r\n /* Fallback фон — чёрный (нейтральный). Фирменный background_color перекроет его как только\r\n придут данные бренда (layout-script из localStorage или fetch /brand endpoint). */\r\n background: var(--connect-brand-bg, #000);\r\n /* Цвет текста из настроек бизнеса (text_color → --connect-text на .connect-shell в page.jsx) */\r\n color: var(--connect-text, #f1f5f9);\r\n transition: background-color 0.2s ease;\r\n}\n.connect-shell[data-connect-splash-active=\"1\"] {\r\n overflow: hidden;\r\n touch-action: none;\r\n -webkit-overflow-scrolling: auto;\r\n}\nhtml[data-connect-brand-ready] .connect-shell,\n.connect-shell[style*=\"--connect-theme\"] {\r\n background:\r\n radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--connect-theme, transparent) 22%, transparent), transparent 55%),\r\n var(--connect-brand-bg, #000);\r\n}\n.connect-shell[data-mnb-theme=\"light\"] {\r\n background: var(--connect-brand-bg, #f1f5f9);\r\n color: var(--connect-text, #1e293b) !important;\r\n}\nhtml[data-connect-brand-ready] .connect-shell[data-mnb-theme=\"light\"],\n.connect-shell[data-mnb-theme=\"light\"][style*=\"--connect-theme\"] {\r\n background:\r\n radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--connect-theme, transparent) 12%, transparent), transparent 50%),\r\n var(--connect-brand-bg, #f1f5f9);\r\n}\n.connect-shell[data-mnb-theme=\"light\"],\n.connect-shell[data-mnb-theme=\"light\"] *:not(button) {\r\n color: inherit;\r\n}\n.connect-shell[data-mnb-theme=\"light\"] p,\n.connect-shell[data-mnb-theme=\"light\"] span,\n.connect-shell[data-mnb-theme=\"light\"] h1,\n.connect-shell[data-mnb-theme=\"light\"] h2,\n.connect-shell[data-mnb-theme=\"light\"] h3,\n.connect-shell[data-mnb-theme=\"light\"] strong,\n.connect-shell[data-mnb-theme=\"light\"] label,\n.connect-shell[data-mnb-theme=\"light\"] li,\n.connect-shell[data-mnb-theme=\"light\"] div {\r\n color: var(--connect-text, #1e293b);\r\n}\n.connect-shell[data-mnb-theme=\"light\"] .connect-shell-inner {\r\n background: rgba(255,255,255,0.9) !important;\r\n border-color: rgba(0,0,0,0.08) !important;\r\n color: var(--connect-text, #1e293b) !important;\r\n}\n.connect-shell[data-mnb-theme=\"light\"][data-connect-brand-text=\"1\"] .connect-shell-inner {\r\n background: color-mix(in srgb, var(--connect-brand-bg, #f8fafc) 94%, #fff) !important;\r\n color: var(--connect-text) !important;\r\n}\n.connect-shell[data-mnb-theme=\"light\"] .connect-biz-name-left,\n.connect-shell[data-mnb-theme=\"light\"] .connect-biz-address-left {\r\n color: var(--connect-text, #0f172a) !important;\r\n opacity: 1;\r\n}\n.connect-shell[data-mnb-theme=\"light\"] .connect-biz-address-left {\r\n opacity: 0.78;\r\n}\n.connect-shell[data-mnb-theme=\"light\"] .connect-biz-extra-btn {\r\n background: rgba(0, 0, 0, 0.05);\r\n border-color: color-mix(in srgb, var(--connect-theme, #6366f1) 22%, rgba(0, 0, 0, 0.12));\r\n color: var(--connect-text, #1e293b);\r\n}\n.connect-shell[data-mnb-theme=\"light\"] .connect-biz-extra-btn:hover {\r\n background: rgba(0, 0, 0, 0.08);\r\n border-color: color-mix(in srgb, var(--connect-theme, #6366f1) 35%, rgba(0, 0, 0, 0.16));\r\n}\n.connect-shell[data-mnb-theme=\"light\"] .connect-biz-extra-btn--primary {\r\n background: linear-gradient(\r\n 135deg,\r\n var(--connect-primary-bg-start, #7678f3) 0%,\r\n var(--connect-primary-bg-end, #6366f1) 100%\r\n );\r\n border: 1px solid color-mix(in srgb, var(--connect-theme, #6366f1) 70%, transparent);\r\n color: var(--connect-primary-fg, #000);\r\n box-shadow: 0 4px 14px color-mix(in srgb, var(--connect-theme, #6366f1) 38%, transparent);\r\n}\n.connect-shell[data-mnb-theme=\"light\"] .connect-biz-extra-btn--primary:hover {\r\n background: linear-gradient(\r\n 135deg,\r\n var(--connect-primary-bg-start, #7678f3) 0%,\r\n var(--connect-primary-bg-end, #6366f1) 100%\r\n );\r\n border-color: color-mix(in srgb, var(--connect-theme, #6366f1) 85%, transparent);\r\n}\n.connect-shell-inner,\n.connect-shell-inner.card,\n.connect-shell-inner.card.glass {\r\n max-width: 460px;\r\n width: 100%;\r\n min-width: 0;\r\n /* BFC + заполнение высоты shell: убирает «пустой подвал» под коротким контентом на iPhone. */\r\n display: flow-root;\r\n flex: 1 1 auto;\r\n min-height: 100%;\r\n align-self: center;\r\n /* Top = 0: чтобы первый элемент (баннер-слайдер на done-шаге) прижимался к верху экрана\r\n без пустого пространства. Для welcome/push/contact экранов padding сверху задаётся на\r\n дочерней .connect-section через safe-area, чтобы контент не лез под «чёлку» iPhone. */\r\n /* Нижний safe-area один раз здесь (переменная с .connect-shell), не дублируем на shell. */\r\n padding: 0 20px calc(8px + var(--connect-safe-bottom));\r\n text-align: center;\r\n margin-top: 0;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-bottom: 0;\r\n /* layout-containment ломал якорь position:fixed у splash (скачки прелоудера между этапами). */\r\n contain: style;\r\n background: transparent !important;\r\n border: none !important;\r\n box-shadow: none !important;\r\n backdrop-filter: none !important;\r\n -webkit-backdrop-filter: none !important;\r\n border-radius: 0 !important;\r\n}\n.connect-shell-inner > .connect-section {\r\n margin-top: 12px;\r\n}\n.connect-shell-inner > .connect-biz-card {\r\n margin-top: 0;\r\n}\n.connect-section {\r\n text-align: left;\r\n margin-top: 8px;\r\n}\n.connect-shell[data-connect-ios-pwa=\"1\"] {\r\n background:\r\n radial-gradient(1px 1px at 8% 12%, rgba(255,255,255,0.45) 50%, transparent 52%),\r\n radial-gradient(1px 1px at 22% 8%, rgba(255,255,255,0.35) 50%, transparent 52%),\r\n radial-gradient(1px 1px at 78% 18%, rgba(255,255,255,0.4) 50%, transparent 52%),\r\n radial-gradient(1px 1px at 92% 28%, rgba(255,255,255,0.3) 50%, transparent 52%),\r\n radial-gradient(1px 1px at 15% 42%, rgba(255,255,255,0.25) 50%, transparent 52%),\r\n radial-gradient(1px 1px at 55% 6%, rgba(255,255,255,0.35) 50%, transparent 52%),\r\n radial-gradient(1px 1px at 88% 55%, rgba(255,255,255,0.28) 50%, transparent 52%),\r\n radial-gradient(1px 1px at 40% 65%, rgba(255,255,255,0.22) 50%, transparent 52%),\r\n radial-gradient(1px 1px at 70% 78%, rgba(255,255,255,0.2) 50%, transparent 52%),\r\n radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--connect-theme, #6366f1) 32%, transparent), transparent 52%),\r\n linear-gradient(168deg, #0c0618 0%, #1a0f32 42%, #0f172a 100%);\r\n}\n.connect-shell[data-mnb-theme=\"light\"][data-connect-ios-pwa=\"1\"] {\r\n background:\r\n radial-gradient(1px 1px at 10% 14%, rgba(99,102,241,0.35) 50%, transparent 52%),\r\n radial-gradient(1px 1px at 85% 22%, rgba(147,51,234,0.25) 50%, transparent 52%),\r\n radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--connect-theme, #6366f1) 18%, transparent), transparent 55%),\r\n linear-gradient(168deg, #e8e4f7 0%, #f1effa 45%, #e2ddf5 100%);\r\n}\n.connect-biz-card {\r\n text-align: center;\r\n padding: 0;\r\n color: var(--connect-text, inherit);\r\n}\n.connect-biz-banner-slider {\r\n position: relative;\r\n width: calc(100% + 40px);\r\n margin: 0 -20px 14px;\r\n overflow: hidden;\r\n background: var(--connect-brand-bg, #0f172a);\r\n /* f2e6: cabinet phone preview is a flush rectangle — no radius/border crop. */\r\n border: 0;\r\n border-radius: 0;\r\n box-sizing: border-box;\r\n user-select: none;\r\n touch-action: pan-y;\r\n overscroll-behavior-x: contain;\r\n}\n.connect-biz-banner-slider--poster {\r\n /* Квадрат 1:1 — слот заполняется целиком, как на production. */\r\n aspect-ratio: 1 / 1;\r\n height: auto;\r\n}\n.connect-biz-banner-slider--poster .connect-biz-banner-img {\r\n object-fit: cover;\r\n}\n.connect-biz-banner-slider--wide {\r\n /* Wide master fills 16:9. Square is a 1:1 center window on the same file. */\r\n aspect-ratio: 16 / 9;\r\n height: auto;\r\n max-height: clamp(205px, 58vw, 320px);\r\n}\n.connect-biz-banner-slider--wide .connect-biz-banner-img {\r\n object-fit: cover;\r\n}\n@media (min-width: 900px) {\r\n .connect-biz-banner-slider--wide {\r\n max-height: 220px;\r\n }\r\n}\n.connect-section.connect-biz-card .connect-biz-banner-slider--wide {\r\n aspect-ratio: 16 / 9;\r\n max-height: none;\r\n}\n.connect-section.connect-biz-card .connect-biz-banner-slider--poster {\r\n aspect-ratio: 1 / 1;\r\n max-height: none;\r\n}\n.connect-biz-banner-track {\r\n display: flex;\r\n align-items: stretch;\r\n height: 100%;\r\n min-height: 0;\r\n transition: transform 550ms cubic-bezier(.22, .61, .36, 1);\r\n will-change: transform;\r\n}\n.connect-biz-banner-slide {\r\n position: relative;\r\n height: 100%;\r\n min-height: 0;\r\n min-width: 0;\r\n flex-shrink: 0;\r\n box-sizing: border-box;\r\n background: var(--connect-brand-bg, #0f172a);\r\n background:\r\n linear-gradient(135deg,\r\n color-mix(in srgb, var(--connect-theme, #6366f1) 18%, var(--connect-brand-bg, #0f172a)),\r\n var(--connect-brand-bg, #0f172a));\r\n}\n.connect-biz-banner-img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center center;\r\n display: block;\r\n flex-shrink: 0;\r\n pointer-events: none;\r\n background: var(--connect-brand-bg, #0f172a);\r\n opacity: 1;\r\n transition: opacity 180ms ease;\r\n}\n.connect-biz-header-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 14px;\r\n text-align: left;\r\n}\n.connect-biz-logo-sq {\r\n flex-shrink: 0;\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: color-mix(in srgb, var(--connect-theme, #6366f1) 18%, rgba(0,0,0,0.35));\r\n box-shadow: 0 6px 20px rgba(0,0,0,0.35);\r\n}\n.connect-biz-logo-sq img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n}\n.connect-biz-header-text {\r\n flex: 1;\r\n min-width: 0;\r\n}\n.connect-biz-name-left {\r\n margin: 0 0 6px;\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n word-break: break-word;\r\n}\n.connect-biz-address-left {\r\n margin: 0;\r\n font-size: 0.82rem;\r\n text-align: left;\r\n padding: 0;\r\n opacity: 0.78;\r\n}\n.connect-biz-address-line {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 6px;\r\n font-size: 0.88rem;\r\n opacity: 0.8;\r\n margin: 0 0 10px;\r\n text-align: left;\r\n line-height: 1.4;\r\n}\n.connect-biz-extra-actions {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n width: 100%;\r\n margin-bottom: 16px;\r\n}\n.connect-biz-extra-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: rgba(255, 255, 255, 0.06);\r\n border: 1px solid color-mix(in srgb, var(--connect-theme, #6366f1) 35%, rgba(255, 255, 255, 0.2));\r\n color: inherit;\r\n font-size: 0.92rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: background 0.15s, border-color 0.15s, opacity 0.15s;\r\n font-family: inherit;\r\n}\n.connect-biz-extra-btn:hover {\r\n background: rgba(255, 255, 255, 0.1);\r\n border-color: color-mix(in srgb, var(--connect-theme, #6366f1) 55%, rgba(255, 255, 255, 0.25));\r\n}\n.connect-biz-extra-btn:active {\r\n opacity: 0.92;\r\n}\n.connect-biz-extra-btn--primary {\r\n background: linear-gradient(\r\n 135deg,\r\n var(--connect-primary-bg-start, #7678f3) 0%,\r\n var(--connect-primary-bg-end, #6366f1) 100%\r\n );\r\n border: 1px solid color-mix(in srgb, var(--connect-theme, #6366f1) 70%, transparent);\r\n color: var(--connect-primary-fg, #000);\r\n box-shadow: 0 4px 14px color-mix(in srgb, var(--connect-theme, #6366f1) 38%, transparent);\r\n}\n.connect-biz-extra-btn--primary:hover {\r\n background: linear-gradient(\r\n 135deg,\r\n var(--connect-primary-bg-start, #7678f3) 0%,\r\n var(--connect-primary-bg-end, #6366f1) 100%\r\n );\r\n border-color: color-mix(in srgb, var(--connect-theme, #6366f1) 85%, transparent);\r\n}\n.connect-biz-extra-btn svg {\r\n flex-shrink: 0;\r\n opacity: 0.95;\r\n}\n.connect-shell[data-connect-tabbar=\"1\"] {\r\n /* Резерв под fixed-таббар: по авто-замеру, fallback если скрипт ещё не отработал. */\r\n --connect-client-tabbar-reserve: var(\r\n --connect-client-tabbar-reserve-auto,\r\n calc(72px + var(--connect-safe-bottom, env(safe-area-inset-bottom, 0px)))\r\n );\r\n scroll-padding-bottom: var(--connect-client-tabbar-reserve);\r\n}\nhtml[data-connect-ios-standalone=\"1\"] .connect-shell {\r\n --connect-safe-bottom: 0px;\r\n height: calc(100dvh + var(--connect-viewport-undershoot, 0px));\r\n min-height: calc(100dvh + var(--connect-viewport-undershoot, 0px));\r\n max-height: calc(100dvh + var(--connect-viewport-undershoot, 0px));\r\n}\n.connect-shell textarea,\n.connect-shell select,\n.connect-shell input:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"button\"]):not([type=\"submit\"]):not([type=\"reset\"]):not([type=\"hidden\"]):not([type=\"range\"]) {\r\n font-size: 16px !important;\r\n}\n@keyframes connect-fade-in {\r\n from { opacity: 0; transform: translateY(6px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\n.connect-client-unavailable-preview {\r\n position: absolute;\r\n inset: 0;\r\n overflow: hidden;\r\n pointer-events: none;\r\n user-select: none;\r\n opacity: 0.72;\r\n filter: saturate(0.92);\r\n}\n.connect-client-unavailable-preview .connect-shell-inner {\r\n min-height: 100dvh;\r\n max-height: 100dvh;\r\n overflow: hidden;\r\n padding-top: max(12px, env(safe-area-inset-top, 0px));\r\n padding-bottom: max(12px, env(safe-area-inset-bottom, 0px));\r\n box-sizing: border-box;\r\n}\n.connect-client-unavail-preview-card {\r\n margin-top: 0;\r\n}\n.connect-client-unavail-preview-map-ph {\r\n width: 100%;\r\n height: 148px;\r\n border-radius: 14px;\r\n margin: 14px 0 16px;\r\n background: color-mix(in srgb, var(--connect-brand-bg, #e5e7eb) 55%, #fff);\r\n border: 1px solid color-mix(in srgb, var(--connect-text, #111827) 8%, transparent);\r\n}\n.connect-client-unavail-preview-muted {\r\n opacity: 0.65;\r\n}\n.connect-client-unavail-preview-cards {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n margin-top: 14px;\r\n}\n.connect-client-unavail-preview-card-ph {\r\n min-height: 72px;\r\n border-radius: 12px;\r\n background: color-mix(in srgb, var(--connect-brand-bg, #e5e7eb) 45%, #fff);\r\n border: 1px solid color-mix(in srgb, var(--connect-text, #111827) 6%, transparent);\r\n}\n.connect-client-unavailable-overlay {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 30;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: max(20px, env(safe-area-inset-top, 0px)) 18px max(20px, env(safe-area-inset-bottom, 0px));\r\n box-sizing: border-box;\r\n background: rgba(15, 23, 42, 0.22);\r\n backdrop-filter: blur(7px);\r\n -webkit-backdrop-filter: blur(7px);\r\n}\n.connect-client-unavailable-card {\r\n width: 100%;\r\n max-width: min(400px, calc(100vw - 36px));\r\n padding: 28px 22px 22px;\r\n border-radius: 20px;\r\n background: #ffffff;\r\n box-shadow: 0 10px 40px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.06);\r\n text-align: center;\r\n box-sizing: border-box;\r\n animation: connect-fade-in 0.35s ease both;\r\n}\n.connect-client-unavailable-art {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: 8px;\r\n}\n.connect-client-unavailable-art__svg {\r\n display: block;\r\n}\n.connect-client-unavailable-title {\r\n margin: 0 0 10px;\r\n font-size: clamp(1.12rem, 4.5vw, 1.28rem);\r\n font-weight: 800;\r\n letter-spacing: -0.02em;\r\n line-height: 1.25;\r\n color: #1f2937;\r\n}\n.connect-client-unavailable-lead {\r\n margin: 0 0 16px;\r\n font-size: 0.92rem;\r\n line-height: 1.55;\r\n color: #6b7280;\r\n}\n.connect-client-unavailable-contacts {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n}\n.connect-client-unavailable-contact {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 14px;\r\n border: 1px solid #e5e7eb;\r\n background: #f3f4f6;\r\n color: #6b7280;\r\n text-decoration: none;\r\n flex-shrink: 0;\r\n transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;\r\n}\n.connect-client-unavailable-contact:hover {\r\n background: #e5e7eb;\r\n border-color: #d1d5db;\r\n color: #4b5563;\r\n}\n.connect-client-unavailable-contact svg {\r\n width: 22px;\r\n height: 22px;\r\n display: block;\r\n}\n.connect-client-unavailable-actions {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n}\n.connect-client-unavailable-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n width: 100%;\r\n min-height: 46px;\r\n padding: 11px 16px;\r\n border-radius: 12px;\r\n font-family: inherit;\r\n font-size: 0.92rem;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n text-decoration: none;\r\n cursor: pointer;\r\n box-sizing: border-box;\r\n transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;\r\n}\n.connect-client-unavailable-btn--ghost {\r\n border: 1px solid #d1d5db;\r\n background: #ffffff;\r\n color: #4b5563;\r\n}\n.connect-client-unavailable-btn--ghost:hover {\r\n background: #f9fafb;\r\n border-color: #9ca3af;\r\n}"; (function u(a,b,c){if(a.__mnb_start_connect_public_config_v1)return;let{buildConnectClientUnavailableMarkup:d,buildConnectUnavailablePublicChannels:e,criticalCss:f}=c,g=/^[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?$/,h=a.location;function i(c){let d=String(h.hostname||"").toLowerCase(),e=b&&d===c+"."+b,f=d===b||"localhost"===d||"127.0.0.1"===d,i=a.__mnb_connect_prejs_host_binding,j=i?.host===d&&i?.slug===c;return g.test(c)&&(e||j||f&&new URL(h.href).searchParams.get("s")===c)}function j(b){if(!i(b))return;let c=a.document,g=a.__mnb_connect_prejs_tariff_gate?.slug===b?a.__mnb_connect_prejs_tariff_gate:{slug:b,pendingStylesheets:[]},h=c.getElementById("mnb-connect-public-unavailable");h||((h=c.createElement("div")).id="mnb-connect-public-unavailable",h.className="connect-shell connect-shell--client-unavailable",h.setAttribute("data-mnb-public-only","1"),h.style.position="fixed",h.style.inset="0",h.style.zIndex="2147483647",(c.body||c.documentElement).appendChild(h),c.body||c.addEventListener("DOMContentLoaded",()=>{c.body&&c.getElementById(h.id)===h&&a.__mnb_connect_prejs_tariff_gate===g&&(h.remove(),c.body.appendChild(h))},{once:!0}),h.addEventListener("click",b=>{b.target?.closest?.(".connect-client-unavailable-btn")&&a.location.reload()}));let j=function(b){let c=a.__mnb_early_brand;if(c&&c.slug===b)return c;let d=a.document.documentElement;return d.getAttribute("data-mnb-connect-pwa-slug")!==b?{}:{title:d.getAttribute("data-mnb-connect-pwa-title"),logo_url:d.getAttribute("data-mnb-connect-pwa-boot-logo")||d.getAttribute("data-mnb-connect-pwa-icon"),background_color:d.getAttribute("data-mnb-connect-pwa-background")}}(b);for(let[a,b]of[["background_color","--connect-brand-bg"],["theme_color","--connect-theme"],["text_color","--connect-text"]])/^#[0-9a-f]{6}$/i.test(String(j[a]||""))&&h.style.setProperty(b,j[a]);for(let a of(h.innerHTML=d({title:j.title||b,logoSrc:j.logo_url_raw||j.logo_url||"",bannerSrc:j.banners?.[0]||"",channels:e(j,b)}),c.documentElement.setAttribute("data-mnb-connect-public-block",b),c.querySelectorAll('link[rel="stylesheet"]'))){let b=!1;try{b=!!a.sheet}catch{}b||g.pendingStylesheets.some(b=>b.link===a)||(g.pendingStylesheets.push({link:a,disabled:!0===a.disabled}),a.disabled=!0)}if(!c.getElementById("mnb-connect-public-unavailable-style")){let a=c.createElement("style");a.id="mnb-connect-public-unavailable-style",a.textContent=f+'\nhtml[data-mnb-connect-public-block] body > *:not(#mnb-connect-public-unavailable):not(script):not(style){display:none!important}\nhtml[data-mnb-connect-public-block] #mnb-connect-public-unavailable[data-mnb-public-only="1"]{visibility:visible!important;pointer-events:auto!important;display:block!important}',c.head.appendChild(a)}for(let a of["mnb-connect-early-boot","mnb-connect-update-shield","mnb-update-shield","mnb-connect-html-cover"])c.getElementById(a)?.remove();a.__mnb_connect_prejs_tariff_gate=g,a.__mnb_connect_boot_released=!0,a.__mnbConnectBootTrace?.record("connect_splash_released",{ok:!0})}a.__mnb_start_connect_public_config_v1=function(b){let c,d=String(b||"").trim().toLowerCase();if(!i(d)||!["https:","http:"].includes(h.protocol))return null;let e=h.origin+"/api-platform/api/connect/public/config?s="+encodeURIComponent(d)+"&host="+encodeURIComponent(h.hostname.toLowerCase()),f=a.__mnb_connect_prejs_config_v1,g=f?Date.now()-f.startedAt:1/0;if(f?.url===e&&!f.superseded&&Number.isFinite(g)&&g>=0&&g<15e3)return f.promise;let k={url:e,slug:d,startedAt:Date.now(),consumed:!1,promise:null};a.__mnbConnectBootTrace?.record("connect_config_started");let l=new a.AbortController,m=new Promise((b,d)=>{c=a.setTimeout(()=>{l.abort(),d(Object.assign(Error("Public config timeout"),{code:"REQUEST_TIMEOUT"}))},6e3)});return k.promise=Promise.race([(async()=>{let b=await a.fetch(e,{method:"GET",credentials:"omit",cache:"no-store",redirect:"error",signal:l.signal});return{status:b.status,json:await b.json(),requestId:b.headers?.get?.("x-request-id")||""}})(),m]).then(b=>(a.__mnbConnectBootTrace?.record("connect_config_complete",{ok:200===b.status&&b.json?.ok===!0}),a.__mnb_connect_prejs_config_v1===k&&!k.superseded&&i(d)&&403===b.status&&b.json?.ok===!1&&["CONNECT_SUBSCRIPTION_INACTIVE","QR_INACTIVE"].includes(b.json?.code)&&j(d),b)).catch(b=>{throw a.__mnbConnectBootTrace?.record("connect_config_complete",{ok:!1}),b}).finally(()=>a.clearTimeout(c)),k.promise.catch(()=>{}),a.__mnb_connect_prejs_config_v1=k,k.promise},a.addEventListener("mnb:earlyBrand",()=>{let b=a.__mnb_connect_prejs_tariff_gate;b&&j(b.slug)});let k=String(h.hostname||"").toLowerCase(),l="."+b,m=b&&k.endsWith(l)?k.slice(0,-l.length):"";g.test(m)?a.__mnb_start_connect_public_config_v1(m):k===b||"localhost"===k||"127.0.0.1"===k?a.__mnb_start_connect_public_config_v1(new URL(h.href).searchParams.get("s")):"https:"===h.protocol&&k.includes(".")&&!k.endsWith(".mynewbusiness.ru")&&a.__mnb_resolve_custom_host_v1&&a.__mnb_resolve_custom_host_v1({origin:h.origin,hostname:k}).then(b=>{g.test(b?.slug||"")&&a.location.hostname===k&&(a.__mnb_connect_prejs_host_binding={host:k,slug:b.slug},a.__mnb_start_connect_public_config_v1(b.slug))}).catch(()=>{})})(window,"app.mynewbusiness.ru",renderer); })(); (function(){ try { if (typeof window === 'undefined') return; var u = new URL(window.location.href); // Canon: . → slug из поддомена. // Legacy fallback: /c/?s= → slug из query. // Логика повторяет lib/connect-slug.js, но реализована inline, потому что этот скрипт // выполняется ДО bundle (нужен быстрый бренд-prefetch и manifest-link до первого paint). var PILOT_BASE = "app.mynewbusiness.ru"; var SLUG_LABEL_RE = /^[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?$/; function pilotSlugFromHost() { try { var host = String(window.location.hostname || '').trim().toLowerCase(); if (!PILOT_BASE) return ''; if (!host || host === PILOT_BASE) return ''; var suffix = '.' + PILOT_BASE; if (host.length <= suffix.length) return ''; if (host.indexOf(suffix, host.length - suffix.length) === -1) return ''; var label = host.slice(0, host.length - suffix.length); if (label.indexOf('.') !== -1) return ''; return SLUG_LABEL_RE.test(label) ? label : ''; } catch (_) { return ''; } } function isLegacyQueryHost() { try { var host = String(window.location.hostname || '').trim().toLowerCase(); return !host || host === PILOT_BASE || host === 'localhost' || host === '127.0.0.1' || host === '::1' || host === 'mynewbusiness.ru' || host.endsWith('.mynewbusiness.ru'); } catch (_) { return false; } } var pilotSlug = pilotSlugFromHost(); var customHostMode = !pilotSlug && !isLegacyQueryHost(); var slug = pilotSlug || (customHostMode ? '' : (u.searchParams.get('s') || '').trim()); if (customHostMode && !slug) { try { var hostKey = 'mnb_cd_slug:' + String(window.location.hostname || '').toLowerCase(); var cached = sessionStorage.getItem(hostKey) || ''; if (cached) slug = cached; } catch(_) {} } if (customHostMode && !slug) { // Never sync-XHR here: a hung resolve-host froze cold boot on custom hosts. // Early boot and React join the same bounded complete-response flight. try { // Custom hosts must resolve through their own origin. The proxy then binds // the lookup to the actual forwarded Host instead of a caller supplied URL. window.__mnb_resolve_custom_host_v1({ origin: window.location.origin, hostname: window.location.hostname }) .then(function(rj){ if (!rj || !rj.slug) return; var resolved = String(rj.slug || '').trim(); if (!resolved) return; slug = resolved; try { sessionStorage.setItem('mnb_cd_slug:' + String(window.location.hostname || '').toLowerCase(), resolved); } catch(_) {} try { window.__mnb_connect_slug = resolved; } catch(_) {} try { window.dispatchEvent(new CustomEvent('mnb:connect-slug-resolved', { detail: { slug: resolved, hostname: String(window.location.hostname || '').toLowerCase() } })); } catch(_) {} try { continueConnectBoot(); } catch(_) {} }) .catch(function(){}); } catch(_) {} } var earlyBootStarted = false; // A saved custom-host slug is only a brand hint. The public tariff gate // joins the existing live host resolver before reading another tenant. if (customHostMode) { try { window.__mnb_resolve_custom_host_v1({ origin: window.location.origin, hostname: window.location.hostname }) .then(function(binding) { var exact = String(binding && binding.slug || '').trim().toLowerCase(); if (!SLUG_LABEL_RE.test(exact)) return; window.__mnb_connect_prejs_host_binding = { host: String(window.location.hostname || '').toLowerCase(), slug: exact }; window.__mnb_start_connect_public_config_v1?.(exact); }).catch(function(){}); } catch(_) {} } // If the initial flight failed, React can resolve after reconnect. The // early branding path must resume too, without starting it twice. if (customHostMode && !slug) { var resumeResolvedCustomBoot = function(event) { var detail = event && event.detail; var resolved = String(detail && detail.slug || '').trim().toLowerCase(); var host = String(detail && detail.hostname || '').trim().toLowerCase(); if (host !== String(window.location.hostname || '').toLowerCase() || !SLUG_LABEL_RE.test(resolved)) return; slug = resolved; window.removeEventListener('mnb:connect-slug-resolved', resumeResolvedCustomBoot); try { continueConnectBoot(); } catch(_) {} }; window.addEventListener('mnb:connect-slug-resolved', resumeResolvedCustomBoot); } var CONNECT_PWA_SPLASH_ASSET_GEN = 'sg13'; function buildColdHostSplashIconUrl(siteSlug) { try { var s = String(siteSlug || '').trim().toLowerCase(); if (!s || !SLUG_LABEL_RE.test(s)) return ''; return '/api-platform/api/connect/public/pwa-splash-icon.png?s=' + encodeURIComponent(s) + '&size=512&v=0&g=' + encodeURIComponent(CONNECT_PWA_SPLASH_ASSET_GEN) + '&requireLogo=1'; } catch (_) { return ''; } } function preloadColdHostSplashIcon(href) { try { var src = String(href || '').trim(); if (!src) return; if (document.querySelector('link[rel="preload"][as="image"][href="' + src + '"]')) return; var lnk = document.createElement('link'); lnk.rel = 'preload'; lnk.as = 'image'; lnk.href = src; lnk.setAttribute('fetchpriority', 'high'); document.head.appendChild(lnk); } catch (_) {} } try { var htmlBootLogoEarly = ''; try { htmlBootLogoEarly = document.documentElement.getAttribute('data-mnb-connect-pwa-boot-logo') || ''; } catch (_) {} if (slug && !htmlBootLogoEarly) preloadColdHostSplashIcon(buildColdHostSplashIconUrl(slug)); } catch (_) {} function continueConnectBoot() { if (!slug || earlyBootStarted) return; earlyBootStarted = true; function isCanonicalTimestampRevision(value) { var s = String(value || '').trim(); if (!/^\d{10,16}$/.test(s)) return false; var n = Number(s); return isFinite(n) && n > 1000000000000; } function compareBrandingRevisions(a, b) { var left = isCanonicalTimestampRevision(a) ? Number(a) : null; var right = isCanonicalTimestampRevision(b) ? Number(b) : null; if (left != null && right != null) return left - right; if (left != null && right == null) return 1; if (left == null && right != null) return -1; return 0; } function shouldTreatHtmlIdentityLogoAsStale(htmlRevision, persistedRevision, apiRevision) { if (apiRevision && compareBrandingRevisions(apiRevision, htmlRevision) > 0) return true; if (persistedRevision && compareBrandingRevisions(persistedRevision, htmlRevision) > 0) return true; return false; } try { window.__mnb_connect_slug = slug; } catch(_) {} try { window.__mnb_start_connect_public_config_v1?.(slug); } catch(_) {} function isEmbeddedOwnerPreview() { try { if (window.self !== window.top) return true; if (String(u.searchParams.get('mnb_brand_warm') || '') === '1') return true; } catch(_) {} return false; } function isStandaloneLike() { if (isEmbeddedOwnerPreview()) return false; try { return Boolean( window.matchMedia && ( window.matchMedia('(display-mode: standalone)').matches || window.matchMedia('(display-mode: fullscreen)').matches || window.matchMedia('(display-mode: minimal-ui)').matches || window.matchMedia('(display-mode: window-controls-overlay)').matches ) ) || Boolean(window.navigator && window.navigator.standalone); } catch(_) { return false; } } if (isStandaloneLike()) { try { localStorage.setItem('mnb_connect_pwa_installed_v1:' + slug, '1'); } catch(_) {} } function isIosDevice() { try { var ua = String((window.navigator && window.navigator.userAgent) || ''); return /iPad|iPhone|iPod/.test(ua) || (window.navigator && window.navigator.platform === 'MacIntel' && Number(window.navigator.maxTouchPoints || 0) > 1); } catch(_) { return false; } } if (isStandaloneLike() && isIosDevice()) { try { document.documentElement.setAttribute('data-connect-ios-standalone', '1'); } catch(_) {} } var key = 'mnb_connect_brand:' + slug; // Имя cookie должно быть ASCII-safe: branch slug может содержать кириллицу // (например maestro-2-филиал), а сырой Unicode в имени cookie ведёт к нестабильному // чтению/записи между браузером и standalone PWA. function slugToken(s) { try { return encodeURIComponent(String(s || '')).replace(/%/g, '_'); } catch(_) { return String(s || ''); } } function isDirectOpenLike() { try { var open = String(u.searchParams.get('open') || '').trim().toLowerCase(); if (['1', 'true', 'yes'].includes(open)) return true; if (String(u.searchParams.get('from') || '').trim().toLowerCase() === 'share') return true; return false; } catch(_) { return false; } } function shouldMountEarlySplash() { if (isStandaloneLike() || isDirectOpenLike()) return true; try { if (pilotSlugFromHost()) return true; } catch (_) {} return false; } function shouldUseCachedBrandForBoot() { if (isStandaloneLike()) return true; try { if (pilotSlugFromHost() && !isDirectOpenLike()) return true; } catch (_) {} return false; } var deviceCookieKey = 'mnb_d_' + slugToken(slug); function readDeviceCookie() { try { var m = document.cookie.match(new RegExp('(?:^|;\s*)' + deviceCookieKey + '=([^;]+)')); if (!m) return ''; var id = decodeURIComponent(m[1]).trim(); return /^[0-9a-f-]{36}$/i.test(id) ? id : ''; } catch(_) { return ''; } } try { var earlyDeviceId = readDeviceCookie(); if (earlyDeviceId) { window.__mnb_early_device_id = earlyDeviceId; try { localStorage.setItem('mnb_connect_device:' + slug, earlyDeviceId); } catch(_) {} } } catch(_) {} var cookieKey = 'mnb_b_' + slugToken(slug); function readBrandCookie() { try { var m = document.cookie.match(new RegExp('(?:^|;\s*)' + cookieKey + '=([^;]+)')); if (!m) return null; var j = JSON.parse(decodeURIComponent(m[1])); return (j && typeof j === 'object') ? j : null; } catch(_) { return null; } } function writeBrandCookie(b) { try { // Compact boot cookie only — full brand+banners overflow iOS 4KB and drop background_color. var hex = function (v) { var s = String(v || '').trim(); return /^#[0-9A-Fa-f]{6}$/.test(s) ? s.toLowerCase() : ''; }; var compact = { slug: slug, branding_revision: b && b.branding_revision ? String(b.branding_revision) : null, background_color: hex(b && b.background_color) || null, theme_color: hex(b && b.theme_color) || null, text_color: hex(b && b.text_color) || null, title: String((b && b.title) || '').trim().slice(0, 80), logo_url_raw: String((b && b.logo_url_raw) || '').trim().slice(0, 280) || null, splash_icon_url: String((b && b.splash_icon_url) || '').trim().slice(0, 280) || null, }; var val = encodeURIComponent(JSON.stringify(compact)); // 30 дней, SameSite=Lax работает для PWA same-origin запросов. document.cookie = cookieKey + '=' + val + '; path=/; max-age=2592000; SameSite=Lax'; } catch(_) {} } function readCachedBrandForBoot() { try { var fromCookie = readBrandCookie(); if (fromCookie && typeof fromCookie === 'object') return fromCookie; } catch(_) {} try { var fromLs = JSON.parse(localStorage.getItem(key) || 'null'); if (fromLs && typeof fromLs === 'object') return fromLs; } catch(_) {} return null; } function applyConnectManifestHref(_revIgnored) { try { var manifestBase = window.location.origin + '/api-platform'; // КРИТИЧНО: URL манифеста должен быть СТАБИЛЬНЫМ (без &v=revision). // Chrome WebAPK перестаёт обновляться, если link[rel=manifest] href меняется // (в т.ч. из‑за cache-bust &v=) — тогда background_color залипает навсегда. // Свежесть: Cache-Control: must-revalidate на /manifest + смена полей внутри JSON. // Wave A: use /connect-pwa//manifest only when the HTML identity shell // already declares it (or a Wave A link is present). Otherwise use the API // JSON manifest — never point at a missing path that SPA-falls to HTML // (iOS then installs a Safari web-clip instead of standalone). var pilotForManifest = pilotSlugFromHost(); var identityManifest = ''; try { identityManifest = String(document.documentElement.getAttribute('data-mnb-connect-pwa-manifest') || '').trim(); } catch(_) {} var existingIdentityLink = document.querySelector('link[rel="manifest"][data-connect-pwa-identity="1"]'); var existingIdentityHref = existingIdentityLink ? String(existingIdentityLink.getAttribute('href') || '').trim() : ''; var manifestHref; if (identityManifest) { manifestHref = identityManifest; } else if (existingIdentityHref.indexOf('/connect-pwa/') === 0) { manifestHref = existingIdentityHref; } else if (pilotForManifest) { // Pilot host without identity shell yet: API JSON (same-origin proxy). var manifestQs = '?s=' + encodeURIComponent(slug); manifestHref = manifestBase + '/api/connect/public/manifest' + manifestQs; } else { var manifestQs2 = '?s=' + encodeURIComponent(slug); manifestHref = manifestBase + '/api/connect/public/manifest' + manifestQs2; } var manifestLinks = document.querySelectorAll('link[rel="manifest"]'); var manifestLink = document.querySelector('link[rel="manifest"][data-connect-pwa-identity="1"]') || document.querySelector('link[rel="manifest"][data-connect-manifest]') || manifestLinks[0] || null; if (!manifestLink) { manifestLink = document.createElement('link'); manifestLink.rel = 'manifest'; document.head.appendChild(manifestLink); } if (manifestLink.getAttribute('href') !== manifestHref) { // Idempotent update in place — do not thrash nodes (Safari install race). manifestLink.setAttribute('href', manifestHref); } manifestLink.setAttribute('data-connect-manifest', '1'); if (identityManifest || (existingIdentityHref && manifestHref.indexOf('/connect-pwa/') === 0)) { manifestLink.setAttribute('data-connect-pwa-identity', '1'); } for (var mi = 0; mi < manifestLinks.length; mi++) { if (manifestLinks[mi] !== manifestLink) { try { manifestLinks[mi].parentNode.removeChild(manifestLinks[mi]); } catch(_) {} } } } catch(_) {} } // Реферальные параметры должны пережить установку PWA. Manifest start_url в pilot-режиме // намеренно равен /c/ без query, поэтому сохраняем rd/mnb_invite в cookie ещё ДО React. try { var rd = String(u.searchParams.get('rd') || '').trim(); var inv = String(u.searchParams.get('mnb_invite') || '').replace(/\D/g, '').slice(0, 6); var refPayload = null; if (/^[0-9a-f-]{36}$/i.test(rd)) { refPayload = { bonus_referrer_device_id: rd }; } else if (inv.length === 6) { refPayload = { mnb_invite: inv }; } if (refPayload) { var refCookieKey = 'mnb_bonus_ref_' + slugToken(slug); document.cookie = refCookieKey + '=' + encodeURIComponent(JSON.stringify(refPayload)) + '; path=/; max-age=2592000; SameSite=Lax'; } } catch(_) {} // Manifest СРАЗУ со стабильным URL (без &v=) — см. applyConnectManifestHref. try { applyConnectManifestHref(); } catch(_) {} // 0. САМЫЙ ПРИОРИТЕТНЫЙ источник — cookie. Это единственное хранилище, // которое iOS Safari и standalone PWA (после установки через «На экран Домой») разделяют // для same-origin. localStorage у них РАЗНЫЙ (изолированный sandbox PWA), поэтому без cookie // при первом открытии установленного PWA мы не знаем бренд — и мигает дефолт. function __mnbNormHex6(hex) { try { var s = String(hex || '').trim(); if (!s) return ''; if (/^#[0-9a-f]{6}$/i.test(s)) return s.toLowerCase(); var m = s.match(/^#([0-9a-f]{3})$/i); if (!m) return ''; var h = m[1]; return ('#' + h[0] + h[0] + h[1] + h[1] + h[2] + h[2]).toLowerCase(); } catch(_) { return ''; } } function __mnbLum(hex) { var n = __mnbNormHex6(hex); if (!n) return 0.5; function lin(c) { return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4); } var r = parseInt(n.slice(1, 3), 16) / 255; var g = parseInt(n.slice(3, 5), 16) / 255; var b = parseInt(n.slice(5, 7), 16) / 255; return 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b); } function __mnbContrast(a, b) { var la = __mnbLum(a); var lb = __mnbLum(b); var lighter = Math.max(la, lb); var darker = Math.min(la, lb); return (lighter + 0.05) / (darker + 0.05); } function __mnbResolveText(bg, tx) { var explicit = __mnbNormHex6(tx); var background = __mnbNormHex6(bg); if (explicit) return explicit; if (!background) return '#f8fafc'; var darkContrast = __mnbContrast(background, '#0f172a'); var lightContrast = __mnbContrast(background, '#f8fafc'); if (Math.max(darkContrast, lightContrast) >= 4.5) { return darkContrast >= lightContrast ? '#0f172a' : '#f8fafc'; } return __mnbContrast(background, '#000000') >= __mnbContrast(background, '#ffffff') ? '#000000' : '#ffffff'; } function __mnbMixHex(first, second, firstWeight) { var a = __mnbNormHex6(first); var b = __mnbNormHex6(second); if (!a || !b) return ''; var w = Math.max(0, Math.min(1, Number(firstWeight))); function byte(offset) { var value = Math.round(parseInt(a.slice(offset, offset + 2), 16) * w + parseInt(b.slice(offset, offset + 2), 16) * (1 - w)); return value.toString(16).padStart(2, '0'); } return '#' + byte(1) + byte(3) + byte(5); } function __mnbPrimaryPalette(theme) { var tc = __mnbNormHex6(theme) || '#6366f1'; var foreground = __mnbContrast(tc, '#000000') >= __mnbContrast(tc, '#ffffff') ? '#000000' : '#ffffff'; var target = foreground === '#000000' ? '#ffffff' : '#000000'; return { foreground: foreground, backgroundStart: __mnbMixHex(tc, target, 0.88) || tc, backgroundEnd: tc }; } function __mnbPrimaryFg(theme) { return __mnbPrimaryPalette(theme).foreground; } // Первый web-кадр продолжает нативный launch screen тем же background_color. // После сохранения «Бизнес» pilot-cookie заранее обновляет hidden warm iframe // (warmConnectBrandPilotIframe), поэтому нельзя заменять сохранённый цвет на // нейтральный: это давало скачок manifest color → #050817 → brand color. var NEUTRAL_SPLASH_BG = '#050817'; function __mnbApplyBrandCssVars(root, brand, opts) { if (!root || !brand) return; var applyBg = !(opts && opts.skipBackground); if (brand.theme_color) root.style.setProperty('--connect-theme', brand.theme_color); if (applyBg && brand.background_color) root.style.setProperty('--connect-brand-bg', brand.background_color); var effText = __mnbResolveText(applyBg ? brand.background_color : NEUTRAL_SPLASH_BG, brand.text_color); if (effText) root.style.setProperty('--connect-text', effText); if (brand.theme_color) { var primary = __mnbPrimaryPalette(brand.theme_color); root.style.setProperty('--connect-primary-fg', primary.foreground); root.style.setProperty('--connect-primary-bg-start', primary.backgroundStart); root.style.setProperty('--connect-primary-bg-end', primary.backgroundEnd); } if (__mnbNormHex6(brand.text_color)) root.setAttribute('data-connect-brand-text', '1'); else root.removeAttribute('data-connect-brand-text'); if (applyBg && brand.background_color) { root.setAttribute('data-mnb-surface', 'connect'); root.setAttribute('data-mnb-theme', __mnbLum(effText) <= __mnbLum(brand.background_color) ? 'light' : 'dark'); root.setAttribute('data-connect-brand-ready', '1'); var metaTC = document.querySelector('meta[name="theme-color"]'); if (!metaTC) { metaTC = document.createElement('meta'); metaTC.setAttribute('name', 'theme-color'); document.head.appendChild(metaTC); } metaTC.setAttribute('content', brand.background_color); document.documentElement.style.backgroundColor = brand.background_color; if (document.body) document.body.style.backgroundColor = brand.background_color; } } function connectBootAlreadyReleased() { try { if (window.__mnb_connect_boot_released === true) return true; var released = document.getElementById('mnb-connect-early-boot'); if (released && released.getAttribute('data-mnb-early-boot-released') === '1') return true; } catch(_) {} return false; } function mountEarlyStandaloneSplash(brand, opts) { try { if (!shouldMountEarlySplash()) return; if (connectBootAlreadyReleased()) return; var id = 'mnb-connect-early-boot'; var el = document.getElementById(id); var b = brand && typeof brand === 'object' ? brand : {}; // skipBackground → unknown brand color → neutral overlay. // splash_bg_pending alone must NOT force neutral: that painted body brand // color under a #050817 overlay (edge/strip flash) and an empty squircle. var skipBg = Boolean(opts && opts.skipBackground); var pendingConfirm = Boolean(b.splash_bg_pending); var knownBg = String(b.background_color || '').trim(); // Never paint logo-on-#050817 — that is the forbidden dark second PWA frame. // Unknown color: transparent overlay until /brand confirms tenant background. var bg = skipBg ? (knownBg || 'transparent') : (knownBg || 'transparent'); var title = String(b.title || '').trim(); var logo = String(b.logo_url || '').trim(); var logoRaw = String(b.logo_url_raw || logo || '').trim(); var splashIcon = String(b.splash_icon_url || '').trim(); // CRITICAL: splash_icon PNG has background_color BAKED IN. // Never show a cached splash_icon while bg is unconfirmed — that is the // «старый фон на первом экране» after the owner changes color. // logo_url (WebP) is OK: CSS rounds it; no baked bg. var useSplashIcon = Boolean(splashIcon) && !pendingConfirm && !skipBg; var displayLogo = useSplashIcon ? splashIcon : logo; var splashStatusText = (String(location.search || '').indexOf('mnb_reload=') >= 0) ? 'Обновляем…' : 'Загрузка…'; // No logo yet → solid brand/neutral fill only (connect-splash--empty). // Never mount an empty rounded wrap — that is the iOS «пустой прелоудер». var emptyMode = !displayLogo; if (!el) { if (connectBootAlreadyReleased()) return; el = document.createElement('div'); el.id = id; el.className = 'connect-splash connect-splash-overlay' + (emptyMode ? ' connect-splash--empty' : ''); el.setAttribute('role', 'status'); el.setAttribute('aria-live', 'polite'); el.style.cssText = 'position:fixed;inset:0;z-index:2147483646;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:' + bg + ';'; var root = document.body || document.documentElement; if (root) root.appendChild(el); } else { el.style.background = bg; if (emptyMode) el.classList.add('connect-splash--empty'); else el.classList.remove('connect-splash--empty'); } if (useSplashIcon) el.setAttribute('data-mnb-splash-icon', '1'); else el.removeAttribute('data-mnb-splash-icon'); try { window.__mnb_removeConnectHtmlCover && window.__mnb_removeConnectHtmlCover(); } catch(_) {} if (!emptyMode) { var wrap = el.querySelector('.connect-splash-logo-wrap'); if (!wrap) { wrap = document.createElement('div'); wrap.className = 'connect-splash-logo-wrap'; // Inline radius until connect-shell.css (layout) is applied. wrap.style.cssText = 'width:clamp(160px,48vw,220px);height:clamp(160px,48vw,220px);border-radius:32px;overflow:hidden;flex-shrink:0;'; el.insertBefore(wrap, el.firstChild || null); } else { wrap.style.width = 'clamp(160px, 48vw, 220px)'; wrap.style.height = 'clamp(160px, 48vw, 220px)'; wrap.style.borderRadius = '32px'; wrap.style.overflow = 'hidden'; wrap.style.flexShrink = '0'; } if (useSplashIcon) { // splash PNG already has brand fill + transparent rounded corners. // Painting brand bg on the wrap fills those corners → sharp square again. wrap.style.background = 'transparent'; wrap.style.boxShadow = 'none'; } else { wrap.style.removeProperty('background'); } var img = wrap.querySelector('img.connect-splash-logo-img'); var ph = wrap.querySelector('.connect-splash-logo-placeholder'); // Compare against the selected visible asset identity (splash PNG vs logo WebP), // not a mix of both — otherwise early boot and React splash swap square↔rounded. var selectedLogoIdentity = useSplashIcon ? splashIcon : (logoRaw || displayLogo); var prevRaw = img ? String(img.getAttribute('data-logo-raw') || img.getAttribute('src') || '').trim() : ''; var sameLogo = Boolean( img && ((selectedLogoIdentity && prevRaw === selectedLogoIdentity) || img.getAttribute('src') === displayLogo) ); if (img && sameLogo) { /* уже показан этот логотип — не трогаем DOM, иначе WebKit моргает */ } else if (img && img.getAttribute('src') === displayLogo) { try { img.setAttribute('data-logo-raw', selectedLogoIdentity); } catch(_) {} } else if (img) { try { img.setAttribute('data-logo-raw', selectedLogoIdentity); } catch(_) {} img.setAttribute('src', displayLogo); } else { if (ph && ph.parentNode) ph.parentNode.removeChild(ph); img = document.createElement('img'); img.className = 'connect-splash-logo-img'; img.setAttribute('alt', ''); img.setAttribute('decoding', 'sync'); img.setAttribute('loading', 'eager'); img.setAttribute('fetchpriority', 'high'); try { img.setAttribute('data-logo-raw', selectedLogoIdentity); } catch(_) {} img.addEventListener('error', function () { try { if (connectBootAlreadyReleased()) return; // HTML-identity and warm-cache images can fail during a network // transition too. Remove the failed image in every path so WebKit // cannot paint its broken-image glyph; keep the existing logo slot, // title and progress geometry until a fresh /brand image arrives. if (img.parentNode) img.parentNode.removeChild(img); if (!el || el.getAttribute('data-mnb-cold-host-splash') !== '1') return; // Only the unknown-brand cold-host path has no useful title yet. el.classList.add('connect-splash--empty'); if (wrap && wrap.parentNode) wrap.parentNode.removeChild(wrap); } catch (_) {} }); img.src = displayLogo; wrap.appendChild(img); } var metaEl = el.querySelector('.connect-splash-meta'); if (!metaEl) { metaEl = document.createElement('div'); metaEl.className = 'connect-splash-meta'; el.appendChild(metaEl); } var titleEl = el.querySelector('.connect-splash-title'); // Always keep a title slot — inserting the business name later must not // push the logo up (iOS preloader jump: «Загрузка…» → title appears). if (!titleEl) { titleEl = document.createElement('p'); titleEl.className = 'connect-splash-title'; metaEl.appendChild(titleEl); } else if (titleEl.parentNode !== metaEl) { metaEl.appendChild(titleEl); } if (title) { titleEl.textContent = title; try { titleEl.removeAttribute('data-empty'); } catch (_) {} } else { titleEl.textContent = ' '; try { titleEl.setAttribute('data-empty', '1'); } catch (_) {} } var textEl = el.querySelector('.connect-splash-text'); if (!textEl) { textEl = document.createElement('p'); textEl.className = 'connect-splash-text'; metaEl.appendChild(textEl); } else if (textEl.parentNode !== metaEl) { metaEl.appendChild(textEl); } if (textEl.textContent !== splashStatusText) textEl.textContent = splashStatusText; if (!el.querySelector('.connect-splash-bar')) { var bar = document.createElement('div'); bar.className = 'connect-splash-bar'; bar.setAttribute('aria-hidden', 'true'); bar.innerHTML = '

'; metaEl.appendChild(bar); } else { var existingBar = el.querySelector('.connect-splash-bar'); if (existingBar.parentNode !== metaEl) metaEl.appendChild(existingBar); } } if (!skipBg && b.background_color) { __mnbApplyBrandCssVars(document.documentElement, b); } else if (emptyMode || skipBg) { __mnbApplyBrandCssVars(document.documentElement, b, { skipBackground: true }); } // The head update shield mounts before this tenant splash exists. // Once this same existing splash is ready, hand off the top layer // without releasing the guarded update state/version checks. var oldUpdateShield = document.getElementById('mnb-connect-update-shield'); if (oldUpdateShield && oldUpdateShield.parentNode && /^#[0-9a-f]{6}$/i.test(String(b.background_color || ''))) { oldUpdateShield.parentNode.removeChild(oldUpdateShield); } try { // Preserve the ordinary splash. Do not invent network diagnoses, // controls or a second reload budget after an elapsed timer. if (!window.__mnb_connect_early_boot_watchdogs) { window.__mnb_connect_early_boot_watchdogs = true; window.setTimeout(function () { var stale = document.getElementById(id); if (stale && stale.parentNode && stale.getAttribute('data-mnb-early-boot-released') !== '1') { try { // Shared owner defers offline navigation and caps attempts. window.__mnb_requestBootRecovery?.('connect-early-boot-stuck'); } catch (_) {} } }, 60000); } } catch(_) {} } catch(_) {} } function withLogoCacheBust(url, rev) { try { var u = String(url || '').trim(); if (!u || !rev || rev === '0') return u; if (u.indexOf('v=') >= 0) return u; var sep = u.indexOf('?') >= 0 ? '&' : '?'; return u + sep + 'v=' + encodeURIComponent(String(rev)); } catch(_) { return url; } } /** Same-origin /api-supabase вместо прямого sb.* (Cloudflare без VPN троттлится у части операторов РФ). */ function proxyStorageUrlSameOrigin(url) { try { function hostOk(h, suffix) { return h === suffix.slice(1) || h.indexOf(suffix, h.length - suffix.length) >= 0; } var host = String(window.location.hostname || '').toLowerCase(); var ok = (Boolean(PILOT_BASE) && hostOk(host, '.' + PILOT_BASE)) || Boolean(customHostMode && slug && window.__mnb_connect_slug === slug); if (!ok) return url; var path = String(url.pathname || ''); if (path.indexOf('/storage/v1/') !== 0) return url; return window.location.origin + '/api-supabase' + path + String(url.search || ''); } catch(_) { return url; } } /** WebP 192×192 через Supabase render — быстрее full-size для splash/preload (все PWA, включая старые). */ function optimizeConnectLogoUrl(raw, rev) { try { var u = String(raw || '').trim(); if (!u || !/^https?:\/\//i.test(u)) return withLogoCacheBust(u, rev); var url = new URL(u); var path = String(url.pathname || ''); if (path.indexOf('/storage/v1/object/public/') >= 0) { url.pathname = path.replace('/storage/v1/object/public/', '/storage/v1/render/image/public/'); } else if (path.indexOf('/storage/v1/render/image/') < 0) { return withLogoCacheBust(u, rev); } url.searchParams.set('width', '192'); url.searchParams.set('height', '192'); url.searchParams.set('resize', 'contain'); url.searchParams.set('quality', '82'); url.searchParams.set('format', 'webp'); var out = proxyStorageUrlSameOrigin(url); return withLogoCacheBust(typeof out === 'string' ? out : out.toString(), rev); } catch(_) { return withLogoCacheBust(raw, rev); } } /** 180×180 install icon. format=png у Supabase Image Transform больше не принимается (400) — origin → JPEG. */ function optimizeConnectAppleTouchIconUrl(raw, rev) { try { var u = String(raw || '').trim(); if (!u || !/^https?:\/\//i.test(u)) return withLogoCacheBust(u, rev); var url = new URL(u); var path = String(url.pathname || ''); if (path.indexOf('/storage/v1/object/public/') >= 0) { url.pathname = path.replace('/storage/v1/object/public/', '/storage/v1/render/image/public/'); } else if (path.indexOf('/storage/v1/render/image/') < 0) { return withLogoCacheBust(u, rev); } url.searchParams.set('width', '180'); url.searchParams.set('height', '180'); url.searchParams.set('resize', 'contain'); url.searchParams.set('format', 'origin'); var out = proxyStorageUrlSameOrigin(url); return withLogoCacheBust(typeof out === 'string' ? out : out.toString(), rev); } catch(_) { return withLogoCacheBust(raw, rev); } } /** * hi3 opaque home icon (same compositor as Wave A / Android manifest). * Prefer this over format=origin+contain when Wave A /connect-pwa identity is absent (prod). * g= must match platform-api CONNECT_PWA_HOME_ICON_GEN. */ function buildPreparedAppleTouchUrl(siteSlug, rev) { try { var s = String(siteSlug || '').trim().toLowerCase(); if (!s || !/^[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?$/.test(s)) return ''; var v = rev != null && String(rev) !== '' ? String(rev) : '0'; return '/api-platform/api/connect/public/pwa-home-icon.png?s=' + encodeURIComponent(s) + '&size=180&purpose=any&v=' + encodeURIComponent(v) + '&g=hi3'; } catch (_) { return ''; } } /** * Splash without splash_icon PNG: NEVER WebP render — iOS Safari blanks those tiles * (same class of bug as apple-touch WebP). Origin JPEG stays visible. */ function optimizeConnectSplashFallbackLogoUrl(raw, rev) { return optimizeConnectAppleTouchIconUrl(raw, rev); } /** iOS launch frame — without these Safari paints white until early-boot. * Query g= MUST match platform-api CONNECT_PWA_SPLASH_ICON_GEN. A stale hardcoded * gen (e.g. sg9) leaves Home Screen PWAs on the old startup PNG until reinstall. */ function resolveSplashAssetGen(hint) { try { var m = String(hint || '').match(/[?&]g=(sg\d+)/i); if (m && m[1]) return m[1]; } catch (_) {} return CONNECT_PWA_SPLASH_ASSET_GEN; } /** Remaining sizes stay idle so /brand+/config+logo still win the wire. */ function scheduleAppleTouchStartupImages(siteSlug, rev, genHint) { var run = function () { try { syncAppleTouchStartupImages(siteSlug, rev, genHint, 'all'); } catch (_) {} }; try { if (typeof requestIdleCallback === 'function') { requestIdleCallback(run, { timeout: 4000 }); return; } } catch (_) {} try { setTimeout(run, 2500); } catch (_) { run(); } } function syncAppleTouchStartupImages(siteSlug, rev, genHint, mode) { try { var s = String(siteSlug || '').trim(); if (!s) return; var v = rev != null && String(rev) !== '' ? String(rev) : '0'; var gen = resolveSplashAssetGen(genHint); var matchOnly = mode === 'match'; var sizes = [ { w: 1290, h: 2796, media: '(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)' }, { w: 1179, h: 2556, media: '(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)' }, { w: 1170, h: 2532, media: '(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)' }, { w: 1284, h: 2778, media: '(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)' }, { w: 1125, h: 2436, media: '(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)' }, { w: 1242, h: 2688, media: '(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)' }, { w: 828, h: 1792, media: '(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)' }, { w: 1242, h: 2208, media: '(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)' }, { w: 750, h: 1334, media: '(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)' } ]; var old = document.head.querySelectorAll('link[rel="apple-touch-startup-image"][data-mnb-startup="1"]'); // Wave A already planted branded startup links — do not strip them on the match-only pass. if (matchOnly && old.length) return; for (var oi = 0; oi < old.length; oi++) { try { old[oi].parentNode.removeChild(old[oi]); } catch (_) {} } var warmHref = ''; var planted = 0; for (var si = 0; si < sizes.length; si++) { var row = sizes[si]; var matches = false; try { matches = Boolean(window.matchMedia && window.matchMedia(row.media).matches); } catch (_) {} if (matchOnly && !matches) continue; var href = window.location.origin + '/api-platform/api/connect/public/pwa-startup-image.png' + '?s=' + encodeURIComponent(s) + '&w=' + row.w + '&h=' + row.h + '&v=' + encodeURIComponent(v) + '&g=' + encodeURIComponent(gen); var link = document.createElement('link'); link.rel = 'apple-touch-startup-image'; link.setAttribute('media', row.media); link.setAttribute('data-mnb-startup', '1'); link.href = href; document.head.appendChild(link); planted += 1; if (matches) warmHref = href; } // No-media fallback so unmatched iPhones still get Design background_color, not #050817. if (matchOnly || planted === 0) { var fallback = document.createElement('link'); fallback.rel = 'apple-touch-startup-image'; fallback.setAttribute('data-mnb-startup', '1'); fallback.href = window.location.origin + '/api-platform/api/connect/public/pwa-startup-image.png' + '?s=' + encodeURIComponent(s) + '&w=1170&h=2532&v=' + encodeURIComponent(v) + '&g=' + encodeURIComponent(gen); document.head.appendChild(fallback); if (!warmHref) warmHref = fallback.href; } // Prefetch the matching startup asset so the next cold start can use the new URL // without waiting on network (href change is what busts the OS splash cache). if (warmHref) { try { var warm = new Image(); warm.decoding = 'async'; warm.src = warmHref; } catch (_) {} } var prevGen = ''; try { prevGen = String(localStorage.getItem('mnb_connect_startup_gen:' + s) || ''); } catch (_) {} try { localStorage.setItem('mnb_connect_startup_gen:' + s, gen); } catch (_) {} // Gen change → ask SW to update so the next cold start serves new link hrefs // (iOS Home Screen splash follows the new apple-touch-startup-image URL without reinstall). if (prevGen && prevGen !== gen) { try { if (navigator.serviceWorker && navigator.serviceWorker.getRegistration) { navigator.serviceWorker.getRegistration('/').then(function (reg) { if (reg && typeof reg.update === 'function') reg.update(); }); } } catch (_) {} } } catch (_) {} } function normalizeCachedBrandLogo(b) { if (!b || typeof b !== 'object') return b; var raw = String(b.logo_url_raw || b.logo_url || '').trim(); if (!raw) return b; var rev = b.branding_revision || null; return Object.assign({}, b, { logo_url_raw: b.logo_url_raw || raw, logo_url: optimizeConnectLogoUrl(raw, rev), }); } /** Safari «Поделиться» читает og:*, document.title и часто link[rel="apple-touch-icon"] — корневой layout оставляет MNB-иконку, пока её не перепишем здесь. */ function applyConnectShareMeta(b) { try { if (!b || typeof b !== 'object') return; var t = String(b.title || '').trim(); // Home Screen / favicon: FULL-BLEED logo (origin JPEG). Never rounded splash PNG — // transparent corners become a black «рамка» inside the iOS squircle. var rawLogo = String(b.logo_url_raw || b.logo_url || '').trim(); // Business apple-touch: prefer Wave A / prepared identity icon — never raw upload // (raw plate nested in OS squircle / mismatches Android prepared artwork). // Prod without Wave A: hi2 pwa-home-icon API (not format=origin contain letterbox). var identityApple = ''; try { var idNode = document.querySelector('link[rel="apple-touch-icon"][data-connect-pwa-identity="1"]'); identityApple = idNode ? String(idNode.getAttribute('href') || '').trim() : ''; if (!identityApple) { var htmlIcon = document.documentElement.getAttribute('data-mnb-connect-pwa-icon') || ''; if (htmlIcon && htmlIcon.indexOf('/connect-pwa/') >= 0) identityApple = String(htmlIcon).trim(); } } catch (_) {} var touchIcon = identityApple || buildPreparedAppleTouchUrl(slug, b.branding_revision) || optimizeConnectAppleTouchIconUrl(rawLogo, b.branding_revision); function absUrl(u) { try { if (!u) return ''; if (/^https?:\/\//i.test(u)) return u; return new URL(u, window.location.origin).href; } catch (_) { return String(u || ''); } } var img = absUrl(touchIcon || rawLogo); // og:image may use splash (rounded tile looks fine in share cards). var ogImg = absUrl(String(b.splash_icon_url || '').trim() || img); var pageUrl = String(window.location.href || '').split('#')[0]; if (t && t !== 'Connect' && t !== 'MyNewBusiness') { try { document.title = t; } catch (_) {} } function upsertProp(prop, content) { if (!content) return; var nodes = document.head.querySelectorAll('meta[property="' + prop + '"]'); var el; if (!nodes.length) { el = document.createElement('meta'); el.setAttribute('property', prop); document.head.appendChild(el); nodes = [el]; } for (var pi = 0; pi < nodes.length; pi++) { nodes[pi].setAttribute('content', content); } } function upsertName(name, content) { if (!content) return; var nodes = document.head.querySelectorAll('meta[name="' + name + '"]'); var el; if (!nodes.length) { el = document.createElement('meta'); el.setAttribute('name', name); document.head.appendChild(el); nodes = [el]; } for (var ni = 0; ni < nodes.length; ni++) { nodes[ni].setAttribute('content', content); } } upsertProp('og:type', 'website'); upsertProp('og:url', pageUrl); if (t) { upsertProp('og:title', t); upsertProp('og:site_name', t); upsertName('application-name', t); upsertProp('twitter:title', t); upsertName('apple-mobile-web-app-title', t); } var desc = t ? ('Клиентское приложение «' + t + '»') : 'Клиентское приложение'; upsertProp('og:description', desc); upsertName('description', desc); if (ogImg) { upsertProp('og:image', ogImg); upsertProp('og:image:secure_url', ogImg); upsertProp('twitter:image', ogImg); upsertProp('twitter:card', 'summary_large_image'); } else { upsertProp('twitter:card', 'summary'); } if (img) { try { // Wave A: keep a single apple-touch-icon node (SSR identity). Update href in place. var appleNodes = document.head.querySelectorAll('link[rel="apple-touch-icon"]'); var ai = document.querySelector('link[rel="apple-touch-icon"][data-connect-pwa-identity="1"]') || appleNodes[0] || null; if (!ai) { ai = document.createElement('link'); ai.rel = 'apple-touch-icon'; document.head.appendChild(ai); } ai.setAttribute('sizes', '180x180'); ai.setAttribute('href', img); try { ai.removeAttribute('type'); } catch (_) {} for (var aii = 0; aii < appleNodes.length; aii++) { if (appleNodes[aii] !== ai) { try { appleNodes[aii].parentNode.removeChild(appleNodes[aii]); } catch (_) {} } } var fav = document.querySelector('link[rel="icon"]'); if (!fav) { fav = document.createElement('link'); fav.rel = 'icon'; document.head.appendChild(fav); } fav.setAttribute('href', img); var sc = document.querySelector('link[rel="shortcut icon"]'); if (!sc) { sc = document.createElement('link'); sc.rel = 'shortcut icon'; document.head.appendChild(sc); } sc.setAttribute('href', img); } catch (_) {} } } catch (_) {} } // New tenants without a Wave A shell must plant the matching startup image // immediately. iOS Add to Home Screen otherwise snapshots icon-on-#050817. // The PNG itself is rendered from live pwa_settings.background_color. try { if (slug) syncAppleTouchStartupImages(slug, '0', CONNECT_PWA_SPLASH_ASSET_GEN, 'match'); } catch(_) {} // Share meta from cookie is deferred until /brand confirms — applying it here // painted stale title/logo on iOS («название меняется», старый логотип). try { var shareCachedWarm = readBrandCookie(); if (!shareCachedWarm) { try { shareCachedWarm = JSON.parse(localStorage.getItem(key) || 'null'); } catch(_) {} } if (shareCachedWarm && typeof shareCachedWarm === 'object' && isStandaloneLike()) { // Standalone: only warm startup-image URLs with last-known revision; no title/logo meta yet. try { scheduleAppleTouchStartupImages( slug, shareCachedWarm.branding_revision, shareCachedWarm.splash_icon_url || CONNECT_PWA_SPLASH_ASSET_GEN, ); } catch(_) {} } } catch(_) {} // 0b. Wave A tenant shell already embeds confirmed brand identity in . // Seed __mnb_early_brand so React can paint without waiting on /brand. var htmlIdentityBrand = null; try { var rootEl = document.documentElement; var htmlTitle = String(rootEl.getAttribute('data-mnb-connect-pwa-title') || '').trim(); var htmlTheme = String(rootEl.getAttribute('data-mnb-connect-pwa-theme') || '').trim(); // VERIFY-0.4B: background is a separate attr — never copy accent into background. var htmlBg = String(rootEl.getAttribute('data-mnb-connect-pwa-background') || '').trim(); var htmlText = String(rootEl.getAttribute('data-mnb-connect-pwa-text') || '').trim(); var htmlIcon = String(rootEl.getAttribute('data-mnb-connect-pwa-icon') || '').trim(); var htmlBootLogo = String(rootEl.getAttribute('data-mnb-connect-pwa-boot-logo') || '').trim(); var htmlSlugAttr = String(rootEl.getAttribute('data-mnb-connect-pwa-slug') || '').trim(); var htmlBrandRev = String(rootEl.getAttribute('data-mnb-connect-pwa-branding-revision') || '').trim(); var hexOk = function(c){ return /^#[0-9A-Fa-f]{6}$/.test(String(c || '')); }; if ( htmlTitle && (htmlTheme || htmlBg) && (!htmlSlugAttr || htmlSlugAttr === slug) ) { var revFromIcon = ''; try { var iv = htmlIcon.match(/[?&]v=([^&]+)/); if (iv) revFromIcon = decodeURIComponent(iv[1] || ''); } catch(_) {} var bootLogoForPaint = htmlBootLogo || htmlIcon || null; htmlIdentityBrand = { slug: slug, branding_revision: htmlBrandRev || (isCanonicalTimestampRevision(revFromIcon) ? revFromIcon : null), title: htmlTitle, theme_color: hexOk(htmlTheme) ? htmlTheme : null, background_color: hexOk(htmlBg) ? htmlBg : null, text_color: hexOk(htmlText) ? htmlText : null, logo_url: bootLogoForPaint, logo_url_raw: bootLogoForPaint, splash_icon_url: bootLogoForPaint, splash_bg_pending: false, source: 'html_identity', }; // Cookie/localStorage may carry a newer confirmed logo+revision after save. try { var cookieUpgrade = readBrandCookie(); if (!cookieUpgrade) { try { cookieUpgrade = JSON.parse(localStorage.getItem(key) || 'null'); } catch(_) { cookieUpgrade = null; } } if (cookieUpgrade && typeof cookieUpgrade === 'object') { var persistRev = cookieUpgrade.branding_revision ? String(cookieUpgrade.branding_revision) : ''; var persistNewer = persistRev && compareBrandingRevisions(persistRev, htmlIdentityBrand.branding_revision) > 0; var persistLogo = String(cookieUpgrade.splash_icon_url || cookieUpgrade.logo_url_raw || cookieUpgrade.logo_url || '').trim(); // HTML shell colors are authoritative unless a strictly newer confirmed // tenant revision exists. An old localStorage/cookie must not repaint // the first frame after the owner changes branding. if (persistNewer) { if (hexOk(cookieUpgrade.background_color)) htmlIdentityBrand.background_color = cookieUpgrade.background_color; if (hexOk(cookieUpgrade.theme_color)) htmlIdentityBrand.theme_color = cookieUpgrade.theme_color; if (hexOk(cookieUpgrade.text_color)) htmlIdentityBrand.text_color = cookieUpgrade.text_color; } if (persistNewer && persistLogo) { htmlIdentityBrand.branding_revision = persistRev; htmlIdentityBrand.logo_url = persistLogo; htmlIdentityBrand.logo_url_raw = cookieUpgrade.logo_url_raw || persistLogo; htmlIdentityBrand.splash_icon_url = cookieUpgrade.splash_icon_url || persistLogo; htmlIdentityBrand.splash_bg_pending = false; htmlIdentityBrand.source = 'persisted_confirmed'; } else if (shouldTreatHtmlIdentityLogoAsStale(htmlIdentityBrand.branding_revision, persistRev, null)) { htmlIdentityBrand.logo_url = ''; htmlIdentityBrand.logo_url_raw = ''; htmlIdentityBrand.splash_icon_url = ''; htmlIdentityBrand.splash_bg_pending = true; htmlIdentityBrand.source = 'themed_fallback'; } } } catch(_) {} window.__mnb_early_brand = htmlIdentityBrand; if (shouldMountEarlySplash()) { mountEarlyStandaloneSplash(htmlIdentityBrand); } try { __mnbApplyBrandCssVars(rootEl, htmlIdentityBrand); } catch(_) {} try { var evBoot = window.__mnb_connect_boot_events || (window.__mnb_connect_boot_events = []); evBoot.push({ name: 'connect_html_ready', t: Date.now(), source: 'html_identity' }); } catch(_) {} } } catch(_) {} // 1. Мгновенно отдать то, что в cookie или localStorage (если есть) — чтобы React при монтировании уже увидел. try { // Cache-first brand paint — ТОЛЬКО standalone PWA (checklist §3.3). // share/open=1 в Safari/Chrome табе НЕ должен брать лого/имя из cookie: // иначе iOS показывает старый логотип → меняет название → ложный «Нужен логотип». // Skip when Wave A HTML identity already confirmed the first screen. var cached = null; if (!htmlIdentityBrand && shouldUseCachedBrandForBoot()) { var fromCookie = readBrandCookie(); var fromLs = null; try { fromLs = JSON.parse(localStorage.getItem(key) || 'null'); } catch(_) {} // Приоритет: cookie (кросс-сессионный) → localStorage (в рамках одного sandbox). cached = fromCookie || fromLs || null; } if (!htmlIdentityBrand && cached && typeof cached === 'object') { var parsed = normalizeCachedBrandLogo(Object.assign({ slug: slug }, cached)); if (parsed && typeof parsed === 'object') { // Кэш никогда не «подтверждён» — иначе skipBrandFetch пропускает /brand // и UI залипает на старом logo/title до случайного /config. parsed.splash_bg_pending = true; window.__mnb_early_brand = parsed; if (shouldMountEarlySplash()) { // Same slug cache: show THIS brand bg + logo_url (CSS-rounded). // Withhold splash_icon (baked bg) and title until /brand confirms. // Never force neutral overlay under a painted body (strip / dual-bg). mountEarlyStandaloneSplash({ background_color: parsed.background_color || '', splash_bg_pending: true, title: '', // Origin JPEG — not cached WebP logo_url (Safari blank splash tile). logo_url: optimizeConnectSplashFallbackLogoUrl( parsed.logo_url_raw || parsed.logo_url || '', parsed.branding_revision, ) || parsed.logo_url || '', logo_url_raw: parsed.logo_url_raw || '', splash_icon_url: '', }, { skipBackground: !parsed.background_color }); } try { __mnbApplyBrandCssVars( document.documentElement, parsed, { skipBackground: !parsed.background_color }, ); } catch(_) {} } } else if (!htmlIdentityBrand && shouldMountEarlySplash()) { var coldHostLogo = buildColdHostSplashIconUrl(slug); var coldBg = ''; var coldTheme = ''; try { coldBg = String(document.documentElement.getAttribute('data-mnb-connect-pwa-background') || '').trim(); } catch (_) {} try { coldTheme = String(document.documentElement.getAttribute('data-mnb-connect-pwa-theme') || '').trim(); } catch (_) {} if (!/^#[0-9A-Fa-f]{6}$/.test(coldBg)) { var coldCookie = readBrandCookie(); if (!coldCookie) { try { coldCookie = JSON.parse(localStorage.getItem(key) || 'null'); } catch (_) { coldCookie = null; } } if (coldCookie && typeof coldCookie === 'object') { if (/^#[0-9A-Fa-f]{6}$/.test(String(coldCookie.background_color || ''))) { coldBg = String(coldCookie.background_color).trim(); } if (/^#[0-9A-Fa-f]{6}$/.test(String(coldCookie.theme_color || ''))) { coldTheme = String(coldCookie.theme_color).trim(); } } } if (coldHostLogo) { preloadColdHostSplashIcon(coldHostLogo); mountEarlyStandaloneSplash({ splash_icon_url: coldHostLogo, logo_url: coldHostLogo, logo_url_raw: coldHostLogo, splash_bg_pending: false, title: '', source: 'cold_host_splash', background_color: coldBg, theme_color: coldTheme, }, { skipBackground: !/^#[0-9A-Fa-f]{6}$/.test(coldBg) }); try { var coldEl = document.getElementById('mnb-connect-early-boot'); if (coldEl) coldEl.setAttribute('data-mnb-cold-host-splash', '1'); } catch (_) {} } else { mountEarlyStandaloneSplash({ splash_bg_pending: true }, { skipBackground: true }); } } } catch(_) {} // 2. Параллельно обновить бренд с сервера (background revalidate). // When HTML identity already confirmed the splash, /brand must NOT block paint — // use default HTTP cache (server sends max-age/ETag). // Pilot-host: same-origin /api-platform (см. lib/platform-api-origin.js). Иначе при // зашитом NEXT_PUBLIC_PLATFORM_API_URL=platform-api.* iOS standalone часто «висит» // на fetch к другому домену до hydrate, хотя Android отрабатывает. var base = "https://platform-api.mynewbusiness.ru"; if (pilotSlugFromHost() || customHostMode || window.location.hostname === PILOT_BASE) { base = window.location.origin + '/api-platform'; } else if (!base) { try { if (window.location.hostname === PILOT_BASE) { base = window.location.origin + '/api-platform'; } } catch(_) {} } if (!base) return; var url = base + '/api/connect/public/brand?s=' + encodeURIComponent(slug); var brandWarm = false; try { brandWarm = String(u.searchParams.get('mnb_brand_warm') || '') === '1'; } catch(_) {} var persistRevForFetch = ''; try { var persistForFetch = readBrandCookie(); if (!persistForFetch) persistForFetch = JSON.parse(localStorage.getItem(key) || 'null'); persistRevForFetch = persistForFetch && persistForFetch.branding_revision ? String(persistForFetch.branding_revision) : ''; } catch(_) {} var htmlRevForFetch = htmlIdentityBrand && htmlIdentityBrand.branding_revision ? String(htmlIdentityBrand.branding_revision) : ''; var brandFetchCache = ( htmlIdentityBrand && !brandWarm && isCanonicalTimestampRevision(htmlRevForFetch) && !shouldTreatHtmlIdentityLogoAsStale(htmlRevForFetch, persistRevForFetch, null) ) ? 'default' : 'no-store'; try { var evBrand = window.__mnb_connect_boot_events || (window.__mnb_connect_boot_events = []); evBrand.push({ name: 'connect_brand_started', t: Date.now(), cache: brandFetchCache }); } catch(_) {} window.__mnb_read_connect_brand_v1(url, brandFetchCache, window) .then(function(j){ if (!j || !j.ok) return; // withLogoCacheBust + WebP render для быстрой загрузки splash/preload var logoRaw = j.logo_url || null; var logoUrl = logoRaw ? optimizeConnectLogoUrl(logoRaw, j.branding_revision) : null; var brand = { slug: slug, branding_revision: j.branding_revision || null, logo_url: logoUrl, logo_url_raw: logoRaw, splash_icon_url: j.splash_icon_url || null, title: j.title || '', theme_color: j.theme_color || null, background_color: j.background_color || null, text_color: j.text_color || null, contact_phone: j.contact_phone || null, contact_socials: (j.contact_socials && typeof j.contact_socials === 'object') ? j.contact_socials : null, banners: Array.isArray(j.banners) ? j.banners.filter(function(u){ return typeof u === 'string' && u; }) : [], splash_bg_pending: false, }; brand = window.__mnb_select_connect_brand_v1(brand, 'brand', window); if (!brand) return; try { localStorage.setItem(key, JSON.stringify(brand)); } catch(_) {} writeBrandCookie(brand); try { applyConnectManifestHref(); } catch(_) {} window.__mnb_early_brand = brand; try { var evBrandDone = window.__mnb_connect_boot_events || (window.__mnb_connect_boot_events = []); evBrandDone.push({ name: 'connect_brand_complete', t: Date.now(), ok: true }); } catch(_) {} // Mount splash_icon PNG immediately (do NOT clear it for a WebP-first frame). // Confirmed iOS first-open bug: a WebP-first early paint cleared splash_icon → // Supabase WebP logo_url → Safari blank tile while native startup still showed PNG. // Img loads async; same-origin PNG matches Android warm path. (function applyFreshBrandSplash() { if ( htmlIdentityBrand && shouldTreatHtmlIdentityLogoAsStale( htmlIdentityBrand.branding_revision, null, brand.branding_revision, ) && htmlIdentityBrand.source === 'html_identity' ) { htmlIdentityBrand = brand; } var iconUrl = String(brand.splash_icon_url || '').trim(); var payload = brand; if (!iconUrl) { var safeLogo = optimizeConnectSplashFallbackLogoUrl( brand.logo_url_raw || brand.logo_url || '', brand.branding_revision, ); if (safeLogo) payload = Object.assign({}, brand, { logo_url: safeLogo, splash_icon_url: '' }); } if (connectBootAlreadyReleased()) { try { __mnbApplyBrandCssVars(document.documentElement, brand); } catch(_) {} try { window.dispatchEvent(new CustomEvent('mnb:earlyBrand', { detail: brand })); } catch(_) {} return; } try { var bootEl = document.getElementById('mnb-connect-early-boot'); if (bootEl) bootEl.removeAttribute('data-mnb-cold-host-splash'); } catch (_) {} try { mountEarlyStandaloneSplash(payload); } catch(_) {} try { __mnbApplyBrandCssVars(document.documentElement, brand); } catch(_) {} try { window.dispatchEvent(new CustomEvent('mnb:earlyBrand', { detail: brand })); } catch(_) {} if (iconUrl) { try { var pre = new Image(); pre.decoding = 'async'; pre.src = iconUrl; } catch(_) {} } })(); applyConnectShareMeta(brand); // Preload splash PNG (same-origin) — not WebP logo (Safari blank on iOS splash). if (brand.splash_icon_url) { try { var alreadyIcon = document.querySelector('link[rel="preload"][as="image"][href="' + brand.splash_icon_url + '"]'); if (!alreadyIcon) { var lnkIcon = document.createElement('link'); lnkIcon.rel = 'preload'; lnkIcon.as = 'image'; lnkIcon.href = brand.splash_icon_url; lnkIcon.setAttribute('fetchpriority', 'high'); document.head.appendChild(lnkIcon); } } catch(_) {} } if (brand.logo_url) { try { var already = document.querySelector('link[rel="preload"][as="image"][href="' + brand.logo_url + '"]'); if (!already) { var lnk2 = document.createElement('link'); lnk2.rel = 'preload'; lnk2.as = 'image'; lnk2.href = brand.logo_url; document.head.appendChild(lnk2); } // apple-touch-icon: keep Wave A prepared identity when present. // Do NOT overwrite with raw uploaded logo (iOS/Android artwork parity). var apple = document.querySelector('link[rel="apple-touch-icon"][data-connect-pwa-identity="1"]') || document.querySelector('link[rel="apple-touch-icon"]'); if (!apple) { apple = document.createElement('link'); apple.rel = 'apple-touch-icon'; apple.setAttribute('sizes', '180x180'); document.head.appendChild(apple); } var identityHref = ''; try { identityHref = document.documentElement.getAttribute('data-mnb-connect-pwa-icon') || ''; } catch (_) {} var appleHref = ''; if (apple.getAttribute('data-connect-pwa-identity') === '1' && apple.getAttribute('href')) { appleHref = apple.getAttribute('href'); } else if (identityHref && identityHref.indexOf('/connect-pwa/') >= 0) { appleHref = identityHref; } else { appleHref = buildPreparedAppleTouchUrl(slug, brand.branding_revision) || optimizeConnectAppleTouchIconUrl(brand.logo_url_raw || brand.logo_url, brand.branding_revision) || brand.logo_url; } if (appleHref && apple.getAttribute('href') !== appleHref) { apple.setAttribute('href', appleHref); } try { scheduleAppleTouchStartupImages(slug, brand.branding_revision, brand.splash_icon_url); } catch(_) {} } catch(_) {} } else if (brand.splash_icon_url) { try { scheduleAppleTouchStartupImages(slug, brand.branding_revision, brand.splash_icon_url); } catch(_) {} } if (brand.title) { try { var appleTitle2 = document.querySelector('meta[name="apple-mobile-web-app-title"]'); if (!appleTitle2) { appleTitle2 = document.createElement('meta'); appleTitle2.setAttribute('name', 'apple-mobile-web-app-title'); document.head.appendChild(appleTitle2); } appleTitle2.setAttribute('content', brand.title); } catch(_) {} } // __mnbApplyBrandCssVars + mount + event — внутри applyFreshBrandSplash после preload icon }) .catch(function(){}); } continueConnectBoot(); } catch(_) {} })();

'+f(l)+'

Приложение временно недоступно