/* v48 — wspólny nagłówek dla strony głównej i wszystkich podstron. */
.site-header{
  position:sticky!important;
  top:0;
  z-index:1000!important;
  width:100%;
  height:88px!important;
  padding:0!important;
  display:block!important;
  background:rgba(247,246,241,.96)!important;
  color:#242626!important;
  border-bottom:1px solid rgba(36,38,38,.10)!important;
  backdrop-filter:blur(18px) saturate(1.2);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
  transition:height .35s cubic-bezier(.22,1,.36,1),background-color .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)!important;
  isolation:isolate;
  overflow:visible;
}
.site-header.scrolled{
  height:70px!important;
  background:rgba(24,29,25,.96)!important;
  border-bottom-color:rgba(255,255,255,.12)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
}
.header-inner{
  width:100%;
  max-width:1480px;
  height:100%;
  margin:0 auto;
  padding-inline:clamp(18px,4vw,64px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(14px,2vw,30px);
}
.site-header .brand{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:220px;
  color:#242626;
  text-decoration:none;
}
.brand-mark{
  position:relative;
  display:block!important;
  flex:none;
  width:80px;
  height:64px;
  overflow:hidden;
  transition:transform .35s cubic-bezier(.22,1,.36,1),filter .35s ease;
}
.site-header .brand .brand-mark img{
  position:absolute;
  width:118px!important;
  height:118px!important;
  max-width:none!important;
  left:-19px;
  top:-28px;
  object-fit:contain;
  background:#fff;
  border-radius:0!important;
}
.brand-copy{
  display:grid!important;
  line-height:1.1;
}
.brand-copy strong{
  color:#242626;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:1.04rem;
  font-weight:750;
  line-height:1.1;
}
.brand-copy small{
  margin-top:5px;
  color:#68716a;
  font-size:.62rem;
  letter-spacing:.10em;
  text-transform:uppercase;
  white-space:nowrap;
}
.site-header .main-nav.nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(11px,1.3vw,21px);
  min-width:0;
  font-size:initial;
  font-weight:initial;
}
.site-header .main-nav.nav a{
  position:relative;
  color:#354038!important;
  background:transparent!important;
  white-space:nowrap;
  font-size:.79rem;
  font-weight:680;
  letter-spacing:-.01em;
  text-decoration:none;
  opacity:1;
  transition:color .25s ease,opacity .25s ease;
}
.site-header .main-nav.nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-11px;
  height:2px;
  background:linear-gradient(90deg,#267c36,#B08D57 58%,#c81735)!important;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s ease;
}
.site-header .main-nav.nav a:hover,
.site-header .main-nav.nav a:focus-visible,
.site-header .main-nav.nav a.active,
.site-header .main-nav.nav a[aria-current="page"]{
  color:#1f6f30!important;
}
.site-header .main-nav.nav a:hover::after,
.site-header .main-nav.nav a:focus-visible::after,
.site-header .main-nav.nav a.active::after,
.site-header .main-nav.nav a[aria-current="page"]::after{
  transform:scaleX(1);
}
.header-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.site-header .nav-toggle{
  display:none;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid #a9b0a8;
  border-radius:4px;
  background:transparent;
  place-items:center;
  color:#242626;
  cursor:pointer;
}
.site-header .nav-toggle span{
  display:block;
  width:20px;
  height:2px;
  margin:3px auto;
  background:#242626;
}
.site-header.scrolled .brand-copy strong{color:#f7f6f1}
.site-header.scrolled .brand-copy small{color:#d4ddd5}
.site-header.scrolled .main-nav.nav a{color:#f7f6f1!important;opacity:.92}
.site-header.scrolled .main-nav.nav a:hover,
.site-header.scrolled .main-nav.nav a:focus-visible{color:#b7e2bd!important;opacity:1}
.site-header.scrolled .main-nav.nav a.active,
.site-header.scrolled .main-nav.nav a[aria-current="page"]{color:#9bd3a3!important;opacity:1}
.site-header.scrolled .nav-toggle{color:#f7f6f1;border-color:rgba(255,255,255,.42)}
.site-header.scrolled .nav-toggle span{background:#f7f6f1}
.site-header.scrolled .brand-mark{transform:scale(.88)}
.site-header .brand:hover .brand-mark{filter:drop-shadow(0 8px 16px rgba(0,0,0,.12))}
.header-progress{
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px!important;
  background:linear-gradient(90deg,#267c36 0 52%,#B08D57 72%,#c81735 100%)!important;
  transform:scaleX(0);
  transform-origin:left center;
  z-index:50;
  pointer-events:none;
  will-change:transform;
}
@media(max-width:1100px){
  .site-header .brand{min-width:185px}
  .site-header .main-nav.nav{gap:10px}
  .site-header .main-nav.nav a{font-size:.74rem}
}
@media(max-width:960px){
  .site-header,.site-header.scrolled{
    height:76px!important;
    background:rgba(247,246,241,.98)!important;
    border-bottom-color:rgba(36,38,38,.12)!important;
    box-shadow:none!important;
  }
  .header-inner{padding-inline:18px}
  .site-header .brand{min-width:0}
  .brand-mark{width:72px;height:58px}
  .site-header .brand .brand-mark img{width:106px!important;height:106px!important;left:-17px;top:-25px}
  .site-header.scrolled .brand-mark{transform:none}
  .site-header.scrolled .brand-copy strong{color:#242626}
  .site-header.scrolled .brand-copy small{color:#68716a}
  .site-header .main-nav.nav{
    display:none;
    position:absolute;
    top:100%!important;
    left:0;
    right:0;
    padding:22px 20px 26px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:#fff!important;
    border-bottom:1px solid #ccd4ca;
    box-shadow:0 16px 30px rgba(0,0,0,.10);
  }
  .site-header .main-nav.nav.open{display:flex!important}
  .site-header .main-nav.nav a,
  .site-header.scrolled .main-nav.nav a{
    padding:12px 4px;
    color:#242626!important;
    opacity:1;
  }
  .site-header .main-nav.nav a::after{bottom:7px;width:64px;right:auto}
  .site-header .nav-toggle{display:grid}
  .site-header.scrolled .nav-toggle{color:#242626;border-color:#a9b0a8}
  .site-header.scrolled .nav-toggle span{background:#242626}
}
@media(max-width:600px){
  .brand-copy strong{font-size:.93rem}
  .brand-copy small{font-size:.56rem}
}
@media(prefers-reduced-motion:reduce){
  .site-header,.brand-mark,.site-header .main-nav.nav a,.site-header .main-nav.nav a::after{transition:none!important}
}