:root{
  --green:#174f32;
  --green2:#276b45;
  --gold:#c99a2e;
  --cream:#faf8ef;
  --soft:#eef5e9;
  --text:#183321;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,#fff,var(--cream));
}
.top{
  height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:0 5vw;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(14px);
  position:sticky;
  top:0;
  z-index:10;
  box-shadow:0 8px 30px rgba(0,0,0,.06);
}
.brand{display:flex;align-items:center;gap:14px}
.brand-icon{font-size:42px}
.brand strong{display:block;font-size:28px;color:var(--green)}
.brand span{display:block;font-size:14px}
nav{display:flex;gap:28px}
nav a, footer a{
  color:var(--text);
  text-decoration:none;
  font-weight:600;
}
.admin-btn{
  text-decoration:none;
  color:var(--green);
  border:1px solid var(--green);
  padding:13px 20px;
  border-radius:14px;
  font-weight:700;
}
.hero{
  min-height:620px;
  display:grid;
  grid-template-columns:1.3fr .7fr;
  align-items:center;
  gap:40px;
  padding:80px 6vw;
  color:white;
  background:
    linear-gradient(90deg,rgba(8,44,25,.88),rgba(8,44,25,.38)),
    url('https://images.unsplash.com/photo-1466692476868-aef1dfb1e735?q=80&w=2200') center/cover;
}
.badge{
  display:inline-block;
  padding:10px 18px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  background:rgba(255,255,255,.12);
}
h1{
  max-width:850px;
  font-size:clamp(42px,6vw,86px);
  line-height:1.02;
  margin:24px 0 12px;
  font-family:Georgia,serif;
}
.lead{
  max-width:620px;
  font-size:23px;
  line-height:1.45;
}
.hero-actions{display:flex;gap:16px;margin-top:30px}
.btn{
  display:inline-block;
  text-decoration:none;
  padding:16px 26px;
  border-radius:16px;
  font-weight:800;
}
.primary{background:var(--gold);color:white}
.secondary{background:rgba(255,255,255,.16);color:white;border:1px solid rgba(255,255,255,.35)}
.notice-card{
  background:rgba(16,67,40,.62);
  border:1px solid rgba(255,255,255,.24);
  backdrop-filter:blur(18px);
  padding:32px;
  border-radius:28px;
  box-shadow:0 30px 90px rgba(0,0,0,.35);
}
.tiles{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:22px;
  padding:0 6vw;
  margin-top:-55px;
  position:relative;
}
.tiles article{
  min-height:180px;
  background:white;
  padding:30px;
  border-radius:26px;
  box-shadow:0 18px 45px rgba(0,0,0,.1);
  transition:.25s;
}
.tiles article:hover{
  transform:translateY(-8px);
}
.tiles article:first-letter{font-size:38px}
.content-grid{
  display:grid;
  grid-template-columns:1.3fr .8fr .8fr;
  gap:24px;
  padding:60px 6vw;
}
.panel{
  background:white;
  padding:32px;
  border-radius:28px;
  box-shadow:0 15px 40px rgba(0,0,0,.07);
}
.news{display:flex;gap:22px;align-items:center}
.news-img{
  width:160px;height:110px;border-radius:20px;
  background:url('https://images.unsplash.com/photo-1490750967868-88aa4486c946?q=80&w=800') center/cover;
}
.big{font-size:28px;font-weight:800;color:var(--green)}
.garden{
  background:linear-gradient(135deg,#ffffff,#edf7e9);
}
footer{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
  padding:45px 6vw;
  background:linear-gradient(135deg,#0d3d24,#1d633f);
  color:white;
}
footer a{color:white}
@media(max-width:1000px){
  .top{height:auto;align-items:flex-start;flex-direction:column;padding:20px}
  nav{flex-wrap:wrap}
  .hero{grid-template-columns:1fr;padding:60px 24px}
  .tiles,.content-grid,footer{grid-template-columns:1fr}
  .tiles{margin-top:20px}
}

.public-section{
  padding:40px 6vw 70px;
}
.public-section h2{
  font-size:38px;
  color:var(--green);
}
.doc-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:20px;
}
.doc-card{
  display:block;
  background:white;
  padding:24px;
  border-radius:22px;
  text-decoration:none;
  color:var(--text);
  box-shadow:0 12px 35px rgba(0,0,0,.07);
}
.doc-card span{
  display:block;
  margin-top:10px;
  color:#667;
}
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:22px;
}
.gallery-grid figure{
  margin:0;
  background:white;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
}
.gallery-grid img{
  width:100%;
  height:190px;
  object-fit:cover;
  display:block;
}
.gallery-grid figcaption{
  padding:16px;
  font-weight:700;
}

.notice-card p{
  background:rgba(255,255,255,.12);
  padding:14px;
  border-radius:16px;
}
.news{
  padding:18px 0;
  border-bottom:1px solid #edf1ea;
}
.news:last-child{
  border-bottom:0;
}
.news h3{
  margin:0 0 8px;
  color:var(--green);
}
.news span{
  color:#6b756b;
  font-weight:700;
}
.panel h2{
  margin-top:0;
  color:var(--green);
}
.tiles article h3{
  margin-bottom:8px;
  color:var(--green);
}
.tiles article p{
  color:#5f6d62;
}

.zarzad-banner{
padding:80px 6vw 30px;
}

.zarzad-box{
display:grid;
grid-template-columns:1.4fr .6fr;
gap:40px;
align-items:center;
padding:50px;
border-radius:32px;
background:
linear-gradient(135deg,#184d31,#2f7c4d);
color:white;
box-shadow:0 30px 80px rgba(0,0,0,.18);
}

.zarzad-box h2{
font-size:48px;
margin-top:0;
color:white;
}

.panel-btn{
display:inline-block;
text-decoration:none;
background:#c99a2e;
padding:22px 34px;
border-radius:18px;
font-weight:800;
color:white;
text-align:center;
font-size:22px;
box-shadow:0 10px 30px rgba(0,0,0,.2);
}

.history-box{
background:white;
padding:50px;
border-radius:30px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
font-size:22px;
line-height:1.7;
}

.board-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}

