/* Recep professional chrome lock: one stable, scrollable header layer for every page state */
.recep-chrome-layer{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:0!important;
  z-index:2147482000!important;
  pointer-events:none!important;
  overflow:visible!important;
  transform:none!important;
}
.recep-chrome-layer .hero-header{
  position:absolute!important;
  left:50%!important;
  top:58px!important;
  right:auto!important;
  bottom:auto!important;
  width:min(1120px,92vw)!important;
  margin:0!important;
  padding:0!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:36px!important;
  z-index:20!important;
  pointer-events:auto!important;
  transition:opacity .32s ease, filter .32s ease!important;
}
.recep-chrome-layer .logo-link{position:relative!important;display:inline-flex!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;margin:0!important;padding:0!important;z-index:21!important;}
.recep-chrome-layer .logo{display:block!important;width:377px!important;max-width:377px!important;height:auto!important;margin:0!important;transform:none!important;}
.recep-chrome-layer .nav{position:relative!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:28px!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;z-index:22!important;}
.recep-chrome-layer .nav .nav-button,
.recep-chrome-layer .nav .services-trigger,
.recep-chrome-layer .nav .contact-trigger,
.recep-chrome-layer .nav .power-trigger,
.recep-chrome-layer .nav .lang-toggle{
  position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:0 18px!important;margin:0!important;font-size:20px!important;line-height:1!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
}
.recep-chrome-layer .fiktir-launcher,
body.concept-mode .recep-chrome-layer .fiktir-launcher,
body.services-mode .recep-chrome-layer .fiktir-launcher,
body.contact-mode .recep-chrome-layer .fiktir-launcher,
body.brand-universe-mode .recep-chrome-layer .fiktir-launcher,
body.digital-twin-modal-open .recep-chrome-layer .fiktir-launcher,
body.brief-modal-open .recep-chrome-layer .fiktir-launcher,
body.partners-modal-open .recep-chrome-layer .fiktir-launcher,
body.podcast-modal-open .recep-chrome-layer .fiktir-launcher,
body.power-mode .recep-chrome-layer .fiktir-launcher{
  position:absolute!important;left:36px!important;top:34px!important;right:auto!important;bottom:auto!important;width:69px!important;max-width:69px!important;height:auto!important;display:block!important;visibility:visible!important;opacity:.52!important;pointer-events:auto!important;z-index:30!important;transform:none!important;margin:0!important;padding:0!important;
}
body.fiktir-open .recep-chrome-layer .fiktir-launcher,
body.bok-open .recep-chrome-layer .fiktir-launcher{opacity:.22!important;pointer-events:none!important;}
.recep-chrome-layer .bok-launcher-wrap,
.recep-chrome-layer .bok-launcher-wrap.bok-launcher-static,
body.concept-mode .recep-chrome-layer .bok-launcher-wrap,
body.services-mode .recep-chrome-layer .bok-launcher-wrap,
body.contact-mode .recep-chrome-layer .bok-launcher-wrap,
body.brand-universe-mode .recep-chrome-layer .bok-launcher-wrap,
body.power-mode .recep-chrome-layer .bok-launcher-wrap{
  position:absolute!important;left:24px!important;top:96px!important;right:auto!important;bottom:auto!important;width:128px!important;max-width:128px!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;pointer-events:none!important;z-index:29!important;transform:none!important;margin:0!important;padding:0!important;background:transparent!important;
}
.recep-chrome-layer .bok-launcher-wrap .bok-launcher{width:128px!important;max-width:128px!important;pointer-events:auto!important;}
.recep-chrome-layer .bok-launcher-wrap.bok-launcher-static .bok-launcher-home{width:128px!important;max-width:128px!important;height:auto!important;display:block!important;}
body.bok-open .recep-chrome-layer .bok-launcher-wrap{opacity:.22!important;pointer-events:none!important;}
.recep-chrome-layer .site-audio-control,
body.power-mode .recep-chrome-layer .site-audio-control,
body.concept-mode .recep-chrome-layer .site-audio-control,
body.services-mode .recep-chrome-layer .site-audio-control,
body.contact-mode .recep-chrome-layer .site-audio-control,
body.form-mode .recep-chrome-layer .site-audio-control{
  position:absolute!important;right:34px!important;top:30px!important;left:auto!important;bottom:auto!important;transform:none!important;margin:0!important;z-index:31!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
}
body.fiktir-open .recep-chrome-layer .site-audio-control,
body.bok-open .recep-chrome-layer .site-audio-control{opacity:.24!important;pointer-events:none!important;}
@media(max-width:900px){
  .recep-chrome-layer .hero-header{top:86px!important;width:94vw!important;gap:20px!important;}
  .recep-chrome-layer .logo{width:min(64vw,280px)!important;max-width:280px!important;}
  .recep-chrome-layer .nav{width:min(76vw,390px)!important;display:grid!important;grid-template-columns:repeat(2,minmax(118px,1fr))!important;gap:8px 10px!important;}
  .recep-chrome-layer .nav .nav-button,
  .recep-chrome-layer .nav .services-trigger,
  .recep-chrome-layer .nav .contact-trigger,
  .recep-chrome-layer .nav .power-trigger,
  .recep-chrome-layer .nav .lang-toggle{font-size:12px!important;min-height:38px!important;padding:0 12px!important;}
  .recep-chrome-layer .fiktir-launcher,
  body.concept-mode .recep-chrome-layer .fiktir-launcher,
  body.services-mode .recep-chrome-layer .fiktir-launcher,
  body.contact-mode .recep-chrome-layer .fiktir-launcher,
  body.power-mode .recep-chrome-layer .fiktir-launcher{left:14px!important;top:14px!important;width:44px!important;max-width:44px!important;}
  .recep-chrome-layer .bok-launcher-wrap,
  .recep-chrome-layer .bok-launcher-wrap.bok-launcher-static,
  body.concept-mode .recep-chrome-layer .bok-launcher-wrap,
  body.services-mode .recep-chrome-layer .bok-launcher-wrap,
  body.contact-mode .recep-chrome-layer .bok-launcher-wrap,
  body.power-mode .recep-chrome-layer .bok-launcher-wrap{left:10px!important;top:62px!important;width:104px!important;max-width:104px!important;}
  .recep-chrome-layer .bok-launcher-wrap .bok-launcher,
  .recep-chrome-layer .bok-launcher-wrap.bok-launcher-static .bok-launcher-home{width:104px!important;max-width:104px!important;}
  .recep-chrome-layer .site-audio-control{right:12px!important;top:12px!important;width:auto!important;max-width:152px!important;min-height:40px!important;padding:5px 6px!important;gap:5px!important;}
  .recep-chrome-layer .site-audio-meta{display:none!important;}
  .recep-chrome-layer .site-audio-buttons{gap:4px!important;}
}
@media(max-width:540px){
  .recep-chrome-layer .hero-header{top:92px!important;}
  .recep-chrome-layer .nav{width:min(72vw,330px)!important;}
  .recep-chrome-layer .site-audio-control{max-width:132px!important;}
}

