/* File: assets/css/front.css */

.wp-karuzela-wrapper .swiper-wrapper{
overflow:visible !important;
}

.karuzela-toggle{
	display:none !important;
}

/* Wrapper centering */
.wp-karuzela-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
	  position: relative;
  overflow: hidden;
  width: 100%;
}

/* Slider container */
.wp-karuzela-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.wp-karuzela-container .swiper-wrapper {
  overflow: visible;
}
.wp-karuzela-container .swiper-slide {
  opacity: 0.5;
  transition: opacity 0.3s;
}
.wp-karuzela-container .swiper-slide-active {
  opacity: 1;
}

/* Info container */
.wp-karuzela-info {
  max-width: 1240px;
  width: 100%;
  margin: 46px auto 0;
  position: relative;
min-height:40px;
}

.home .wp-karuzela-info .karuzela-title, .home .wp-karuzela-info .karuzela-excerpt{
display:none;
}

/* Navigation arrows */
.nav-buttons {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  gap: 45px;
}
.nav-buttons .swiper-button-prev,
.nav-buttons .swiper-button-next {
  width: 30px;
  height: 30px;
  color: #000;
}

/* Additional fields grid 2x2 with collapse behavior */
.karuzela-fields {
  display: flex;

  gap: 15%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.karuzela-fields.open {
  max-height: 5000px; /* adjust if needed */
}
.karuzela-fields .field-item {
  max-width:324px;
}
.karuzela-fields .field-content p {
  max-width: 481px;
}

/* Toggle links alignment */
.karuzela-toggle {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}

.karuzela-toggle a {
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}


.mc_two_centered .swiper-slide img{
object-fit:contain;
	width:100%;
	height: 625px;
}



.mc_two_centered {
  width: 100%;
  overflow: visible; 
  position: relative;
}

.mc_two_centered .swiper-container {
  width: 1240px;
  margin: 0 auto;
  overflow: visible;   /* pozwól Swiperowi wyprowadzić części slajdów na zewnątrz wrappera */
}

.mc_two_centered .swiper-slide {
  flex: 0 0 auto;

}

.field-content{
max-width:481px;
}

/* opcjonalnie: półprzezroczystość dla nieaktywnych */
.mc_two_centered .swiper-slide { opacity: .5; }
.mc_two_centered .swiper-slide-active,
.mc_two_centered .swiper-slide-next { opacity: 1; }


.swiper-button-next:after, .swiper-button-prev:after {

    font-size: 20px;
    font-weight: 600;
}


.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: auto;
    right: 50px; 
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -10px;
    left: auto;
}

.nav-buttons {
    top: 27px !important;
}

.karuzela-toggle a{
	font-family: "scandia-web", Sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    line-height: 20px;
    letter-spacing: 3.9px;
    fill: var(--e-global-color-secondary);
    color: var(--e-global-color-secondary);
    border-style: solid;
    border-width: 0px 0px 3px 0px;
    border-radius: 0px 0px 0px 0px;
    padding: 0px 0px 7px 0px;
	text-decoration:none;
	text-transform:uppercase;
}

.karuzela-list { position: relative; }
.karuzela-spinner {
  position: absolute;
  top:50%; left:50%;
  width: 40px; height: 40px;
  margin:-20px 0 0 -20px;
  border: 4px solid rgba(0,0,0,0.2);
  border-top-color: #000;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }


.wp-karuzela-wrapper{
	margin-bottom:80px;
}


#karuzela-load-more{
	display:flex;
	margin:auto;
}

.team-list .nav-buttons{
	position:relative;
	top: -10px !important;
}

.team-list h2{
	margin-bottom:0 !important;
}

