/* Shared inner-page styles: compact one-row banner, same width as the top bar (.header-top-bg). */
.pda-hero { padding-block: 0 8px; }
.pda-hero__bar {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px 24px;
  background: #f7f7f7;
  border-radius: 10px;
  min-height: 56px;
}
.pda-hero__title { margin: 0; font-family: var(--heading-font, 'Kanit', sans-serif); font-size: 1.125rem; font-weight: 600; line-height: 1.4; color: var(--heading-color, #1F3441); }
.pda-hero__crumbs { margin: 0; padding: 0; list-style: none; font-size: .9rem; }
.pda-hero__crumbs .ph-bold { font-size: .75rem; }
@media (max-width: 575px) { .pda-hero__bar { justify-content: center; text-align: center; } }
.pda-inner .header-top { display: block; }

/* Navbar (incl. its sticky state): logo + menu padding */
.header .logo img { max-width: 130px !important; }
.header .nav-menu__link.tw-py-9 { padding-block: var(--size-7) !important; }

/* First section after the hero on every inner page: pt-60 (bottom padding stays as each page set it) */
.pda-hero + section,
main > .pda-404:first-child { padding-top: 60px !important; }