/*detay*/

.product-image-slider img {
    display: block;           /* Resmi yatayda ortalamak için */
    margin: 0 auto;           /* Resmi yatayda ortalamak için */
    max-width: 100%;          /* Resmin boyutunun taşmaması için */
    height: auto;             /* Resmin orantılı olarak büyümesi için */
}

.wrapper {
    border: 1px solid #e2e2e2;
    text-align: center;
    padding: 12px 0;
}
.product-basket { display: flex; flex-direction: column;}
/*pytrr off*/
.proDetail{
font-weight: 400;
color: #202020;
padding: 0;
border: 0;
font-size: 100%;
position: relative;
margin: 0 20px;
}
.proDetailform{
	font-weight: 400;
	color: #202020;
	border: 0;
	font-size: 100%;
	position: relative;
	clear: both;
	padding: 1px 0 10px 10px;
	border-top: 1px solid #ebebeb;
	margin: 0;
}
.proDetailform table th{ border:none; padding: 2px;}
.proDetailform table tr td{ border:none; padding: 2px; }
.paymentDetail{
	font-weight: 400;
	color: #202020;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	position: relative;
	border-top: 1px solid #ebebeb;	
	float: left;
	background: #f7f7f7;
}
.btnHolder{
	font-weight: 400;
	color: #202020;
	margin: 0;
	border: 0;
	font-size: 100%;
	position: relative;
}
/**/

 .table {margin: 0 auto;}
.miktar-input {
	text-align: center;
	font-size: 18px;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px;
	width: 50px; /* Sadece bu input için genişlik */
}
  input[type="button"] {
	font-size: 18px;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px 10px;
	background-color: #fff;
	cursor: pointer;
  }

  .blink-green {animation: blink-green 1s linear infinite;}

  @keyframes blink-green {
	0% { opacity: 1; background-color: #cfffbf;}
	50% { opacity: 0;  background-color: #cfffbf;}
	100% { opacity: 1;  background-color: #cfffbf;}
  }

  .blink-red {animation: blink-red 1s linear infinite;}

  @keyframes blink-red {
	0% { opacity: 1;  background-color: #ffbfbf;}
	50% { opacity: 0; background-color: #ffbfbf;}
	100% { opacity: 1; background-color: #ffbfbf;}
  }
 .btnGrey {
	text-align:center;
	padding: 10px 20px; 
	font-size: 16px; 
	border: 1px solid #0c3b5d;
	background-color: #f27a1b;
	color: #fff;
	cursor: pointer;
	transition: background-color 0.3s ease; 
}
.btnGrey:hover { box-shadow: 0 0 10px #4CAF50;}

.slick-prev, .slick-next {
	margin-left:-6px;
    width: 20px; /* Buton boyutu */
    height: 20px; /* Yuvarlak yapmak için genişlik ve yükseklik eşit olmalı */
    background-color: #FFA500; /* Turuncu arka plan */
    border: none; /* Kenarlıkları kaldır */
    border-radius: 50%; /* Yuvarlak yap */
    display: flex; /* İkonu ortalamak için */
    justify-content: center;
    align-items: center;
    cursor: pointer; /* İmleç efekti */
    transition: background-color 0.3s ease; /* Hover için geçiş efekti */
}

.slick-prev:hover, .slick-next:hover {
    background-color: #FF8800; /* Hover için koyu turuncu */
}

/* Ok ikonları */
.slick-prev i, .slick-next i {
    font-size: 16px; /* Ok boyutu */
    color: white; /* Ok rengi */
}

/* Sapı olmayan ok için FA stilini değiştir */
.fa-arrow-left::before {
    content: '\f104'; /* Sadece ok kısmını gösteren Unicode */
}

.fa-arrow-right::before {
    content: '\f105'; /* Sadece ok kısmını gösteren Unicode */
}