/* Corporate adapter for the existing Tabletop/Möbel shell.
 * Shared theme tokens own geometry; editorial content and division skins stay local.
 */
body.sino-brand-home {
  --sino-shell-max:1320px;
  --sino-shell-gutter:32px;
  --sino-shell-top:40px;
  --sino-shell-main:80px;
  --sino-shell-font:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
body.sino-brand-home .shm-brand {
  width:100%;
  --shm-panel-padding:max(var(--sino-shell-gutter),calc((100% - var(--sino-shell-max)) / 2));
}
body.sino-brand-home .shm-brand-topbar {
  padding:0; /* The shared theme supplies the same topbar skin on all three sites. */
}
.shm-brand-topbar .sino-network-inner {
  display:flex; align-items:center; justify-content:space-between;
  width:min(calc(100% - 2 * var(--sino-shell-gutter)),var(--sino-shell-max));
  margin-inline:auto; min-height:var(--sino-shell-top); min-width:0;
}
.shm-brand-topbar .sino-network-utility { flex-shrink:0; }
.shm-brand-topbar .shm-brand-utility-contact {
  font:400 12px/1.4 var(--sino-shell-font);
}
.shm-brand-topbar .sino-language-options a { transition:background-color .2s,color .2s; }
/* Language dropdowns must escape the topbar; only the menu itself can scroll. */
body.sino-brand-home .shm-brand-header {
  grid-template-columns:160px minmax(0,1fr) 160px;
  column-gap:22px; row-gap:0; min-height:var(--sino-shell-main);
  padding:0 var(--shm-panel-padding); background:#fff;
  font-family:var(--sino-shell-font); box-shadow:0 1px #051d3c12;
}
body.sino-brand-home .shm-brand-wordmark { min-width:0; justify-self:start; }
body.sino-brand-home .shm-brand-wordmark > span {
  font:500 25px/1.1 var(--sino-shell-font); letter-spacing:-.025em;
}
body.sino-brand-home .shm-brand-wordmark .shm-brand-logo { max-width:160px; max-height:48px; }
body.sino-brand-home .shm-brand-nav { grid-column:2; grid-row:1; border:0; }
body.sino-brand-home .shm-brand-menu { justify-content:center; gap:clamp(26px,2.3vw,32px); }
body.sino-brand-home .shm-brand-menu > li > a {
  padding:0; min-height:var(--sino-shell-main); font-size:13.5px; letter-spacing:0;
}
body.sino-brand-home .shm-brand-menu > li > a::after { bottom:22px; left:0; right:0; }
/* A full-width cover starts on the same baseline as both product divisions. */
body.sino-brand-home .shm-brand-hero { padding-inline:0; }
body.sino-brand-home .shm-brand-hero__caption { padding-left:var(--shm-panel-padding); }

@media (max-width:1199px) {
  body.sino-brand-home { --sino-shell-main:72px; --sino-shell-top:44px; }
  body.sino-brand-home .shm-brand-header { grid-template-columns:40px minmax(0,1fr) 132px; column-gap:8px; }
  body.sino-brand-home .shm-brand-wordmark { grid-column:2; grid-row:1; }
  body.sino-brand-home .shm-brand-nav { grid-column:1; grid-row:1; position:static; }
  body.sino-brand-home .shm-brand-menu-toggle > span:first-child { display:none; }
  body.sino-brand-home .shm-brand-nav[data-enhanced] .shm-brand-menu-toggle {
    display:flex; align-items:center; justify-content:center; width:40px; min-height:44px;
    padding:0; margin:0; border:0; background:none; box-shadow:none; color:var(--sino-navy);
  }
  .shm-brand-menu-toggle__icon { position:relative; display:block; width:22px; height:18px; }
  .shm-brand-menu-toggle__icon::before, .shm-brand-menu-toggle__icon::after {
    content:''; position:absolute; left:0; width:22px; height:1px; background:currentColor; transition:transform .2s;
  }
  .shm-brand-menu-toggle__icon::before { top:5px; }
  .shm-brand-menu-toggle__icon::after { top:12px; }
  .is-open .shm-brand-menu-toggle__icon::before { transform:translateY(3.5px) rotate(45deg); }
  .is-open .shm-brand-menu-toggle__icon::after { transform:translateY(-3.5px) rotate(-45deg); }
  body.sino-brand-home .shm-brand-nav > .shm-brand-menu {
    position:absolute; top:100%; left:0; width:100%; max-height:70vh; overflow:auto;
    padding:16px var(--shm-panel-padding) 24px; background:#fff; box-shadow:0 12px 18px #051d3c12;
  }
  body.sino-brand-home .shm-brand-nav[data-enhanced] > .shm-brand-menu { display:none; }
  body.sino-brand-home .shm-brand-nav[data-enhanced].is-open > .shm-brand-menu { display:block; }
  body.sino-brand-home .shm-brand-menu > li > a { min-height:46px; padding:10px 0; font-size:14px; }
  body.sino-brand-home .shm-brand-menu > li > a::after { display:none; }
  body.sino-brand-home .shm-brand-menu .sub-menu { position:static; display:block; box-shadow:none; padding:0 0 6px 16px; }
  /* If JavaScript is unavailable, keep the real menu in normal flow. */
  body.sino-brand-home .shm-brand-header:has(.shm-brand-nav:not([data-enhanced])) { display:flex; flex-wrap:wrap; padding-block:16px; }
  body.sino-brand-home .shm-brand-nav:not([data-enhanced]) { width:100%; }
  body.sino-brand-home .shm-brand-nav:not([data-enhanced]) > .shm-brand-menu { position:static; box-shadow:none; padding:0; }
}
@media (max-width:1024px) { body.sino-brand-home { --sino-shell-gutter:24px; } }
@media (max-width:600px) {
  body.sino-brand-home { --sino-shell-gutter:20px; }
  body.sino-brand-home .shm-brand-header { grid-template-columns:40px minmax(0,1fr) 40px; }
  body.sino-brand-home .shm-brand-wordmark > span { font-size:22px; }
  body.sino-brand-home .shm-brand-wordmark .shm-brand-logo { max-width:132px; max-height:44px; }
  body.sino-brand-home .shm-brand-hero__caption { width:calc(100% - var(--sino-shell-gutter)); }
}