/* Domyślnie ukryj nawigację we wszystkich slajdach */
.team-list .swiper-slide .nav-buttons {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

/* Pokaż tylko w aktywnym slajdzie */
.team-list .swiper-slide-active .nav-buttons {
  opacity: 1;
  visibility: visible;
}

.team-list .swiper-button-next,.team-list .swiper-button-prev{
	top:0 !important;
}


/* ukryj strzałki we wszystkich slajdach */
.team-list .swiper-slide .nav-buttons {
  opacity: 0;
  visibility: hidden;
}

/* na desktopie pokaż strzałki tylko w slajdzie następnego po aktywnym */
@media (min-width: 1024px) {
  .team-list .swiper-slide-next .nav-buttons {
    opacity: 1;
    visibility: visible;
  }
}



/* 1. Ustawiamy płynną animację wysokości i opacity na wszystkie wewnętrzne elementy */
.mc_data_shrink .elementor-element {
  transition: max-height 0.4s ease, opacity 0.4s ease, margin 0.4s ease, padding 0.4s ease;
  overflow: hidden;
}

/* 2. Kiedy wrapper ma klasę collapsed — chowamy wszystko oprócz przycisku (.mc_button_shrink) */
.mc_shrink_new.collapsed .mc_data_shrink .elementor-element {
  max-height: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
}

/* 3. Przy ukryciu chcemy też, żeby .mc_opacity_shrink nigdy nie znikał całkowicie, 
      ale miał opacity:0 */
.mc_shrink_new.collapsed .mc_data_shrink .mc_opacity_shrink {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* 4. Przy stanie rozwiniętym przywracamy opacity do 1 */
.mc_shrink_new .mc_data_shrink .mc_opacity_shrink {
  opacity: 1;
}

/* 5. Przycisk (.mc_button_shrink) zawsze widoczny, nie przejmujemy go w powyższych regułach */
.mc_shrink_new .mc_button_shrink,
.mc_shrink_new.collapsed .mc_data_shrink .mc_button_shrink {
  max-height: none;
  opacity: 1;
  margin: initial;
  padding: initial;
}

.mc_single_slide .swiper-slide-next,
.mc_single_slide .swiper-slide-prev {
  opacity: 0.5 !important;
}


@media (max-width: 1360px) {
  .mc_two_centered .swiper-container {
   

}

.mc_two_centered .swiper-slide img {
  
    height: 585px;
}

.wp-karuzela-info {
    width: calc(100vw - 100px);
  	margin:auto;
	margin-top:50px;
}
}

@media (max-width: 1250px) {
  .mc_two_centered .swiper-container {
       width: calc(100vw - 100px);
	margin:auto;
	
}

.mc_two_centered .swiper-slide img {
  
    height: 585px;
}

.wp-karuzela-info {
    width: calc(100vw - 100px);
  	margin:auto;
	  margin-top:50px;
}
}


@media (max-width: 1040px) {

.mc_two_centered .swiper-slide img {
  
    height: 385px;
}


}






@media (max-width: 840px) {

.karuzela-fields .field-item {
    flex: 0 0 calc(100%);
  
}

}

.karuzela-title{
	font-weight:500;
	line-height:45px;
	color:#000;
	text-align:center;
}

.karuzela-excerpt{
	font-weight:400;
	line-height:30px;
	color:#000;

	color: #FFF;
text-align: center;
background: #832872;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 33px; /* 165% */
padding:5%;
	box-sizing: border-box;
margin-top:60px !important;
}

.field-item{
font-weight:400;
	line-height:30px;
	color:#000;
}

.field-item h2, .field-item h3, .field-item h4, .field-item h5, .field-item h6{
font-weight:500;
	line-height:35px;
	color:#000;
}

.field-item-title{
	margin-top:50px;
}

.team-list .karuzela-title{
	margin-top:70px;
	margin-bottom:20px !important;
}

.team-list .field-item{
	margin-top:40px;

}

.team-list .field-item strong{
	margin-top:40px;
	font-size:20px;
}

.karuzela-filter {
    display: flex
;
    flex-wrap: wrap;
    gap: 0px 0px;
    margin-top: 20px;
    justify-content: center;
    align-items: baseline;
}

.karuzela-filter .filter-item {
color: #000;
text-align: center;

font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
letter-spacing: 4.5px;
text-transform: uppercase;
    text-transform: uppercase;
    background: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}


.karuzela-filter .active{
	color: #832872;
text-align: center;

font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 100% */
letter-spacing: 4.5px;
text-transform: uppercase;
}

#karuzela-load-more{
font-weight:500;
	font-size: 13px
		line-height:20px;
	color:#000;
	text-transform:uppercase;
	background:transparent;
	border-bottom:2px solid #000;
	padding:0;
	padding-bottom:11px;
}

@media (max-width: 1380px) {
	.mc_pc_menu ul{
		gap:40px;
	}
}

@media (max-width: 1230px) {
	.mc_pc_menu ul{
		gap:20px;
	}
}

@media (max-width: 1070px) {
	.mc_pc_menu ul{
		gap:10px;
	}
}



.mc_mobile_menu .rey-mainNavigation--mobile{
	background:#000;
}


.mc_mobile_menu .rey-mainNavigation--mobile a span{
	font-family: "scandia-web", Sans-serif;
	color: #FFFFFF;
	font-weight:500;
	font-size:20px;
	line-height:30px;
	text-transform:uppercase;
}


.mc_mobile_menu .rey-mainNavigation--mobile .mc_bottom_line{
	border-bottom: 1px solid #707070;
	padding-bottom:36.5px;
	margin-bottom:15.5px;
}

.mc_mobile_menu .rey-mainNavigation--mobile li{
	max-width: 166px;

}


/* 1) Ukrywamy SVG-ki w przycisku tylko wewnątrz .mc_mobile_menu */
.mc_mobile_menu .rey-mobileMenu-close .__icons svg {
  display: none;
}

/* 2) Nadpisujemy rozmiar/przesunięcia i robimy X z dwóch linii */
.mc_mobile_menu .rey-mobileMenu-close {
      position: absolute;
    top: 58px;
  width: 21px;
  height: 21px;
  padding: 0;         /* usuń ewentualne wewnętrzne marginesy */
  background: none;
  border: none;
  cursor: pointer;
}

/* obie linie */
.mc_mobile_menu .rey-mobileMenu-close::before,
.mc_mobile_menu .rey-mobileMenu-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 21px;
  height: 3px;
  background-color: #fff;
  transform-origin: center;
}

