.marquee { overflow: hidden; background-color:#FAFAFA; }
.marquee-content { display: flex; width: max-content; animation: marquee 10s linear infinite;}
@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
img.golge{
	margin: 0px 8px 8px 0px;
	border-radius: 3px; /* Köşeleri yuvarlar */
	box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
}
.brd_left{ /* h3 teknik özellikler */
	display: flex;
	align-items: center;
	height: 50px;
	font-weight: 400;
	font-size: 18px;
	margin: 0;
	padding-left: 10px;
	color: darkslategrey;
	border: none;
	border-left: 8px solid darkorange;
	border-radius: 0 0 0 15px;
}
.urunvideo{
	display: block; 
	background-color: transparent; 
	object-fit: cover;
	width: 100%;	
}
.urunvideo_teknik{
	display: block; 
	background-color: transparent; 
	object-fit: cover;
	max-width: 300px;	
}
.kirmizi{
	color: red;
	font-size: 24px;
	font-weight: bold;
}
.metni_saga_yasla{ text-align: right; }
.metni_saga_yasla span { color: red; }
p{
	font-size: 16px !important;
}
.dipnot{
	font-size: 14px !important;
}

/* Genel galeri kutusu ayarları */
.galeri {
    display: flex;
    align-items: center;
    gap: 30px; /* Resim ve metin arasındaki boşluk */
    margin-bottom: 40px;
}

/* Her ikinci galeri kutusunu (çift sayıları) ters çevir */
.galeri:nth-of-type(even) {
    flex-direction: row-reverse;
	text-align: right; /* Metinleri sağa yaslar (opsiyonel) */
}

/* Resimlerin genişliğini kontrol altına alalım */
.galeri img {
    max-width: 45%;
    height: auto;
}

/* Mobilde görsellerin üst üste binmesi için */
@media (max-width: 768px) {
    .galeri, .galeri:nth-of-type(even) {
        flex-direction: column;
        text-align: center;
    }
    .galeri img {
        max-width: 100%;
    }
}

/*iki foto yan yana*/
/* Ana Kapsayıcı */
.resim-kapsayici {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
}

/* Görsel ve Yazıyı İçeren Yeni Kapsayıcı */
.resim-kutusu {
    flex: 1;              /* Alanı eşit paylaş */
    display: flex;
    flex-direction: column; /* İçindekileri alt alta dizer */
    margin: 0;            /* Default margin'i sıfırla */
    min-width: 0;         /* Taşmayı engeller */
}

/* Görsel Stili */
.resim-kutusu img {
    width: 100%;
/*    height: 300px;         İsteğe bağlı: Görsel boyunu sabitleyebilirsiniz */
    height: auto;        /* İsteğe bağlı: Görsel boyunu sabitleyebilirsiniz */
    object-fit: cover;
    border-radius: 15px;
}

/* Başlık Stili */
.resim-kutusu figcaption {
    text-align: center;   /* Yazıyı ortala */
    padding-top: 10px;    /* Görselle arasına boşluk bırak */
    font-weight: bold;    /* Başlığı vurgula */
    color: #333;          /* Yazı rengi */
}

.resim-kutusu figcaption hr { 
	border: none; 
	height: 6px; 
	background: linear-gradient(to right, red, orange);
}

/* Mobilde alt alta gelmesi için DÜZELTME BURADA */
@media (max-width: 768px) {
    .resim-kapsayici {
        flex-direction: column; /* Yan yana olanı alt alta çevirir */
    }
}
/*iki foto yan yana*/