/* ff6600 */

/* #kareürün ara */

*:focus {outline: none;}
a{text-decoration:none;}

.goster{display:block}
.gizle{display:none}

.urunCabKare {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.urunCabListe {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.switcherCab{
	//border:1px solid black;
	width:70vw;
	margin:0 auto;
}

#switcher [type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
#switcher [type=radio] + img {
  cursor: pointer;
  width:2vw;
  margin-left:1vw;
  opacity:.3;
}
#switcher [type=radio]:checked + img {
	opacity:.7;
}
#switcher {
	position:relative;
	width: auto;
	float:right;
	//border:1px solid green;
}

.urunKutu,.urunKutuic {
	width: 17vw;
	height: 17vw;/* #kareürün dikey:17vw kare:23vw*/
}

.urunKutu-u,.urunKutuic-u {
	height: 23.3vw;/* #kareürün dikey*/
}

.urunKutu {
	margin:1.2vw;
	border:0px solid #ccc;
	cursor: pointer;
	overflow:hidden;
	background-color:#fff;
	transition: transform 0.5s ease;
}

.urunKutuic {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-start; /* #kareürün için flex-end:resim aşada, dikey için: flex-start:resim yukarda */
}
.urunKutuic img{width:100%}
/*.urunKutuic img:hover{filter: contrast(120%);transform: scale(1.05);transition: transform 0.5s ease;}*/
.urunKutu:hover .urunKutuic img{filter: contrast(120%);transform: scale(1.05);transition: transform 0.5s ease;}

