.header-column {
	padding: 20px;
}
.product-details {
	display: flex;
	justify-content: space-around;
	margin: 2em;
}

.image-column img {
	height: auto;
	cursor: pointer;
	transition: transform 0.3s ease-in-out;
}

.image-column img:hover {
	transform: scale(1.1);
}

.text-column {
	padding: 20px;
	
}

.key-features {
	list-style-type: none;
	padding: 0;
}

/* Dodane style dla modalu */
#myModal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 50px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: black;
}

#myModal img {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
}

.close {
	position: absolute;
	top: 15px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
}

.close:hover,
.close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

#myModal img,
#caption {
	animation-name: zoom;
	animation-duration: 0.6s;
}

@keyframes zoom {
	from {
		transform: scale(0);
	}
	to {
		transform: scale(1);
	}
}

/* Dodane style dla cech produktu */
.feature-title {
	color: #2e3d96;
	margin-bottom: 5px;
}

.feature-description {
	line-height: 1.4; /* Mniejsza interlinia */
}

.bold-text {
	font-weight: bold;
	width: 600px;
}


/* Koniec dodanych dla cech produktu */

/* Dodane style dla sekcji z technicznymi specyfikacjami */
.tech-specs-section {
	padding: 20px;
	background-color: #f9f9f9;
}

.tech-specs-section h3 {
	font-size: 24px;
	color: #333;
}

.tech-specs-table {
	width: 100%;
	margin-top: 20px;
	border-collapse: collapse;
}

.tech-specs-table th,
.tech-specs-table td {
	border: 1px solid #ccc;
	padding: 10px;
	text-align: left;
	width: 50%;
}

.tech-specs-table th {
	background-color: #2e3d96;
	color: #fff;
}
/* Koniec dodanych stylów dla sekcji z technicznymi specyfikacjami */

/* Przykładowy kod CSS dla menu horyzontalnego */
.navbar-horizontal {
    background-color: #ffffff; /* Kolor tła menu */
    padding: 10px; /* Wypełnienie menu */
    margin: 0;
    list-style: none;
    display: flex; /* lub grid, flex, inline-block */
    justify-content: space-around; /* lub inna wartość w zależności od preferencji */
}

.navbar-horizontal a {
    color: #2e3d96; /* Kolor linków */
    padding: 10px; /* Wypełnienie linków */
    text-decoration: none;
}

.navbar-horizontal a:hover {
    background-color: #22cc99; /* Kolor tła linków po najechaniu myszą */

}

/* Styl dla aktywnej pozycji w menu */
.navbar-horizontal .current-menu-item > a,
.navbar-horizontal .current-menu-parent > a,
.navbar-horizontal .current-menu-ancestor > a {
    background-color: #22cc99; /* Kolor tła aktywnej pozycji */
    color: #ffffff; /* Kolor tekstu aktywnej pozycji */
}

/* Styl do kursora i klikalnych miniatur - łapka zamiast strzałki*/
    .item-content-wrap:hover,
    .mod-project-item:hover {
        cursor: pointer;
    }

    /* Dodane style dla artykułów na blogu */
    .blog-table {
  width: 100%;
  margin-top: 20px;
  border-collapse: collapse;
  table-layout: fixed;
}

.blog-table th,
.blog-table td {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: left;
}

.blog-table th {
  background-color: #2e3d96;
  color: #fff;
}

.blog-bold-text {
  font-weight: bold;
  width: 30%;
  box-sizing: border-box;
  display: table-cell;
}

/* Formularz kontaktowy */
/* Styl dla układu 2-kolumnowego */
.form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

/* Dodatkowe stylizacje */
#contact-form {
  max-width: 100%; /* Dostosuj szerokość formularza według własnych preferencji */
  margin: 0 auto;
}

label {
  display: block;
  margin-bottom: 5px;
}

textarea {
  resize: vertical; /* Umożliwia tylko pionowe zmiany rozmiaru pola tekstowego */
  width: 100%; /* Szerokość pola tekstowego na 100% */
}

#contact-form input,
#contact-form textarea {
  width: 100%; /* Szerokość pól tekstowych na 100% */
  box-sizing: border-box; /* Żeby padding i border nie dodawały się do szerokości */
}

#response-message {
  margin-top: 20px;
  font-weight: bold;
}

/* Styl do ukrywania etykiet (asterisk) po umieszczeniu kursora w polu tekstowym */
#contact-form input:focus + label,
#contact-form textarea:focus + label {
  display: none;
}