.first_container{
	width:100%;
	display:flex; justify-content: center; flex-wrap: wrap; gap:2.7vw;
}
	.second_container_text{width:37.5%; height:auto; position:relative;}
		.third_container_info_proizvod {}
			#naziv {margin:0px; font-size:clamp(24px, 3vw, 44px);}
			#cijena {margin:0px; font-size:clamp(14px, 1.3vw, 24px);}
			#porez {font-size:clamp(10px, 1vw, 17px);}			
			#zapremnina {margin:0px; font-size:clamp(14px, 1.3vw, 24px);}
			#cijena_po_litri{font-size:clamp(10px, 1vw, 17px);}
			
			.karakteristike {list-style: none; padding: 0; margin:0 0 0 1.7vw; column-count: 2; gap:1vw;}
			.karakteristike li {font-size:clamp(14px, 1.3vw, 24px); line-height: 1.3;}
			.karakteristike li::before {
				content: "✅";
				font-size:clamp(10px, 1vw, 17px);    /* veličina*/
				display: inline-block;
				width: 2vw;        /* prostor za simbol */
				margin-right: 0.5vw; /* razmak između simbola i teksta */
			}

		.zapremnina_container{ padding: 1.7vw; border: 1px solid rgb(77,77,77); }
			.odaberite_zapremninu{padding-bottom: 0.7vw; padding-left:0.5vw; font-size:clamp(14px, 1.3vw, 24px);}
			.kolicina_container {width:100%; display:flex; justify-content: flex-start; align-items:center; flex-wrap:wrap;}
				.varijanta{
					width:17%; aspect-ratio:1/0.5; margin:1.9px; overflow:hidden;
					display:flex; justify-content:center; align-items: center; 
					font-size:clamp(14px, 1.3vw, 24px);
					cursor: pointer;
					border: 1px solid rgb(77,77,77); border-radius:24px;
				}
				.varijanta:hover{background-color:rgb(255,213,213);}
				.varijanta_active {background-color:rgb(255,213,213); font-weight: 777;}

	.second_container_slider{width:37.5%; height:auto; overflow:hidden; touch-action: pan-y;}
		.third_container_slides {display: flex; transition: transform 0.3s ease;}
			.third_container_slides img {width: 100%; flex-shrink: 0; user-select: none; object-fit:contain;}
		.dots {margin-top:1vw; display: flex; justify-content: center; z-index: 3;		}
		.dots span {
			width: clamp(14px, 2vw, 24px); height: clamp(14px, 2vw, 24px);
			margin: 0 0.3vw;	
			border-radius: 50%;	border: 0.1vw solid rgb(77,77,77);
			cursor: pointer;
		}
		.dots span.active {background: rgb(77,77,77);}
		
.opis_container {
	width:100%; display:flex; justify-content:center; align-items:center; 
	background: linear-gradient(
    to bottom,
    rgba(255,213,213,0.24) 0%,
    rgba(255,213,213,0.50) 50%,
    rgba(255,213,213,0.24) 100%
	);
}
	.opis_proizvoda {width:67.77%; font-size:clamp(14px, 1.3vw, 24px); text-align:center;}
	.opis_proizvoda p {margin-bottom: 1em; line-height: 1.6;}
	.opis_proizvoda ul {margin: 1em 0; padding-left: 1.4em;}
	.opis_proizvoda li {margin-bottom: 0.4em;}


.first_sastav_container {
    width:100%; display:flex; justify-content:center; align-items:center; 
	border-bottom: 1px solid rgb(77,77,77);	border-top: 1px solid rgb(77,77,77);
}
	.sastav_dropdown {width:67.77%; text-align: center; font-size:clamp(14px, 1.3vw, 24px);}
		#sastav_naslov {
			position: relative; padding:2vw 0 2vw 0; 
			cursor: pointer; list-style: none; user-select: none; 
			font-weight: bold;
		}
		#sastav_naslov::-webkit-details-marker {display: none;} /* makni default strelicu */
		#crtica {position: absolute; right: 14vw; top: 50%; transform: translateY(-50%); transition: transform 0.7s ease;}
		#sastav_content {
			overflow: hidden;
			max-height: 0px; opacity: 0;
			transition: max-height 0.7s ease, opacity 0.7s ease; transition-delay: 0.3s;
			font-size:clamp(14px, 1.3vw, 24px);
			line-height: 1.6;
		}
		details[open] #crtica {transform: translateY(-50%) rotate(180deg);}



@media (max-width: 700px) {
    .first_container {flex-direction: column; align-items: center;}
	.second_container_text {order:2; width:97%; margin:0;}
	.second_container_slider {order:1; width: 97%}
	.karakteristike li::before {margin-right: 4vw; }
	.varijanta{width:27%;}
	#opis{width:97%;}
}