body{
	background: url(../images/bg.jpg) repeat-x;
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif; 
}

.pds{
	margin:auto; 
	width:1022px; 
	position:relative;
}
.menu{
	background: url(../images/t2.jpg) no-repeat; 
	height: 78px;
}
.menu ul{
	margin: 0; 
	padding: 0 10px 8px 10px;
	list-style: none;
}
.menu li{
	float: left; 
	display: block; 
	background: url(../images/t2sep.jpg) no-repeat right center; 
	padding-right: 2px;
	padding-left: 1px;
}
.menu li:last-child{
	background: none;
}
.menu a{
	display: block; 
	color: #864141;
	font-size: 15px;
	padding: 23px 30px;
}
.menu a:hover,
.menu a.current{
	background: url(../images/t2a.jpg) repeat-x;
}
.s{
	padding-bottom: 10px;
	background: url(../images/tlo1.jpg) repeat-y;
}

.s a{
	color: #A71210;
}
.s a:hover{
	text-decoration: none;
}

.s-1{
	float:left; 
	width:233px; 
	padding-left: 12px;
	font-size: 12px;
}
.s-2{
	float:left; 
	width:495px;
	padding-left: 20px;
	font-size: 14px;  
}
.s-3{
	float:right; 
	width:233px; 	
	padding-right:11px ;
	font-size: 12px;
}

.s-2 h1{
	color: #7D0505; 
	border-bottom: 4px solid #EBE7E4;
	padding: 8px 0px; 
	margin: 0 0 5px 0;
	font-size: 18px;
}
.mng1{
	font-size: 14px; 
	text-align: center; 
	color: #fff; 
	padding: 15px; 
	background: #6B0606; 
}
.s-1-1{
	background: url(../images/b2.jpg) repeat-y;
	padding: 5px 3px 5px 0;
}

.mtxt1 a{
	color: #fff;
}

.menu2{
	padding: 5px 0px; 
}
.menu2 ul{
	list-style: none; 
	margin: 0; 
	padding: 0; 
}
.menu2 li{
	padding-bottom: 2px; 
	background: url(../images/mbsep.jpg) no-repeat bottom; 
}
.menu2 a{
	display: block; 
	font-size: 12px; 
	color: #E9BABA;
	text-decoration: none;
	padding: 10px 10px 10px 50px;
	background: url(../images/ma1.jpg) no-repeat 15px center;
}
.menu2 a:hover,
.menu2 a.current{
	background: url(../images/ma2.jpg) no-repeat 15px center;
	color: #fff; 
	font-weight: bold;
}

.mtxt1{
	padding: 10px 10px 10px 20px; 
	color: #fff;
}


.mng2{
	font-size: 14px; 
	color: #fff; 
	background: url(../images/rng.jpg) repeat-x;
	padding: 14px;
	text-align: center;
}


.f{
	background: url(../images/f.jpg) no-repeat; 
	height: 77px ;	
}
.copy{
	font-size: 11px; 
	color: #C36060; 
	padding-top: 35px; 
	text-align: center;
}
.copy a{
	color: #C36060; 
	text-decoration: none;
}

.animacja{
	position: absolute; 
	top: 22px;
	right: 18px;
	width: 985px; 
	height: 200px;
}

.center{
	text-align: center;
}
.both{ clear:both; } 
img{ border:0;}
ul{ margin:0; padding:0; list-style:none; } 




#gallery {
	padding: 0px;
}
#gallery ul {
	list-style: none;
	margin:0;
	padding:0;
}
#gallery ul li {
	display: inline-block;
	padding: 6px 4px;
}
#gallery ul li a {
	padding:4px;
	background:#fff;
	text-decoration:none;
	display:inline-block;
	box-shadow: 0px 0px 4px #ccc;
	
}
#gallery ul li a:hover{
	background: #A71210;
	
}



.tab1{
	width: 100%;
	font-size: 12px;
	padding: 5px;
	background: #EBE7E4;
}
.tab1 thead th{
	background:#A71210 ;
	font-weight: bold;
	color: #fff;
}
.tab1 td,
.tab1 th{
	padding: 8px;	
	text-align: center;
}
.tab1 td{
	background: #fff;
	color: #525252;
}





/* ==========================================================
   NOWY RESPONSYWNY SZABLON 2026
   Modernizacja wyglądu bez zmiany treści, linków i logiki PHP.
   ========================================================== */
