/*
Theme Name: Dr Aleksandra Michalak
*/



body {
  font-family: "Poppins", serif;
  font-weight: 400;
  font-size:15.6px;
  line-height:1.75em;
  font-style: normal;
background-color:#fffdf9;
color:#070707
}

.ivy {
	font-family: ivypresto-display, serif;
}

.menu-center-logo {
font-family: ivypresto-display, serif;
font-size:31px;
line-height:40px;
text-align:center;
font-weight:100;
font-style:italic;
color:#fff;
letter-spacing:2px;

}

.logo-top {
	width:100%;
	max-width:180px
}

a {
	transition:.4s;
	text-decoration:none
}

.menu-center-logo a{
	color:#fff;
}

.menu-center-logo a:hover{
	color:#fff3dc;
}

.title-big {
	font-size:92px;
	line-height:92px;
		font-family: ivypresto-display, serif;
		font-weight:100;
		font-style:italic
}

.section-title-pb {
	padding-bottom:90px
}

.menu-center-logo span {
	border-bottom:1px solid #fff3dc
}

.menu-left {
	padding-top:60px;
	padding-left:100px
}

.menu-center {
	padding-top:30px
}

.menu-right {
	padding-top:60px;
	padding-right:100px;
	text-align:right
}
    .menu-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #fff3dc; /* beżowe tło */
      z-index: 9999;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.5s ease, visibility 0.5s ease;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .menu-overlay.active {
      opacity: 1;
      visibility: visible;
    }
    .menu-overlay ul {
      list-style: none;
      padding: 0;
      text-align: center;
    }
    .menu-overlay ul li {
      margin: 20px 0;
      font-size: 30px;
	  line-height:36px;
	  font-weight:300
    }
    .menu-overlay ul li a {
      text-decoration: none;
      color: #070707;
	    font-family:ivypresto-display, serif
    }
	
	    .menu-overlay ul li a:hover {
      color: #777;
    }
	
    /* Przycisk zamykania menu */
    .menu-overlay .close-btn {
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 2rem;
      color: #000;
      cursor: pointer;
    }
	
	.menu-zabiegi {
		padding-top:15px;
		padding-bottom:15px
	}
	
	.menu-zabiegi a{
		  display: block;
  font-size: 16px;
  letter-spacing: 0px;
  font-family: "Poppins", serif !important;
  font-weight: 400;
	}

.home-baner-title {
	text-align:center;
	font-family: ivypresto-display, serif;
	color:#fff3dc;
	font-size:125px;
	line-height:125px;
	letter-spacing:3px;
	padding-top:80px;
	font-style:italic;
	font-weight:100
}

.home-baner-title span {
font-weight:400;
font-style:normal
}

.home-baner-sub {
	text-align:center;
	color:#fff;
	font-size:17px;
	line-height:30px;
	margin-top:60px;
	font-weight:300;
	max-width:820px;
	display:inline-block
}

.mail-ico {
	height:18px;
	margin-right:10px
}

a {
	color:#000
}

.kontakt-row {
	margin-top:5px
}

.kontakt-lead-top {
	margin-top:50px
}

.zabieg-upper-title {

	color:#fff;
	padding-top:35px;
				font-weight:300;
				font-size:17px;
				line-height:25px;
				letter-spacing:1px;
					text-align:center
}

.zabieg-baner-title {
	text-align:center;
	font-family: ivypresto-display, serif;
	color:#fff3dc;
	font-size:100px;
	line-height:100px;
	letter-spacing:3px;
	padding-top:0px;
	font-style:italic;
	font-weight:100;
	padding-top:130px
}

.zabieg-header-col {
	padding-bottom:100px
}

.wow {
	visibility:hidden
}

.navbar.bg-light.scrolled  {
	background:#fff !Important
}

.scrolled .nav-logo {
	max-width:110px;
}

.navi {
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	z-index:5
}

.video-desktop {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
}

.video-desktop video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; /* Skalowanie szerokości wideo */
    height: 100%; /* Skalowanie wysokości wideo */
    object-fit: cover; /* Utrzymuje proporcje wideo */
    filter: grayscale(.1); /* Twój filtr */
}

#home {
	background-size:cover;
	height:100vh;
	width:100%;
	position:relative;
	padding:0px;
	overflow:hidden
}

#home:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100vh;
	background-color:#000000a6;
	opacity:.75
}

