:root{
  --color-primary: #093c1d;  /* - Ciemna zieleń militarna*/
  --color-secondary: #4f7942; /*  - Jaśniejsza zieleń*/
  --color-accent: #d4af37;  /* - Złoty akcent*/
  --color-dark: #1a1a1a;  /**/
  --color-gray: #666;  /**/
  --color-light-gray: #f5f5f5; /* */
  --color-white: #ffffff; /* */  
  --footer-background: #1a1a1a;
}

* { box-sizing: border-box; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; margin: 0;  padding: 0;  text-decoration: none; max-width: 100%; height: auto;}
html { font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; }

.hero{ display: flex; width: 100%; height: 100dvh; background-color: #fff; background: none; padding: 0; overflow: hidden;z-index: 0}
.hero>div{ display: flex;  flex-direction: column; align-content: center;align-items: center; justify-content: center; justify-items: center; text-align: center; padding: 2dvw;overflow: hidden;}
.hero>div>div{position: relative; z-index: 1}
.btn, button, [type="submit"]{ display: inline-flex; border: solid 1px var(--color-primary); background-color: var(--color-primary); color: var(--color-white) ;padding: 2dvw 4dvw; margin: 4dvw 0; justify-content: center; }
.hero :where(h1, h2, p, a){color: #ffffff; z-index: 2}
.hero .video-background, .hero video, .hero div{height: 100dvh;}
.video-background {  position: absolute;  width: 100%;  height: 80dvh;  overflow: hidden; z-index: -1}
.video-background video{   position: absolute;  top: 50%;  left: 50%;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;  transform: translate(-50%, -50%);  z-index: -1;  object-fit: cover; }
.video-background-filter{display: block; position: absolute; z-index: 0; background-color: rgba(0,0,0,.85); height: 80dvh; width: 100%}

.ps-breadcrumbs :where(ol, li, a, span){display: inline}
.ps-breadcrumbs li:not(:last-of-type):after{content: ' > '}

/*
.pagination{display: flex; align-content: center; justify-content: center; padding: 3rem 1rem; gap: 2rem}
.pagination :where(a, span, div){font-size: 1.25rem; width: 2.5rem; height: 2.5rem; display: flex; justify-items: center; justify-content: center; align-content: center}
.pagination span{color:  var(--color-white); background-color: var(--color-primary); padding:  .1rem .75rem; border-radius: 50%}
.pagination a:not(.prev):not(.next){color: #fff; background-color: #ccc; padding:  .1rem .75rem; border-radius: 50%}
.pagination :where(.prev, .next){color: var(--color-primary)}
*/