.urunKutuicFiyat {
	width: 100%;
	position: absolute;
	top:17vw; /* #kareürün dikey:16.5vw kare:-.8vw */
	font-size:1.6vw;
	line-height:1.2;
	text-align:center;
	z-index:1;
	padding:0;
	color:#66cc00;
	font-weight:600;
	//text-shadow: 0px 0px 7px #000,0px 0px 7px #000,0px 0px 7px #000,0px 0px 7px #000;
}
.urunKutuicFiyat-u{background-color:rgba(255,255,255,1)}
.urunKutuicKargo {
	width: 100%;
	position: absolute;
	top:18.5vw; /* #kareürün dikey:16.5vw kare:-.8vw */
	line-height:1;
	text-align:center;
	z-index:1;
	padding:0;
	color:#000;
	font-weight:500;
	//background-color:rgba(255,255,255,1);
	//text-shadow: 0px 0px 7px #000,0px 0px 7px #000,0px 0px 7px #000,0px 0px 7px #000;
}
.caroKargo{
	text-align:center;
	opacity:.75;
	font-size:1.2vw;
}
.caroKargo img{
	width:1.8vw;
	vertical-align:middle;
}
.urunKutuicAd {
	width: 100%;
	height: 3.3vw;
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 0;
	background-color:rgba(0,0,0,0.7); /* #kareürün için bunu aktif et */
	backdrop-filter: blur(5px);
	-moz-backdrop-filter: blur(5px);
	pointer-events: none;
}
.urunKutuicAd-u{background-color:rgba(255,255,255,1)}
.urunKutuicAd a {
	color:#fff;/* var(--r) */
	font-size:1.2vw;
	font-weight:600;
	text-decoration: none;
	line-height: 1.2;
}
.urunKutuicAd-u a{color:#666;font-size:1.1vw;}
.anibox, .anibox2 {
	width:100%;
	height:100%;
}

.anibox {
	border: none; /*önemli*/
	position: relative;
	padding: 0px;
	cursor:pointer
}

.anibox1:before, .anibox1:after, .anibox1 > .anibox2:before, .anibox1 > .anibox2:after {
  content: '';
  position: absolute;
}

/*ÜST*/
.anibox1:before{border-top:0.3vw solid var(--r);left:0;right:100%;top:0;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-moz-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-o-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-webkit-transition-duration:140ms;-moz-transition-duration:140ms;-o-transition-duration:140ms;transition-duration:140ms;-webkit-transition-delay:0ms;-moz-transition-delay:0ms;-o-transition-delay:0ms;transition-delay:0ms;z-index:2;}.anibox1:hover:before{right:0%;}.anibox1:not(:hover):before{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;}/*SAĞ*/.anibox1 .anibox2:after{border-right:0.3vw solid var(--r);top:0;bottom:100%;right:0;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-moz-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-o-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-webkit-transition-duration:140ms;-moz-transition-duration:140ms;-o-transition-duration:140ms;transition-duration:140ms;-webkit-transition-delay:140ms;-moz-transition-delay:140ms;-o-transition-delay:140ms;transition-delay:140ms;z-index:2;}.anibox1:hover .anibox2:after {bottom: 0%;}.anibox1:not(:hover) .anibox2:after{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;}/*ALT*/.anibox1:after{border-bottom:0.3vw solid var(--r);left:100%;right:0;bottom:0;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-moz-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-o-transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);-webkit-transition-duration:140ms;-moz-transition-duration:140ms;-o-transition-duration:140ms;transition-duration:140ms;-webkit-transition-delay:400ms;-moz-transition-delay:400ms;-o-transition-delay:400ms;transition-delay:400ms;z-index:2;}.anibox1:hover:after{left: 0%;}.anibox1:not(:hover):after{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;}/*SOL*/.anibox1 .anibox2:before{border-left: 0.3vw solid var(--r);top: 100%;bottom: 0;left: 0;-webkit-transition-property: all;-moz-transition-property: all;-o-transition-property: all;transition-property: all;-webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);-moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);-o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);-webkit-transition-duration: 140ms;-moz-transition-duration: 140ms;-o-transition-duration: 140ms;transition-duration: 140ms;-webkit-transition-delay: 600ms;-moz-transition-delay: 600ms;-o-transition-delay: 600ms;transition-delay: 600ms;z-index:2;}.anibox1:hover .anibox2:before{top: 0%;}.anibox1:not(:hover) .anibox2:before{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;}.tekniktablo{	position:relative;	width:auto;	margin:0 auto;	white-space:nowrap;}.divCabFull{	width:90%;}table.gr {  border-collapse: collapse;  margin: 0;  padding: 0;  width: 100%;  //table-layout: fixed;}table.gr tr {	border: 1px solid #ddd;	text-transform: capitalize;}table.gr th {	color:#fff;	text-align: center;	background-color: var(--r);	text-transform: uppercase;}table.gr td {	color:#000;	text-align: center;	background:#eee url('../i/table.png') repeat-x;	background-size: 1.2vw 2.8vw;	cursor:pointer;}table.gr td:first-child {	text-align: left;}table.gr th,table.gr td {	padding:.2vw 1vw .2vw 1vw;	font-size: 1vw;}table.gr tr:hover td{	color:#fff;	background:var(--r);}table.gr img{width:2vw;vertical-align:middle;}.markaResim {	position: absolute;	top:11vw;	right:3vw;    width: 10vw;	height:10vw;	-moz-border-radius: 1vw;	-webkit-border-radius: 1vw;	-khtml-border-radius: 1vw;	border-radius: 1vw;	overflow:hidden;	-webkit-box-shadow: .2vw .2vw .2vw rgba(0,0,0,.2); 	-moz-box-shadow: .2vw .2vw .2vw rgba(0,0,0,.2);	box-shadow: .2vw .2vw .2vw rgba(0,0,0,.2);	z-index:2;}.markaResim img{width:100%;}.markaResim {right:3vw;}.blogIcResim {width:40%; float:left; margin-right:3vw; margin-bottom:3vw;}@media screen and (max-width: 799px) {	#switcher [type=radio] + img {width:7vw;margin:1vw;}	#switcher {margin:0 auto; text-align:center; float:none;}	.urunKutu,.urunKutuic {width:44vw; height:44vw;}
	.urunKutu-u,.urunKutuic-u {height:64vw}	.urunKutu {margin:3vw}
	.urunKutuicKargo {top: 49vw}
	.caroKargo{font-size:4vw}
	.caroKargo img{width:5vw}
	.urunKutuicAd{height:10vw;}
	.urunKutuicAd a{font-size:3vw;}
	.urunKutuicFiyat{top: 44vw;font-size:6vw;}	table.gr thead {		border: none;		clip: rect(0 0 0 0);		//height: 1px;		//margin: -1px;		overflow: hidden;		padding: 0;		position: absolute;		//width: 1px;	}	table.gr tr {		border-bottom: 3px solid #bbb;		display: block;		margin-bottom: 8vw; /*tablolar arası boşluk*/	}	table.gr td {		border-bottom: 1px solid #bbb;		display: block;		font-size: .8em;		text-align: right;	}	table.gr td::before {		content: attr(data-label);		float: left;		text-transform: uppercase;	}	table.gr td:first-child {		text-align: right;	}	table.gr td:last-child{border-bottom: 0;}	table.gr td{		font-size:3vw;		padding:1.5vw;		background-size: 1px 4.5vw;	}	table.gr tr:hover td{		color:#000;		background:#eee url('../i/table.png') repeat-x;		background-size: 1px 4.5vw;	}	table.gr img{width:5vw;vertical-align:middle;}	table.gr th{display:none;}	.markaResim{width:15vw;height:15vw;left:5.2vw;top:28vw;}}