.product-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding: 40px;
max-width: 1200px;
margin: auto; /* Centriranje kontejnera na stranici */
justify-content: space-around;
}

.product-card {
background-color: #ffffff; /* Bijela pozadina kartice */
border-radius: 10px; /* Zaobljeni rubovi */
box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Lagani sjaj */
width: 100%;
max-width: 310px;
overflow: hidden;
text-align: center;
transition: transform 0.3s, box-shadow 0.3s; /* Efekti prijelaza */
position: relative; /* Za apsolutno pozicionirane elemente unutar kartice */
background: #ffffff; /* Osiguranje da pozadina bude bijela */
}

.product-card img {
width: 100%; /* Osiguranje da slike ne prelaze širinu kartice */
height: auto;
border-bottom: 2px solid #ddd; /* Linija ispod slike */
}

.product-card h3 {
font-size: 2rem; /* Veći font za naslove */
color: #333; /* Tamnija boja za tekst naslova */
margin: 15px 0 15px; /* Razmak oko naslova */
padding-left: 5px;
padding-right: 5px;
}

.product-card p {
font-size: 1.3rem; /* Veća veličina fonta za tekst */
color: #555; /* Siva boja za tekst */
line-height: 1.8; /* Veća visina linije za bolju čitljivost */
padding: 0 15px; /* Padding unutar kartice */
margin: 0 0 15px; /* Razmak ispod teksta */
}

.product-card:hover {
transform: translateY(-5px); /* Lagani pomak gore pri prelasku miša */
box-shadow: 0 6px 12px rgba(0,0,0,0.2); /* Intenzivniji sjaj pri prelasku miša */
}

.bb-accordion {
	--bb-bs-accordion-btn-bg: #f0f3f6;
	--bb-bs-accordion-btn-icon-width: 1.8rem;
	--bb-bs-accordion-btn-focus-box-shadow: 0 0 0 var(--bb-bs-border-width) var(--bb-bs-border-color);
	--bb-bs-accordion-btn-padding-x: 1.5rem;
	--bb-bs-accordion-btn-padding-y: 2rem;
	--bb-bs-accordion-active-color: var(--bb-bs-body-color);
	--bb-bs-accordion-active-bg: #fff;
	--bb-bs-accordion-body-padding-y: 5rem;
}

.bb-accordion-item {
	margin-bottom: 15px;
}

.bb-accordion-button {
	font-weight: 600;
	font-size: 1.8rem;
}

.dodatna-oprema-header {
	font-weight: 600;
	font-size: 1.6rem;
	margin-top: 20px;
	margin-bottom: 20px;
}

.dodatna-oprema-text {

}

.dodatna-oprema-img {
	margin-top: 20px;
}

.bb-accordion-body > div > div {
	margin-bottom: 30px;
}

#specificationPills {
	gap: 10px;
	--bb-bs-nav-pills-border-radius: 0;
}

.bb-nav-pills .bb-nav-link, .bb-nav-pills .bb-show > .bb-nav-link {
	color: #51585d;
	background-color: none;
	border-bottom: 2px solid #e5e8ed;
} 

.bb-nav-pills .bb-nav-link.bb-active, .bb-nav-pills .bb-show > .bb-nav-link {
	color: initial;
	border-bottom: 2px solid black;
	border-radius: 0;
	background-color: initial;
}

#specificationPillsContent table {
	margin-top: 60px;
}