/* pierwsza linia pod kątem +45° */
.mc_mobile_menu .rey-mobileMenu-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

/* druga linia pod kątem –45° */
.mc_mobile_menu .rey-mobileMenu-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}


/* ukrywamy SVG-ki “user” i obrazek @2x z poprzedniego kroku */
.mc_mobile_menu .rey-mobileNav--footerItem svg,
.mc_mobile_menu .rey-mobileNav--footerItem--cart svg {
  display: none;
}

/* wspólny reset dla obu linków */
.mc_mobile_menu .rey-mobileNav--footerItem,
.mc_mobile_menu .rey-mobileNav--footerItem--cart {
  position: relative;
  display: inline-block;
  width: 21px;
  height: 21px;
  padding: 0;
  margin-left: 10px;        /* odstęp między ikonami */
  text-indent: -9999px;     /* chowamy tekst w dostępności */
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

/* ikona “konto” (Profile@2x.png) */
.mc_mobile_menu .rey-mobileNav--footerItem {
  background-image: url("/wp-content/uploads/2025/04/Profile@2x.png");
}

/* ikona “koszyk” (bag@2x.png) */
.mc_mobile_menu .rey-mobileNav--footerItem--cart {
  background-image: url("/wp-content/uploads/2025/04/bag@2x.png");
}

.mc_mobile_menu .rey-mobileNav-footer{
	display:flex;
	gap:32px;
}


/* 1. Ukrywamy wszystkie dotychczasowe <img> z logiem */
.mc_mobile_menu .rey-siteLogo .custom-logo-link img {
  display: none !important;
}

/* 2. Nadajemy anchorowi logo własne tło */
.mc_mobile_menu .rey-siteLogo .custom-logo-link {
  display: block;               /* musi być blokiem, żeby width/height zadziałały */
  width: 102px;                 /* oryginalne wymiary lub dopasuj według potrzeb */
  height: 81px;
  background-image: url("/wp-content/uploads/2025/04/Logo_white_2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}

.mc_mobile_menu .rey-mobileNav-main{
	overflow: visible;
}

.mc_mobile_menu .mc_lg_en_absolute a span, .mc_mobile_menu .mc_lg_pl_absolute a span{
	font-size:13px;
}

.mc_mobile_menu .mc_lg_en_absolute{
	position:absolute;
	top:-143px;
	right:0;
	
}

.mc_mobile_menu .mc_lg_pl_absolute{
	position:absolute;
	top:-143px;
	right:30px;
}

.mc_mobile_menu .rey-mobileNav-footer .rey-dropSwitcher-mobile{
	display:none;
}

.trp-ls-language-name{
color:#C9BFBF

}

.current-language-menu-item .trp-ls-language-name{
color:#000;

}



/* ————————————————————————————————
   1. Definicja zmiennej tła na .mc_grid
   ———————————————————————————————— */
#biuro .mc_opacity .mc_grid {
  position: relative;
  overflow: visible;
  /* domyślny kolor dla wszystkich (pierwszy i trzeci) */
  --mc-grid-bg: #1130E9;
}

/* ————————————————————————————————
   2. Nadpisanie koloru dla drugiego kontenera
   ———————————————————————————————— */
#biuro .mc_opacity:nth-child(2) .mc_grid {
  --mc-grid-bg: #1130E9;
}

/* ————————————————————————————————
   3. Jawne zdefiniowanie koloru dla trzeciego
      (aktualnie taki sam jak pierwszy; zmień tu jeśli trzeba)
   ———————————————————————————————— */
#biuro .mc_opacity:nth-child(3) .mc_grid {
  --mc-grid-bg: #1130E9;
}