/* RECEP PRO MOBILE FINAL FIX - reserve real page space below absolute chrome so footer never enters header */
@media(max-width:900px){
  html,body{min-height:100%!important;overflow-x:hidden!important;}
  body:not(.fiktir-open):not(.bok-open){overflow-y:auto!important;}

  .recep-chrome-layer{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    height:0!important;
    overflow:visible!important;
    z-index:2147482000!important;
    pointer-events:none!important;
  }
  .recep-chrome-layer .hero-header{
    top:112px!important;
    width:100%!important;
    max-width:100%!important;
    gap:22px!important;
    pointer-events:auto!important;
  }
  .recep-chrome-layer .logo{
    width:min(58vw,270px)!important;
    max-width:270px!important;
  }
  .recep-chrome-layer .nav{
    width:min(78vw,390px)!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(116px,1fr))!important;
    gap:12px 16px!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .recep-chrome-layer .nav .nav-button,
  .recep-chrome-layer .nav .services-trigger,
  .recep-chrome-layer .nav .contact-trigger,
  .recep-chrome-layer .nav .power-trigger,
  .recep-chrome-layer .nav .lang-toggle{
    min-height:42px!important;
    font-size:13px!important;
    padding:0 12px!important;
  }
  .recep-chrome-layer .fiktir-launcher,
  body.concept-mode .recep-chrome-layer .fiktir-launcher,
  body.services-mode .recep-chrome-layer .fiktir-launcher,
  body.contact-mode .recep-chrome-layer .fiktir-launcher,
  body.power-mode .recep-chrome-layer .fiktir-launcher{
    left:18px!important;
    top:18px!important;
    width:48px!important;
    max-width:48px!important;
    opacity:.58!important;
    display:block!important;
    visibility:visible!important;
  }
  .recep-chrome-layer .bok-launcher-wrap,
  .recep-chrome-layer .bok-launcher-wrap.bok-launcher-static,
  body.concept-mode .recep-chrome-layer .bok-launcher-wrap,
  body.services-mode .recep-chrome-layer .bok-launcher-wrap,
  body.contact-mode .recep-chrome-layer .bok-launcher-wrap,
  body.power-mode .recep-chrome-layer .bok-launcher-wrap{
    left:10px!important;
    top:76px!important;
    width:116px!important;
    max-width:116px!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .recep-chrome-layer .bok-launcher-wrap .bok-launcher,
  .recep-chrome-layer .bok-launcher-wrap.bok-launcher-static .bok-launcher-home{
    width:116px!important;
    max-width:116px!important;
  }
  .recep-chrome-layer .site-audio-control{
    right:14px!important;
    top:16px!important;
    left:auto!important;
    width:auto!important;
    max-width:132px!important;
    min-height:38px!important;
    padding:4px 5px!important;
    gap:4px!important;
    transform:none!important;
  }
  .recep-chrome-layer .site-audio-meta,
  .recep-chrome-layer .site-audio-title,
  .recep-chrome-layer .site-audio-artist{display:none!important;}
  .recep-chrome-layer .site-audio-buttons{gap:4px!important;}

  /* Because chrome is absolute, the page needs a clean runway before footer/content starts. */
  body:not(.concept-mode):not(.services-mode):not(.contact-mode):not(.power-mode):not(.brand-universe-mode) .site{
    display:flex!important;
    flex-direction:column!important;
    min-height:1500px!important;
    padding-top:620px!important;
    overflow:visible!important;
  }
  body:not(.concept-mode):not(.services-mode):not(.contact-mode):not(.power-mode):not(.brand-universe-mode) .home-logo-bar{
    position:relative!important;
    order:2!important;
    margin-top:0!important;
    margin-bottom:58px!important;
    z-index:40!important;
  }
  body:not(.concept-mode):not(.services-mode):not(.contact-mode):not(.power-mode):not(.brand-universe-mode) .footer{
    position:relative!important;
    order:3!important;
    margin-top:110px!important;
    z-index:50!important;
    transform:none!important;
  }
  body:not(.concept-mode):not(.services-mode):not(.contact-mode):not(.power-mode):not(.brand-universe-mode) .footer-contact,
  body:not(.concept-mode):not(.services-mode):not(.contact-mode):not(.power-mode):not(.brand-universe-mode) .social-icons,
  body:not(.concept-mode):not(.services-mode):not(.contact-mode):not(.power-mode):not(.brand-universe-mode) .catpuf-link{
    position:relative!important;
    transform:none!important;
  }
}

@media(max-width:540px){
  .recep-chrome-layer .hero-header{top:104px!important;gap:20px!important;}
  .recep-chrome-layer .logo{width:min(56vw,245px)!important;}
  .recep-chrome-layer .nav{width:min(76vw,340px)!important;gap:10px 14px!important;}
  .recep-chrome-layer .site-audio-control{max-width:112px!important;right:10px!important;top:12px!important;}
  body:not(.concept-mode):not(.services-mode):not(.contact-mode):not(.power-mode):not(.brand-universe-mode) .site{min-height:1480px!important;padding-top:600px!important;}
}

/* RECEP 2026-07-09 MOBILE CLIENT LOGO BAR FIX
   Keep the client logo strip close to the footer and show the full strip on mobile. */
@media(max-width:900px){
  body:not(.concept-mode):not(.services-mode):not(.contact-mode):not(.power-mode):not(.brand-universe-mode):not(.form-mode):not(.don-open) .site{
    display:flex!important;
    flex-direction:column!important;
    min-height:1420px!important;
    padding-top:860px!important;
    padding-bottom:28px!important;
    overflow:visible!important;
  }
  body:not(.concept-mode):not(.services-mode):not(.contact-mode):not(.power-mode):not(.brand-universe-mode):not(.form-mode):not(.don-open) .home-logo-bar{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    order:2!important;
    width:96vw!important;
    max-width:96vw!important;
    margin:0 auto 18px!important;
    transform:none!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    overflow:visible!important;
    opacity:.82!important;
    z-index:40!important;
  }
  body:not(.concept-mode):not(.services-mode):not(.contact-mode):not(.power-mode):not(.brand-universe-mode):not(.form-mode):not(.don-open) .home-logo-bar img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  body:not(.concept-mode):not(.services-mode):not(.contact-mode):not(.power-mode):not(.brand-universe-mode):not(.form-mode):not(.don-open) .footer{
    order:3!important;
    position:relative!important;
    margin-top:0!important;
    padding-top:0!important;
    z-index:50!important;
    transform:none!important;
  }
}
@media(max-width:540px){
  body:not(.concept-mode):not(.services-mode):not(.contact-mode):not(.power-mode):not(.brand-universe-mode):not(.form-mode):not(.don-open) .site{
    min-height:1390px!important;
    padding-top:830px!important;
  }
  body:not(.concept-mode):not(.services-mode):not(.contact-mode):not(.power-mode):not(.brand-universe-mode):not(.form-mode):not(.don-open) .home-logo-bar{
    width:98vw!important;
    max-width:98vw!important;
    margin-bottom:14px!important;
  }
}