.site-header {
  box-sizing: border-box;
  width: 100vw;
  max-width: none;
  margin: 0 0 0 calc(50% - 50vw);
  padding: 0 max(24px, calc((100vw - 1060px) / 2)) !important;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid rgba(111, 174, 155, 0.22);
  background: #0e1b1e;
}

.site-header .wordmark {
  font-family: Georgia, serif;
  font-size: 1.35rem;
  font-weight: 500;
  white-space: nowrap;
}

.site-header .wordmark a { color: inherit; text-decoration: none; }
.site-header .wordmark span { color: #e8a33d; }
.site-header .site-nav { display: none; position: fixed; inset: 80px 0 0; z-index: 20; width: 100%; box-sizing: border-box; padding: 32px max(24px, calc((100vw - 1060px) / 2)); background: #0e1b1e; border-top: 1px solid rgba(111, 174, 155, 0.22); }
.site-header .site-nav.is-open { display: grid; align-content: start; gap: 18px; overflow-y: auto; }
.site-header .site-nav a { color: #aab9b7 !important; text-decoration: none; font-size: 1.15rem; padding: 8px 0; opacity: 1; }
.site-header .site-nav a:hover, .site-header .site-nav a:focus-visible { opacity: 1; color: #6fae9b; }
.menu-toggle { display: block; margin-left: auto; position: relative; width: 44px; height: 44px; border: 0; background: transparent; color: inherit; padding: 0; font-size: 0; cursor: pointer; }
.menu-toggle::before, .menu-toggle::after { content: ''; position: absolute; left: 9px; width: 26px; height: 2px; border-radius: 2px; background: currentColor; transition: transform .2s ease; }
.menu-toggle::before { top: 13px; box-shadow: 0 8px currentColor, 0 16px currentColor; }
.menu-toggle::after { top: 13px; opacity: 0; }
.menu-toggle[aria-expanded="true"]::before { top: 21px; transform: rotate(45deg); box-shadow: none; }
.menu-toggle[aria-expanded="true"]::after { top: 21px; opacity: 1; transform: rotate(-45deg); }
.hamburger-icon { display: none; }
.hamburger-icon span { display: block; height: 2px; border-radius: 2px; background: currentColor; transition: transform .2s ease, opacity .2s ease; }
.menu-toggle[aria-expanded="true"] .hamburger-icon span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] .hamburger-icon span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] .hamburger-icon span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.menu-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.back-to-top { position: fixed; right: 20px; bottom: 20px; z-index: 10; border: 1px solid #6fae9b; border-radius: 999px; background: #142b2e; color: #dce7e5; padding: 9px 13px; font: inherit; cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s ease, transform .2s ease, visibility .2s ease; }
.back-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.back-to-top:focus-visible, .menu-toggle:focus-visible { outline: 2px solid #e8a33d; outline-offset: 3px; }
.site-footer { box-sizing: border-box; width: 100vw; margin: 56px 0 0 calc(50% - 50vw); padding: 42px max(24px, calc((100vw - 1060px) / 2)) 24px; border-top: 1px solid rgba(111, 174, 155, 0.22); background: #0a1719; color: #93aca8; }
.footer-inner { display: grid; grid-template-columns: minmax(220px, 1.6fr) repeat(2, minmax(150px, 1fr)); gap: 40px; max-width: 1060px; margin: 0 auto; }
.footer-wordmark { color: #dce7e5; font: 500 1.2rem Georgia, serif; text-decoration: none; }
.footer-wordmark span { color: #e8a33d; }
.footer-brand p { max-width: 28ch; margin: 12px 0 0; color: #718d89; font-size: .9rem; }
.footer-column { display: grid; align-content: start; gap: 9px; }
.footer-column h2 { margin: 0 0 7px; color: #dce7e5; font: 600 .78rem "IBM Plex Sans", sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.footer-column a, .footer-bottom a { color: #93aca8; text-decoration: none; }
.footer-column a:hover, .footer-bottom a:hover { color: #6fae9b; }
.footer-bottom { display: grid; grid-template-columns: 180px minmax(0, 1fr); align-items: center; gap: 20px; max-width: 1060px; margin: 34px auto 0; padding-top: 18px; border-top: 1px solid rgba(111, 174, 155, 0.14); font-size: .82rem; }
.footer-bottom > span { flex: 0 1 180px; min-width: 0; }
.language-switcher { display: flex; align-items: center; justify-content: center; gap: 12px 16px; width: 100%; min-width: 0; flex-wrap: wrap; }
.footer-bottom .language-switcher { max-width: 100%; }
.language-switcher a { display: inline-flex; align-items: center; gap: 7px; color: #aab9b7; text-decoration: none; white-space: nowrap; }
.language-switcher a:hover, .language-switcher a:focus-visible { color: #6fae9b; }
.language-flag { width: 24px; height: 16px; display: block; border-radius: 2px; box-shadow: 0 0 0 1px rgba(220, 231, 229, 0.28); }

.calculator-page > .site-header,
.stocking-page > .site-header,
.heater-page > .site-header,
.filter-page > .site-header { margin-top: -26px; }

@media (max-width: 720px) {
  .site-header { padding: 0 18px !important; min-height: 68px; align-items: center; }
  .site-header .site-nav { inset: 68px 0 0; padding: 28px 24px; }
  .site-header { flex-wrap: wrap; }
  .footer-inner { grid-template-columns: 1fr 1fr; gap: 28px 18px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { display: grid; grid-template-columns: 1fr; align-items: start; }
  .footer-bottom .language-switcher { order: 2; align-self: center; }
  .footer-bottom { padding-bottom: 72px; }
}