#home .container {
	position:relative
}

#about {
	position:relative;
	padding:0px
}

.home-baner-img-1, .home-baner-img-2 {
	position:relative
}


.hamburger-icon {
	width:40px
}

.some-icon {
	height:20px;
	margin-right:15px
}

section {
	padding-top:130px;
	padding-bottom:130px
}

.upper-title {
	  letter-spacing: 2px;
	  font-size: 15px;
  line-height: 1.8em;
  margin-bottom:35px;
  text-transform:uppercase
}

.intro-text {
	  font-size: 60px;
  line-height: 1.37em;
  margin-bottom:55px;
  	font-family: ivypresto-display, serif;
	font-weight:300
}

.home-baner-buttons {
	text-align:center;
	margin-top:55px
}

.mobile-only {
	display:none
}


a {
	text-decoration:none;
	transition:.4s
}

a:hover {
text-decoration:none	
}

.button {
	border:2px solid #070707;
	display:inline-block;
	margin-left:0px;
	margin-right:20px;
	padding:15px 20px;
	color:#070707;
	font-size:15px;
	line-height:15px;
	font-weight:500;
	transition:.4s
}

.button:hover {
	background-color:#070707;
	color:#fff
}

.kontakt-button-row {
	margin-top:30px
}

.layout-overlay {
  top: 0;
  left: 0;
  position: absolute;
  opacity: .3;
  height: 100%;
  width: 100%;
  z-index: 0;
  filter: opacity(100%);
  opacity: 0.90;
  background-color: #070707;
}

.layout-overlay-light {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
  filter: opacity(30%);
  opacity: 0;
  background-color: #070707;
}

#home-about {
	position:relative;
	padding-bottom:0px
}

#home-about .container {
	position:relative;
	
}

.home-about-left {
	text-align:right;
	padding-top:80px
}

.home-about-title {
font-family: ivypresto-display, serif;
  font-size: 36px;
  line-height: 46px;
  margin-bottom: 30px;
  letter-spacing: .6px;
}

.home-about-txt-box {
	background-color:#fffdf9;
	padding:58px 45px;
	display:inline-block;
	max-width:540px;
	text-align:left;
	margin-right:-70px;
	z-index:10;
	position:relative
}

.home-about-right {
	padding-right:100px;
	margin-bottom:-70px;
	position:relative
}

.img-filter {

}

footer {
	background: url(img/bgabout.webp) no-repeat;
	background-size:cover;
	position:relative;
	padding-bottom:0px;
	padding-top:50px;
	padding-bottom:50px;
	color:#fff3dc;
	letter-spacing:1px;
	font-size:13px;
	line-height:20px;
	text-transform:uppercase
}

footer .container {
	position:relative;
	
}

.footer-two {
	text-align:center
}

.footer-three {
	text-align:right
}

.home-blog-row {
	padding-left:20px;
	padding-right:20px
}

.home-blog-col {
	padding-left:40px;
	padding-right:40px;
	padding-bottom:10px
}

.home-blog-col-even {
	padding-top:80px
}

.home-blog-col-img {
	position:relative;
	overflow:hidden
}

.home-blog-col-img img {
  transition: transform 0.6s ease-in-out /* Dodaje płynne przejście */
}

.home-blog-col-img:hover img {
  transform: scale(1.06); /* Powiększa obrazek o 10% */
}


.home-blog-col-img-number {
	position:absolute;
	top:-56px;
	left:25px;
	font-size:90px;
	line-height:90px;
	font-family: ivypresto-display, serif;
	color:#292726;
	font-weight:300
}

.home-blog-col-title {
	padding-top:35px;
	padding-bottom:30px
}

.home-blog-col-title-read-more {
	margin-bottom:20px
}

.home-blog-col-title a {
	font-size:30px;
	color:#070707;
	line-height:43px;
	font-weight:400;
	font-family: ivypresto-display, serif;
	font-style:normal
}

.home-blog-col-title a:hover {
	color:#726e6b;
}

.link {
	color:#070707;
	letter-spacing:1px;
	font-weight:500;
	font-size:15px
}

.link:hover {
	color:#726e6b;
}

#home-blog {
	background-color:#f9f6f1
}

#home-cta {
padding-top:150px;
padding-bottom:150px;
position:relative
}

#home-cta .container {
	position:relative
}

.home-cta-box {
	background-color:#f9f6f1;
	padding-top:80px;
	padding-bottom:80px
}

