.urunCab{margin:0 4vw 0 5vw;}
.urunicerikCab{
	margin-left:2vw;
	padding:0 3vw 0 3vw;
	display:inline-block;
	width:42vw;
	height:auto;
	min-height:36.5vw;
	background-color:#fff;
}
.urunVeri{table-layout:auto;width:auto;border-collapse:collapse;}
.urunVeri th{color:var(--r);text-align:left;padding:0}
.urunVeri td{border:none;padding:0}
.urunimage-container{
	display:inline-block;
	width:45vw;
	height:36.45vw;
	vertical-align:top;
}
.urunminisvg{
	width:3vw;
	height:3vw;
	vertical-align:middle;
	opacity:.3;
	filter:grayscale(1) brightness(20%);
	//filter:invert(42%) sepia(72%) saturate(3351%) hue-rotate(185deg) brightness(103%) contrast(106%);
}
.minitable{
	width:100%;
	text-align:center;
}
.minitable td,.minitable th{text-align:center;vertical-align:center}
.minitable p{text-align:center;}
.aciklama{
	text-align:justify;
    text-justify:inter-word;
	text-indent:3vw;
}
.fiyatCab{
    width:100%;
    position:relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
	align-items:center;
}
.fiyatic{
	width:auto;
    height:auto;
    margin:0;
	
}
.fiyat p{font-size:3vw;color:#66cc00;line-height:1;}
.indirim p{font-size:1.3vw;color:#aaa;line-height:1;}
.indirim p span{text-decoration:line-through}
/*liste*/
.fiyat2 p{font-size:1.7vw;color:#66cc00;line-height:1;}
.indirim2 p{font-size:.8vw;color:#777;line-height:1;}
.indirim2 p span{text-decoration:line-through}
/*sepet - durum çubuğu*/
.sepetTabloDiv{
	font-size:1.4vw;
	margin-left:auto;
	margin-right:auto; 
	display:table;
	max-width:98%;
	color:#333;
}
.sepetTabloDiv a{color:#333;}
.sepetTabloDiv b{
  font-weight:400;
  color:#bbb;
}
table.sepetTablo{
	border-collapse:collapse;
	border-style:hidden;
	width:100%;
	border-radius:1vw;
	box-shadow:.2vw .2vw .9vw rgba(0,0,0,.4);
	overflow:hidden;
	background-color:#fff;
}	
.sepetTablo th, .sepetTablo td{
	border:1px solid #f2f2f2;
	vertical-align:middle;
	padding:1vw;
}
.sepetTablo tr:hover{background-color:#f7f7f7}
.sepetTablo th{
	font-size:1.2vw;
	color:#aaa;
	font-weight:300;
}
.sepetSil{
	width:1.6vw;
	vertical-align:middle;
}
.sepetTabloDiv select{
    border:none;
    outline:none;
	font-size:1.4vw;
	text-align:center;
	scroll-behavior:smooth;
}
.durumcubukCab{
	width:70vw;
	height:5vw;
	position:relative;
	display:block;
	margin:0 auto;
	z-index:1;
	font-size:1vw;
}
.durumcubuk{counter-reset:step;} /* otomatik rakam say */
.durumcubuk li{ /*3 adet dış cab*/
	list-style-type:none;
	float:left;
	width:25%;	/*100 bölü sekme sayısı */
	position:relative;
	text-align:center;
	margin:0 auto 0 auto;
}
.durumcubuk li:before{ /* daire */
	content:counter(step);/* otomatik rakam say */
	counter-increment:step;/* otomatik rakam say */
	width:2.2vw;
	height:2.2vw;
	line-height:2.2vw;
	border:0.366vw solid #ddd;
	display:block;
	text-align:center;
	margin:0 auto;
	border-radius:50%;
	background-color:white;
	box-shadow:inset 3px 3px 6px -3px #000;
}
.durumcubuk li:after{ /* çubuk */
	content:'';
	position:absolute;
	Width:100%;
	height:0.732vw;
	background-color:#ddd;
	top:1.1vw;
	left:-50%;
	box-shadow:inset 3px 3px 6px -3px #000;
	z-index:-2;
}
.durumcubuk li:first-child:after{content:none;}
.durumcubuk li.active{color:var(--r);}
.durumcubuk li.active:before{border-color:var(--r);}
.durumcubuk li.active + li:after{background-color:var(--r);z-index:-1;}
.sepetUrunImg{width:5vw;}


@media only screen and (max-width:799px){
	.urunCab{margin:5vw 5vw 0 5vw;}
	.urunimage-container{width:90vw;height:110vw;}
	.urunicerikCab{margin-left:0vw;margin-top:5vw;width:90vw;}
	.urunminisvg{width:7vw;height:7vw;}
	.fiyat p{font-size:9vw;line-height:1;}
	.indirim p{font-size:4vw;line-height:1;}
	.fiyat2 p{font-size:5vw;line-height:1;}
	.indirim2 p{font-size:2.5vw;line-height:1;}
	.durumcubukCab{width:98vw;height:10vw;font-size:2.2vw;}
	.durumcubuk li:before{ /* daire */
		width:5vw;
		height:5vw;
		line-height:5vw;
		border:.5vw solid #ddd;
	}
	.durumcubuk li:after{ /* çubuk */
		height:2vw;
		top:2.2vw;
	}
	.sepetTabloDiv{font-size:3vw;}
	.sepetTabloDiv select{font-size:3vw;}
	.sepetTablo th{font-size:2vw;}
	.sepetSil{width:4vw;}
	.sepetUrunImg{width:15vw;}
}

/*UMUT ZOOM*/

.umutzoomMaskele{
	display:none;
}
.umutNormalimg{
	width:36.458vw;
	height:auto;
	-webkit-border-radius:.5vw;
	-moz-border-radius:.5vw;
	border-radius:.5vw;
	overflow:hidden;
}

.thumDiv{
	width:6vw; /* thum width +1 */
	height:auto;
	float:left;
	margin-right:2vw;
}

.thumbnails{
	margin:0 1vw 1vw 0;
	padding:0;
	text-align:center;
}

.thumbnails li{
	/*display:inline-block; yatay dikey*/
	width:5.68vw; /*thumDiv ile aynı*/						/*mini resim*/
	-webkit-border-radius:.5vw;
	-moz-border-radius:.5vw;
	border-radius:.5vw;
	overflow:hidden;
}

.thum1{margin:0 0 2vw 0}
.thum2{margin:0 0 2vw 0}
.thum3{margin:0 0 2vw 0}
.thum4{margin:0 0 2vw 0}
.thum5{margin:0 0 0 0}

.thumbnails img{
	display:block;
	width:100%;
	aspect-ratio:1/1;
	cursor:pointer;
	-webkit-border-radius:.5vw;
	-moz-border-radius:.5vw;
	border-radius:.5vw;
}

.umutzoom{
	position:relative;
	/* 'Shrink-wrap' the element */
	display:inline-block;
	*display:inline;
	*zoom:1;
}

.umutzoom img{/*orta boy*/
	vertical-align:bottom;
	cursor:crosshair;
}

.umutzoom.is-loading img{
	cursor:progress;
}

.umutzoom.is-ready img{
	cursor:move;
}

.umutzoom.is-error  img{
	cursor:not-allowed;
}

.umutzoom-notice{
	position:absolute;
	top:50%;
	left:50%;
	z-index:150;
	width:10em;
	margin:-1em 0 0 -5em;
	line-height:2em;
	text-align:center;
}

.umutzoom-flyout{
	position:absolute;
	z-index:100;
	overflow:hidden;
	//background-color:#fff;
	-webkit-border-radius:.5vw;
	-moz-border-radius:.5vw;
	border-radius:.5vw;
}

/**
 * umutzoom layout variations
 */
.umutzoom--overlay .umutzoom-flyout{
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.umutzoom--adjacent .umutzoom-flyout{
	top:0;
	left:108%;
	width:100%;
	height:100%;
	border:1px solid red;
	/*box-shadow:0 15px 40px rgba(0, 0, 0, 0.35);*/
}

.umutzoom-flyout img{
	width:100vw;
	height:auto;
}

/* Mobil Responsive */

@media screen and (max-width:600px){
	/* mobilde büyük resmin üstünde durarak parmakla kayma engellemesini düzeltir
	.umutzoomMaskele{ 
		display:block;
		position:absolute;
		width:90vw;
		height:90vw;
		z-index:2;
	}
	*/
	.umutNormalimg{width:90vw;aspect-ratio:1/1;}
	.thumDiv{width:90vw;}
	.thumbnails li{display:inline-block;width:14vw;}
	.thum1{margin:0 3.5vw 2vw 0}
	.thum2{margin:0 3.5vw 2vw 0}
	.thum3{margin:0 3.5vw 2vw 0}
	.thum4{margin:0 3.5vw 2vw 0}
	.thum5{margin:0 0 2vw 0}
}

/*BRGR SOL*/
*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	margin:0;
	padding:0;
	list-style:none;
}

.navsol-Cab::-webkit-scrollbar{width:.3vw;}

.navErgo{
	margin:0vw;									/*İLK MENU*/
	padding:0vw;
//	-webkit-transform:translateX(0);			/* SAĞ MENÜ İÇİN 100% */
//		    transform:translateX(0);			/* SAĞ MENÜ İÇİN 100% */
	display:flex;
	position:fixed;
	cursor:pointer;
	z-index:99;
	left:-1.8vw;
	width:4vw;
	top:30vh;
	height:40vh;
	border:none;
	overflow:hidden;
	-webkit-overflow-scrolling:touch;
	transition:.5s;
	transition-timing-function:ease-in;
    -webkit-border-radius:0 3vw 3vw 0;
    -moz-border-radius:0 3vw 3vw 0;
    border-radius:0 3vw 3vw 0;
	background-color:rgba(255,255,255,.3); 		/* ERGO BCK */
	-webkit-box-shadow:.1vw .5vw .8vw rgba(0,0,0,0.3), inset -.8vw 1vw 1vw rgba(100,100,100,1);
	   -moz-box-shadow:.1vw .5vw .8vw rgba(0,0,0,0.3), inset -.8vw 1vw 1vw rgba(100,100,100,1);
			box-shadow:.1vw .5vw .8vw rgba(0,0,0,0.3), inset -.8vw 1vw 1vw rgba(100,100,100,1);  /* ERGO BACKGR */
}
.navErgoAc{
  -webkit-transform:translateX(210%);		/* SAĞ MENÜ İÇİN 0 */
          transform:translateX(33.8vw);		/* SAĞ MENÜ İÇİN 0 */
}
.navErgoKapa{
  -webkit-transform:translateX(0);		/* SAĞ MENÜ İÇİN 0 */
          transform:translateX(0);		/* SAĞ MENÜ İÇİN 0 */
}

.navErgoTxt{ 
display:block;
position:absolute;
right:-5.7vw;
top:9.1vw;
-ms-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-webkit-transform:rotate(270deg);
transform:rotate(270deg);
white-space:nowrap;
}
.navErgoTxt a{ 
color:#333;font-size:1.2vw;font-weight:700;text-decoration:none;word-spacing:.2vw;letter-spacing:.2vw;
text-shadow:-1px 1px 2px #fff, -1px 1px 2px #fff;
}

.navsol-CabKapa{
		-webkit-transform:translateX(0);			/* SAĞ MENÜ İÇİN 100% */
		    transform:translateX(0);			/* SAĞ MENÜ İÇİN 100% */
  //opacity:0;
  //visibility:hide;
}

.navsol-CabAc{
		-webkit-transform:translateX(100%);			/* SAĞ MENÜ İÇİN 100% */
		    transform:translateX(100%);			/* SAĞ MENÜ İÇİN 100% */
  //opacity:1;
  //visibility:visible;
}

.navsol-Cab{
	margin-top:0vw;									/*İLK MENU*/
	padding-top:0vw; /* bunuda değiştir2 */
	display:flex;
	position:fixed;
	z-index:1000001;
	top:0;
	left:-35vw;								/* SAĞ MENÜ İÇİN right:0 */
	width:34vw;
	height:100vh;
	border:none;
	font-size:.9vw;
	overflow-y:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
	transition:.5s;
	transition-timing-function:ease-in;
	background-color:rgba(255,255,255,.8); 		/* İLK MENU BCK */
	backdrop-filter:blur(5px);
	-moz-backdrop-filter:blur(5px);



}
.navsol-Cab a{text-decoration:none;}
.navsol-Cab ul li:before{content:'';}
.navsol-items{flex:0 0 100%;}
.navsol-item:not(:last-child){
	border-bottom:solid 1px #ddd; /*MENU ARA ÇİZGİLER*/
	//box-shadow:1px 1px 1px rgba(255,255,255,0.1);
}
.navsol-link{
	display:block;
	padding:.7vw 2vw;
	color:#000;				/*MENU TEXT COLOR*/
	font-size:1vw;
	text-rendering:geometricPrecision; /* keskin fontlar */
	line-height:1.5em;
	font-weight:500;
	text-transform:uppercase;
}
.navsol-link:hover{				/*ANA MENU HOVER*/
	//background-color:rgba(0,0,0,0.5);
	background-color:var(--r);						/*ANA MENU HOVER BACKGROUND*/
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	color:#fff;
}

.navsol-expand-content{								/*2. MENU*/
	padding-top:0vw;	/* bunuda değiştir2 */
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transform:translateX(100%);
		    transform:translateX(100%);
	transition:.5s;
	transition-timing-function:ease-in;
	visibility:hidden;
}
.navsol-expand-content .navsol-item:not(:last-child){
	border-bottom:solid 1px #ddd; /*2. MENU ARA ÇİZGİLER*/
	//box-shadow:1px 1px 1px rgba(255,255,255,0.1);
}
.navsol-expand-content .navsol-item:hover{ /*2. MENU HOVER*/
	//background-color:rgba(0,0,0,0.5);
	background-color:var(--r);		/*ALT MENU HOVER BACKGROUND*/
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	color:#fff;
}
.navsol-expand-content .navsol-link{
	text-transform:capitalize;
	padding:.7vw 2vw;
}
.navsol-expand-content .navsol-back-link{/* GERİ TUŞ */
  display:block;
  align-items:center;
  background-color:var(--r) !important;    /* GERİ TUŞ BCK */
  color:#fff;
  padding:.7vw 2vw;
  text-transform:uppercase;
  font-weight:700;
  text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
.navsol-expand-content .navsol-back-link::before{
  content:"➤";
  display:inline-block;
  margin-right:0.5em;
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
  text-shadow:-1px -1px 1px rgba(255,255,255,0.5);
}
.navsol-expand-link{
	cursor:pointer;
  display:flex;
  justify-content:space-between;
}
.navsol-expand-link::after{
  content:"➤";
  flex:0 1 auto;
  color:#000;
}
.navsol-expand.active > .navsol-expand-content{
  -webkit-transform:translateX(0);
          transform:translateX(0);
  visibility:visible;
}
.navsol-expand .navsol-expand-content{background-color:rgba(255,255,255,.7); backdrop-filter:blur(5px); -moz-backdrop-filter:blur(5px);} /* 2. MENU BACK*/												/* 1. MENU BACK*/
.navsol-expand .navsol-expand-content .navsol-link{background:none;}															/* 1. MENU TUŞ BACK*/
.navsol-expand .navsol-expand-content .navsol-expand-content{background-color:rgba(255,255,255,.7); backdrop-filter:blur(5px); -moz-backdrop-filter:blur(5px);}							/* 2. MENU BACK*/
.navsol-expand .navsol-expand-content .navsol-expand-content .navsol-link{background:none;}										/* 2. MENU TUŞ BACK*/
.navsol-expand .navsol-expand-content .navsol-expand-content .navsol-expand-content{background-color:rgba(255,255,255,1)}		/* 3. MENU BACK*/
.navsol-expand .navsol-expand-content .navsol-expand-content .navsol-expand-content .navsol-link{background:none}					/* 3. MENU TUŞ BACK*/
.navsol-expand .navsol-expand-content .navsol-expand-content .navsol-expand-content .navsol-expand-content{background-color:#aaa}	/* 4. MENU BACK*/
.navsol-expand .navsol-expand-content .navsol-expand-content .navsol-expand-content .navsol-expand-content .navsol-link{background-color:#ccc;}/* 4. MENU TUŞ BACK*/

@media only screen and (max-width:799px){
 .navErgo{display:none} /*mobil için flex */
 .navsol-Cab{display:none}
}