/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font: inherit;
    	vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    body {
    	line-height: 1;
    }
    
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
	
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

 
  a:link {COLOR: inherit; TEXT-DECORATION: none;}
  a:visited {COLOR: inherit; TEXT-DECORATION: none;}
  a:active {COLOR: inherit; TEXT-DECORATION: none;}
  a:hover {COLOR: inherit; TEXT-DECORATION: none;}


button { color: #1b1b1b; }



body {
	color: #231F20;
	font-size: 14px;
	line-height: 1.4; 
	font-weight: 400;
  font-family: "Poppins", sans-serif;
  overflow: visible;
  background: #fff;
}


html{margin-top: 0px !important;}
em { font-style: italic; }

ul{ margin: 15px 0 25px; list-style: none; margin-left: 30px }
ul li{ margin-left: 0px; padding-left: 25px; margin-bottom: 10px; position: relative; }
strong { font-weight: 600 }
p a { text-decoration: underline !important}

/***************** menu res ******************/
  .menuMobileClick{ width: 30px; height: 18px; cursor:pointer; display:none; z-index:980; text-align:right; flex-direction: column; align-items: flex-end;
  -webkit-transition: all .25s linear;
     -moz-transition: all .25s linear;
     -ms-transition: all .25s linear;
     -o-transition: all .25s linear;
    transition: all .25s linear;}
  .menuMobileClick div {
     width: 23px;
    height: 2px;
  background-color: #000;
  display: block;
  margin: 3px 0;
  }
  .menuMobileClick div:nth-child(2) { margin-left: 6px;  }
  .menuFixed{ position: fixed; width: 100%; height: 100%; padding: 0; z-index: 10011; left: 0px; top: 0%; opacity: 0; display: none; overflow-x: hidden; overflow-y: scroll; text-align: center;
    -webkit-box-shadow: 5px 5px 30px 18px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 30px 18px rgba(0,0,0,0.5);
    }
  .menuFixed-inner{ width: 100%; min-height: 100vh; position: relative; overflow: hidden; background:rgba(12, 143, 155, 0.95); padding-bottom: 100px;
      backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);}
  .closeMenuContainer{ text-align:right; position: absolute; top: 36px; right: 17px;  z-index: 900; }
  .closeX { height: 30px; width: 30px; position: relative; box-sizing: border-box; line-height: 40px; display: inline-block; cursor: pointer; z-index: 900;}
  .closeMenuContainer .closeX { width: 41px; height:29px; cursor:pointer; z-index:980; text-align:right; flex-direction: column; align-items: flex-end;
  -webkit-transition: all .25s linear;
     -moz-transition: all .25s linear;
     -ms-transition: all .25s linear;
     -o-transition: all .25s linear;
    transition: all .25s linear;}

  .closeMenuContainer .closeX div {
     width: 41px;
    height: 3px;
  background-color: #000;
  display: block;
  margin: 6px 0;

  }
  .closeX::before, .closeX::after {
  width: 30px;
  height: 2px;
  transform: rotate(-45deg);
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2px;
  margin-left: -15px;
  display: block;
  background-color: #fff;
  transition: all 0.25s ease-out;
}
.closeX::after {
  transform: rotate(-135deg);
}
  .menuFixed ul{ margin: 0px; padding: 0px; list-style: none; padding-top: 100px; display: flex; flex-direction: column; }
  .menuFixed ul li{ font-weight: 400; color:#124577; overflow: hidden; padding: 5px 0px;font-size: 24px; font-weight: 500; position: relative; z-index: 100; display: inline-block; line-height: 1.2; letter-spacing: 1px; text-align: left; padding-left: 30px;}
  .menuFixed ul a{ display: block; text-align: center; }
  .menuFixed a{ color: inherit; text-decoration: none; text-align: left; }
  .menuFixed ul li.active{ letter-spacing: 4px; color: #EFEFEF;}
  .menuFixed-flex { display: flex; align-items: center; height: 100%; position: relative; }
  .menuFixed .logo { display: none; }
  .menuFixed .logo-menu { position: absolute; top: 0; left: 3.1%; }
  .logo-menu {display: none;}
  .menuFixed .menu li.menu-btn-blue1, .menuFixed .menu li.menu-btn-blue {font-size: 18px; margin-top: 20px; width: 250px; padding: 12px 20px;}
  .top-fixed .menuMobileClick { position: absolute; right: 0px; top: 6px } 
.menu-small-mobile { display: none; }


/***********************************/
#wpadminbar { display: none; }


.all { overflow: hidden; }
.container { width: 1170px; margin: auto; }

.top { position: absolute; width: 100%; height: 140px; z-index: 9999; top: 30px; }
.top-small-flex { display: flex; justify-content: space-between; }
.top-small-flex a { display: block; font-size: 14px; color: #fff; font-weight: 500; }
.top-small-flex a img{ display: inline-block; position: relative; top: 4px; margin-right: 5px }
.top-inner { display: flex; background: #FFFFFF; margin-top: 20px; justify-content: space-between; align-items: center;  }
.logo {background: #231F20; width: 100px; flex: 0 0 100px; }
.logo img { width: 100%; height: 100%;  }
.menu ul { margin: 0; }
.menu ul li { display: inline-block; margin-bottom: 0; font-size: 16px; font-weight: 500; position: relative; }
.menu-nav { width: calc(100% - 100px); padding: 0 20px; }
.menu-glowne ul { margin: 0; display: flex; justify-content: space-around; }
.menu-glowne ul li {  margin-bottom: 0; font-size: 16px; font-weight: 500; padding-left: 0 }
.menu-search-icon span { display: none; }
.menu-search-icon { width: 20px; height: 20px; background: url("../img/search.svg"); cursor: pointer;}
.menu-search-icon-mobile { position: absolute; right: 75px; transform: translateY(-50%); top: 50%; width: 20px; height: 20px; background: url("../img/search.svg"); cursor: pointer; display:none; }
.menu-item-lang { color: rgba(35, 31, 32, 0.5) }

.menu-small-godz { width: 20px; height: 20px; display: inline-block; background-color: #fff; position: relative; top: 4px; margin-right: 7px;
    mask: url('../img/godziny.svg') no-repeat center;
    -webkit-mask: url('../img/godziny.svg') no-repeat center; }
.menu-small-plan { width: 20px; height: 19px; display: inline-block; background-color: #fff; position: relative; top: 4px; margin-right: 7px;
    mask: url('../img/plan.svg') no-repeat center;
    -webkit-mask: url('../img/plan.svg') no-repeat center; }
.menu-small-dojazd { width: 20px; height: 20px; display: inline-block; background-color: #fff; position: relative; top: 4px; margin-right: 7px;
    mask: url('../img/dojazd.svg') no-repeat center;
    -webkit-mask: url('../img/dojazd.svg') no-repeat center; }
.menu-small-karta { width: 20px; height: 18px; display: inline-block; background-color: #fff; position: relative; top: 4px; margin-right: 7px;
    mask: url('../img/karta.svg') no-repeat center;
    -webkit-mask: url('../img/karta.svg') no-repeat center; }
.menu-small-tel { width: 20px; height: 20px; display: inline-block; background-color: #fff; position: relative; top: 4px; margin-right: 7px;
    mask: url('../img/tel.svg') no-repeat center;
    -webkit-mask: url('../img/tel.svg') no-repeat center; }


.top-dark .top-small-flex a { color: #8D8D8D; }
.top-dark .menu-small-godz, .top-dark .menu-small-plan , .top-dark .menu-small-dojazd , .top-dark .menu-small-karta , .top-dark .menu-small-tel { background-color: #8D8D8D; }

.current-menu-item { color: #918f8f; }
.menu li:after {  width: 0%; height: 2px; position: absolute; background: #0C8F9B; content: ""; display: block; bottom: -20px; left: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.menu li:hover:after {  width: 100%;} 

.menu li.current-menu-item:after { width: 100%; }
.menu li.menu-search-icon:after, .menu li.menu-item-lang:after { display: none !important }

/*.home-hero { width: 100%; height: 100vh; position: relative; }*/
.home-hero { width: 100%; height: auto; position: relative; }
.home-hero-desk {  width: 100%; height: 800px; background-size: cover; background-position: center; background-repeat: no-repeat;}
/*.home-hero-desk {  width: 100%; height: calc(100% - 145px); background-size: cover; background-position: center; background-repeat: no-repeat;}*/
.home-hero-mobile { display: none; background-size: cover; background-position: center; background-repeat: no-repeat; height: auto !important;}
.home-hero-mobile img{ width:100%; display:block; }

.naglowek { font-size: 16px; color: #0C8F9B; text-align: center; font-weight: 500; margin-bottom: 40px; z-index: 9; position: relative;}
h2 { color: #231F20; font-size: 40px; font-weight: 500}
h4 { color: #231F20; font-size: 16px; font-weight: 500 }

.sekcja { padding: 100px 0; }
.sekcja-bg { background: #F8F8F8 }
.sekcja-bottom { padding-bottom: 0 !important }

.logotypy-slider {overflow: hidden; width: 100%; position: relative; background: #F8F8F8; padding: 50px 0; z-index: 10; }
.logotypy-track { display: flex; align-items: center; gap: 100px; white-space: nowrap;}
.logo-item img { height: 45px;  width: auto; object-fit: contain; display: block;}

.home-aktualnosci .naglowek { margin-bottom: 100px; }
.aktualnosci-siatka { display: flex; justify-content: space-between;  align-items: stretch; margin-bottom: 60px; position: relative; z-index: 10; }
.aktualnosci-siatka-out { position: relative; }
.aktualnosci-siatka-out .aktualnosc-box { width: 31.333%; flex: 0 0 31.3333%;   }
.aktualnosc-box { background: #F8F8F8; position: relative; padding-bottom: 30px; z-index: 9 }
.aktualnosci-siatka:has(> .aktualnosc-box:nth-child(2):last-child)::after { content: ""; flex: 0 0 31.333%; height: 0;}
.aktualnosc-box-foto { position: relative; width: 100% }
.aktualnosc-box-foto:before { content: ""; padding-top: 100%; display: block; }
.aktualnosc-box-foto .foto { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; }
.aktualnosc-box-tag { color: #0C8F9B;  letter-spacing: 50%; text-transform: uppercase;  padding-top: 20px; padding-left: 20px;  }
.aktualnosc-box-tag span { display: inline-block; border-radius: 20px; padding: 2px 15px; margin-right: 10px; margin-bottom: 10px; background: #fff; font-size: 10px;  font-weight: 500; }
.aktualnosc-box-info {  padding: 30px 20px;  }
.aktualnosc-box-info h4 { margin-bottom: 10px;  }
.aktualnosc-box-bottom { display: flex; justify-content: space-between; position: absolute; bottom: 20px; left: 0px; width: 100%; padding: 0 20px; }
.aktualnosc-box-data { color: #B6B6B6; }

.btn-center { text-align: center; }
.btn { display: inline-block; background: #fff; position: relative; border-radius: 30px; border: solid 2px #0C8F9B; font-weight: 600; letter-spacing: 5%; text-transform: uppercase; padding: 10px 40px; overflow: hidden;  
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.btn:hover { background: #0C8F9B; color: #fff; }

.sekcja-bg .btn { background: #F8F8F8 }
.sekcja-bg .btn:hover { background: #0C8F9B; color: #fff; }
.btn.btn-blue { color: #0C8F9B }
.btn.btn-blue:hover { color: #fff;  }
.btn.btn-blue-all { background: #0C8F9B; color: #fff; }
.btn.btn-blue-all:hover { background: #fff; color: #0C8F9B; }
.btn.btn-border{ background:none; border: solid 2px #fff; color: #fff;}
.btn.btn-border:hover { background: #fff; color: #0C8F9B; }


.btn-simple { display: inline-block; position: relative; font-size: 16px; font-weight: 600;}
.btn-simple:after{ width: 100%; height: 2px; background: #000; content: ""; position: absolute; left: 0; bottom: -6px; z-index: 1  }
.btn-simple::before {  width: 0%; height: 2px; background: #0C8F9B; content: ""; position: absolute; left: 0; bottom: -6px;z-index: 2  }
.btn-simple:hover:before { width: 100%;   transition: width 0.4s ease; }

.btn-simple-white:after { background: #fff }
a.btn-back { color: #0C8F9B; font-weight: 500 }


.background-text { position: absolute; white-space: nowrap; left: 50%; }
.background-text-right { left: auto; right: 0% }
.background-text-many .line-text { display: inline-block; margin-right: 100px }
.marquee { font-size: 180px; font-weight: 600; color: rgba(238, 238, 238, 0.3); text-align: center; 
    -webkit-user-select: none;
    user-select: none;}
.sekcja-bg .marquee { color: rgba(255, 255, 255, 0.6); } 
.background-text-top { left: 50%; }
.aktualnosci-siatka-out .background-text-top {  top: -200px; }
.aktualnosci-siatka-out .background-text-bottom { bottom: -100px; }
.background-text-right { left: auto; right: 0% }

.udogodnienia-filtry { text-align: center; margin-bottom: 60px; position: relative;z-index: 5;}
.udogodnienia-filtry .filtr { display: inline-block; text-transform: uppercase; font-weight: 500; background: #fff;  margin: 0 8px;   margin-bottom: 10px; padding: 8px 26px; border: 2px solid #231F20; border-radius: 20px; cursor: pointer; transition: all .2s ease;}
.udogodnienia-filtry .filtr.aktywny { border: 2px solid #0C8F9B;}
.udogodnienia-filtry .filtr:hover { border: 2px solid #0C8F9B; }
.udogodnienia-filtry-mobile { display:none; position:relative; text-align:center; margin-bottom:60px; }
.udogodnienia-filtry-mobile .filtr-mobile-btn { width: 300px; text-transform: uppercase; font-size: 14px; font-weight: 600; background:#fff;  border:2px solid #231F20;  border-radius:30px;  padding:10px 25px;    cursor:pointer; display:inline-flex; align-items:center; justify-content:space-between; gap:10px;}
.btn-arrow { display:inline-block; transition: transform 0.3s ease;}
.filtr-mobile-btn.open .btn-arrow { transform: rotate(180deg);}

.filtr-mobile-list {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  background: #fff;
  border-radius: 10px;
  padding: 0 25px; /* początkowo brak paddingu górnego/dolnego */
  z-index: 10;

  max-height: 0;
  overflow: hidden;
  opacity: 1;
  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.4s ease;
  box-shadow: 3px 3px 20px 3px rgba(0,0,0,0.2);
}

.filtr-mobile-list.show {
  max-height: 500px; /* wystarczająco duża wysokość */
  padding: 25px;
  opacity: 1;
}

/* pojedyncze elementy listy */
.filtr-mobile-list .filtr {
  display: block;
  margin-bottom: 5px;
  padding: 8px 16px;
  border-radius: 30px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}

.filtr-mobile-list .filtr:hover {
  border-color: #0C8F9B;
}

/*.udogodnienia-item, .udogodnienia-item-page { transition: all .3s ease;}*/

.udogodnienia-container { margin-bottom: 60px; position: relative; width: 102%; margin-left: -1%; z-index: 4; }
.udogodnienia-item { width: 23%; margin: 0 1%; background: #F8F8F8; position: relative; padding-bottom: 30px; z-index: 9; margin-bottom: 30px;   }
.udogodnienia-item-page{ width: 33.333%; position: relative; padding: 1%; z-index: 9; margin-bottom: 30px;  }
.udogodnienia-item:after { content: ""; display: block; padding-top: 106% }
/*.udogodnienia-item .nazwa, .udogodnienia-item-page .nazwa { font-size: 25px; font-weight: 500; margin-top: 10px; word-wrap: break-word;}*/
.udogodnienia-item .nazwa, .udogodnienia-item-page .nazwa { font-size: 25px; font-weight: 500; margin-top: 10px;   
    overflow-wrap: break-word;   /* łamie tylko gdy trzeba */
    word-break: break-word;      /* fallback */
    hyphens: auto;}
.udogodnienia-item img { display: block; height: 60px;  }
.udogodnienia-item-inner { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 40px 30px; padding-bottom: 70px; }
.udogodnienia-item-inner .btn-simple { position: absolute; bottom: 40px; left: 30px;  }
.udogodnienia-container  .grid-sizer{ width: 23%; }
.udogodnienia-container-out { position: relative; }
.udogodnienia-container-out .background-text-top { top: -180px }
.udogodnienia-container-out .background-text-bottom {left: 100%; bottom: 180px; }
.udogodnienia-container-out .background-text-bottom2 { bottom: -100px; }
.home-udogodnienia .btn-center { position: relative; z-index: 5 }
.udogodnienia-container-mobile { display: none; }



.txt40 { width: 40%; margin: auto; }
.txt-center { text-align: center; }
.txt80 { width: 80%; margin: auto; }

.home-spotkajmy { position: relative; overflow: hidden; }
.home-spotkajmy .naglowek { position: relative; z-index: 99 }
.home-spotkajmy .txt40 { margin-bottom: 50px; position: relative; z-index: 1 }
.naglowek-maska { font-size: 146px; font-weight: 700; line-height: 1; margin-top: 20px; display: inline-block; background-size: cover; background-position: 50% 40%;
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  z-index: 2;
  position: relative;
  scale: 2.2;       /* startowy powiększony napis */
  opacity: 0;     /* widać od początku */
}
.naglowek-rect { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 40%; z-index: 1; pointer-events: none; scale: 2.2; opacity: 1; }
.spotkajmy-dopisek, .home-spotkajmy .btn-center, .home-spotkajmy .txt40{ opacity: 0 }


 #map{ height: 600px; position:relative; z-index:1; }
.map-outer{ position:relative; }
.map-info-container{ position:absolute; z-index:99; bottom:0px; left:0px; height:2px; width: 100%;}
.map-info-container .container{ position:relative; height:2px; }
.map-info{ padding:50px; 
    background:rgba(255, 255, 255, 0.7);
      backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    width:370px; position:absolute; left:0px; bottom:85px; }
.map-info .naglowek{ text-align:left; }
.map-info .tekst{ margin-bottom:20px; }
.map-info .btn{ margin-bottom:10px; padding-left: 25px; padding-right: 25px;}
.map-info .btn img{ height: 14px; position: relative; top: 2px; margin-right: 7px; transition: filter 0.2s ease;}
.map-info .btn:hover img{ filter: brightness(0) invert(1); }
  #map canvas {
    filter: grayscale(100%) contrast(110%);
  }


.home-social { position: relative; }
.home-social .background-text-top { top: 20px; left: 0 }
.home-social-foto { overflow: hidden; }
.home-social-foto img { max-width: 100%; display: block; }
.home-social-container { text-align: center; margin-bottom: 40px; }
.home-social-container a { width: 45px; height: 45px; display: inline-block; margin-left: 0px; background: #0C8F9B; margin: 0 20px;
transition: transform 0.2s ease-in-out;}
.home-social-container a.facebook { background: url('../img/facebook.svg'); }
.home-social-container a.instagram { background: url('../img/instagram.svg'); }
.home-social-container a.tiktok { background: url('../img/tiktok.svg'); }
.home-social-container a:hover { transform: scale(1.15); }
.home-social-foto .home-social-foto-mobile { display: none; }

.social-foto { width: 100%; overflow: hidden; height: 260px; padding-top: 40px } 
.social-foto-flex { display: flex; width: 100%; } 
.social-foto-flex-item { flex: 1 1 0; position: relative; display: block; top: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } 
.social-foto-flex img { width: 100% !important; max-width: 100% !important; height: 100%; flex: 1 1 0; object-fit: cover; display: block;} 
.social-foto-flex-item-in { width: 110%; height: 100% } 
.social-foto-flex-item:hover { top: -30px; } 
.social-foto-flex-item:nth-child(1) { padding-top: 60px; } 
.social-foto-flex-item:nth-child(2) { padding-top: 0px; z-index: 2} 
.social-foto-flex-item:nth-child(3) { padding-top: 30px; } 
.social-foto-flex-item:nth-child(4) { padding-top: 80px; } 
.social-foto-flex-item:nth-child(5) { padding-top: 60px; } 
.social-foto-flex-item:nth-child(6) { padding-top: 30px; z-index: 2} 
.social-foto-flex-item:nth-child(7) { padding-top: 0px; } 
.social-foto-flex-item:nth-child(8) { padding-top: 80px; } 


.footer-club { position: relative; }
.footer-club.sekcja { padding-bottom: 0; overflow: hidden; }
.footer-club-flex { display: flex; justify-content: space-between; position: relative; padding-bottom: 100px; }
.footer-club-flex .footer-club-kol:nth-child(1) { width: 30%; flex: 0 0 30% }
.footer-club-flex .footer-club-kol:nth-child(2) { width: 70%; flex: 0 0 70%;  padding-right: 350px; text-align: right; padding-top: 123px;}
.footer-club-flex .footer-club-kol .naglowek { text-align: left; }
.footer-club-flex .tekst { font-size: 16px; margin-bottom: 30px;  } 
.mockup-footer { width: 300px;  position: absolute; right: 0; top: 0;}
.mockup-footer img { display: block; width: 100%; }
.mockup-footer-mobile { display: none; }
.footer-club .container { position: relative;} 
.footer-club .background-text-top {  top: 0px; }

.footer-newsletter { position: relative;  }
.footer-newsletter .container { position: relative;z-index: 9 }
.footer-newsletter .txt { font-size: 16px;  }
.footer-newsletter .background-text-top { top: 0; left: 0 }
.newsletter-form form { max-width: 600px; margin: auto; margin-top: 50px; }
.form-flex { display: flex; gap: 10px; margin-bottom: 30px }
.form-flex input { flex: 1; padding: 10px 20px; border-radius: 30px; border: 1px solid #E2E2E2; font-size: 14px;  }
.form-flex .btn { white-space: nowrap; }
.form-labels { width: 80%; margin: auto; color: #231F20; font-size: 10px;  }


.footer { background: #231F20; color: #7D7D7D; padding: 80px 0;  }
.footer-flex { display: flex; justify-content: space-between; }
.footer-flex ul { margin: 0; }
.footer-flex ul li { padding: 0 }
.footer-flex ul li a { display: block; transition: transform 0.2s ease-in-out }
.footer-flex ul li:hover a { transform: translateX(10px);  }
.footer-kol1 a { font-weight: 600 }
.footer-kol2 li:first-of-type a { font-weight: 600 }
.footer-kol3 ul { padding-top: 28px; }
.footer .kol span { font-weight: 600; display: block; margin-bottom: 12px;  }
.footer .kol-club a { display: block; margin-bottom: 5px; transition: transform 0.2s ease-in-out; }
.footer .kol-club a:hover { transform: scale(1.05); }
.footer-social a { width: 30px; height: 30px; display: inline-block; transition: transform 0.2s ease-in-out; cursor: pointer; margin-right: 15px;}
.footer-social a:last-of-type { margin-right: 0 }
.footer-social a.facebook {background: url('../img/facebook-footer.svg') no-repeat center;}
.footer-social a.instagram { background: url('../img/instagram-footer.svg') no-repeat center;}
.footer-social a.tiktok { background: url('../img/tiktok-footer.svg') no-repeat center;}
.footer-social a:hover { transform: scale(1.15);}
.footer-logo { display: block; margin-bottom: 20px; }
.footer-godziny { font-size: 18px; font-weight: 600; display:flex; align-items: center;}
.footer-godziny img { display: block; margin-right: 5px; width: 17px;  }
.footer-godziny span { font-size: 12px; display: block; margin-bottom: 0 !important }

.footer-copy { background: #1B1819; color: #444242; padding: 50px 0;  }
.footer-copy .kol:first-of-type { margin-right: 50px;  }
.footer-copy a { margin-left: 20px;  }
.footer-copy a:first-of-type { margin-left: 0 }


/* podstrona O Galerii */
.top-hero { position: relative; color: #55b1b9; font-size: 16px; font-weight: 500 }
.top-hero:after { content: ""; display: block; padding-top: 38%; }
.top-hero .foto { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; padding-top: 180px; }
h1 { font-size: 40px; display: block; text-align: center; color :#Fff; }
.top-hero .foto:before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); content: ""; display: block; }
.top-hero .foto div { position: relative; }
.top-hero .foto span { display: block; text-align: center;}

.o-galerii { position: relative; }
.o-galerii .txt-center { position: relative; z-index: 10 }
.liczby-flex { display: flex; justify-content: space-between; margin-top: 80px; position: relative; }
.liczby-item { text-align: center; }
.liczby-item-liczba { font-weight: 800; font-size: 148px; line-height: 1;
background-size: cover;
  background-position: 50% 40%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  }
.liczby-item-podpis { font-size: 16px; font-weight: 600 }

.o-galerii .background-text { top: 20px; }

.galeria-bloki-flex {  display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;    }
.galeria-bloki-item {position: relative; overflow: hidden; }
.galeria-bloki-item:after { content: ""; display: block; padding-top: 107%; }

.galeria-bloki-item .foto { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.galeria-bloki-item:hover .foto { transform: scale(1.1); }
.galeria-bloki-item-inner { position: absolute; bottom: 30px; left: 0px; font-size: 25px; color: #fff; padding: 0 50px 0 20px; line-height: 1.2  }
.galeria-bloki-item-inner span { display: block; }
.o-galerii-plac { position: relative; }
.o-galerii-plac .background-text { top: 0; left: 0 }
.o-galerii-plac .container { position: relative; z-index: 10 }
.galeria-bloki-item-inner span.btn-simple { display: inline-block; position: relative; font-size: 16px; font-weight: 600;}
.galeria-bloki-item .btn-simple-white::after {-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.galeria-bloki-item:hover .btn-simple-white::after { width: 0 }


.spotkajmy-galeria .isotope-gallery {  margin-top: 50px;}
.spotkajmy-galeria .grid-sizer, .spotkajmy-galeria .grid-item {  width: 25%;}
.spotkajmy-galeria .grid-item { padding: 15px;  box-sizing: border-box;}
.spotkajmy-galeria .grid-item img { width: 100%;  height: auto; display: block;}
.is-hidden { display: none;}
.load-more { margin: 40px auto 0;display: block; padding: 12px 30px; cursor: pointer;}


.container-small { width: 770px; margin: auto; }
.acc-all { position: relative; z-index: 10; margin-top: 60px;  }
.acc { background: #F8F8F8; margin-bottom: 20px; padding: 20px 30px; }
.acc h3 {  font-size: 18px; font-weight: 500; cursor: pointer; }
.acc h4 { margin-bottom: 10px; font-size: 18px; font-weight: 600 }
.acc-all { line-height: 2  }
.acc-tresc { transition: max-height 0.3s ease; display: none;}
.acc-all .acc:first-of-type .acc-tresc { max-height: auto  }
.acc-naglowek { position: relative; padding-right: 30px;}
.acc-naglowek:after { content: ""; width: 11px; height: 6px; position: absolute; right: 0px; top: 15px; background: url(../img/arrow-down.svg); transition: transform 0.3s ease;}
.active.acc-naglowek:after { transform: rotate(-180deg); }

.info-parking { position: relative; }
.info-parking-grid {  display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;  position: relative;z-index: 10  }
.info-parking-grid .parking-item { background: #F8F8F8; padding: 30px }
.info-parking-grid .parking-item h4 { margin-bottom: 10px; font-size: 18px; font-weight: 500 }
.info-parking-dopisek { margin-top: 40px;  }
.info-parking .background-text { top: 38px; left: 0 }

.info-kontakt { position: relative; }
.info-kontakt .parking-item { background: #fff; padding: 30px; line-height: 1.8 }
.info-kontakt .parking-item a { text-decoration: underline; }
.info-kontakt .background-text { top: 38px; left: 0 }

.udogodnienia { position: relative; }
.udogodnienia .background-text { top: 50px;  }
.udogodnienia-item .udogodnienia-foto{ position: relative; }
.udogodnienia-item-page .udogodnienia-foto{ position: relative; }
.udogodnienia-item .udogodnienia-foto:after { display: block; content: ""; padding-top: 56% }
.udogodnienia-item-page .udogodnienia-foto:after { display: block; content: ""; padding-top: 56% }
.udogodnienia-item .udogodnienia-foto .foto { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; }
.udogodnienia-item-page .udogodnienia-foto .foto { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; }
.udogodnienia-page .udogodnienia-item-inner { position: relative; padding: 30px; background: #F8F8F8; }
.udogodnienia-page .udogodnienia-item::after { display: none; }
.udogodnienia-page .grid-sizer, .udogodnienia-page  .udogodnienia-item { width: 33.333%; }
.udogodnienia-page  .udogodnienia-item .opis { margin: 20px 0; }
.udogodnienia-page .udogodnienia-item-inner .btn-simple { position: relative;bottom: auto;left: auto; margin-top: 20px; }
.udogodnienia-item-page { margin-bottom: 0; }
.udogodnienia-item-page .nazwa { margin-bottom: 20px;  }

.udogodnienia-item-outer{ width: 100%; position: relative; }

.udogodnienia-items{ width: 31.333%; padding: 10px;  }

.karta-podarunkowa, .sprawdz-karte, .karta-faq { position: relative; }
.karta-podarunkowa .background-text, .sprawdz-karte .background-text, .karta-faq .background-text { top: 50px; }
.karta-kwoty { margin-top: 70px; margin-bottom: 30px }
.karta-kwoty span { border: solid 2px #231F20; font-weight: 600; padding: 10px 30px; border-radius: 30px; margin: 0 10px; letter-spacing: 5%; display: inline-block; margin-bottom: 20px; }
.karty-mockup {  position: relative; width: 960px; margin: auto; margin-top: 50px;}
.karty-mockup img { width: 100%; display: block; }
.karta1 { width: 380px; position: relative; left: 50%; bottom: 0; margin-left: -190px; overflow: hidden; border-radius: 30px 30px 0 0; z-index: 10;
-webkit-box-shadow: 2px 2px 15px 5px rgba(0,0,0,0.2);
box-shadow: 2px 2px 15px 5px rgba(0,0,0,0.2);}
.karta2 { width: 344px; position: absolute; left: 0%; bottom: 0; overflow: hidden; border-radius: 30px 30px 0 0; z-index: 5;
-webkit-box-shadow: 2px 2px 15px 5px rgba(0,0,0,0.2);
box-shadow: 2px 2px 15px 5px rgba(0,0,0,0.2);}
.karta3 { width: 344px; position: absolute; right: 0%; bottom: 0;  overflow: hidden; border-radius: 30px 30px 0 0; z-index: 5;
-webkit-box-shadow: 2px 2px 15px 5px rgba(0,0,0,0.2);
box-shadow: 2px 2px 15px 5px rgba(0,0,0,0.2);}
.sprawdz-karte { position: relative; z-index: 15 }
.sprawdz-karte a { margin: 0 20px; margin-bottom: 20px;  }
.sprawdz-karte-btn { margin-top: 40px;  }


.page-template-template-karta-podarunkowa .naglowek { margin-bottom: 80px; }

.promocje .container { position: relative; }
.promocje .promocje-filters-all { position: absolute; right: 0; top: -65px; width: 100%; }
.promocje-container-out { position: relative; z-index: 1 }
.promocje-grid {  display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;    }
.promocje-grid .promocje-item { background: #F8F8F8; } 
.promocje-grid .promocje-item .promocje-item-foto .foto::before {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #0C8F9B; content: ""; display: block; opacity: 0; 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.promocje-grid .promocje-item:hover .promocje-item-foto .foto::before {  opacity: 0.3 }
.promocje-item-foto { position: relative; width: 100%; overflow: hidden;}
.promocje-item-foto:after { content: "" ; display: block; padding-top: 100%;}
.promocje-item-foto .foto { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; transition: transform 0.3s ease;  transition: transform 0.3s ease;}
.promocje-item-inner {  padding: 20px;  font-weight: 500 }
.promocje-nazwa { font-size: 18px; margin: 10px 0; }
.promocje-sklep { color: #0C8F9B; }
.promocje-data { position: relative; padding-left: 21px; }
.promocje-data:after { content: ""; width: 15px; height: 15px; position: absolute; top: 1px; left: 0; background: url(../img/data.svg); display: block;}


.promocje-filters-all { margin-bottom: 50px; text-align: right; position: relative; z-index: 10;}
.promocje-filters button.active { }
.promocje-filters { position: relative; width: 300px; cursor: pointer; display: inline-block;}
.promocje-filters button { display: block; width: 100%; padding: 8px 12px; text-align: right; padding-right: 30px; font-size: 14px; background: #fff; letter-spacing: 5%; font-weight: 600; text-transform: uppercase; border: none; cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.promocje-filters button:hover { color: #0C8F9B; }
.promocje-filters .options { overflow: hidden; max-height: 0; opacity: 0; transition: max-height 0.3s ease, opacity 0.3s ease; border-radius: 10px; position: absolute; top: 100%; right: 0; width: 315px; box-shadow: 3px 3px 20px 3px rgba(0,0,0,0.2); z-index: 10; margin-top: 10px; padding: 10px; background: #fff; display: none;}
.promocje-filters.open .options { max-height: 400px; opacity: 1; overflow: scroll; display: block;}
.promocje-filters .options button {  padding: 10px 20px; cursor:pointer; 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.promocje-filters .options button.active { color: #0C8F9B; }
.promocje-filters .options button:hover { color: #0C8F9B; }
.promocje-item { transition: opacity 0.3s ease, transform 0.3s ease;}
.promocje-item.hide { opacity: 0; transform: scale(0.95); pointer-events: none; position: absolute; }
.promocje-item.show { opacity: 1; transform: scale(1); pointer-events: auto; position: relative;}

.promocje-filters button.selected:after { display: block; content: ""; position: absolute; right: 0; top: 14px; background: url(../img/arrow-down.svg) no-repeat; width: 11px; height: 7px; transition: transform 0.3s ease; }
.promocje-filters.open button.selected:after { transform: rotate(-180deg); }

/* ===== SELECT SKLEPÓW ===== */



.sklepy-filters2 {
    position: relative;
    width: 300px;
    cursor: pointer;
    display: none;
}

.sklepy-filters2 button {
    display: block;
    width: 100%;
    padding: 8px 12px;
    font-size: 14px;
    background: transparent;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    text-align: left;
    cursor: pointer;
}

.sklepy-filters2 .options {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    border-radius: 10px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    box-shadow: 3px 3px 20px 3px rgba(0,0,0,0.2);
    z-index: 10;
    margin-top: 10px;
    padding: 10px;
    background: #fff;
    display: none;
}

.sklepy-filters2.open .options {
    max-height: 400px;
    opacity: 1;
    overflow: auto;
    display: block;
}

.sklepy-filters2 button.selected:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 14px;
    background: url(../img/arrow-down.svg) no-repeat;
    width: 11px;
    height: 7px;
    transition: transform 0.3s ease;
}

.sklepy-filters2.open button.selected:after {
    transform: rotate(-180deg);
}






.promocja-top { padding-top: 250px; }
.promocja-flex { display: flex; justify-content: space-between; }
.promocja-flex .kol { width: 48%;  }
.promocja-flex .promocja-foto { width: 100%; position: relative; }
.promocja-flex .promocja-foto:after { content: ""; display: block; padding-top: 100% }
.promocja-flex .promocja-foto .foto { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; }
.promocja-sklep { font-weight: 600; font-size: 18px; margin-top: 20px; margin-bottom: 5px }
.promocja-nazwa { font-size: 25px; font-weight: 500; margin-bottom: 30px;  }
.promocja-flex .promocje-data { margin: 35px 0 30px 0; font-size: 14px }
.promocja-wiecej { position: relative; }
.promocja-wiecej .promocje-grid { margin-top: 50px;  }
.promocja-wiecej .txt-center { margin-top: 50px }
.promocja-wiecej .background-text { top: 50px; left: 0 }


.sklepy-grid {  display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;    }
.sklepy-grid .promocje-item { background: #F8F8F8; } 
.sklepy-grid .promocje-nazwa { font-size: 16px; font-weight: 500 }
.sklepy-bottom { font-weight: 400; display: flex; justify-content: space-between; margin-top: 10px; }
.sklepy-kontakt { position: relative; padding-left: 21px; }
.sklepy-kontakt:before { content: ""; display: block; position: absolute; left: 0; top: 2px; width: 15px; height: 15px; background: url(../img/tel-blue.svg) no-repeat center center; background-size: cover }
.sklepy-grid .promocje-item .foto:before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); content: ""; display: block; }
.sklepy-grid .promocje-item .foto.fotoEmpty:before { background:none; }
.sklepy-grid .promocje-item .foto { display: flex; justify-content: center; align-items: center; }
.sklepy-grid-logo { position: absolute; width: 100%; height: 100%; padding: 50px; display: flex; justify-content: center; align-items: center; }
.sklepy-grid-logo img { width: 100%;  filter: brightness(0) invert(1) contrast(1.1);}
.sklepy-grid-logo-name{ position: absolute; width: 100%; height: 100%; padding: 25px 30px; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #FFFFFF; text-align: center;}
.sklepy-full-logo-name{font-size: 30px; color: #FFFFFF; text-align: center; position: absolute; z-index: 900;}
.sklepy-filters button { border: 0; border-bottom:2px solid transparent; background: transparent; margin-right: 6px; font-size: 16px; font-weight: 600; cursor:pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.sklepy-filters button:hover { border-bottom:2px solid #231F20; }
.sklepy-filters button.non-active{ opacity: 0.2; pointer-events: none;}
.sklepy-filters button.active { border-bottom:2px solid #231F20; }
.sklepy-filters-all {  display: flex; justify-content: space-between; align-items: center; }
.sklepy-filters-plan .sklepy-filters .options {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 5px;
    padding-right: 15px;
    padding-left: 15px;
    white-space: nowrap;
    justify-content: flex-start;}
.sklepy-filters-plan .sklepy-filters{ flex:1; }
.sklepy-filters-plan .sklepy-filters  button{ margin-right:3px; }


.sklep { flex-direction: column;  }
.sklep-top.promocja-top{padding-top: 178px;}
.sklep .kol { width: 100%; text-align: center;  }
.sklep.promocja-flex .promocja-foto::after { padding-top: 34% }
.sklep .foto::before {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.2);content: "";display: block;}
.sklep .foto { display: flex; justify-content: center; align-items: center; padding: 100px 200px;   }
.sklep .foto img { max-width: 100%; max-height: 100%; filter: brightness(0) invert(1) contrast(1.1);}
.sklep .foto.foto-R{ display:none; }
.sklep .foto.foto-R img { max-width: 100%; max-height: 100%  }
.sklep-kategorie { font-weight: 500; color: #0C8F9B; font-size: 16px;  }
.sklep .kol:first-of-type { margin-bottom: 50px; }
.sklep-nazwa { font-size: 40px; font-weight: 600; margin-top: 10px; margin-bottom: 40px;  }
.sklep-info { margin-top: 30px; margin-bottom: 30px; font-weight: 600; display: flex; justify-content: center; }
.sklep-info a, .sklep-info span { display: block; margin:0 20px; display: flex; }
.sklep-www { display: block; margin-bottom: 30px; color: #0C8F9B; font-size: 16px; font-weight: 600 }
.sklep-info .menu-small-plan, .sklep-info .menu-small-tel { top: 0; margin-right: 10px; background-color: #0C8F9B; margin-left: 0  }
.sklep-poziom { position: relative; }
.sklep-poziom .background-text-top { left: 0; top: 20px;  }
.sklep-promocje .promocja-flex { margin-bottom: 30px }
.sklep-promocje .promocja-flex .kol { width: 50%; background: #F8F8F8; }
.sklep-promocje .promocja-flex .kol:last-of-type {  padding: 50px;  }
.sklep-promocje .promocja-nazwa { font-size: 30px; font-weight: 600 }
.sklep-top .kol .btn{ margin:5px 10px; }

.aktualnosci-all .aktualnosci-siatka { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;   }
.aktualnosci-all .promocje-data { margin-top: 10px;  }
.aktualnosc-top .aktualnosc-box-data { margin-top: 30px;  }

.kazimierz-club .buttons { margin-top: 60px;  }
.klub-mockup {  position: relative; width: 590px; margin: auto; margin-top: 50px;}
.klub-mockup img { width: 100%; display: block; }
.klub1 { width: 224px; position: relative; left: 50%; bottom: 0; margin-left: -112px; overflow: hidden; z-index: 10;}
.klub2 { width: 200px; position: absolute; left: 0%; bottom: 0; overflow: hidden; z-index: 5;}
.klub3 { width: 200px; position: absolute; right: 10px; bottom: 0;  overflow: hidden; z-index: 5;}
.sprawdz-karte .container { position: relative; z-index: 10 }
.nagrody-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-bottom: 50px;   }
.nagrody-grid .nagroda-item { background: #fff;  }
.nagroda-item-inner { padding: 40px 30px; text-align: left; }
.nagroda-nazwa { font-size: 25px; font-weight: 500; margin-bottom: 10px }
.nagroda-item-foto { position: relative; }
.nagroda-item-foto:after { display: block; content: ""; padding-top: 78%; }
.nagroda-item-foto .foto { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.jak-dziala { position: relative; }
.jak-dziala .background-text { top: 0; left: 0 }
.kroki-grid .nagroda-item {  padding: 40px 30px; text-align: left; background: #F8F8F8  }
.kroki-grid .nagroda-item-inner { background: transparent; padding: 0 }
.kroki-grid .ikona { margin-bottom: 5px;  }
.klub-faq .acc { background: #fff }


.strona404 { position: relative; }
.strona404 .background-text { top: 300px; left: 0 }
.strona404 h1 { color: #231F20; }
.strona404 .container { position: relative; z-index: 10 }
.strona404-buttons { text-align: center; margin-top: 50px;  }
.strona404-buttons a { margin: 0 10px;  }

.sekcja-page h2 { font-size: 25px; line-height: 1.3; margin-bottom: 20px; }
.sekcja-page h3 { font-size: 18px; line-height: 1.3; font-weight: 600;  margin-bottom: 10px; }
.sekcja-page h4 { font-size: 16px; line-height: 1.3; font-weight: 600;  margin-bottom: 10px; }
.sekcja-page h5 { font-size: 14px; line-height: 1.3; font-weight: 600;  margin-bottom: 10px; }
.sekcja-page p { margin-bottom: 25px; }
.sekcja-page ul {list-style-type: disc; margin-left: 10px;}
.sekcja-page ul li { padding-left: 10px; }


.otgs-development-site-front-end { display: none !important }

.background-text-left.background-text-many.background-text-top { left: 0 }

/*  SZUKAJ  */


.search-overlay {
    position: fixed; inset: 0; z-index: 9999;  background: rgba(12, 143, 155, 0.95); backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);
    opacity: 0;  pointer-events: none; transition: opacity 0.3s ease; 
}
.search-overlay.is-active{ opacity: 1; pointer-events: auto;}

.search-container { position: relative; width: 570px; max-width: calc(100% - 40px); margin: auto; margin-top: 120px; margin-bottom: 30px;}
.search-results { position: relative; width: 570px; max-width: calc(100% - 40px); margin: auto; margin-top: 0px; margin-bottom: 50px;}

.search-input {
    width: 100%; height: 43px; padding: 0 40px 0 20px;
    border-radius: 30px; border: 1px solid #E2E2E2;
    font-weight: 400; font-family: "Poppins", sans-serif; color: #fff;
    background: rgba(255, 255, 255, 0.15); 

    font-size: 16px;
    outline: none;
}
.search-input::placeholder{  color: rgba(255, 255, 255, 0.5);}
.search-icon {  position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: url('../img/search2.svg') center center no-repeat; background-size: contain; width: 20px; height: 20px; cursor: pointer; border: none;}

.search-close { position: absolute; top: 9px; right: -100px; background: none;  border: none; cursor: pointer; width: 30px; }
.search-close img{ width:100%; display:block; }

.search-result{ display:flex; flex-direction:row; margin:15px 0; }
.search-result-text{ color:#97c5c8; font-weight: 400; font-family: "Poppins", sans-serif; font-size: 16px; white-space: nowrap; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.search-result-text span{ color:#fff; }
.search-result-category{ display:inline-block; color:#0C8F9B; background: #fff; font-size: 10px; font-weight: 600; text-transform: uppercase; padding: 5px; margin: 0px 0px 0px 10px; letter-spacing: 50%; border-radius: 30px; padding: 5px 13px; flex-shrink: 0; white-space: nowrap; align-self: start;}
.search-overlay .btn-center{ margin-top:50px; }
.search-no-results{ color:#fff; }
.search-no-results-page{ color:#231F20; }


.search-item{ padding:30px; background:#F8F8F8; margin-bottom: 50px;}
.search-category{ color:#0C8F9B; font-size:16px; margin-bottom:5px; }
.search-name{ color:#231F20; font-size:25px; margin-bottom:10px; }
.search-txt{ color:#231F20; font-size:14px; margin-bottom:15px; line-height:1.4; }


.sklepy-filters-plan{ z-index:920; }

.plan-container{ width: 100%; position:relative; }
.plan-container-L{ position:absolute; left:0px; width:300px; height:100%; padding-top: 10px; background:#f8f8f8;}
.plan-lista-sklepow-container{ width:100%; position:relative; height:100%;  overflow:hidden; overflow-y:scroll; background:#f8f8f8; z-index:900; padding:15px 20px 30px 20px; }
.plan-container-L:after{
        width:100%; height: 30px; position: absolute; bottom: 0px; left: 0px; z-index:901; content:''; display:block;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8f8f8+0,f8f8f8+100&0+0,1+100 */
        background: linear-gradient(to bottom,  rgba(248,248,248,0) 0%,rgba(248,248,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.plan-lista-sklepow-container .promocje-item{ font-size:14px; margin-bottom:9px; cursor:pointer; }
.plan-lista-sklepow-container .promocje-item .active-plan-sklep{ color: #0C8F9B; }
.active-plan-sklep{ color: #0C8F9B; }
.plan-lista-sklepow-container .sklepy-nazwa { -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.plan-lista-sklepow-container .sklepy-nazwa:hover { color: #0C8F9B;  }


.plan-mapa-container{ width: auto; width: 100%; padding-left: 310px; position: relative; z-index:100; }
.plan-mapa-container-inner{ width:100%; position:relative; z-index:1; }
.plan-mapa-container-inner:after{ padding-top:83%; display:block; content:''; }
.plan-sklep-container{ width:75%; position:relative; z-index:1; margin:auto; }
.plan-sklep-container:after{ padding-top:83%; display:block; content:''; }
.plan-mapa-container iframe, .plan-sklep-container iframe{ width:100%; height:100%; position:absolute; top:0px; left:0px; }

.plan_level {
    position: absolute;
    font-size: 67px;
    font-weight: bold;
    top: 0;
    cursor: pointer;
    z-index: 930;
    color: #d3d2d2;
    text-align: center;
    line-height: 1;

    display: flex;
    flex-direction: row;
    justify-content: flex-end; 
    align-items: flex-end;
}

.plan_level span {
    writing-mode: vertical-rl;
    transform: rotate(180deg); 
    font-size: 14px;
    margin-bottom: 0px;
    letter-spacing: .3px;
    margin-right: 3px;
    font-weight: normal;
}
.plan_level div{ border-bottom: 2px solid #d3d2d2; width:50px; line-height:0.7; }
.plan_level.LEVEL_0{ left:330px; top: 70px;}
.plan_level.LEVEL_1{ left:330px; top:0px; }
.plan_level.level-active{ color: #221f20; border-color:#221F20; }
.plan_level.level-active div{ color: #221f20; border-color:#221F20; }