.cta-upper-text {
	
}

.cta-title {
	
}

.cta-button {
	
}

#home-oferta {
	
}

.home-offer-col {
	padding-left:15px;
	padding-right:15px
}

.slick-dots {
  bottom: -65px;
}

.section-title-margin-bottom {
	margin-bottom:80px
}

#home-oferta .title-big {
	margin-top:30px
}

.home-intro-main {
	padding-left:93px;
	padding-right:93px
}

.home-intro-txt {
	padding-left:60px;
	padding-right:60px
}

.zabieg-right-col {
	padding-left:110px
}

.zabieg-detail-box {
	padding-bottom:100px !important
}

.zabieg-col-title {
		font-family: ivypresto-display, serif;
		margin-bottom:40px;
		font-size:37px;
		line-height:47px;
		font-weight:300;
		font-style:italic;
		letter-spacing:1px
}

.zabieg-desc-lead {
	  font-family: ivypresto-display, serif;
  font-weight: 100;
  font-size: 30px;
  line-height: 43px;
  font-style: italic;
  letter-spacing:1px;
  margin-bottom:50px
}

.kontakt-desc-lead {
	  margin-bottom:30px
}

.zabieg-left-col-img-box {
	position:relative
}

.zabieg-left-col-img-box:before {
	content:"";
	position:absolute;
	width:90%;
	height:90%;
	background-color:#2a2a2a;
	left:-20px;
	top:-20px;
	z-index:-1
}

.zabieg-right-col-img-box {
	position:relative
}

.zabieg-right-col-img-box img{
	position:relative
}

.zabieg-right-col-img-box:before {
	content:"";
	position:absolute;
	width:90%;
	height:90%;
	background-color:#2a2a2a;
	right:-20px;
	bottom:-20px;
	z-index:0
}

.play-txt {
	position:absolute;
	text-align:center;
	z-index:10;
	width:180px;
	height:180px;	
	top:calc(50% - 90px);
	left:calc(50% - 90px);
	transition:.3s
}



.play-txt-home {
	width:180px;
	height:140px;	
	top:calc(50% - 47px);
	left:calc(50% - 120px);
}


.play-txt-about {
	width:180px;
	height:140px;	
	top:calc(50% - 60px);
	left:calc(50% - 90px);
}

.play-icon {
	width:140px;
	height:140px;
	z-index:10;
	transition:.6s
}

.play-icon:hover {
	transform:scale(1.1)
}

.play-txt span {
	display:block;
	text-align:center;
	margin-top:20px;
	color:#fff;
	font-family: ivypresto-display, serif;
	font-size:25px;
	line-height:25px;
	letter-spacing:1px;
	transition:.5s
}



.about-top-row {
	padding-left:40px;
	padding-right:40px;
	position:relative
}

.about-top-one {
font-family: ivypresto-display, serif;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: 2px;
  width: auto;
  font-weight: 300;
  text-align: right;
  bottom: 123px;
  right: 100px;
  position: absolute;
  color: #fff;
  font-style: italic;
}

.about-header-left {
	padding-top:150px;
	padding-left:20px;
	padding-right:20px
}

.about-header-center {
	padding-left:20px;
	padding-right:20px;
		padding-top:0px;
		position:relative
}

.about-header-right {
	padding-top:150px;
	padding-left:20px;
	padding-right:20px
}



.zabieg-info-more {
	
}

.accordion-button {
  padding: 18px 0px;
  	background:none !important;
	  text-transform: uppercase;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: .4px;
}

.accordion {
	background:none !important;
	--bs-accordion-bg: none !important
}

.accordion-button:not(.collapsed) {
  color: #000000;
}

.accordion-item {
  border: 1px solid rgba(7, 7, 7, 0.1);
}

.accordion-button:focus {
  box-shadow: none;
  outline: none;
  background-color: #f8f9fa; /* Przykładowy kolor tła */
}

.accordion-body {
  padding: 15px 40px 40px 0px;
}

.tograyscale {
	filter:grayscale(0);
	transition:.5s
}

.zabieg-right-col-img-box a:hover .tograyscale {
		filter:grayscale(1);
}

.zabieg-right-col-img-box a:hover span {
		color:#fff3dc
}



#zabieg-more-info {
	background-color:#f9f6f1
}

.zabieg-left-col-txt {
	padding-right:80px
}