/* ————————————————————————————————
   1. Definicja zmiennej tła na .mc_grid
   ———————————————————————————————— */
#dom .mc_opacity .mc_grid {
  position: relative;
  overflow: visible;
  /* domyślny kolor dla wszystkich (pierwszy i trzeci) */
  --mc-grid-bg: #D7863E;
}

/* ————————————————————————————————
   2. Nadpisanie koloru dla drugiego kontenera
   ———————————————————————————————— */
#dom .mc_opacity:nth-child(2) .mc_grid {
  --mc-grid-bg: #D7863E;
}

/* ————————————————————————————————
   3. Jawne zdefiniowanie koloru dla trzeciego
      (aktualnie taki sam jak pierwszy; zmień tu jeśli trzeba)
   ———————————————————————————————— */
#dom .mc_opacity:nth-child(3) .mc_grid {
  --mc-grid-bg: #D7863E;
}


/* ————————————————————————————————
   1. Definicja zmiennej tła na .mc_grid
   ———————————————————————————————— */
.mc_opacity .mc_grid {
  position: relative;
  overflow: visible;
  /* domyślny kolor dla wszystkich (pierwszy i trzeci) */
  --mc-grid-bg: #1130E9;
}

/* ————————————————————————————————
   2. Nadpisanie koloru dla drugiego kontenera
   ———————————————————————————————— */
.mc_opacity:nth-child(2) .mc_grid {
  --mc-grid-bg: #D7863E;
}

/* ————————————————————————————————
   3. Jawne zdefiniowanie koloru dla trzeciego
      (aktualnie taki sam jak pierwszy; zmień tu jeśli trzeba)
   ———————————————————————————————— */
.mc_opacity:nth-child(3) .mc_grid {
  --mc-grid-bg: #CE178D;
}

/* ————————————————————————————————
   4. Pseudo‑element używający zmiennej
   ———————————————————————————————— */
.mc_opacity .mc_grid::before {
  content: '';
  position: absolute;
  top: 28px;
  left: 0;
  width: 125px;
  height: 28px;
  background-color: var(--mc-grid-bg);

  /* punkt skewu/przesunięcia w lewym górnym rogu */
  transform-origin: top left;

  /* Twoje zmienne ze skew’em */
  --e-transform-skewX: 0deg;
  --e-transform-skewY: -15deg; /* albo -15deg w zależności od potrzeby */

  /* już bez translate centrowania */
  transform:
    skewX(var(--e-transform-skewX))
    skewY(var(--e-transform-skewY));

  opacity: 0;
  transition:
    opacity   0.4s ease-in-out,
    transform 0.4s ease-in-out;
  z-index: 0;
}

