/* HIBA One public header — Spatial Luxury 2026 */
.hiba-one-public .marketing-header{
  position:sticky;
  top:10px;
  z-index:120;
  background:transparent;
  border:0;
  padding:0 14px;
}
.admin-bar.hiba-one-public .marketing-header{top:42px}
.hiba-one-public .marketing-header__inner{
  width:min(1220px,100%);
  height:66px;
  margin:0 auto;
  padding:0 10px 0 18px;
  display:flex;
  align-items:center;
  gap:24px;
  border:1px solid rgba(208,213,221,.78);
  border-radius:22px;
  background:rgba(255,255,255,.84);
  box-shadow:0 10px 34px rgba(8,20,38,.07);
  -webkit-backdrop-filter:blur(18px) saturate(1.12);
  backdrop-filter:blur(18px) saturate(1.12);
}
.hiba-one-public .marketing-header .brand--official{
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
  min-width:0;
}
.hiba-one-public .marketing-header .hiba-one-brand-logo--horizontal{
  width:148px;
  max-width:148px;
  max-height:34px;
  height:auto;
  display:block;
}
.hiba-one-public .marketing-nav{
  display:flex;
  align-items:center;
  gap:4px;
  margin-left:auto;
}
.hiba-one-public .marketing-nav a{
  min-height:42px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  border-radius:14px;
  color:#475467;
  font:600 15px/1.2 var(--fontB);
  white-space:nowrap;
  transition:background-color 160ms ease,color 160ms ease,transform 120ms ease;
}
.hiba-one-public .marketing-nav a:hover,
.hiba-one-public .marketing-nav a:focus-visible{
  color:#081426;
  background:#F2F4F7;
}
.hiba-one-public .marketing-nav a:active{transform:scale(.97)}
.hiba-one-public .marketing-actions{
  display:flex;
  align-items:center;
  gap:6px;
}
.hiba-one-public .marketing-actions .button{
  min-height:46px;
  padding-inline:16px;
  border-radius:999px;
  white-space:nowrap;
}
.hiba-one-public .marketing-actions .button--ghost{
  color:#344054;
  background:transparent;
}
.hiba-one-public .marketing-actions .button--ghost:hover{background:#F2F4F7;color:#081426}
.hiba-one-public .marketing-actions .button--primary{box-shadow:none}
.hiba-one-public .public-menu-button{
  display:none;
  width:46px;
  height:46px;
  border:1px solid #EAECF0;
  border-radius:14px;
  background:#FFFFFF;
  color:#081426;
  font-size:20px;
  line-height:1;
  place-items:center;
  cursor:pointer;
  transition:background-color 140ms ease,transform 120ms ease;
}
.hiba-one-public .public-menu-button:hover{background:#F2F4F7}
.hiba-one-public .public-menu-button:active{transform:scale(.96)}
.hiba-one-public .public-mobile-menu{display:none}

@media(max-width:980px){
  .hiba-one-public .marketing-header{top:8px;padding-inline:10px}
  .admin-bar.hiba-one-public .marketing-header{top:40px}
  .hiba-one-public .marketing-header__inner{height:62px;padding:0 8px 0 15px;border-radius:20px}
  .hiba-one-public .marketing-header .hiba-one-brand-logo--horizontal{width:136px;max-width:136px;max-height:31px}
  .hiba-one-public .marketing-nav,.hiba-one-public .marketing-actions{display:none}
  .hiba-one-public .public-menu-button{display:grid;margin-left:auto}
  .hiba-one-public .public-mobile-menu{
    position:absolute;
    left:10px;
    right:10px;
    top:70px;
    width:auto;
    margin:0;
    padding:8px;
    border:1px solid rgba(208,213,221,.82);
    border-radius:24px;
    background:rgba(255,255,255,.94);
    box-shadow:0 18px 46px rgba(8,20,38,.12);
    -webkit-backdrop-filter:blur(20px) saturate(1.1);
    backdrop-filter:blur(20px) saturate(1.1);
  }
  .hiba-one-public .public-mobile-menu:not([hidden]){display:grid;gap:2px}
  .hiba-one-public .public-mobile-menu>a{
    min-height:48px;
    padding:0 14px;
    display:flex;
    align-items:center;
    border-radius:14px;
    color:#101828;
    font-weight:600;
  }
  .hiba-one-public .public-mobile-menu>a:hover{background:#F2F4F7}
  .hiba-one-public .public-mobile-menu>.button--primary{
    justify-content:center;
    margin-top:4px;
    color:#FFFFFF;
    background:#155EEF;
    border-radius:16px;
  }
}
@media(max-width:782px){.admin-bar.hiba-one-public .marketing-header{top:54px}}
@media(max-width:480px){
  .hiba-one-public .marketing-header{padding-inline:8px}
  .hiba-one-public .marketing-header__inner{height:60px;padding-left:14px;border-radius:18px}
  .hiba-one-public .marketing-header .hiba-one-brand-logo--horizontal{width:128px;max-width:128px}
  .hiba-one-public .public-menu-button{width:44px;height:44px;border-radius:13px}
  .hiba-one-public .public-mobile-menu{left:8px;right:8px;top:68px;border-radius:22px}
}
@media(prefers-reduced-motion:reduce){
  .hiba-one-public .marketing-nav a,
  .hiba-one-public .public-menu-button{transition:none}
}