.board-card{
background:white;
padding:36px;
border-radius:26px;
box-shadow:0 14px 35px rgba(0,0,0,.08);
}

.board-card h3{
font-size:30px;
margin-top:0;
color:#174f32;
}

.hero:before{
content:'';
position:absolute;
inset:0;
background:
radial-gradient(circle at 20% 30%,rgba(255,255,255,.12),transparent 40%);
pointer-events:none;
}

.hero{
position:relative;
}

@media(max-width:1000px){
.zarzad-box{
grid-template-columns:1fr;
}
.board-grid{
grid-template-columns:1fr;
}
}

.hero-slider{
  position:relative;
  min-height:680px;
  display:block;
  overflow:hidden;
  padding:0;
  background:#123d25;
}

.hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity 1.2s ease;
  background:
    linear-gradient(90deg,rgba(8,44,25,.88),rgba(8,44,25,.34)),
    url('https://images.unsplash.com/photo-1466692476868-aef1dfb1e735?q=80&w=2200') center/cover;
  display:flex;
  align-items:center;
  padding:90px 6vw;
}

.hero-slide.active{
  opacity:1;
  z-index:1;
}

.floating-notices{
  position:absolute;
  right:6vw;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  width:min(420px,86vw);
}

.hero-slider .hero-content{
  max-width:820px;
  position:relative;
  z-index:2;
}

.hero-slider h1{
  text-shadow:0 12px 40px rgba(0,0,0,.35);
}

.hero-slider:after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:160px;
  background:linear-gradient(0deg,var(--cream),transparent);
  z-index:2;
  pointer-events:none;
}

@media(max-width:1000px){
  .hero-slider{
    min-height:760px;
  }

  .hero-slide{
    padding:60px 24px 260px;
    align-items:flex-start;
  }

  .floating-notices{
    left:24px;
    right:24px;
    top:auto;
    bottom:40px;
    transform:none;
    width:auto;
  }
}

.page-main{
  padding:80px 6vw;
  background:
    radial-gradient(circle at 10% 20%,rgba(39,107,69,.12),transparent 28%),
    linear-gradient(180deg,#fff,var(--cream));
}

.page-card{
  max-width:1050px;
  margin:0 auto;
  background:white;
  padding:60px;
  border-radius:34px;
  box-shadow:0 20px 60px rgba(0,0,0,.09);
}

.page-card h1{
  color:var(--green);
  font-size:clamp(38px,5vw,68px);
  margin-top:0;
}

.page-content{
  font-size:22px;
  line-height:1.75;
  color:#33443a;
}

@media(max-width:800px){
  .page-card{
    padding:30px;
  }
}

.list-cards{
  display:grid;
  gap:24px;
}

.list-card{
  background:#fff;
  border:1px solid #edf1ea;
  border-radius:24px;
  padding:30px;
  box-shadow:0 12px 35px rgba(0,0,0,.06);
}

.list-card h2{
  color:var(--green);
  margin-top:0;
}

.list-card small{
  display:block;
  color:#6c776f;
  font-weight:800;
  margin-bottom:15px;
}

.list-card.important{
  border-left:8px solid var(--gold);
}

.events-list{
  display:grid;
  gap:22px;
}

.event-card{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:24px;
  background:white;
  border:1px solid #edf1ea;
  border-radius:26px;
  padding:28px;
  box-shadow:0 12px 35px rgba(0,0,0,.06);
}

.event-date{
  background:linear-gradient(135deg,#174f32,#2f7c4d);
  color:white;
  border-radius:22px;
  min-height:100px;
  display:grid;
  place-items:center;
  text-align:center;
}

.event-date strong{
  font-size:44px;
  line-height:1;
}

.event-date span{
  font-weight:800;
}

.event-card h2{
  color:var(--green);
  margin:0 0 10px;
}

@media(max-width:700px){
  .event-card{
    grid-template-columns:1fr;
  }
}

.section-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:24px;
}

.section-head a{
  color:var(--green);
  font-weight:900;
  text-decoration:none;
  background:white;
  padding:14px 20px;
  border-radius:14px;
  box-shadow:0 10px 25px rgba(0,0,0,.06);
}

.home-events-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:22px;
}

.home-event-card{
  display:grid;
  grid-template-columns:86px 1fr;
  gap:20px;
  align-items:center;
  background:white;
  padding:24px;
  border-radius:26px;
  box-shadow:0 14px 35px rgba(0,0,0,.08);
}