.mc_opacity:hover .mc_grid::before {
  opacity: 1;
}


/* ————————————————————————————————
   5. Tekst ponad pseudo‑elementem
   ———————————————————————————————— */
.mc_opacity .mc_grid * {
  position: relative;
  z-index: 1;
}

/* ————————————————————————————————
   6. Hover – pojawienie się
   ———————————————————————————————— */
.mc_opacity:hover .mc_grid::before {
  opacity: 1;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}



.mc_rotate_it img {
	 animation: spin 2s linear infinite;
	cursor:pointer;
}




/* 5) Nawigacja w oddzielnym opakowaniu */
.mc_movie_swiper .nav-buttons {
	top:auto !important;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;      /* ma się dopasować do szerokości strzałek */
  gap: 40px;                 /* odstęp między strzałkami, dostosuj wg potrzeby */
  height: 50px;
  z-index: 10;
	width: 72px;
}


.mc_movie_swiper {
	padding-bottom:50px;
}

.mc_movie_swiper{
	margin-bottom:0px;
}

.mc_movie_swiper .swiper-button-prev:after, .mc_movie_swiper .swiper-button-next:after {
    color: #fff;
}



/* Wyłączamy focus outline na triggerach fancyboxa */
[data-fancybox] {
  outline: none !important;
}
[data-fancybox]:focus {
  outline: none !important;
}


/* 1. Definicja animacji */
@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* 2. Nadpisanie stylu dla Twojego SVG */
#film svg #Group_10118 {
  /* potrzebne, żeby punkt obrotu odnosił się do kształtu */
  transform-box: fill-box;
  -webkit-transform-box: fill-box;

  /* środek obrotu (weź dokładne xy ze swojego viewBox) */
  transform-origin: 50.839px 48.263px;
  -webkit-transform-origin: 50.839px 48.263px;

  /* uruchom animację */
  animation: spin 6s linear infinite;
}

#film svg{
height: 105px;
	cursor:pointer;
}

.field-item strong{
	font-weight:500;
}

.mc_add_to_cart_button a span{
	background:#000;
	color:#fff;
	font-size:13px;
	line-height:20px;
	letter-spacing:3.9px;
	text-transform:uppercase;
	padding:15px 30px;

}

.checkout-button, .wc-block-components-checkout-place-order-button{
background:#000 !important;
	color:#fff !important;
	font-size:13px !important;
	line-height:20px !important;
	letter-spacing:3.9px !important;
	text-transform:uppercase!important;
	padding:15px 30px !important;
	text-align:center; !important;
	font-weight:500 !important;
}



.mc_add_to_cart_button a:after{
	display:none !important;
}




.rey-mobileNav-footer {
    padding-top: 0;
    margin-top:0;
}

.rey-mainNavigation.rey-mainNavigation--mobile {
    padding: 30px 30px;
}

.rey-mobileNav--footerItem:not(:only-child){
	margin:0;
}


.__hamburger span:nth-child(3) {
    --hbg-bars-d: var(--hbg-bars-d3, block);
    transition-delay: var(--hbg-bars-trd, .15s);
    width: 100%;
}

.__hamburger span:nth-child(2) {
    transition-delay: var(--hbg-bars-trd, .075s);
    width:50%;
    transform: var(--hbg-bars-tr2, var(--hbg-bars-tr, scaleX(1)));
}

.__hamburger .__bars {
    align-items: end;
}


.product-template-default .product strong, .product-template-default .product b{
	font-weight:500 !important;
}



.product-template-default .product ul li{
	margin-bottom:30px;
}


.product-template-default .product .single_add_to_cart_button{
	    background: #000;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 3.9px;
    text-transform: uppercase;
    padding: 22px 30px;
    margin: 0 !important;
}

.product-template-default  .rey-cartBtnQty{
	gap:20px;
}


.e-filter{
	gap:50px !important;
}


.e-filter-item {
  position: relative; /* potrzebne, by ::after był pozycjonowany względem przycisku */
	padding:0px !important;
	padding-bottom:11px !important;
	overflow:visible;
}