/* Responsywność */

.zabieg-wskazania-przeciwskazania {

}

.zabieg-wskazania-title {
			font-family: ivypresto-display, serif;
		margin-bottom:40px;
		font-size:37px;
		line-height:47px;
		font-weight:300;
		font-style:italic;
		letter-spacing:1px;

}

.zabieg-detail-box {
	background: url(img/bgabout.webp) no-repeat center center;
	background-size:cover
}

.zabieg-col-button {
	margin-top:45px
}

.zabieg-detail-box .layout-overlay {
	
	background-color:#f9f6f1
}




ul.check {
  list-style: none; /* Usuwa domyślne punkty listy */
  padding: 0; /* Usuń marginesy i wcięcia */
}

ul.check li {
  position: relative;
  padding-left: 35px; /* Odstęp na obrazek */
  margin-bottom:10px
}

ul.check li::before {
  content: url('img/check.svg'); /* Wstaw obrazek */
  position: absolute;
  left: 0;
  width:20px;
  height:20px;
  top: 50%;
  transform: translateY(-50%); /* Wyrównaj pionowo */
}

.about-video-section {
	height:82vh !important
}

.about-video-section .container {
	height:100%
}


.about-video-section .row {
	height:100%
}

.about-video-section .intro-text{
	color:#fff3dc
}

@media only screen and (max-width: 1600px) {

.home-baner-title {
  font-size: 105px;
  line-height: 105px;
}

.about-top-row {
  padding-left: 70px;
  padding-right: 70px;
}

.about-header-center {
  padding-top: 50px;
}

}

@media only screen and (max-width: 1400px) {

.home-intro-main {
	padding-left:33px;
	padding-right:33px
}

.home-intro-txt {
	padding-left:0px;
	padding-right:0px
}

.about-header-left {
  padding-top: 150px;
}

.about-header-center {
  padding-top: 50px;
}

.about-header-right {
  padding-top: 150px;
}


section {
  padding-top: 110px;
  padding-bottom: 110px;
}

.home-about-left {
  padding-top: 70px;
}

.home-about-txt-box {
  padding: 45px;
}

.home-about-right {
  padding-right: 40px;
}

.title-big {
	font-size:72px;
	line-height:72px;
		font-family: ivypresto-display, serif;
		font-weight:100;
		font-style:italic
}

.zabieg-right-col {
  padding-left: 80px;
}

.accordion-body {
  padding: 15px 0px 40px 0px;
}

  .logo-top {
	max-width:160px
}

}


@media only screen and (max-width: 1200px) {

.home-baner-title {
    font-size: 92px;
    line-height: 100px;
  }

  .logo-top {
	max-width:140px
}
  
  .intro-text {
  font-size: 50px;
}

  .home-about-right {
    padding-right: 0px;
  }
  
    .home-about-txt-box {
    padding: 40px;
  }
  
  section {
  padding-top: 95px;
  padding-bottom: 95px;
}

.home-blog-col {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 10px;
}

.home-blog-col-title a {
  font-size: 25px;
  line-height: 37px;
}

}

@media only screen and (max-width: 998px) {

.menu-left {
  padding-top: 40px;
  padding-left: 60px;
}

.menu-right {
  padding-top: 40px;
  padding-right: 60px;
}

.menu-center {
  padding-top: 30px;
}

	.menu-zabiegi a{
  font-size: 15px;
	}

.home-about-right {
	display:none
}

.mobile-only {
	display:block
}

.mobile-hide {
	display:none
}

.zabieg-baner-title {
  font-size: 35px;
  line-height: 45px;
}

.zabieg-upper-title {
  padding-top: 15px;
}

.zabieg-desc-lead {
  font-size: 23px;
  line-height: 33px;
  margin-bottom: 25px;
}

.zabieg-col-button {
  margin-top: 30px;
}

.zabieg-left-col-txt {
  padding-right: 15px;
}

.zabieg-right-col {
  padding-left: 15px;
  padding-top:0px
}

.zabieg-left-col-img-box:before {
display:none
}

.zabieg-right-col-img-box:before {
display:none
}

.zabieg-right-col-img-box {
	margin-top:20px
}

.zabieg-col-title {
  margin-bottom: 25px;
  font-size: 27px;
  line-height: 37px;
}

.zabieg-wskazania-title {
  margin-bottom: 25px;
  font-size: 27px;
  line-height: 37px;
}

#home-about.zabieg-detail-box {
	padding-top:40px;
	padding-left:15px;
	padding-bottom:40px
}