.home-event-date{
  background:linear-gradient(135deg,#174f32,#2f7c4d);
  color:white;
  border-radius:20px;
  height:86px;
  display:grid;
  place-items:center;
  text-align:center;
}

.home-event-date strong{
  font-size:34px;
  line-height:1;
}

.home-event-date span{
  font-size:14px;
  font-weight:800;
}

.home-event-card h3{
  margin:0 0 8px;
  color:var(--green);
}

.home-event-card.empty{
  grid-template-columns:1fr;
}

.menu-toggle{
  display:none;
  width:52px;
  height:52px;
  border:0;
  border-radius:16px;
  background:#174f32;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:6px;
}

.menu-toggle span{
  display:block;
  width:26px;
  height:3px;
  background:white;
  border-radius:99px;
  transition:.25s;
}

.menu-toggle.open span:nth-child(1){
  transform:translateY(9px) rotate(45deg);
}

.menu-toggle.open span:nth-child(2){
  opacity:0;
}

.menu-toggle.open span:nth-child(3){
  transform:translateY(-9px) rotate(-45deg);
}

@media(max-width:1000px){
  .top{
    position:sticky;
    top:0;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:14px;
    padding:16px 20px;
  }

  .brand-icon{
    font-size:34px;
  }

  .brand strong{
    font-size:24px;
  }

  .brand span{
    font-size:13px;
  }

  .menu-toggle{
    display:flex;
  }

  .top nav{
    display:none;
    grid-column:1 / -1;
    width:100%;
    background:white;
    padding:14px;
    border-radius:18px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
  }

  .top nav.open{
    display:grid;
    gap:8px;
  }

  .top nav a{
    display:block;
    padding:15px 16px;
    border-radius:14px;
    background:#f3f8ef;
    font-size:18px;
  }

  .admin-btn{
    display:none;
  }

  .hero-slider h1,
  h1{
    font-size:42px;
  }

  .lead{
    font-size:20px;
  }

  .tiles article{
    min-height:auto;
    padding:26px;
  }

  .content-grid{
    padding:34px 20px;
  }

  .public-section{
    padding:34px 20px;
  }

  .section-head{
    align-items:flex-start;
    flex-direction:column;
  }

  footer{
    padding:36px 24px;
  }
}

@media(max-width:520px){
  .hero-actions{
    flex-direction:column;
  }

  .btn,
  .panel-btn{
    width:100%;
    text-align:center;
  }

  .page-card{
    border-radius:24px;
  }

  .page-content{
    font-size:19px;
  }

  .zarzad-box{
    padding:30px;
  }

  .zarzad-box h2{
    font-size:34px;
  }

  .home-event-card{
    grid-template-columns:1fr;
  }

  .home-event-date{
    width:90px;
  }
}

.subfooter-author{
background:#0e2e1b;
color:rgba(255,255,255,.72);
padding:14px 6vw;
font-size:12px;
letter-spacing:.3px;
border-top:1px solid rgba(255,255,255,.08);
}

.subfooter-wrap{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
flex-wrap:wrap;
}

.author-sign{
opacity:.8;
font-style:italic;
}

.author-sign:hover{
opacity:1;
}

footer{
padding-bottom:30px;
}

@media(max-width:700px){
.subfooter-wrap{
flex-direction:column;
align-items:flex-start;
}
}

.copyright-strip{
text-align:center;
padding:8px 15px;
font-size:11px;
color:#d7ddd8;
background:#103521;
letter-spacing:.4px;
opacity:.82;
}

.copyright-strip:hover{
opacity:1;
}

/* FIX: kafle pod hero nie mogą być ucięte */
.tiles{
  margin-top:0 !important;
  padding-top:34px !important;
  transform:none !important;
  overflow:visible !important;
  z-index:5;
}

.tiles article{
  overflow:visible !important;
}

.hero-slider{
  overflow:hidden;
}

@media(max-width:1000px){
  .tiles{
    margin-top:0 !important;
    padding-top:28px !important;
  }
}

/* FIX 2: kafle były przykrywane/ucięte przez warstwę hero */
.hero-slider{
  overflow:hidden !important;
  margin-bottom:0 !important;
  isolation:isolate !important;
}

.hero-slider:after{
  z-index:1 !important;
  pointer-events:none !important;
}

.tiles{
  position:relative !important;
  z-index:20 !important;
  margin-top:0 !important;
  padding-top:70px !important;
  padding-bottom:35px !important;
  overflow:visible !important;
  background:#faf8ef !important;
}

.tiles article{
  position:relative !important;
  z-index:21 !important;
  overflow:visible !important;
  min-height:210px !important;
}

@media(max-width:1000px){
  .tiles{
    padding-top:45px !important;
  }
}

/* PREMIUM MOTION */
.hero-slide{
  background-position:center calc(50% + var(--hero-shift, 0px)) !important;
}

.hero-content,
.floating-notices{
  animation:heroFadeUp .9s ease both;
}

.floating-notices{
  animation-delay:.15s;
}

@keyframes heroFadeUp{
  from{
    opacity:0;
    transform:translateY(24px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.reveal-item{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .7s ease, transform .7s ease;
}

.reveal-item.is-visible{
  opacity:1;
  transform:translateY(0);
}

.tiles article{
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  border:1px solid rgba(23,79,50,.06);
}

.tiles article:hover{
  transform:translateY(-10px) scale(1.015);
  box-shadow:0 24px 60px rgba(23,79,50,.16);
  border-color:rgba(23,79,50,.18);
}

.btn,
.admin-btn,
.panel-btn,
.section-head a,
.quick a,
.card{
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.btn:hover,
.admin-btn:hover,
.panel-btn:hover,
.section-head a:hover,
.quick a:hover,
.card:hover{
  transform:translateY(-3px);
  filter:brightness(1.03);
}

.notice-card{
  box-shadow:0 30px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12);
}

.top{
  transition:box-shadow .25s ease, background .25s ease;
}

.top:hover{
  box-shadow:0 10px 35px rgba(0,0,0,.09);
}

.gallery-grid figure,
.doc-card,
.list-card,
.event-card,
.home-event-card{
  transition:transform .25s ease, box-shadow .25s ease;
}

.gallery-grid figure:hover,
.doc-card:hover,
.list-card:hover,
.event-card:hover,
.home-event-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 50px rgba(23,79,50,.14);
}

@media(prefers-reduced-motion: reduce){
  *{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

/* FIX: zbyt mocna mgła na dole hero */
.hero-slider:after{
  height:120px !important;
  background:linear-gradient(
    0deg,
    rgba(250,248,239,0.85),
    rgba(250,248,239,0.4),
    transparent
  ) !important;
}

/* lekko przyciemniamy obraz dla lepszego kontrastu tekstu */
.hero-slide{
  filter:brightness(0.92) contrast(1.05);
}

/* delikatny overlay premium (ciemna zieleń) */
.hero-slide:before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(10,45,28,0.55),
    rgba(10,45,28,0.25),
    rgba(10,45,28,0.05)
  );
  z-index:1;
  pointer-events:none;
}

/* tekst ponad overlay */
.hero-content{
  position:relative;
  z-index:2;
}

/* karta komunikatów też ponad */
.floating-notices{
  z-index:3;
}

/* FINAL FIX: usuwamy efekt mleka na dole hero */
.hero-slider:after{
  height:80px !important;
  background:linear-gradient(
    0deg,
    rgba(250,248,239,0.6),
    rgba(250,248,239,0.2),
    transparent
  ) !important;
}

/* jeszcze lepszy kontrast tekstu */
.hero-slide{
  filter:brightness(0.9) contrast(1.08);
}

/* overlay bardziej elegancki (mniej ciężki) */
.hero-slide:before{
  background:linear-gradient(
    90deg,
    rgba(10,45,28,0.5),
    rgba(10,45,28,0.22),
    rgba(10,45,28,0.04)
  ) !important;
}

/* płynne przejście do sekcji kafli */
.hero-slider{
  margin-bottom:-20px !important;
}

/* żeby kafle nie dostały ponownie po dupie */
.tiles{
  padding-top:90px !important;
}

/* MOCKUP STYLE — powrót do pierwszego projektu */
.hero-slider{
  min-height:520px !important;
  margin-bottom:0 !important;
}

.hero-slide{
  padding:60px 6vw 110px !important;
  align-items:center !important;
}

.hero-slider h1{
  font-size:clamp(42px,4.8vw,68px) !important;
  line-height:1.04 !important;
  max-width:720px !important;
}

.lead{
  font-size:20px !important;
  max-width:620px !important;
}

.floating-notices{
  width:min(390px,86vw) !important;
  right:7vw !important;
}

.notice-card{
  border-radius:22px !important;
  padding:26px !important;
}

.tiles{
  width:min(1560px,90vw) !important;
  margin:-58px auto 0 !important;
  padding:18px !important;
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  gap:14px !important;
  background:rgba(255,255,255,.94) !important;
  border-radius:24px !important;
  box-shadow:0 18px 60px rgba(0,0,0,.12) !important;
  backdrop-filter:blur(12px);
}

.tiles article{
  min-height:145px !important;
  padding:24px 24px 20px !important;
  border-radius:20px !important;
  box-shadow:0 8px 28px rgba(0,0,0,.07) !important;
}

.tiles article h3{
  font-size:21px !important;
}

.tiles article p{
  font-size:15px !important;
  line-height:1.45 !important;
}

.content-grid{
  width:min(1560px,90vw) !important;
  margin:8px auto 0 !important;
  padding:0 0 36px !important;
  display:grid !important;
  grid-template-columns:1.15fr .85fr .85fr !important;
  gap:14px !important;
}

.panel{
  border-radius:20px !important;
  padding:26px !important;
  box-shadow:0 10px 32px rgba(0,0,0,.07) !important;
}

.panel h2{
  font-size:20px !important;
  text-transform:uppercase;
  letter-spacing:.4px;
}

.news-img{
  width:135px !important;
  height:92px !important;
}

.zarzad-banner,
.public-section{
  width:min(1560px,90vw);
  margin-left:auto;
  margin-right:auto;
}

.zarzad-banner{
  padding-top:40px !important;
}

.zarzad-box{
  border-radius:26px !important;
  padding:38px !important;
}

footer{
  margin-top:40px;
}

@media(max-width:1200px){
  .tiles{
    grid-template-columns:repeat(2,1fr) !important;
  }

  .content-grid{
    grid-template-columns:1fr !important;
  }

  .floating-notices{
    position:relative !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    width:auto !important;
    margin:20px 6vw 0 !important;
  }

  .hero-slider{
    min-height:680px !important;
  }

  .hero-slide{
    padding-bottom:260px !important;
  }
}

@media(max-width:650px){
  .tiles{
    grid-template-columns:1fr !important;
    margin-top:20px !important;
    width:92vw !important;
  }

  .hero-slider h1{
    font-size:38px !important;
  }
}

/* === COLOR BOOST – styl z mockupu === */
:root{
  --green:#1f6b3a;
  --green-2:#2f8a4f;
  --green-dark:#0e3a22;
  --gold:#d4a63a;
  --gold-strong:#e0b94a;
  --cream:#faf8ef;
}

/* hero – więcej życia */
.hero-slide{
  filter:brightness(0.95) contrast(1.1) saturate(1.08);
}

/* overlay bardziej zielony i głębszy */
.hero-slide:before{
  background:linear-gradient(
    90deg,
    rgba(14,58,34,0.62),
    rgba(14,58,34,0.32),
    rgba(14,58,34,0.08)
  ) !important;
}

/* badge (Zielone serce Kalisza) */
.badge{
  background:rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.25) !important;
  backdrop-filter:blur(6px);
}

/* przycisk główny */
.btn{
  background:linear-gradient(135deg,var(--gold),var(--gold-strong)) !important;
  color:#1a1a1a !important;
  font-weight:800;
  box-shadow:0 12px 30px rgba(212,166,58,.35);
}

.btn:hover{
  filter:brightness(1.06);
  transform:translateY(-2px);
}

/* secondary button */
.btn.ghost{
  background:rgba(255,255,255,.15) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  color:white !important;
}

/* panel zarządu button */
.admin-btn{
  border:2px solid var(--green-2) !important;
  color:var(--green-dark) !important;
}

.admin-btn:hover{
  background:var(--green-2) !important;
  color:white !important;
}

/* kafle – bardziej żywe */
.tiles article{
  border:1px solid rgba(31,107,58,.08);
}

.tiles article:hover{
  box-shadow:0 22px 55px rgba(31,107,58,.18);
}

/* nagłówki */
h1,h2,h3{
  color:#143d26;
}

/* komunikaty karta */
.notice-card{
  background:linear-gradient(
    135deg,
    rgba(22,64,39,.9),
    rgba(30,90,55,.85)
  ) !important;
}

/* stopka (bardziej premium zielona) */
footer{
  background:linear-gradient(
    135deg,
    #0f3d24,
    #1f6b3a
  ) !important;
}

/* MOCKUP CLOSER FINAL */
.hero-slider{
  min-height:500px !important;
  background:#123d25 !important;
}

.hero-slide{
  padding:50px 6vw 95px !important;
  filter:brightness(1.06) contrast(1.05) saturate(1.16) !important;
  background-position:center center !important;
}

.hero-slide:before{
  background:linear-gradient(
    90deg,
    rgba(7,39,23,.68),
    rgba(7,39,23,.34),
    rgba(7,39,23,.04)
  ) !important;
}

.hero-slider:after{
  height:55px !important;
  background:linear-gradient(
    0deg,
    rgba(250,248,239,.75),
    rgba(250,248,239,.25),
    transparent
  ) !important;
}

.hero-slider h1{
  font-size:clamp(42px,4.2vw,62px) !important;
  max-width:650px !important;
  text-shadow:0 8px 28px rgba(0,0,0,.35) !important;
}

.lead{
  font-size:19px !important;
}

.floating-notices{
  width:370px !important;
  right:8vw !important;
}

.notice-card{
  background:rgba(18,65,38,.62) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  backdrop-filter:blur(18px) !important;
}

/* kafle jak w mockupie */
.tiles{
  grid-template-columns:repeat(6,1fr) !important;
  margin:-42px auto 0 !important;
  padding:16px !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.96) !important;
}

.tiles article{
  min-height:135px !important;
  padding:22px !important;
  background:linear-gradient(180deg,#fff,#fbfbf8) !important;
}

.tiles article:first-letter{
  font-size:34px !important;
}

/* sekcje niżej bliżej mockupu */
.content-grid{
  grid-template-columns:1fr 1fr 1fr !important;
  margin-top:10px !important;
}

.panel{
  background:rgba(255,255,255,.96) !important;
}

.zarzad-banner{
  padding-top:25px !important;
}

body{
  background:#faf8ef !important;
}

/* górne menu lżejsze */
.top{
  height:80px !important;
  background:rgba(255,255,255,.96) !important;
}

.brand strong{
  color:#1f6b3a !important;
}

nav a{
  color:#183321 !important;
}

@media(max-width:1300px){
  .tiles{
    grid-template-columns:repeat(3,1fr) !important;
  }
}

@media(max-width:900px){
  .tiles{
    grid-template-columns:1fr !important;
    margin-top:20px !important;
  }

  .floating-notices{
    width:auto !important;
  }
}

/* === FIX HERO + POWRÓT DO ŁADNEGO MOCKUPU === */

/* hero mniej ciemny */
.hero-slider{
  min-height:560px !important;
}

.hero-slide{
  filter:brightness(1.08) contrast(1.08) saturate(1.14) !important;
  padding:58px 6vw 120px !important;
}

.hero-slide:before{
  background:linear-gradient(
    90deg,
    rgba(5,35,20,.72),
    rgba(5,35,20,.38),
    rgba(5,35,20,.04)
  ) !important;
}

/* najważniejsze: tekst hero ma być biały */
.hero-slider h1,
.hero-slider .lead,
.hero-slider .badge,
.hero-slider .hero-content h1,
.hero-slider .hero-content p{
  color:#fff !important;
}

.hero-slider h1{
  font-size:clamp(48px,5.2vw,82px) !important;
  max-width:760px !important;
  text-shadow:0 8px 35px rgba(0,0,0,.55) !important;
}

.hero-slider .lead{
  font-size:22px !important;
  text-shadow:0 4px 18px rgba(0,0,0,.45) !important;
}

/* przyciski jak w projekcie */
.hero-actions .primary{
  background:linear-gradient(135deg,#c99a2e,#e0b94a) !important;
  color:#fff !important;
}

.hero-actions .secondary{
  background:rgba(255,255,255,.16) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.35) !important;
}

/* komunikaty bardziej szklane */
.notice-card{
  background:rgba(20,74,43,.68) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  backdrop-filter:blur(16px) !important;
}

/* kafle — mniej toporne, bliżej mockupu */
.tiles{
  margin:-58px auto 0 !important;
  width:min(1500px,88vw) !important;
  padding:14px !important;
  gap:12px !important;
  background:rgba(255,255,255,.96) !important;
  border-radius:24px !important;
  box-shadow:0 20px 70px rgba(0,0,0,.16) !important;
}

.tiles article{
  min-height:155px !important;
  padding:24px !important;
  border-radius:20px !important;
  background:#fff !important;
}

.tiles article h3{
  color:#174f32 !important;
  font-size:22px !important;
}

.tiles article p{
  font-size:15px !important;
  color:#51635a !important;
}

/* dół strony lżejszy */
.content-grid{
  width:min(1500px,88vw) !important;
  grid-template-columns:1.1fr .9fr .9fr !important;
}

.panel{
  background:#fff !important;
  border-radius:22px !important;
}

.panel h2{
  color:#174f32 !important;
}

/* usuń agresywne ciemne h1 globalne w hero */
h1:not(.page-card h1){
  color:inherit;
}

/* mobile */
@media(max-width:1200px){
  .floating-notices{
    position:absolute !important;
    right:6vw !important;
    top:52% !important;
    transform:translateY(-50%) !important;
  }
}

@media(max-width:900px){
  .hero-slider{
    min-height:760px !important;
  }

  .floating-notices{
    position:relative !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    margin:20px 24px !important;
  }

  .tiles{
    grid-template-columns:1fr !important;
    margin-top:20px !important;
  }
}

/* === HOME 1:1 MOCKUP STYLE === */

body{
  background:#faf8ef !important;
}

/* top */
.top{
  height:78px !important;
  padding:0 5.5vw !important;
  background:#fff !important;
  box-shadow:0 4px 18px rgba(0,0,0,.04) !important;
}

.brand-icon{
  font-size:38px !important;
}

.brand strong{
  font-size:27px !important;
  color:#1b6a3a !important;
}

.brand span{
  font-size:14px !important;
}

.top nav{
  gap:26px !important;
}

.top nav a{
  font-size:15px !important;
  color:#17361f !important;
}

/* HERO jak w projekcie */
.hero-slider{
  min-height:455px !important;
  height:455px !important;
  overflow:visible !important;
  margin-bottom:0 !important;
}

.hero-slide{
  padding:46px 6vw 75px !important;
  align-items:center !important;
  background-position:center center !important;
  filter:brightness(1.1) contrast(1.05) saturate(1.12) !important;
}

.hero-slide:before{
  background:linear-gradient(
    90deg,
    rgba(5,32,18,.58),
    rgba(5,32,18,.26),
    rgba(5,32,18,.02)
  ) !important;
}

.hero-slider:after{
  height:40px !important;
  background:linear-gradient(
    0deg,
    rgba(250,248,239,.72),
    rgba(250,248,239,.18),
    transparent
  ) !important;
}

.hero-slider .hero-content{
  max-width:610px !important;
}

.hero-slider h1{
  font-size:clamp(42px,4.1vw,58px) !important;
  line-height:1.06 !important;
  max-width:610px !important;
  margin:16px 0 10px !important;
  color:#fff !important;
  text-shadow:0 7px 28px rgba(0,0,0,.45) !important;
}

.hero-slider .lead{
  font-size:17px !important;
  line-height:1.45 !important;
  max-width:520px !important;
  color:#fff !important;
}

.badge{
  font-size:14px !important;
  padding:8px 17px !important;
  color:#fff !important;
}

.hero-actions{
  margin-top:22px !important;
}

.hero-actions .btn{
  padding:13px 23px !important;
  border-radius:12px !important;
  font-size:15px !important;
}

/* komunikaty */
.floating-notices{
  width:365px !important;
  right:7vw !important;
  top:50% !important;
}

.notice-card{
  padding:24px !important;
  border-radius:20px !important;
  background:rgba(23,72,43,.58) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  backdrop-filter:blur(15px) !important;
}

.notice-card h3,
.notice-card strong{
  color:#fff !important;
}

.notice-card p{
  font-size:14px !important;
  margin:10px 0 !important;
}

/* kafle jak w mockupie */
.tiles{
  width:min(1420px,88vw) !important;
  margin:-36px auto 0 !important;
  padding:12px !important;
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  gap:11px !important;
  background:rgba(255,255,255,.95) !important;
  border-radius:20px !important;
  box-shadow:0 14px 45px rgba(0,0,0,.13) !important;
  position:relative !important;
  z-index:30 !important;
}

.tiles article{
  min-height:122px !important;
  padding:20px 18px !important;
  border-radius:17px !important;
  background:#fff !important;
  box-shadow:0 7px 22px rgba(0,0,0,.075) !important;
}

.tiles article:first-letter{
  font-size:30px !important;
}

.tiles article h3{
  font-size:18px !important;
  margin:10px 0 8px !important;
  color:#174f32 !important;
}

.tiles article p{
  font-size:13px !important;
  line-height:1.38 !important;
  color:#44584d !important;
}

/* cztery panele pod kaflami */
.content-grid{
  width:min(1420px,88vw) !important;
  margin:8px auto 0 !important;
  padding:0 0 28px !important;
  display:grid !important;
  grid-template-columns:1.15fr .9fr .9fr .9fr !important;
  gap:11px !important;
}

.panel{
  padding:20px !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 9px 28px rgba(0,0,0,.07) !important;
}

.panel h2{
  font-size:16px !important;
  margin-bottom:14px !important;
  color:#174f32 !important;
  text-transform:uppercase !important;
  letter-spacing:.3px !important;
}

.news{
  padding:10px 0 !important;
}

.news-img{
  width:100px !important;
  height:72px !important;
  border-radius:12px !important;
}

.news h3{
  font-size:15px !important;
}

.news p,
.panel p,
.panel li{
  font-size:13px !important;
}

.big{
  font-size:22px !important;
}

.weather-main{
  display:flex;
  align-items:center;
  gap:16px;
}

.weather-icon{
  font-size:48px;
}

.weather-main strong{
  font-size:38px;
  color:#111;
}

.weather-main p{
  margin:0;
}

.weather-mini{
  display:grid;
  grid-template-columns:1fr;
  gap:5px;
  margin-top:14px;
  font-size:12px;
  color:#4f6257;
}

.garden{
  background:
    linear-gradient(135deg,#ffffff,#eef8e9) !important;
}

/* reszta sekcji niżej mniej agresywna */
.zarzad-banner,
.public-section{
  width:min(1420px,88vw) !important;
}

.zarzad-banner{
  padding-top:20px !important;
}

/* responsive */
@media(max-width:1300px){
  .tiles{
    grid-template-columns:repeat(3,1fr) !important;
  }

  .content-grid{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:900px){
  .hero-slider{
    height:auto !important;
    min-height:720px !important;
  }

  .hero-slide{
    padding:42px 24px 250px !important;
  }

  .floating-notices{
    position:absolute !important;
    left:24px !important;
    right:24px !important;
    top:auto !important;
    bottom:55px !important;
    width:auto !important;
    transform:none !important;
  }

  .tiles{
    grid-template-columns:1fr !important;
    margin-top:20px !important;
  }

  .content-grid{
    grid-template-columns:1fr !important;
  }
}

/* === GLASS EFFECT – KOMUNIKATY (jak w mockupie) === */
.notice-card{
  background:rgba(20,60,35,0.38) !important; /* półprzezroczyste */
  backdrop-filter:blur(22px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(140%) !important;

  border:1px solid rgba(255,255,255,0.28) !important;
  border-radius:22px !important;

  box-shadow:
    0 18px 55px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.25) !important;
}

/* nagłówek */
.notice-card h3{
  color:#fff !important;
  font-weight:700;
  letter-spacing:.4px;
}

/* wpisy komunikatów */
.notice-card p{
  background:rgba(255,255,255,0.18) !important;
  border-radius:12px;
  padding:10px 14px !important;
  margin:10px 0 !important;
  color:#fff !important;

  backdrop-filter:blur(6px);
}

/* hover lekko podbija szkło */
.notice-card:hover{
  background:rgba(20,60,35,0.45) !important;
}

/* delikatne rozjaśnienie ikon */
.notice-card svg,
.notice-card i{
  filter:brightness(1.2);
}


/* === FINAL: żywe zdjęcie + prawdziwe szkło komunikatów === */

/* zdjęcie ma być żywsze, nie przyduszone */
.hero-slide{
  filter:brightness(1.28) contrast(1.12) saturate(1.35) !important;
}

/* overlay dużo lżejszy, tylko pod czytelność tekstu */
.hero-slide:before{
  background:linear-gradient(
    90deg,
    rgba(5,35,20,0.42) 0%,
    rgba(5,35,20,0.22) 42%,
    rgba(5,35,20,0.04) 100%
  ) !important;
}

/* mniej ciemnej mgły na dole */
.hero-slider:after{
  height:34px !important;
  background:linear-gradient(
    0deg,
    rgba(250,248,239,0.62),
    rgba(250,248,239,0.12),
    transparent
  ) !important;
}

/* panel komunikatów: prawdziwe szkło */
.notice-card,
.floating-notices.notice-card{
  background:rgba(22,75,43,0.22) !important;
  backdrop-filter:blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter:blur(24px) saturate(180%) !important;
  border:1px solid rgba(255,255,255,0.34) !important;
  box-shadow:
    0 22px 70px rgba(0,0,0,0.24),
    inset 0 1px 0 rgba(255,255,255,0.35) !important;
}

/* pojedyncze komunikaty też przezroczyste */
.notice-card p,
.floating-notices.notice-card p{
  background:rgba(255,255,255,0.16) !important;
  border:1px solid rgba(255,255,255,0.18) !important;
  color:#fff !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}

/* nagłówek komunikatów biały */
.notice-card h3,
.floating-notices.notice-card h3{
  color:#fff !important;
  text-shadow:0 2px 10px rgba(0,0,0,.35);
}

/* tekst hero biały i czytelny */
.hero-slider h1,
.hero-slider .lead{
  color:#fff !important;
  text-shadow:0 8px 30px rgba(0,0,0,.48) !important;
}

/* przyciski bardziej żywe jak w projekcie */
.hero-actions .primary{
  background:linear-gradient(135deg,#d8a32d,#f0bf44) !important;
  color:#fff !important;
}

.hero-actions .secondary{
  background:rgba(255,255,255,0.18) !important;
  border:1px solid rgba(255,255,255,0.35) !important;
  color:#fff !important;
  backdrop-filter:blur(10px) !important;
}

/* === DOPASOWANIE POD NOWY OBRAZ (ważne) === */

/* NIE psujemy zdjęcia */
.hero-slide{
  filter:brightness(1.18) contrast(1.08) saturate(1.22) !important;
  background-position:70% center !important; /* przesunięcie na altanę */
}

/* overlay tylko z lewej – nie zabija obrazu */
.hero-slide:before{
  background:linear-gradient(
    90deg,
    rgba(6,35,20,0.55) 0%,
    rgba(6,35,20,0.25) 35%,
    rgba(6,35,20,0.05) 60%,
    transparent 85%
  ) !important;
}

/* ZERO mleka */
.hero-slider:after{
  display:none !important;
}

/* komunikaty – teraz będzie WIDAĆ tło */
.notice-card{
  background:rgba(20,70,40,0.18) !important;
  backdrop-filter:blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter:blur(28px) saturate(180%) !important;

  border:1px solid rgba(255,255,255,0.4) !important;

  box-shadow:
    0 30px 80px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.45) !important;
}

/* wpisy komunikatów – bardziej glass */
.notice-card p{
  background:rgba(255,255,255,0.22) !important;
  border:1px solid rgba(255,255,255,0.25) !important;
  backdrop-filter:blur(14px) !important;
  color:#fff !important;
}

/* tekst hero bardziej kontrastowy */
.hero-slider h1{
  text-shadow:0 10px 40px rgba(0,0,0,.6) !important;
}

.hero-slider .lead{
  text-shadow:0 6px 25px rgba(0,0,0,.5) !important;
}

/* badge bardziej premium */
.badge{
  background:rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  backdrop-filter:blur(8px);
}

/* przycisk – bardziej "sunset gold" */
.hero-actions .primary{
  background:linear-gradient(135deg,#d89c1f,#f2c14e) !important;
  box-shadow:0 12px 35px rgba(216,156,31,.45);
}


/* FORCE SINGLE HERO IMAGE */
.force-hero{
  background-image:url('/uploads/hero/hero_new.png?v=1777560398') !important;
  background-size:cover !important;
  background-position:70% center !important;
  background-repeat:no-repeat !important;
}

/* === FORCE HERO IMAGE (NADPISUJE WSZYSTKO) === */
.hero-slide{
  background-image:url('/uploads/hero/hero_new.png') !important;
  background-size:cover !important;
  background-position:70% center !important;
  background-repeat:no-repeat !important;
}

/* zabij wszystkie inne slajdy */
.hero-slide:not(:first-child){
  display:none !important;
}

/* usuń animacje slidera */
.hero-slider{
  animation:none !important;
}

/* usuń przełączanie */
.hero-slide{
  opacity:1 !important;
  visibility:visible !important;
}


/* === FINAL HERO LOOK === */

/* delikatne wyrównanie kolorów */
.hero-slide{
  filter:brightness(1.08) contrast(1.05) saturate(1.15) !important;
}

/* overlay tylko lekki (nie zabija obrazu) */
.hero-slide:before{
  background:linear-gradient(
    90deg,
    rgba(6,35,20,0.55) 0%,
    rgba(6,35,20,0.25) 40%,
    transparent 75%
  ) !important;
}

/* 🔥 GLASS PANEL (jak projekt) */
.notice-card{
  background:rgba(20,60,35,0.25) !important;
  backdrop-filter:blur(25px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(25px) saturate(160%) !important;

  border:1px solid rgba(255,255,255,0.35) !important;

  box-shadow:
    0 25px 70px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.4) !important;
}

/* wpisy komunikatów – subtelne */
.notice-card p{
  background:rgba(255,255,255,0.18) !important;
  border:1px solid rgba(255,255,255,0.2) !important;
  backdrop-filter:blur(10px) !important;
  color:#fff !important;
}

/* 🔥 tekst premium */
.hero-slider h1{
  text-shadow:0 12px 40px rgba(0,0,0,.6);
}

.hero-slider .lead{
  text-shadow:0 6px 25px rgba(0,0,0,.5);
}

/* 🔥 dodatkowy napis jak w projekcie */
.hero-slider .lead::after{
  content:"Tradycja. Wspólnota. Natura.";
  display:block;
  margin-top:12px;
  font-style:italic;
  font-size:22px;
  color:#f2c14e;
  font-weight:500;
}

/* 🔥 przycisk premium */
.hero-actions .primary{
  background:linear-gradient(135deg,#d89c1f,#f2c14e);
  box-shadow:0 12px 35px rgba(216,156,31,.45);
}

/* badge */
.badge{
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.35);
  backdrop-filter:blur(8px);
}



/* === CLEAN FINAL HERO - jedno źródło tła === */
.hero-slide{
  background-image:url('/uploads/hero/hero_new.png') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
  visibility:visible !important;
}

.hero-slide:not(.active){
  display:none !important;
}

/* lekkie przyciemnienie tylko z lewej pod tekst */
.hero-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(
    90deg,
    rgba(5,35,20,.60) 0%,
    rgba(5,35,20,.32) 38%,
    rgba(5,35,20,.08) 70%,
    transparent 100%
  ) !important;
  pointer-events:none !important;
  z-index:1 !important;
}

.hero-content{
  position:relative !important;
  z-index:2 !important;
}

/* Komunikaty naprawdę przezroczyste */
.notice-card,
.floating-notices.notice-card{
  background:rgba(18,68,39,.18) !important;
  backdrop-filter:blur(26px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(26px) saturate(160%) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:0 22px 65px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.35) !important;
  z-index:3 !important;
}

.notice-card p{
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  color:#fff !important;
}

.hero-slider .lead::after{
  content:"Tradycja. Wspólnota. Natura.";
  display:block;
  margin-top:10px;
  font-size:22px;
  font-style:italic;
  color:#f2c14e;
}

/* === FINAL GLASS FIX (Komunikaty) === */
.notice-card,
.floating-notices.notice-card{
  background:rgba(20,80,45,.22) !important; /* zielone szkło */
  backdrop-filter:blur(30px) saturate(180%) !important;
  -webkit-backdrop-filter:blur(30px) saturate(180%) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:0 25px 70px rgba(0,0,0,.35) !important;
}

/* usuń żółte zafarbowanie */
.notice-card::before,
.notice-card::after{
  display:none !important;
}

/* wewnętrzne boxy */
.notice-card p{
  background:rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.25) !important;
  color:#fff !important;
}

/* === LEPSZY GRADIENT (jak w projekcie) === */
.hero-slide::before{
  background:linear-gradient(
    90deg,
    rgba(5,35,20,.45) 0%,
    rgba(5,35,20,.20) 35%,
    rgba(5,35,20,.05) 60%,
    transparent 100%
  ) !important;
}

/* === CLEAN STATIC HERO FINAL === */
.clean-static-hero .hero-slide{
  background-image:url('/uploads/hero/hero_final.png?v=1777578233') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:brightness(1.03) contrast(1.04) saturate(1.08) !important;
}

.clean-static-hero .hero-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(
    90deg,
    rgba(5,35,20,.52) 0%,
    rgba(5,35,20,.24) 38%,
    rgba(5,35,20,.05) 68%,
    transparent 100%
  ) !important;
}

.clean-static-hero .hero-content{
  position:relative !important;
  z-index:2 !important;
}

.clean-static-hero .notice-card{
  background:rgba(20,60,35,.22) !important;
  backdrop-filter:blur(26px) saturate(170%) !important;
  -webkit-backdrop-filter:blur(26px) saturate(170%) !important;
  border:1px solid rgba(255,255,255,.36) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.35) !important;
}

.clean-static-hero .notice-card p{
  background:rgba(255,255,255,.17) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff !important;
}

.clean-static-hero .lead::after{
  content:"Tradycja. Wspólnota. Natura.";
  display:block;
  margin-top:10px;
  font-size:22px;
  font-style:italic;
  color:#f2c14e;
}

/* === KOMUNIKATY - FULL GLASS (FIX) === */
.clean-static-hero .notice-card{
  background: rgba(20, 60, 35, 0.18) !important;
  backdrop-filter: blur(30px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  box-shadow:
    0 20px 60px rgba(0,0,0,0.25),
    inset 0 1px 0 rgba(255,255,255,0.35) !important;
}

/* WEWNĘTRZNE KAFLE */
.clean-static-hero .notice-card p{
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  color: #fff !important;
}

/* WYŁĄCZENIE ŻÓŁTEGO GRADIENTU */
.clean-static-hero .notice-card::before,
.clean-static-hero .notice-card::after{
  display: none !important;
}

/* HOVER */
.clean-static-hero .notice-card p:hover{
  background: rgba(255,255,255,0.18) !important;
}