.e-filter-item[aria-pressed="true"]::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
  /* pozycjonujemy linię 11px poniżej dolnej krawędzi przycisku */
      top: calc(100% - 1px);
	z-index:1;
}


.e-filter-item[aria-pressed="false"]{
  content: "";
opacity:0.3;
}

.e-filter-item[aria-pressed="true"]{
  content: "";
opacity:1;
}


.mc_unit_message{
	    margin: 0;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    line-height: 20px;
	margin-bottom:50px;
}

.mc_tax, .pp_unit{
	margin-left:5px;
}

.mc_bottom_net{
	margin-bottom:15px;
}

.elementor-add-to-cart .cart{
	display:flex;
	flex-direction:column;
}

.svw-options label{
	cursor:pointer;
}

.mc_voucher_title{

	margin-top:80px;
	color: #000000;
    font-family: "scandia-web", Sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
}

@media (max-width: 1070px) {
	.mc_voucher_title{
		margin-top:40px;
	}
}

.team-list .karuzela-items {
    display: flex;
    flex-wrap: wrap;       /* pozwala na łamanie wierszy */
    gap: 30px;             /* odstęp między elementami */
}

/* Każdy .karuzela-item zajmuje 1/2 szerokości dostępnej przestrzeni minus połowa odległości (15px) */
.team-list .karuzela-item {
    flex: 0 0 calc((100% - 30px) / 2);
}

.team-list  .karuzela-item img{
	max-height:600px;
	object-fit:cover;
}



#wpadminbar{
overflow:hidden;
}


@media (max-width: 640px) {
/* Każdy .karuzela-item zajmuje 1/2 szerokości dostępnej przestrzeni minus połowa odległości (15px) */
.team-list .karuzela-item {
    flex: 0 0 calc(100%);
}
}

.mc_image-container{
	margin-top:54px;
}

.wp-karuzela-info .field-item-content{
	margin-top:24px;
min-height: 90px;
}


@media (max-width: 1340px) {
.karuzela-fields {
  gap: 10%;
}


}


@media (max-width: 1180px) {
.karuzela-fields {
  gap: 5%;
}


}

@media (max-width: 1040px) {
.karuzela-fields {
	flex-wrap:wrap;
    gap: 15%;
}

.karuzela-fields .field-item {
    width:100%;
}

.wp-karuzela-info .field-item-content {
 
    min-height: 0px;
}

.karuzela-fields .field-item {
    max-width: 100%;
}

}

@media (max-width: 525px) {
    .wp-karuzela-info {
        width: calc(100vw - 60px);
        margin: auto;
        margin-top: 20px;
    }

}



.mc_two_centered .swiper-slide {
  position: relative;              /* by móc centrować pseudo-element */
  overflow: hidden;                /* ukrywa wszystko co wychodzi poza */
}

.mc_two_centered .swiper-slide img {
  display: block;

  border: 7px solid transparent;  /* start: przezroczyste */
  transition: border-color 0.3s ease; /* animacja obramowania */
}

/* obramowanie na hover */
.mc_two_centered .swiper-slide:hover img {
  border-color: #832872;
}