:root{
  --mb-bg:#fffaf3;
  --mb-paper:#ffffff;
  --mb-paper-soft:#fff7ec;
  --mb-text:#2f2522;
  --mb-muted:#6b5b55;
  --mb-primary:#8b1717;
  --mb-primary-dark:#5e0909;
  --mb-accent:#d8a03f;
  --mb-border:#eadcc8;
  --mb-shadow:0 18px 45px rgba(69,24,12,.14);
  --mb-radius:22px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0!important;
  padding:0!important;
  color:var(--mb-text);
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.65;
  background:
    radial-gradient(circle at top left, rgba(216,160,63,.18), transparent 34rem),
    linear-gradient(180deg,#fff7ea 0%,#fffdf8 42%,#f7efe3 100%)!important;
}
a{color:var(--mb-primary);text-decoration:none;transition:.2s ease;}
a:hover{color:var(--mb-primary-dark);text-decoration:underline;}
img{max-width:100%;height:auto;}
iframe, embed, object{max-width:100%;}
.pds{
  width:min(1500px, calc(100% - 36px))!important;
  margin:18px auto 36px!important;
  position:relative;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(234,220,200,.9);
  border-radius:28px;
  box-shadow:var(--mb-shadow);
  overflow:hidden;
}
.top{
  min-height:270px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(120deg,rgba(82,7,7,.94),rgba(139,23,23,.9)),
    url('../banner.jpg') center/cover no-repeat;
}
.top>img[usemap], .top>img[src*="t1.jpg"]{
  display:block;
  width:100%;
  height:270px;
  object-fit:cover;
  opacity:.10;
  filter:saturate(.75) contrast(1.1);
}
.top:before{
  content:'Miłosierdzie Boże';
  position:absolute;
  left:clamp(18px,4vw,58px);
  top:clamp(18px,4vw,52px);
  z-index:5;
  color:#fff;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(32px,6vw,72px);
  line-height:1;
  letter-spacing:.3px;
  text-shadow:0 5px 24px rgba(0,0,0,.35);
}
.top:after{
  content:'Jezu, ufam Tobie • modlitwy • Koronka • św. Faustyna • Łagiewniki';
  position:absolute;
  left:clamp(18px,4vw,62px);
  top:clamp(82px,13vw,132px);
  z-index:5;
  max-width:760px;
  color:#fff4d8;
  font-size:clamp(16px,2.2vw,24px);
  line-height:1.45;
  text-shadow:0 4px 18px rgba(0,0,0,.3);
}
.animacja{
  position:absolute!important;
  right:clamp(12px,3vw,34px)!important;
  bottom:22px!important;
  top:auto!important;
  width:min(460px,42vw)!important;
  height:170px!important;
  z-index:2;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 16px 40px rgba(0,0,0,.28);
  opacity:.55;
}
.animacja .slider-wrapper,.animacja .nivoSlider{width:100%!important;height:100%!important;}
.animacja img{width:100%!important;height:170px!important;object-fit:cover;}
.menu{
  height:auto!important;
  min-height:0!important;
  background:linear-gradient(90deg,var(--mb-primary-dark),var(--mb-primary))!important;
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:4px solid var(--mb-accent);
  position:relative;
  z-index:10;
}
.menu ul{
  display:flex!important;
  flex-wrap:wrap;
  gap:0;
  justify-content:center;
  align-items:center;
  margin:0!important;
  padding:8px 10px!important;
  list-style:none!important;
}
.menu li{
  float:none!important;
  background:none!important;
  padding:0!important;
  display:block!important;
}
.menu a{
  display:block!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:700;
  padding:12px 16px!important;
  border-radius:999px;
  text-decoration:none!important;
  background:transparent!important;
}
.menu a:hover,.menu a.current{
  background:rgba(255,255,255,.16)!important;
  color:#fff7d6!important;
}
.pds>center{
  display:block;
  padding:10px 18px;
  color:var(--mb-muted);
  background:var(--mb-paper-soft);
  border-bottom:1px solid var(--mb-border);
}
.s{
  display:grid;
  grid-template-columns:minmax(230px,285px) minmax(0,1fr) minmax(230px,285px);
  gap:28px;
  padding:28px!important;
  background:linear-gradient(180deg,#fff,#fffaf1)!important;
}
.s:after{content:'';display:block;clear:both;}
.s-1,.s-2,.s-3{
  float:none!important;
  width:auto!important;
  padding:0!important;
  font-size:15px!important;
}
.s-2{
  min-width:0;
  background:var(--mb-paper);
  border:1px solid var(--mb-border);
  border-radius:var(--mb-radius);
  padding:22px!important;
  box-shadow:0 10px 30px rgba(69,24,12,.08);
}
.s-2 h1,.s-2 h2,.s-2 h3{
  color:var(--mb-primary-dark)!important;
  border-bottom:2px solid var(--mb-border)!important;
  padding:0 0 10px!important;
  margin:0 0 18px!important;
  line-height:1.25;
  font-family:Georgia,'Times New Roman',serif;
}
.s-2 h1{font-size:clamp(25px,3vw,38px)!important;}
.s-2 h2{font-size:clamp(21px,2.5vw,30px)!important;}
.s-2 h3{font-size:clamp(18px,2vw,24px)!important;}
.s-2 p{text-align:left;}
.s-2 table{max-width:100%;border-collapse:collapse;}
.s-2 td,.s-2 th{vertical-align:top;}
.mng1,.mng2{
  background:linear-gradient(135deg,var(--mb-primary-dark),var(--mb-primary))!important;
  color:#fff!important;
  border-radius:18px 18px 0 0;
  padding:13px 14px!important;
  font-size:15px!important;
  font-weight:700;
  text-align:center;
  box-shadow:0 8px 22px rgba(94,9,9,.16);
}
.s-1-1{
  background:var(--mb-primary-dark)!important;
  border-radius:0 0 18px 18px;
  padding:8px!important;
  margin-bottom:18px;
  color:#fff;
  box-shadow:0 10px 25px rgba(94,9,9,.14);
}
.s-1>div>img[src*="b1"],.s-1>div>img[src*="b3"],.s-3>div>img[src*="b1"],.s-3>div>img[src*="b3"]{display:none;}
.menu2{padding:0!important;}
.menu2 ul{list-style:none!important;margin:0!important;padding:0!important;}
.menu2 li{background:none!important;border-bottom:1px solid rgba(255,255,255,.1);padding:0!important;}
.menu2 li:last-child{border-bottom:0;}
.menu2 a{
  display:block!important;
  color:#ffe6d4!important;
  background:transparent!important;
  padding:9px 10px 9px 22px!important;
  font-size:14px!important;
  border-radius:10px;
  position:relative;
  text-decoration:none!important;
}
.menu2 a:before{content:'›';position:absolute;left:8px;color:var(--mb-accent);font-weight:bold;}
.menu2 a:hover,.menu2 a.current{background:rgba(255,255,255,.12)!important;color:#fff!important;font-weight:700;}
.mtxt1{padding:12px!important;color:#fff2e8!important;background:rgba(255,255,255,.08);border-radius:12px;margin-top:8px;}
.tab1{border-radius:14px;overflow:hidden;border:1px solid var(--mb-border);background:var(--mb-paper-soft)!important;}
.tab1 thead th{background:var(--mb-primary)!important;}
.tab1 td,.tab1 th{padding:10px!important;border-bottom:1px solid var(--mb-border);}
.f{
  height:auto!important;
  min-height:80px;
  background:linear-gradient(90deg,var(--mb-primary-dark),#3d0505)!important;
  color:#f8e6d6;
  padding:18px 14px;
  border-top:4px solid var(--mb-accent);
}
.copy{padding:0!important;color:#f8e6d6!important;font-size:14px!important;}
.copy a{color:#fff1c7!important;}
#simplecookienotification_v01{
  background:#fff9ed!important;
  border-top:1px solid var(--mb-border)!important;
  box-shadow:0 -10px 35px rgba(0,0,0,.12);
}
#gallery ul li a{border-radius:12px;box-shadow:0 6px 18px rgba(69,24,12,.13)!important;}

/* SZERSZA WERSJA DESKTOPOWA 2026
   Na komputerach strona ma układ wide 1500 px, a mobile pozostaje bez zmian. */
@media (min-width: 981px){
  .pds{width:min(1500px, calc(100% - 36px))!important;}
  .s{grid-template-columns:minmax(230px,285px) minmax(0,1fr) minmax(230px,285px)!important;gap:28px!important;padding:28px!important;}
}

@media (max-width: 980px){
  .pds{width:calc(100% - 18px)!important;margin:9px auto 24px!important;border-radius:22px;}
  .top{min-height:230px;}
  .top>img[usemap],.top>img[src*="t1.jpg"]{height:230px;}
  .animacja{display:none!important;}
  .s{grid-template-columns:1fr;gap:16px;padding:16px!important;}
  .s-2{order:1;padding:18px!important;}
  .s-1{order:2;}
  .s-3{order:3;}
  .menu a{font-size:14px!important;padding:10px 12px!important;}
}
@media (max-width: 640px){
  body{font-size:15px;}
  .top{min-height:210px;}
  .top>img[usemap],.top>img[src*="t1.jpg"]{height:210px;}
  .top:before{font-size:36px;top:26px;}
  .top:after{top:82px;font-size:16px;max-width:88%;}
  .menu ul{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:8px!important;}
  .menu a{white-space:nowrap;}
  .s{padding:10px!important;}
  .s-2{border-radius:18px;padding:14px!important;}
  .s-2 table{display:block;overflow-x:auto;width:100%;}
  center iframe{width:100%!important;height:auto!important;min-height:220px;}
}

/* POPRAWKA MENU MOBILNEGO 2026
   Na komputerze menu zostaje poziome, na telefonie zwija się do przycisku. */
.mobile-menu-toggle{display:none!important;}
@media (max-width: 760px){
  .menu{position:relative!important;padding:8px!important;}
  .menu .mobile-menu-toggle{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:46px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:16px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-weight:800;
    font-size:16px;
    padding:10px 14px;
    cursor:pointer;
    box-shadow:0 6px 18px rgba(0,0,0,.14);
  }
  .menu .mobile-menu-toggle:after{content:'☰';font-size:24px;line-height:1;margin-left:12px;}
  .menu.open .mobile-menu-toggle:after{content:'×';font-size:30px;}
  .menu ul{
    display:none!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:6px!important;
    overflow:visible!important;
    width:100%!important;
    margin:8px 0 0!important;
    padding:8px!important;
    border-radius:16px;
    background:rgba(65,7,7,.96)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.18);
  }
  .menu.open ul{display:flex!important;}
  .menu li{width:100%!important;display:block!important;}
  .menu a{
    width:100%!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    text-align:left!important;
    border-radius:12px!important;
    padding:13px 14px!important;
    font-size:15px!important;
    line-height:1.25!important;
  }
}

/* FINALNA POPRAWKA UKŁADU 3-KOLUMNOWEGO 2026
   Wymusza układ jak w index.php: lewy panel + treść + Matka Miłosierdzia po prawej.
   Na telefonach układ pozostaje jednokolumnowy. */
@media (min-width: 981px){
  .s{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:28px!important;
    width:100%!important;
  }
  .s-1{
    flex:0 0 285px!important;
    width:285px!important;
    max-width:285px!important;
    min-width:230px!important;
    order:1!important;
  }
  .s-2{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    order:2!important;
    overflow:hidden!important;
  }
  .s-3{
    flex:0 0 285px!important;
    width:285px!important;
    max-width:285px!important;
    min-width:230px!important;
    order:3!important;
    align-self:flex-start!important;
  }
  .s-2 img,
  .s-2 table,
  .s-2 iframe,
  .s-2 object,
  .s-2 embed{
    max-width:100%!important;
  }
  .s-2 table{
    width:auto;
  }
}
@media (max-width: 980px){
  .s{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
  }
  .s-2{order:1!important;width:100%!important;max-width:100%!important;overflow:hidden!important;}
  .s-1{order:2!important;width:100%!important;max-width:100%!important;}
  .s-3{order:3!important;width:100%!important;max-width:100%!important;}
}


/* POPRAWKA FINAL 3 KOLUMNY 2026-06-10
   Wszystkie podstrony: lewe menu + treść + prawe menu jak na index.php. */
@media (min-width: 981px){
  .s{
    display:grid!important;
    grid-template-columns:285px minmax(0,1fr) 285px!important;
    column-gap:28px!important;
    align-items:start!important;
  }
  .s > .s-1{grid-column:1!important;grid-row:1!important;width:285px!important;max-width:285px!important;min-width:0!important;float:none!important;order:initial!important;}
  .s > .s-2{grid-column:2!important;grid-row:1!important;width:auto!important;max-width:none!important;min-width:0!important;float:none!important;order:initial!important;overflow:hidden!important;}
  .s > .s-3{grid-column:3!important;grid-row:1!important;width:285px!important;max-width:285px!important;min-width:0!important;float:none!important;order:initial!important;}
  .s > .both{display:none!important;}
}
@media (max-width: 980px){
  .s{display:flex!important;flex-direction:column!important;}
  .s > .s-2{order:1!important;width:100%!important;}
  .s > .s-1{order:2!important;width:100%!important;max-width:100%!important;}
  .s > .s-3{order:3!important;width:100%!important;max-width:100%!important;}
}

/* OSTATECZNA POPRAWKA PRAWEGO I LEWEGO MENU 2026-06-10
   Wymusza na desktopie stały układ: lewe menu | treść | prawe menu.
   Razem ze skryptem js/layout-fix.js naprawia także stare podstrony z niepoprawnie domkniętymi tagami HTML. */
@media (min-width: 981px){
  .s{
    display:grid!important;
    grid-template-columns:285px minmax(0,1fr) 285px!important;
    grid-auto-flow:column!important;
    column-gap:28px!important;
    align-items:start!important;
    width:100%!important;
  }
  .s > .s-1{
    display:block!important;
    grid-column:1!important;
    grid-row:1!important;
    float:none!important;
    width:285px!important;
    max-width:285px!important;
    min-width:0!important;
    margin:0!important;
    order:1!important;
  }
  .s > .s-2{
    display:block!important;
    grid-column:2!important;
    grid-row:1!important;
    float:none!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    overflow:hidden!important;
    order:2!important;
  }
  .s > .s-3{
    display:block!important;
    grid-column:3!important;
    grid-row:1!important;
    float:none!important;
    width:285px!important;
    max-width:285px!important;
    min-width:0!important;
    margin:0!important;
    align-self:start!important;
    order:3!important;
  }
  .s > .both{display:none!important;}
}
@media (max-width: 980px){
  .s{display:flex!important;flex-direction:column!important;}
  .s > .s-2{order:1!important;width:100%!important;max-width:100%!important;}
  .s > .s-1{order:2!important;width:100%!important;max-width:100%!important;}
  .s > .s-3{order:3!important;width:100%!important;max-width:100%!important;}
}

/* =========================================================
   FIX 2026-06-10: WYMUSZENIE UKŁADU JAK INDEX.PHP WSZĘDZIE
   Desktop: lewe menu | treść | prawe menu
   Mobile: treść, lewe menu, prawe menu
   ========================================================= */
@media (min-width: 981px){
  .pds{width:min(1500px, calc(100% - 36px))!important;max-width:1500px!important;margin-left:auto!important;margin-right:auto!important;}
  .pds .s{
    display:grid!important;
    grid-template-columns:285px minmax(0, 1fr) 285px!important;
    grid-template-areas:"left content right"!important;
    gap:28px!important;
    align-items:start!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    clear:both!important;
  }
  .pds .s > .s-1{grid-area:left!important;grid-column:1!important;float:none!important;width:285px!important;min-width:0!important;max-width:285px!important;margin:0!important;padding:0!important;display:block!important;position:relative!important;}
  .pds .s > .s-2{grid-area:content!important;grid-column:2!important;float:none!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;display:block!important;position:relative!important;overflow:hidden!important;box-sizing:border-box!important;}
  .pds .s > .s-3{grid-area:right!important;grid-column:3!important;float:none!important;width:285px!important;min-width:0!important;max-width:285px!important;margin:0!important;padding:0!important;display:block!important;position:relative!important;align-self:start!important;}
  .pds .s > .both{display:none!important;clear:none!important;}
  .pds .s img,.pds .s table,.pds .s iframe,.pds .s object,.pds .s embed{max-width:100%!important;}
}
@media (max-width: 980px){
  .pds .s{display:flex!important;flex-direction:column!important;gap:16px!important;}
  .pds .s > .s-2{order:1!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important;}
  .pds .s > .s-1{order:2!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
  .pds .s > .s-3{order:3!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
}

/* =========================================================
   FINAL MOBILE INDEX-LIKE 2026-06-11
   Podstrony mają zachowywać się na telefonie jak index.php.
   Desktop pozostaje szeroki i 3-kolumnowy.
   ========================================================= */
.mobile-menu-toggle{display:none!important;}
@media (max-width: 980px){
  html, body{max-width:100%!important;overflow-x:hidden!important;}
  .pds{width:calc(100% - 12px)!important;max-width:100%!important;margin:6px auto 18px!important;box-sizing:border-box!important;}
  .pds .s,
  .s{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  .pds .s > .s-2,.s > .s-2{order:1!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;}
  .pds .s > .s-1,.s > .s-1{order:2!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;float:none!important;}
  .pds .s > .s-3,.s > .s-3{order:3!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;float:none!important;}
  .s-1-1,.s-3-1,.menu2,.mtxt1{box-sizing:border-box!important;width:100%!important;max-width:100%!important;}
  .s img,.s table,.s iframe,.s object,.s embed{max-width:100%!important;}
  .s-2 table{display:block!important;overflow-x:auto!important;width:100%!important;box-sizing:border-box!important;}
}
@media (max-width: 760px){
  .menu{position:relative!important;display:block!important;padding:8px!important;box-sizing:border-box!important;width:100%!important;}
  .menu .mobile-menu-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:46px!important;
    border:1px solid rgba(255,255,255,.32)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.14)!important;
    color:#fff!important;
    font-weight:800!important;
    font-size:16px!important;
    padding:10px 14px!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
    font-family:Arial, Helvetica, sans-serif!important;
  }
  .menu .mobile-menu-toggle:after{content:'☰';font-size:24px;line-height:1;margin-left:12px;}
  .menu.open .mobile-menu-toggle:after{content:'×';font-size:30px;}
  .menu ul{
    display:none!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:6px!important;
    overflow:visible!important;
    width:100%!important;
    max-width:100%!important;
    margin:8px 0 0!important;
    padding:8px!important;
    list-style:none!important;
    border-radius:16px!important;
    background:rgba(65,7,7,.97)!important;
    box-sizing:border-box!important;
  }
  .menu.open ul{display:flex!important;}
  .menu li{width:100%!important;display:block!important;margin:0!important;box-sizing:border-box!important;}
  .menu a,
  .menu a span{
    width:100%!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    text-align:left!important;
    border-radius:12px!important;
    padding:13px 14px!important;
    font-size:15px!important;
    line-height:1.25!important;
    display:block!important;
  }
}


/* =========================================================
   FINAL MOBILE MENU 2026-06-11
   Wszystkie podstrony: górne menu działa mobilnie jak index.php.
   Desktop: menu poziome. Tablet/telefon: przycisk MENU + lista pionowa.
   ========================================================= */
.mobile-menu-toggle{display:none!important;}
@media (max-width: 980px){
  .pds{max-width:calc(100% - 16px)!important;width:calc(100% - 16px)!important;overflow:hidden!important;}
  .top{max-width:100%!important;overflow:hidden!important;}
  .top img{max-width:100%!important;height:auto!important;}
  .menu{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:8px!important;
    overflow:visible!important;
  }
  .menu .mobile-menu-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:48px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.32)!important;
    border-radius:16px!important;
    background:rgba(73,13,13,.96)!important;
    color:#fff!important;
    font-family:Arial, Helvetica, sans-serif!important;
    font-weight:800!important;
    font-size:16px!important;
    line-height:1.2!important;
    padding:12px 15px!important;
    cursor:pointer!important;
    text-align:left!important;
    box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
  }
  .menu .mobile-menu-toggle:after{content:'☰';font-size:24px;line-height:1;margin-left:12px;}
  .menu.open .mobile-menu-toggle:after{content:'×';font-size:30px;}
  .menu > ul,
  .menu:not(.open) > ul{
    display:none!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .menu.open > ul{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    gap:6px!important;
    margin:8px 0 0!important;
    padding:8px!important;
    border-radius:16px!important;
    background:rgba(65,7,7,.97)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
    list-style:none!important;
  }
  .menu > ul > li{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
  }
  .menu > ul > li > a{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    text-align:left!important;
    border-radius:12px!important;
    padding:13px 14px!important;
    font-size:15px!important;
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
  }
  .s,.pds .s{display:flex!important;flex-direction:column!important;gap:16px!important;grid-template-columns:1fr!important;}
  .s > .s-2,.pds .s > .s-2{order:1!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important;}
  .s > .s-1,.pds .s > .s-1{order:2!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
  .s > .s-3,.pds .s > .s-3{order:3!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
  .s-2 img,.s-2 table,.s-2 iframe,.s-2 object,.s-2 embed{max-width:100%!important;}
  .s-2 table{display:block!important;overflow-x:auto!important;width:100%!important;box-sizing:border-box!important;}
}