/* 4dsHub V20 — three-brand dock + reliable music player hit areas */

/* Keep Digital Twin + Universe + Kreatif Podcast together on every page. */
body.home-reference-mode .recep-chrome-layer .hero-header .home-brand-dock,
body.home-reference-mode.concept-mode .recep-chrome-layer .hero-header .home-brand-dock,
body.home-reference-mode.services-mode .recep-chrome-layer .hero-header .home-brand-dock,
body.home-reference-mode.contact-mode .recep-chrome-layer .hero-header .home-brand-dock,
body.home-reference-mode.power-mode .recep-chrome-layer .hero-header .home-brand-dock,
body.home-reference-mode.form-mode .recep-chrome-layer .hero-header .home-brand-dock,
body.home-reference-mode .hero-header .home-brand-dock{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:clamp(15px,1.35vw,24px)!important;
  width:max-content!important;
  max-width:39vw!important;
  pointer-events:auto!important;
  overflow:visible!important;
}

body.home-reference-mode .hero-header .home-brand-dock .home-brand-button,
body.home-reference-mode .hero-header .home-brand-dock .digital-twin-footer-link,
body.home-reference-mode.concept-mode .hero-header .home-brand-dock .digital-twin-footer-link,
body.home-reference-mode.services-mode .hero-header .home-brand-dock .digital-twin-footer-link,
body.home-reference-mode.contact-mode .hero-header .home-brand-dock .digital-twin-footer-link,
body.home-reference-mode.power-mode .hero-header .home-brand-dock .digital-twin-footer-link{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  inset:auto!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}

body.home-reference-mode .hero-header .home-brand-dock .home-brand-button.is-digital,
body.home-reference-mode .hero-header .home-brand-dock .digital-twin-top-trigger{
  width:auto!important;
  height:auto!important;
}
body.home-reference-mode .hero-header .home-brand-dock .home-brand-button.is-digital img,
body.home-reference-mode .hero-header .home-brand-dock .digital-twin-top-trigger img{
  display:block!important;
  width:clamp(72px,5.1vw,92px)!important;
  max-width:none!important;
  height:auto!important;
  object-fit:contain!important;
  opacity:.96!important;
  transition:opacity .2s ease,transform .2s ease!important;
}
body.home-reference-mode .hero-header .home-brand-dock .home-brand-button:hover img,
body.home-reference-mode .hero-header .home-brand-dock .home-brand-button:focus-visible img{
  opacity:1!important;
  transform:translateY(-2px) scale(1.015)!important;
}

/* Music controls: own hit areas; no header/nav layer may steal clicks. */
.recep-chrome-layer .site-audio-control,
.site-audio-control{
  pointer-events:auto!important;
  isolation:isolate!important;
  overflow:visible!important;
}
.site-audio-control .site-audio-buttons{
  position:relative!important;
  z-index:4!important;
  pointer-events:auto!important;
}
.site-audio-control .site-audio-prev,
.site-audio-control .site-audio-toggle,
.site-audio-control .site-audio-next{
  position:relative!important;
  z-index:5!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
.site-audio-control .site-audio-prev::before,
.site-audio-control .site-audio-next::before{
  content:""!important;
  position:absolute!important;
  inset:-8px!important;
  border-radius:999px!important;
  background:transparent!important;
  pointer-events:auto!important;
}

@media(max-width:900px){
  body.home-reference-mode .hero-header .home-brand-dock,
  body.home-reference-mode.concept-mode .hero-header .home-brand-dock,
  body.home-reference-mode.services-mode .hero-header .home-brand-dock,
  body.home-reference-mode.contact-mode .hero-header .home-brand-dock,
  body.home-reference-mode.power-mode .hero-header .home-brand-dock{
    gap:8px!important;
    max-width:68vw!important;
  }
  body.home-reference-mode .hero-header .home-brand-dock .home-brand-button.is-digital img,
  body.home-reference-mode .hero-header .home-brand-dock .digital-twin-top-trigger img{
    width:58px!important;
  }
}
@media(max-width:520px){
  body.home-reference-mode .hero-header .home-brand-dock{gap:5px!important;max-width:72vw!important;}
  body.home-reference-mode .hero-header .home-brand-dock .home-brand-button.is-digital img,
  body.home-reference-mode .hero-header .home-brand-dock .digital-twin-top-trigger img{width:44px!important;}
}