@import url("/assets/stewaro-unified.css?v=20260928-3");
@import url("./site-base.css?v=20260917-final");\n@import url("./stewaro-brand-shell.css?v=20260927-1");

/* NAHWERK TOPBAR + FLOATING CONCIERGE + DARK FOOTER FINAL — 2026-09-17 */

/* Existing top-left brand asset remains unchanged; only its rendered size is reduced. */
html body .top .brand .mark,
html body .top .brand .mark.nahwerk-mark {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  box-shadow: none !important;
  transform: none !important;
}
html body .top .brand {
  min-width: 0 !important;
  gap: 10px !important;
}

/* Account/profile controls: content-only, still fully clickable. */
html body .top .links .nw-account-link,
html body .top .nav .nw-account-link,
html body .top .nav .nw-account-mobile,
html body .top .nav .nw-account-cluster-mobile .nw-account-mobile {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 5px 6px !important;
  transform: none !important;
}
html body .top .links .nw-account-link:hover,
html body .top .nav .nw-account-link:hover,
html body .top .nav .nw-account-mobile:hover,
html body .top .nav .nw-account-cluster-mobile .nw-account-mobile:hover {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
html body .top .nav .nw-account-avatar {
  width: 29px !important;
  height: 29px !important;
  flex: 0 0 29px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
}
html body .top .nav .nw-account-logout,
html body .top .nav .nw-account-cluster-mobile .nw-account-logout {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
}
html body .top .nav .nw-account-logout:hover,
html body .top .nav .nw-account-cluster-mobile .nw-account-logout:hover {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Language/country selector: remove only the closed button chrome; dropdown remains functional. */
html body .top .nav .nw-language-button,
html body .top .nav > .nw-language .nw-language-button,
html body .top .links .nw-language-button {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body .top .nav .nw-language-button:hover,
html body .top .nav .nw-language-button:focus-visible,
html body .top .nav > .nw-language .nw-language-button:hover,
html body .top .nav > .nw-language .nw-language-button:focus-visible {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Menu: bigger three lines, no visible surrounding button. */
html body .top .nav .nav-toggle {
  width: 52px !important;
  height: 48px !important;
  padding: 6px 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body .top .nav .nav-toggle span {
  width: 34px !important;
  height: 3px !important;
  margin: 6px auto !important;
  border-radius: 999px !important;
}

/* GLOBAL DARK FOOTER CONTRACT v2 — pure #000 on every dark surface and locale. */
html body:not(.nw-portal-light) footer.footer,
html body:not(.nw-portal-light) .footer,
html body:not(.nw-portal-light).senior-product footer.footer,
html body:not(.nw-portal-light)[data-product="senioren"] footer.footer,
html[data-nw-portal-theme="dark"] body footer.footer,
html[data-nw-portal-theme="dark"] body .footer,
html body.nw-portal-dark footer.footer,
html body.nw-portal-dark .footer {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  isolation: isolate;
}

html body:not(.nw-portal-light) footer.footer > .wrap,
html body:not(.nw-portal-light) footer.footer .footergrid,
html body:not(.nw-portal-light) footer.footer .footbottom,
html[data-nw-portal-theme="dark"] body footer.footer > .wrap,
html[data-nw-portal-theme="dark"] body footer.footer .footergrid,
html[data-nw-portal-theme="dark"] body footer.footer .footbottom,
html body.nw-portal-dark footer.footer > .wrap,
html body.nw-portal-dark footer.footer .footergrid,
html body.nw-portal-dark footer.footer .footbottom {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body:not(.nw-portal-light) footer.footer::before,
html body:not(.nw-portal-light) footer.footer::after,
html[data-nw-portal-theme="dark"] body footer.footer::before,
html[data-nw-portal-theme="dark"] body footer.footer::after,
html body.nw-portal-dark footer.footer::before,
html body.nw-portal-dark footer.footer::after {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Floating Concierge: use the uploaded Goldmann asset only here. */
html body .nw-floating-concierge .nw-floating-concierge-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 0 !important;
  background: transparent center / contain no-repeat url("logos/stewaro-icon.svg") !important;
  box-shadow: none !important;
}
html body .nw-floating-concierge .nw-floating-concierge-icon svg {
  display: none !important;
}

@media (max-width: 620px) {
  html body .top .brand .mark,
  html body .top .brand .mark.nahwerk-mark {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
  }
}

/* Compatibility selector retained for legacy route contract tests. */
body:not(.nw-portal-light) .footer{background:#000!important}


/* SENIOREN HERO RECOVERY v1 — keep the approved senior smartphone photo visible. */
html body.senior-product .senior-image-hero .senior-hero-layout,
html body[data-product="senioren"] .senior-image-hero .senior-hero-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.03fr) minmax(380px,.97fr)!important;
  gap:clamp(44px,7vw,96px)!important;
  align-items:center!important;
}
html body.senior-product .senior-image-hero .senior-hero-copy,
html body[data-product="senioren"] .senior-image-hero .senior-hero-copy{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  z-index:2!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
html body.senior-product .senior-image-hero .senior-hero-photo,
html body[data-product="senioren"] .senior-image-hero .senior-hero-photo{
  grid-column:2!important;
  grid-row:1!important;
  position:relative!important;
  z-index:2!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  aspect-ratio:4/5!important;
  overflow:hidden!important;
  border:1px solid #dfc47e!important;
  border-radius:34px!important;
  background:#f4ead8 url("/assets/lifestyle/senior-man-phone.webp?v=4") center center/cover no-repeat!important;
  box-shadow:0 34px 80px rgba(73,52,18,.16)!important;
}
html body.senior-product .senior-image-hero .senior-hero-photo img,
html body[data-product="senioren"] .senior-image-hero .senior-hero-photo img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:none!important;
}
html body.senior-product .senior-image-hero h1,
html body[data-product="senioren"] .senior-image-hero h1{
  color:#211f1a!important;
  text-shadow:none!important;
}
html body.senior-product .senior-image-hero .senior-hero-lead,
html body[data-product="senioren"] .senior-image-hero .senior-hero-lead{
  color:#625b50!important;
  text-shadow:none!important;
}
@media(max-width:1000px){
  html body.senior-product .senior-image-hero .senior-hero-layout,
  html body[data-product="senioren"] .senior-image-hero .senior-hero-layout{
    grid-template-columns:1fr!important;
  }
  html body.senior-product .senior-image-hero .senior-hero-copy,
  html body[data-product="senioren"] .senior-image-hero .senior-hero-copy{
    grid-column:1!important;
    grid-row:1!important;
  }
  html body.senior-product .senior-image-hero .senior-hero-photo,
  html body[data-product="senioren"] .senior-image-hero .senior-hero-photo{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:760px!important;
    aspect-ratio:16/10!important;
  }
}
@media(max-width:700px){
  html body.senior-product .senior-image-hero .senior-hero-photo,
  html body[data-product="senioren"] .senior-image-hero .senior-hero-photo{
    aspect-ratio:4/3!important;
    border-radius:24px!important;
  }
}