.zabieg-detail-box {
  padding-bottom: 10px !important;
}

.zabieg-wskazania-przeciwskazania ul {
	margin-bottom:30px
}

.mobile-only.vh-100 {
	height:50vh !important
}

}

@media only screen and (max-width: 768px) {

body {
  font-size: 15px;
  line-height: 1.6em;
}

.zabieg-home {
	height:60vh !important
}

.zabieg-home .container.vh-100{
	height:60vh !important
}

.zabieg-home .row.vh-100 {
	height:60vh !important
}

.menu-left {
  padding-top: 28px;
  padding-left: 20px;
  padding-right:0px;
  white-space: nowrap
}

.menu-right {
  padding-top: 27px;
  padding-right: 5px;
}

.menu-center {
  padding-top: 25px;
}

.some-icon {
  height: 20px;
  margin-right: 3px;
}

.menu-center-logo {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 1.1px;
}

  .home-baner-title {
    font-size: 72px;
    line-height: 80px;
  }
  
  section {
	  padding-top:40px;
	  padding-bottom:40px
  }

.mpt-30 {
	padding-top:30px
}

.upper-title {
  margin-bottom: 25px;
}

  .intro-text {
    font-size: 30px;
    line-height: 41px;
  }
  
    .home-intro-main {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .intro-text {
  margin-bottom: 30px;
  }
  
  .home-baner-buttons {
  text-align: center;
  margin-top: 30px;
}

  .home-baner-buttons a{
  margin-bottom: 20px;
}

#home-intro {
	padding-bottom:30px
}

.home-about-title {
  font-size: 26px;
  line-height: 36px;
  margin-bottom: 25px;
}

  .home-about-left {
    padding-top: 0px;
  }
  

  
  .home-about-txt-box {
  padding: 30px 25px;
  display: block;
  max-width: 100%;
  margin-right: auto;
}

.home-about-right {
    padding-right: 12px;
  }
  
  .home-about-right {
  margin-bottom: -50px;
}

#home-oferta .title-big {
  margin-top: 0px;
}

  .title-big {
    font-size: 42px;
    line-height: 51px;
  }
  
  .section-title-margin-bottom {
  margin-bottom: 35px;
}

  #home-cta {
    padding-top: 0px;
    padding-bottom: 0px;
  }

.home-cta-box {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 60px;
}

.section-title-pb {
  padding-bottom: 35px;
}

  .home-blog-col {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
  }

.home-blog-col-even {
  padding-top: 5px;
}

.link {
  font-size: 14px;
}

.home-blog-col-title {
  padding-top: 30px;
  padding-bottom: 20px;
}

.footer-one {
	text-align:center;
	padding-bottom:30px
}

.footer-three {
	text-align:center;
	padding-top:30px
}

  #home-about {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  #home-about .col-md-6 {
	  padding-left:0px;
	  padding-right:0px
  }

  .home-about-txt-box {
    background-color: #efe9de;
	text-align: center;
  }

.slick-dots {
  bottom: -35px;
}

#about.zabieg-home {
    height: auto !important;
  }
  
 #about.zabieg-home .container.vh-100 {
   height: auto !important;
  }
  
#about.zabieg-home .row.vh-100 {
     height: auto !important;
  }
  


  .about-header-left {
   display:none
  }

  .about-header-right {
   display:none
  }

  .about-top-row {
    padding-left: 0px;
    padding-right: 0px;
  }
  
    .about-header-center {
    padding-top: 125px;
	padding-bottom:50px
  }

.about-video-section {
	height:50vh !important
}

.kontakt-row {
	margin-top:15px;
	text-align:center
}

.kontakt-desc-lead {
	text-align:center
}

.kontakt-lead-top {
	margin-top:30px;
		text-align:center
}

.kontakt-col-desc {
		text-align:center
}

.kontakt-button-row a {
	margin-right:0px;
	margin-top:15px
}

.kontakt-second-clinic {
	padding-top:35px
}

#home {
  height: 100vh;
}

#home:before {
  height: 100vh;
}

.vh-100 {
  height: 100vh !important;
}

.dnon {
	display:none !important
}

.video-desktop {
  height: 100vh;
}

  .about-video-section {
    height: auto !important;
    padding-top: 140px !important;
    padding-bottom: 100px !important;
  }




}


