@import url("/assets/interior-hero-alignment.css");

/* Offset existing fixed utility/header stacks without altering their design.
   The approved social bar is 44px plus its 1px bottom border. */
body.plm-social-fixed { padding-top: var(--plm-stack-bottom, 157px); }
.plm-social-fixed > .plm-social-bar {
  position: fixed;
  inset: 0 0 auto;
  z-index: 102;
}
.plm-social-fixed > .utility { top: 45px; }
.plm-social-fixed > .nav { top: var(--plm-nav-top, 77px); }
@media (max-width: 900px) {
  /* Match the homepage's single social row above the mobile logo/menu. */
  .plm-social-fixed > .utility { display: none; }
  .plm-social-fixed > .nav { top: 45px; }
  .plm-social-fixed .nav__links {
    top: var(--plm-stack-bottom, 157px);
    height: calc(100dvh - var(--plm-stack-bottom, 157px));
  }
}
@media (max-width: 520px) {
  body.plm-social-fixed { padding-top: var(--plm-stack-bottom, 141px); }
  .plm-social-fixed > .nav { top: 45px; }
}