const puppeteer=require('puppeteer');
(async()=>{
const b=await puppeteer.launch({headless:'new',args:['--no-sandbox','--disable-setuid-sandbox','--host-resolver-rules=MAP www.safemyident.de 127.0.0.1','--ignore-certificate-errors']});
// scrolled state (desktop)
const p=await b.newPage(); await p.setViewport({width:1280,height:800});
await p.goto('https://www.safemyident.de/',{waitUntil:'networkidle2',timeout:60000});
await p.evaluate(()=>window.scrollTo(0,600)); await new Promise(r=>setTimeout(r,500));
const sc=await p.evaluate(()=>{const h=document.querySelector('.site-header');return {scrolledClass:h.classList.contains('is-scrolled'),bg:getComputedStyle(h).backgroundColor,blur:getComputedStyle(h).backdropFilter};});
console.log('SCROLLED desktop:',JSON.stringify(sc));
await p.screenshot({path:'/tmp/smi-shot/hdr-scrolled.png',clip:{x:0,y:0,width:1280,height:110}});
await p.close();
// mobile
const m=await b.newPage(); await m.setViewport({width:390,height:800,isMobile:true});
await m.goto('https://www.safemyident.de/',{waitUntil:'networkidle2',timeout:60000});
const mb=await m.evaluate(()=>{const h=document.querySelector('.site-header');const t=document.querySelector('.site-nav__toggler');return {bg:getComputedStyle(h).backgroundColor,togglerVisible:t?getComputedStyle(t).display!=='none':false};});
console.log('MOBILE:',JSON.stringify(mb));
// open mobile menu
const tog=await m.$('.site-nav__toggler, .navbar-toggler'); if(tog){await tog.click();await new Promise(r=>setTimeout(r,500));}
const menuBg=await m.evaluate(()=>{const mnu=document.querySelector('.navbar-collapse.show, .site-nav__menu');return mnu?getComputedStyle(mnu).backgroundColor:'-';});
console.log('mobile menu bg:',menuBg);
await m.screenshot({path:'/tmp/smi-shot/hdr-mobile.png',clip:{x:0,y:0,width:390,height:420}});
await b.close();
})().catch(e=>{console.error('ERR',e.message);process.exit(1);});