/* --- Fancybox: powiekszone okno z filmem ---
   Domyslnie Fancybox v5 daje filmom sztywne 960x540px, przez co na duzych
   ekranach film jest maly, a dookola zostaje puste tlo. Ponizej film
   dostaje maksymalny rozmiar mieszczacy sie w oknie.
   Proporcje: domyslnie 16:9, ale dla filmow z pliku skrypt w footer.php
   podmienia --fb-video-w / --fb-video-h na realny rozmiar filmu. Dzieki temu
   filmy pionowe nie sa juz wciskane w pozioma ramke 16:9 (byly male na mobile). */
.fancybox__slide.has-html5video > .fancybox__content,
.fancybox__slide.has-video > .fancybox__content,
.fancybox__slide.has-youtube > .fancybox__content,
.fancybox__slide.has-vimeo > .fancybox__content {
	--fb-video-w: 16;
	--fb-video-h: 9;
	--fb-video-max-w: 94vw;
	--fb-video-max-h: calc(100vh - 60px);
	/* !important jest konieczne: Fancybox sam wpisuje w element style inline
	   (width/height/aspect-ratio) wyliczone ze swojej opcji videoRatio 16/9. */
	width: min(var(--fb-video-max-w), calc(var(--fb-video-max-h) * var(--fb-video-w) / var(--fb-video-h))) !important;
	height: min(var(--fb-video-max-h), calc(var(--fb-video-max-w) * var(--fb-video-h) / var(--fb-video-w))) !important;
	aspect-ratio: auto !important;
	background: #000;
}

/* Tryb kompaktowy (Fancybox wlacza go do 578px): 8px to padding slajdu. */
.fancybox__container.is-compact .fancybox__slide.has-html5video > .fancybox__content,
.fancybox__container.is-compact .fancybox__slide.has-video > .fancybox__content,
.fancybox__container.is-compact .fancybox__slide.has-youtube > .fancybox__content,
.fancybox__container.is-compact .fancybox__slide.has-vimeo > .fancybox__content {
	--fb-video-max-w: calc(100vw - 8px);
	--fb-video-max-h: calc(100vh - 8px);
}


/* --- Strona glowna 2026 (page-home-2026.php): baner hero ---
   Desktop: zdjecie w tle. Mobile (do 640px): film main-mobile.mp4.
   Film dziedziczy pozycjonowanie z reguly .video-desktop video. */
.hero-2026 .hero-2026-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(img/u-3-poziome.jpg) no-repeat center center;
	background-size: cover;
}

.hero-2026 .hero-2026-video {
	display: none;
}

@media only screen and (max-width: 640px) {

	.hero-2026 .hero-2026-img {
		display: none;
	}

	.hero-2026 .hero-2026-video {
		display: block;
	}
}


/* --- Stopka: partner serwisu --- */
.footer-partner-row {
	margin-top: 45px;
}

.footer-partner {
	text-align: center;
}

.footer-partner-title {
	color: #fff;
	margin-bottom: 15px;
}

.footer-partner-logo {
	width: 100%;
	max-width: 116px;
	height: auto;
}


/* --- Cennik (page-cennik.php) ---
   Dzialy (np. Medycyna estetyczna / Kosmetologia) -> zabiegi -> warianty.
   Cena jest polaczona z nazwa kropkowana linia (.cennik-leader). */

#cennik-intro {
	padding-bottom: 0px;
}

.cennik-lead {
	margin-bottom: 0px;
}

.cennik-nav {
	margin-bottom: 85px;
	padding-bottom: 28px;
	border-bottom: 1px solid rgba(7, 7, 7, 0.12);
}

.cennik-nav a {
	display: inline-block;
	margin: 0px 22px;
	padding-bottom: 5px;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #070707;
	border-bottom: 1px solid transparent;
}

.cennik-nav a:hover {
	color: #726e6b;
	border-bottom-color: #726e6b;
}

.cennik-dzial + .cennik-dzial {
	margin-top: 110px;
}

.cennik-dzial-head {
	text-align: center;
	margin-bottom: 55px;
}

.cennik-dzial-desc {
	max-width: 720px;
	margin: 25px auto 0px auto;
}

.cennik-lista {
	background-color: #f9f6f1;
	padding: 60px 70px;
}

