/* Minimalne klasy – ostyluj po swojemu */
.mc_section{ margin:24px 0; }
.mc_title{ margin-bottom:12px; }
.mc_subtitle{ margin:12px 0; }
.mc_grid_50{ display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.mc_grid_col {grid-template-columns:1fr 1fr; }
.mc_media_img img.mc_image{ width:100%; height:auto; display:block; }
.mc_image_full_el{ width:100%; height:auto; display:block; }
.mc_downloads{ display:grid; gap:10px; }
.mc_download_item{ display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.mc_download_item .mc_icon img{ width:28px; height:28px; display:block; object-fit:contain; }


/* ===========================
   MC Product Sections – FRONT styles (custom)
   =========================== */


/* 2) Główny tytuł (np. tytuł sekcji "Opis") – kontener + typografia */
.mc_prduct_content .mc_title{
  border-radius:20px;
  background:#FFF;
  height:80px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  padding:0 24px;
  margin:0 0 16px 0;

  color:#000;
  font-family:"Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:24px;
  font-style:normal;
  font-weight:500;
  line-height:36px; /* 150% */
  margin-top:100px !important;
  margin-bottom:50px !important;
  padding-left: 30px !important;
}

/* 3) Każde zdjęcie (także pełnej szerokości i w kolumnach 50/50) */
.mc_wrap img{ border-radius:10px; }
.mc_media_img img,
.mc_image_full_el{ border-radius:10px; }

/* 4) Tytuły wewnętrzne (np. tytuły tabelek, "Wymiary" itd.) */
.mc_subtitle{
  margin:0 0 10px 0;
  color:#000;
  font-family:"Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:24px;
  font-style:normal;
  font-weight:500;
  line-height:36px; /* 150% */
}

/* 5) Ogólny wygląd „tabelki” (grupa) */
.mc_table_group{
  border-radius:10px;
  border:1px solid #B6C0C3;
 
  padding:12px;
  margin:12px 0;
  overflow:hidden; /* żeby zaokrąglenia trzymały rzędy */
}

/* 6) Wnętrze tabelki: rzędy 50/50 */
.mc_table_like .mc_row{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  min-height:40px;           /* wysokość rzędu */
  flex-shrink:0;
  padding:0 10px;
}

/* 7) Naprzemienne tła TYLKO w „Dane techniczne” */
.mc_dane .mc_table_like .mc_row:nth-child(odd){  background:#B6C0C3; }
.mc_dane .mc_table_like .mc_row:nth-child(even){ background:#FFF; }

/* 8) Każdy „tekst–kontener” (komórka) – typografia + ramka */
.mc_text{
  color:#000;

  font-family:"Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:27px; /* 168.75% */

  border:1px solid #B6C0C3;
  border-radius:10px;
  padding:6px 10px;
  background:transparent;
}

/* 9) Blok „Wymiary” (opcjonalnie ciaśniejsze odstępy jak w tabelkach) */
.mc_dimensions .mc_table_like .mc_row{ height:55px; padding:0 10px; }

/* 10) „Do pobrania”: kafelki, tytuł nad ikoną, ikona pod tytułem i wycentrowana */
.mc_downloads{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(252px, 1fr));
  gap:16px;
  justify-items:center;
}

.mc_download_item{
  width:252px;
  height:137px;
  flex-shrink:0;
  border-radius:20px;
  border:1px solid #D9D9D9;
  background:#FFF;
  display:flex;
  flex-direction:column-reverse; /* ikona pod tytułem */
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none;
  padding:12px;
}

.mc_download_item .mc_label{
  color:#000;
  font-family:"Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:14px;
  font-style:normal;
  font-weight:600;
  line-height:19px; /* 135.714% */
  text-transform:uppercase;
  text-align:center;
}

.mc_download_item .mc_icon img{
  width:48px;
  height:48px;
  object-fit:contain;
  display:block;
}

/* 11) Siatki 50/50 – drobny odstęp między kolumnami */
.mc_grid_50{ gap:80px; }

/* 12) Drobne korekty marginesów sekcji */
.mc_section{ margin:24px 0; }

.mc_prduct_content .mc_downloads{
	padding-bottom:100px !important;
}


/* Do pobrania – 5 kolumn, pełna szerokość, gap 17px, bez stałych szerokości */
.mc_downloads{
  --mc-cols: 5;
  --mc-gap: 17px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--mc-gap);
  justify-content: flex-start; /* start od lewej */
}

/* Karta: bez width: 252px; – szerokość wyliczana z kolumn i gapu */
.mc_download_item{
  width: auto !important;
  flex: 1 0 calc( (100% - (var(--mc-cols) - 1) * var(--mc-gap)) / var(--mc-cols) );
  max-width: calc( (100% - (var(--mc-cols) - 1) * var(--mc-gap)) / var(--mc-cols) );
  height: 137px;            /* zostawiamy ustaloną wysokość karty */
}

.mc_small_big_col{
	grid-template-columns: 1fr 1fr;
}

/* Breakpointy – dopasuj wg potrzeb */
@media (max-width: 1200px){
  .mc_downloads{ --mc-cols: 4; }
}
@media (max-width: 992px){
  .mc_downloads{ --mc-cols: 3; }
}
@media (max-width: 720px){
  .mc_downloads{ --mc-cols: 2; }
}
@media (max-width: 480px){
  .mc_downloads{ --mc-cols: 2; }
}

.mc_dane .mc_table_group{
	border-radius: 0px;
}

.mc_prduct_content .mc_image_full{
	margin:74px 0px !important;
}

.mc_dimensions .mc_subtitle{
	text-align:center;
	margin-top:38px !important;
}

.mc_prduct_content .mc_subtitle{
	text-align:center;
}


.mc_prduct_content .mc_text_section{

	    display: flex
;
    flex-direction: column;
    align-items: center;

}


.mc_prduct_content .mc_text_section p{
 
margin-bottom: 20px !important;
}

.mc_prduct_content .mc_table_like{



	max-width: 876px;
    margin: auto !important;

}

html .mc_prduct_content{
  padding-bottom: 80px !important;
}


.mc_prduct_content .mc_table_like .mc_row {
border: 1px solid #B6C0C3 !important;
	border-radius: 10px;
	background: #FFF;
}

.mc_prduct_content .mc_dane .mc_row {
	border: 0px  !important;
	border-radius: 0px;
}

.mc_prduct_content .mc_big_row{
	margin-bottom:20px !important;
}

.mc_prduct_content .mc_revert_col {
	margin-top:74px !important;
}

@media (max-width: 920px){
	.mc_grid_50{
		gap:40px;
	}
}

.mc_prduct_content .mc_text_section{
	
    box-sizing: border-box;
}


@media (max-width: 900px){
	.mc_grid_50 {

    display: flex;
    flex-direction: column;
}

	.mc_prduct_content .mc_revert_col{
		    margin-top: 40px !important;
	}
	
	.mc_prduct_content .mc_image_full{
			margin: 40px 0px !important;
	}

	.mc_prduct_content #opis-produktu-block{
		justify-content:center;
	}

.mc_prduct_content .mc_big_row {
    margin-bottom: 27px !important;
}

	.mc_prduct_content .mc_dane .mc_grid_50{
		 flex-direction: column;
	}


	#opis-produktu-block, #dane-techniczne-block, #do-pobrania-block{
	 width:90%;
		margin:auto !important;
		margin-top:40px !important;
		margin-bottom:35px !important;
		text-align:center;
		justify-content:center;
		padding-left:0 !important;
		height: 50px !important;
		border-radius: 10px !important;
	}
	
 html #my_config_section .button-row button {
        width: 100%;
        color: #000;
		text-align: center;
		font-family: Montserrat;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 23px; /* 115% */
		text-transform: uppercase;
    }
	
	.mc_prduct_content .mc_text_section p {
    width: 100%;

}

.mc_prduct_content .mc_table_like .mc_row{
	display: grid;

}

	.mc_revert_col{
		flex-direction:column-reverse;
	}

}

.mc_table_like .mc_text{
  font-weight:500 !important;
}

/* Dodatkowy padding z lewej strony tylko dla pierwszej kolumny */
.mc_table_like .mc_row .mc_col:first-child .mc_text {
  padding-left: 20px !important;
}

.mc_table_like .mc_grid_50{
  gap:2%;
}