/* pseudo-element z SVG-ikonką */
.mc_two_centered .swiper-slide::after {
  content: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">\
  <path fill-rule="evenodd" clip-rule="evenodd" d="M26.6832 27.7268L27.7087 26.6653C28.0336 26.8881 31.2065 30.1258 31.7702 30.6895C32.0555 30.9748 33.0186 31.782 33.0186 32.1988C33.0186 32.6666 32.6665 33.0187 32.1988 33.0187C31.7543 33.0187 29.8023 30.8831 29.3851 30.4659L26.6832 27.7268ZM15.2401 6.10352e-05H16.5286C18.0594 0.0592881 19.5774 0.329649 21.0286 0.809923C22.3729 1.2548 23.433 1.8221 24.5459 2.51002C24.7466 2.63403 24.7444 2.65462 24.9456 2.78116C26.2061 3.57351 27.7257 5.08825 28.6109 6.27119C29.7795 7.83302 30.6867 9.51393 31.2301 11.478C31.4225 12.1735 31.5836 12.7974 31.711 13.6058L31.8263 17.2922C31.7863 18.1155 31.4245 19.8059 31.1842 20.5259C30.5243 22.5037 30.5221 22.3876 29.5901 24.1491C30.0655 24.8591 29.9946 24.6249 30.4668 25.0612C30.8983 25.4601 31.114 25.8162 31.3257 25.9912C31.9197 26.482 33.7439 28.4356 33.9876 28.6212C34.4313 28.9593 34.5557 29.1848 34.8639 29.5336C35.8183 30.6138 36 30.9853 36 32.5715C36 33.8011 34.9377 35.183 33.9243 35.6387C33.4717 35.8422 32.9841 35.9657 32.4927 36.0001H31.9313C31.4746 35.9676 31.0248 35.8547 30.6071 35.6538C30.0688 35.3949 29.548 34.9176 29.086 34.4917C28.9287 34.3467 28.7877 34.2058 28.6526 34.0307C28.4914 33.822 28.4197 33.731 28.2309 33.558C28.0506 33.3927 27.9641 33.3627 27.7808 33.1882C27.4421 32.8661 27.2868 32.5561 26.9179 32.2622C26.4983 31.928 26.4079 31.8125 26.065 31.4009C25.7761 31.0542 25.4564 30.8699 25.135 30.5421C23.9405 29.3238 24.5731 29.4228 23.1307 30.137C19.5772 31.8966 15.3099 32.4489 11.4874 31.2207C11.292 31.1579 11.0124 31.0819 10.8075 31.0063C7.86226 29.9195 7.51075 29.5193 5.24883 27.7699C4.31334 27.0463 3.11756 25.4399 2.45884 24.4481C1.98763 23.7385 1.60856 23.0002 1.2565 22.1473C0.203163 19.5956 0 18.1717 0 15.3541C0 14.3023 0.226705 12.802 0.4617 11.94C0.589746 11.4703 0.741547 10.947 0.925579 10.466C1.25001 9.61793 1.70164 8.59925 2.16486 7.82951C3.34443 5.86941 4.90777 4.15143 6.78204 2.83177C6.97564 2.69546 7.18037 2.59309 7.37963 2.46044C7.58478 2.32387 7.75 2.21484 7.97073 2.0826C9.05403 1.43349 10.8153 0.724497 12.0588 0.431577C13.1062 0.184864 14.1726 0.0412463 15.2401 6.10352e-05ZM2.98136 15.9504C2.98136 13.9494 3.4809 12.0501 4.10035 10.6594C6.14779 6.06285 10.7542 2.98142 15.8758 2.98142C18.5132 2.98142 21.3247 3.87328 23.2234 5.24876C23.8358 5.69247 24.9146 6.52907 25.3942 7.10279C25.894 7.70069 26.3981 8.26995 26.8086 8.96787C28.0532 11.0838 28.8447 12.868 28.8447 15.8758C28.8447 18.6647 28.0113 21.0781 26.5798 23.2258C24.4266 26.4565 20.3924 28.8448 15.9503 28.8448C13.7104 28.8448 12.2615 28.3695 10.6687 27.7164C9.92644 27.4121 9.25164 27.032 8.61401 26.5662C8.27632 26.3195 7.96236 26.1528 7.65881 25.8816L6.80059 25.1001C6.22065 24.5139 5.84544 24.0153 5.34473 23.351C3.9401 21.4874 2.98136 18.554 2.98136 15.9504Z" fill="white"/>\
  <path fill-rule="evenodd" clip-rule="evenodd" d="M14.3852 9.91318V14.3852H9.91318C8.11054 14.3852 7.62726 17.4411 10.2113 17.4411H14.3852V21.9132C14.3852 23.7328 17.4411 24.19 17.4411 21.615V17.4411H21.615C24.1552 17.4411 23.7665 14.3852 21.9132 14.3852H17.4411V10.2113C17.4411 9.70537 17.3347 9.28969 17.1145 8.97267C16.3953 7.93692 14.3852 8.41648 14.3852 9.91318Z" fill="white"/>\
</svg>');
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

/* pokaż SVG na hover */
.mc_two_centered .swiper-slide:hover::after {
  opacity: 1;
}