.cennik-poz {
	padding: 26px 0px;
	border-bottom: 1px solid rgba(7, 7, 7, 0.1);
}

.cennik-poz:first-child {
	padding-top: 0px;
}

.cennik-poz:last-child {
	padding-bottom: 0px;
	border-bottom: none;
}

.cennik-row {
	display: flex;
	align-items: flex-end;
	gap: 14px;
}

.cennik-leader {
	flex: 1 1 auto;
	min-width: 25px;
	transform: translateY(-7px);
	border-bottom: 1px dotted rgba(7, 7, 7, 0.35);
}

.cennik-nazwa {
	flex: 0 1 auto;
}

.cennik-cena {
	flex: 0 0 auto;
	white-space: nowrap;
}

.cennik-row-main .cennik-nazwa {
	font-family: ivypresto-display, serif;
	font-size: 26px;
	line-height: 34px;
	font-weight: 400;
	letter-spacing: .5px;
}

.cennik-row-main .cennik-cena {
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
}

.cennik-row-bez-ceny .cennik-nazwa {
}

.cennik-opis {
	max-width: 640px;
	margin-top: 10px;
	font-size: 14px;
	line-height: 25px;
	color: #5f5b57;
}

.cennik-warianty {
	margin-top: 16px;
	padding-left: 28px;
	border-left: 1px solid rgba(7, 7, 7, 0.14);
}

.cennik-row-sub {
	padding: 6px 0px;
}

.cennik-row-sub .cennik-nazwa {
	font-size: 15px;
	line-height: 26px;
	letter-spacing: .3px;
}

.cennik-row-sub .cennik-cena {
	font-size: 15px;
	line-height: 26px;
	font-weight: 500;
}

.cennik-row-sub .cennik-leader {
	transform: translateY(-8px);
	border-bottom-color: rgba(7, 7, 7, 0.22);
}

.cennik-info {
	margin-top: 80px;
	padding: 45px 50px;
	border: 1px solid rgba(7, 7, 7, 0.14);
	font-size: 14px;
	line-height: 26px;
}

.cennik-info-title {
	font-family: ivypresto-display, serif;
	font-size: 25px;
	line-height: 35px;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.cennik-info p:last-child {
	margin-bottom: 0px;
}

.cennik-button {
	margin-top: 70px;
}

.cennik-button .button {
	margin-right: 0px;
}

@media only screen and (max-width: 1200px) {

	.cennik-lista {
		padding: 45px 45px;
	}

	.cennik-dzial + .cennik-dzial {
		margin-top: 85px;
	}

}

@media only screen and (max-width: 998px) {

	.cennik-nav {
		margin-bottom: 55px;
	}

	.cennik-nav a {
		margin: 0px 12px;
		font-size: 13px;
		letter-spacing: 1.4px;
	}

	.cennik-row-main .cennik-nazwa {
		font-size: 22px;
		line-height: 31px;
	}

	.cennik-row-main .cennik-cena {
		font-size: 18px;
	}

}

@media only screen and (max-width: 768px) {

	.cennik-nav {
		margin-bottom: 40px;
		padding-bottom: 18px;
	}

	.cennik-nav a {
		margin: 0px 8px 8px 8px;
		font-size: 12px;
		letter-spacing: 1px;
	}

	.cennik-dzial + .cennik-dzial {
		margin-top: 55px;
	}

	.cennik-dzial-head {
		margin-bottom: 30px;
	}

	.cennik-lista {
		padding: 30px 22px;
		margin-left: -12px;
		margin-right: -12px;
	}

	.cennik-poz {
		padding: 20px 0px;
	}

	.cennik-row {
		gap: 9px;
	}

	.cennik-row-main .cennik-nazwa {
		font-size: 20px;
		line-height: 29px;
	}

	.cennik-row-main .cennik-cena {
		font-size: 16px;
		line-height: 26px;
	}

	.cennik-leader {
		transform: translateY(-6px);
		min-width: 14px;
	}

	.cennik-warianty {
		padding-left: 15px;
	}

	.cennik-row-sub .cennik-nazwa,
	.cennik-row-sub .cennik-cena {
		font-size: 14px;
		line-height: 24px;
	}

	.cennik-row-sub .cennik-leader {
		transform: translateY(-7px);
	}

	.cennik-info {
		margin-top: 45px;
		padding: 28px 25px;
	}

	.cennik-button {
		margin-top: 45px;
	}

}