/* ------
   Urun Detay
              ------ */


/* Urun Detay */

.hentry {
width: 100%;
}

.product {
position: relative;
list-style: none;
float: left;
}

.single-item-top {
margin: 0 0 20px 0;
}

div.product div.images, #content div.product div.images {
    width: calc(50% - 50px);
    float: left;
    margin-right: 50px;
}

.product-image-holder.big-image {
line-height: 0;
padding: 0;
height: auto !important;
}

.product-image-holder {
text-align: center;
width: 100%;
height: 164px;
position: relative;
}

a:hover, a.icon:hover h3 {
color: #92bf00;
}

a:hover, a.icon:hover h3 {
color: #92bf00;
}


.product-image-holder img {
height: auto;
}

.product-image-holder:hover .product-image-holder-after, .product-image-holder-after:hover {
opacity: 0.95;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

.product-image-holder-after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.social-icons a img, .pricing-table-footer a, .responsive-on-demand, .responsive-on-demand-selected, .button, .icon-hover, .cart-wrapper .cart_list-wrapper, .product-image-holder-after {

}

.post-date-comments a, .post-date-comments3 a, .upper-menu, .upper-menu .social-icons a img, .upper-menu2, .post-date-comments a:before, .post-date-comments3 a:before, .comment-meta, .comment-meta:before, .pricing-table-price, footer#site-footer, span.onsale, ul.products li.product .onsale:before, .cart-wrapper .cart-contents, .product-image-holder-after, h4.product_title {
background: #ef96bc !important;
border-radius: 10px;
}

.thumbnails {
margin: 12px 0 0 0;
width: 380px;
}

.product-image-holder.thumbnail-image {
line-height: 0;
width: auto !important;
height: auto !important;
}

.thumbnails a {
display: block;
float: left;
margin: 0 15px 10px 0;
padding: 0;
}

.product-image-holder {
text-align: center;
width: 100%;
height: 164px;
position: relative;
}

div.product div.images img, #content div.product div.images img, .tabs li {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
}

div.product div.summary, #content div.product div.summary {
    text-align: left;
    width: calc(50% - 50px);
    float: left;
    margin-left: 50px;
}

h4.product_title {
display: block;
color: #fff !important;
line-height: 11px;
padding: 14px 14px;
margin: 0 0 0 0;
font-size: 14px;
font-family: 'Source Sans Pro', sans-serif;
}

h1, h2, h3, h4, h5, a.icon h3, .portfolio h3, .accordion-h3-selected, .blog h2, .breadcrumbs, #filters a.selected-filter, .portfolio-pagination a.selected-link, ul.page-numbers li .current, #filters a.selected-filter:hover, ul.products li.product .price, div.product span.price, div.product p.price, #content div.product span.price, #content div.product p.price {

}

nav ul li ul li a, .slider p, .breadcrumbs, .selected-filter, .blog footer, .comments-text, .tags-author, .comment-number h3, .comment-meta, .comment-reply-link, input[type="button"], .post-date-comments2, .quotes article span, .testimonial span, aside .tab.popular .post, .latest-post .subheading, div.product span.price, div.product p.price, #content div.product span.price, #content div.product p.pricediv.product span.price, div.product p.price, #content div.product span.price, #content div.product p.price {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-style: normal;
}

.hentry .summary .price {
padding: 18px 0;
display: block;
}

.hentry .summary .amount {
font-size: 23px;
font-weight: 600;
font-family: 'Source Sans Pro', sans-serif;
color: #ef96bc;
font-weight: bold;
}

.hentry .summary .indirim {
font-size: 23px;
font-family: 'Source Sans Pro', sans-serif;
color: #ccc;
text-decoration: line-through;
margin-right: 20px;
}

strong, b {
font-weight: bold;
}

.clearfix, .clear, #site-footer .product_list_widget, div.product div.summary .cart  {
    *zoom: 1;
}

.clearfix:before, .clear:before, div.product div.summary .cart:before,
.clearfix:after, .clear:after, div.product div.summary .cart:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after, .clear:after, div.product div.summary .cart:after {
    clear: both;
}

div.product div.summary .cart {
    float: none;
    margin: 40px 0 0px 0
}

div.product div.summary .cart button {
    margin-top: 0
}

div.product .woocommerce_tabs, #content div.product .woocommerce_tabs {
    clear: both;
}

div.product form.cart div.quantity, #content div.product form.cart div.quantity {
    float: left;
    margin: 0 4px 0 0;
	background: url(../images/adetBg.png) no-repeat;
	width: 64px;
	height: 42px;
}

.quantity, #content .quantity {
    width: 60px;
    position: relative;
    float:left;
    overflow: hidden;
    zoom: 1;
}

.quantity input.qty, #content .quantity input.qty {
    height: 40px;
	line-height: 40px;
}

.quantity input.qty, #content .quantity input.qty {
	width: 34px;
	height: 42px;
	float: left;
	padding: 0;
	text-align: center;
	border: none;
	border-right: 0;
	font-weight: bold;
	color: #282a2a !important;
	outline: none;
	background: none;
    font-family: 'kg_turning_tablesregular';
}

.quantity .plus, #content .quantity .plus {
    top: 0;
    right: 0;
    border-bottom: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.quantity .plus, .quantity .minus, #content .quantity .plus, #content .quantity .minus {
    height: 22px !important;
}

.quantity .minus, #content .quantity .minus {
    bottom: 0;
    right: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.quantity .plus, #content .quantity .plus {
	background: url(../images/adetUstOk.png) no-repeat center;
}
.quantity .minus, #content .quantity .minus {
	background: url(../images/adetAltOk.png) no-repeat center;
}

.quantity .plus, .quantity .minus, #content .quantity .plus, #content .quantity .minus {
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    vertical-align: text-top;
    width: 30px;
    height: 15px;
    text-decoration: none;
    overflow: visible;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    line-height: 13px;
    font-size: 12px;
    color: #fff;
	outline: none;
	border: none;
	text-indent: -9999px;
}

.products {
    padding: 0;
    margin: 0;
}

.price {
    display: block;
}

.single_variation_wrap .single_add_to_cart_button {
    margin-top: 0;
}

.hentry button.button {
padding: 11px 14px;
width: auto !important;
float: none !important;
}

.button-style1, .statement-box button, .pricing-table-footer a, .buttons a, .add_to_cart_button, .product .button, table.cart td.actions .button.alt, #content table.cart td.actions .button.alt, #submit, .shipping_calculator .button, a.button.alt, button.button.alt, input.button.alt, #respond input#submit.alt, #content input.button.alt, .woocommerce_message .button, .widget_login input[type="submit"] {
color: #ffffff !important;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #575757), color-stop(1, #2a2a2a) );
background:-moz-linear-gradient( center top, #575757 5%, #2a2a2a 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#2a2a2a');
background-color:#575757;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
display:inline-block;
text-decoration:none;
}

.add_to_cart_button, .product .button {
-moz-box-sizing: border-box;
margin-top: 10px;
width: 100%;
font-size: 11px;
text-transform: uppercase;
}

.button-style1, .statement-box button, .pricing-table-footer a, .buttons a, .add_to_cart_button, .product .button, table.cart td.actions .button.alt, #content table.cart td.actions .button.alt, #submit, .shipping_calculator .button, a.button.alt, button.button.alt, input.button.alt, #respond input#submit.alt, #content input.button.alt, .woocommerce_message .button, .widget_login input[type="submit"] {
color: #ffffff !important;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #575757), color-stop(1, #2a2a2a) );
background:-moz-linear-gradient( center top, #575757 5%, #2a2a2a 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#2a2a2a');
background-color:#575757;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
display:inline-block;
text-decoration:none;

}

.button, a.button, button.button, input.button, #respond input#submit, #content input.button, table.cart td.actions .button.alt, #content table.cart td.actions .button.alt, .shop_table .button, .coupon input[type="button"], .shop_table input[type="submit"], .widget_login input[type="submit"] {
display: table;
box-sizing: border-box;
-moz-box-sizing: border-box;
position: relative;
text-shadow: none;
font-size: 14px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
text-align: center;
font-weight: 400;
none: border;
cursor: pointer;
opacity: 1;
/*padding: 10px 20px;*/
margin: 0 0 -10px 0;
}

.button {
position: relative;
}

.button, a.button, button.button, input.button, #respond input#submit, #content input.button, table.cart td.actions .button.alt, #content table.cart td.actions .button.alt, .shop_table .button, .coupon input[type="button"], .shop_table input[type="submit"], .widget_login input[type="submit"] {
display: table;
box-sizing: border-box;
-moz-box-sizing: border-box;
position: relative;
text-shadow: none;
font-size: 14px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
text-align: center;
font-weight: 400;
none: border;
cursor: pointer;
opacity: 1;
/*padding: 10px 20px;*/
margin: 0 0 -10px 0;
}

.social-icons a img, .pricing-table-footer a, .responsive-on-demand, .responsive-on-demand-selected, .button, .icon-hover, .cart-wrapper .cart_list-wrapper, .product-image-holder-after {

}

button {
border: none;
}

input, textarea, keygen, select, button, isindex, meter, progress {
-webkit-writing-mode: horizontal-tb;
}

button {
-webkit-appearance: button;
}

.button:after, .coupon input[type="button"]:after, .shop_table input[type="submit"]:after, .widget_login input[type="submit"]:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 5px;
border: 1px solid rgba(0, 0, 0, 0.3);
border-style: none none solid none;
border-radius: 6px;
-webkit-border-radius: 6px;
}


/* Buttons */

button {
    border: none;
}

.button, a.button, button.button, input.button, #respond input#submit, #content input.button, table.cart td.actions .button.alt, #content table.cart td.actions .button.alt, .shop_table .button, .coupon input[type="button"], .shop_table input[type="submit"], .widget_login input[type="submit"]  {
    display: table;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    text-shadow: none;
    font-size: 14px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    font-weight: 400;
    none: border;
    cursor: pointer;
    opacity: 1;
    /*padding: 10px 20px;*/
    margin: 0 0 -10px 0;
}

.button:before, a.button:before, button.button:before, input.button:before, #respond input#submit: before, #content input.button:before, .coupon input[type="button"]:before, .shop_table input[type="submit"]:before, .widget_login input[type="submit"]:before, form.login .button:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height:  8px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-style: solid none none none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

.button:after, .coupon input[type="button"]:after, .shop_table input[type="submit"]:after, .widget_login input[type="submit"]:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height:  5px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-style: none none solid none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

.button:hover, .widget_login input[type="submit"]:hover {
    opacity: 0.9;
}

.button.large {
    font-size: 16px;
    padding: 12px 40px;
}

.button.medium, #place_order, .widget_login input[type="submit"] {
    font-size: 14px;
    padding: 9px 25px;
}

.place_order {
    font-size: 20px;
}

.button.small {
    font-size: 11px;
    padding: 6px 20px;
}

.gallery-item img, .gallery-item a:before {
}


.urundetaytab{ width:100%; height:100%; overflow:hidden; margin-bottom:20px; margin-top:10px;}

#nav2 {
width: 100%;
height: 60px;
overflow: hidden;
}
#nav2 a, #nav2 a:active, #nav2 a:visited {	display:block;	float:left; height:60px; border-bottom:none;	text-decoration:none;outline:none;font-size:14px; color:#854500; font-family: 'kg_turning_tablesregular'; margin-left:0px; transition: all 0 linear; -webkit-transition: all 0 linear; -moz-transition: all 0 linear;}
#nav2 a:hover { transition: all 0 linear; -webkit-transition: all 0 linear; -moz-transition: all 0 linear;}
#nav2 a:first-child{ margin-left:0px;}
#nav2 a span{ display:inline-block; color: #854500; font-size: 14px; padding: 0 20px 0 20px; height:60px; line-height:60px;}
#nav2 a.selected, #nav2 a.selected:active, #nav2 a.selected:visited { height:60px; padding-top:0px; background: #fff; color:#6D8F4D;text-decoration:none;outline:none; border: 1px dashed #ccc; }
#nav2 a.selected span{ display:inline-block; height:60px; line-height:60px; color: #6D8F4D; font-size: 14px;}
.hiddencontent2 {display:none;background:#fff; border: 1px dashed #ccc; padding:30px; overflow:hidden; font-size:14px; color:#888; font-family: 'kg_turning_tablesregular'; margin-top: -1px; line-height: 30px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); }
.hiddencontent2 a { color: #d71a21 }

.yorumitemyazi p {
	padding-bottom: 10px;
	 line-height: 30px;
}

.sepeteekle {
background: url(../images/sepeteEkle.png) no-repeat;
width: 194px;
height: 46px;
line-height: 44px;
margin-left: 10px;
float:left;
cursor:pointer ;
transition: 0.3s all;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
color: #fff;
font-size: 14px;
font-family: 'kg_turning_tablesregular';
border: none;
outline: none;
}
.sepeteekle a { display: block; text-indent: -9999px; height: 28px; }


.siyah { background: #232323 !important; }
.siyah:hover { background: #ca3333 !important; }

.adedi {
	line-height: 40px;
    height: 40px; /* Firefox needs this */
	background: #f5f5f5;
	border: none;
	color: #666;
	font-size: 12px;
	border-radius: 6px;
	box-shadow: none;
	margin-top: 10px;
	outline: none;
	padding: 0px 10px;
	text-indent: 0;
}


nav#urunyorum { font-family: 'kg_turning_tablesregular'; }
nav#urunyorum ul { }
nav#urunyorum ul li {
background: #fff;
border: 1px dashed #e1e1e1;
margin-bottom: 20px;
}
nav#urunyorum ul li h3 { font-size: 12px; font-weight: bold; color: #282a2a; padding: 20px 20px 10px 20px;  }
nav#urunyorum ul li span { font-size: 12px; color: #e76d3c; }
nav#urunyorum ul li p { padding: 0px 20px 20px 20px !important; font-size: 12px;  }


.productImagesWrapper {
width: 100%;
height: 316px;
position: relative;
float: left;
background: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}

.productImages {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 475px;
height: 316px;
}

.productImages a {
width: 475px;
display: block;
text-align: center;
}

.productArea a {
color: #a3a3a3;
text-align: center;
}

#pImageLink img {
cursor: url("images/cursor.png") 18 18,crosshair;
}

.productImages img {
display: inline-block;
border: none;
}

.s10 {
height: 10px;
}

.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12, .s13, .s14, .s15, .s16, .s17, .s18, .s19, .s20, .s21, .s22, .s23, .s24, .s25, .s26, .s27, .s28, .s29, .s30, .s31, .s32, .s33, .s34, .s35, .s36, .s37, .s38, .s39, .s40, .s41, .s42, .s43, .s44, .s45, .s46, .s47, .s48, .s49, .s50, .s51, .s52, .s53, .s54, .s55, .s56, .s57, .s58, .s59, .s60, .s61, .s62, .s63, .s64, .s65, .s66, .s67, .s68, .s69, .s70, .s71, .s72, .s73, .s74, .s75, .s76, .s77, .s78, .s79, .s80, .s81, .s82, .s83, .s84, .s85, .s86, .s87, .s88, .s89, .s90, .s91, .s92, .s93, .s94, .s95, .s96, .s97, .s98, .s99, .s100 {
overflow: hidden;
display: block;
clear: both;
}

.thumbsImage {
    width: 500px;
    float: left;
}

._floatLeft {
float: left;
}

.thumbsImage a {
display: -moz-inline-stack!important;
display: inline-block!important;
zoom: 1!important;
width: 103px;
height: 80px;
padding: 4px;
text-align: center;
background: #fff;
position: relative;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.thumbsImage img {
width: 80px!important;
height: 60px!important;
max-width: 75px;
width: expression(this.width > 75 ? "75px" : true);
top: 50%;
position: absolute;
margin: 0 auto;
left: 50%;
margin-left: -38px;
margin-top: -30px;
}

.mR10 {
margin-right: 10px;
}
.mR8 {
margin-right: 8px;
}
.mR7 {
margin-right: 7px;
}
.mR6 {
margin-right: 10px;
}
.mT10 {
margin-top: 10px;
}

.jqzoom{

	text-decoration:none;
	float:left;
}

/* Taksit Seçenekleri */

.installment{
	position:relative;
	margin: 0 10px 20px 0;
	float:left;
}

.installment .leftBlock{
	width:46px;
	background-color: #f7f7f7;
	border-radius: 10px 0 0 0 ;
	margin-top:28px;
	float:left;
}

.installment .listBlock{
	float:left;
}

.installment .listBlock .bankBox{
	width:150px;
	margin-right:1px;
	float:left;
	border-radius: 10px 10px 0 0;
}

.installment .listBlock .bankBox:last-child{
	margin-right:0;
}

.installment .listBlock .bankBox.bonus{
	background-color: #d8c9b1;
}

.installment .listBlock .bankBox.world{
	background-color: #dfe4aa;
}

.installment .listBlock .bankBox.axess{
	background-color: #dfe4aa;
}

.installment .listBlock .bankBox.maximum{
	background-color: #d8c9b1;
}

.installment .listBlock .bankBox.finans{
	background-color: #d8c9b1;
}

.installment .listBlock .bankBox .bankLogo{
	text-align:center;
	margin-top: 12px;
	margin-bottom: 15px;
}

.installment .rightBlock{
	width:13px;
	background-color: #f7f7f7;
	border-radius: 0 10px 0 0 ;
	margin-top:28px;
	float:left;
}

.installment table{
	width:100%;
	margin-top:10px;
}

.installment table tr{
	height:25px;
	text-align: center;
	border-bottom: 1px dashed white;
}

.installment table tr:last-child{
	border-bottom:none;
}

.installment table tr th{
	font-weight:bold;
	text-align: center;
	font-size:11px;
	line-height: 24px;
}

.installment table tr td{
	font-size:11px;
	line-height: 24px;
}

.urunfiyati {
position: relative;
display: block;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 40px;
line-height: 40px;
padding: 0 20px;
color: white;
background-color: #d71a21;
font-weight: bold;
font-size: 22px;
letter-spacing: -1px;
text-indent: -6px;
-moz-transform-origin: 88% 10%;
-ms-transform-origin: 88% 10%;
-webkit-transform-origin: 88% 10%;
transform-origin: 88% 10%;
text-align: right;
font-family: 'Source Sans Pro', sans-serif;
margin-bottom: 20px;
margin-left: 20px;
}

.urunfiyati::before, .urunfiyati .ie-before {
content: '';
position: absolute;
background:url(../images/fiyat-before.png) no-repeat;
width: 15px;
height: 40px;
left: -15px;
top: 0;
}

.urunfiyati {
    zoom: expression(
    this.runtimeStyle.zoom="1",

    /* ::before polyfill - creates <i class="ie-before"></i> */
    this.insertBefore( document.createElement("i"), this.firstChild ).className="ie-before",

    /* ::after polyfill - creates <i class="ie-after"></i> */
    this.appendChild( document.createElement("i") ).className="ie-after"
  );
}
.urunfiyati::after, .urunfiyati .ie-after {
content: "";
position: absolute;
top: 43%;
left: 0;
width: 5px;
height: 5px;
border-radius: 2.5px;
background-color: #fff;
}

.balon {
	background:url(../images/balon.png) no-repeat;
	width: 164px;
	height: 160px;
	margin-top: 40px;
	position: relative;
	display: table;
}
.balon .balonIc {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.balon .balonIc p {
	font-size: 14px;
	color: #fff;
	font-family: 'kg_turning_tablesregular';
	line-height: 20px;
	padding-bottom: 10px;
}

.dogalHijyenik {
	margin-left: -20px;
	margin-top: 50px;
}
.dogalHijyenik img {
	float: left;
	margin-left: 20px;
}

.urunface {
background: #fff;
overflow: hidden;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
width: 100%;
color: #FFF;
height: 50px;
}
.urunface .face { padding: 15px; }

.urunAdi {
	text-align: left;
}
.urunAdi h1 {
	font-size: 24px;
	color: #282a2a;
	font-family: 'kg_turning_tablesregular';
	padding-bottom: 10px;
	line-height: 34px;
}
.urunAdi p {
	font-size: 14px;
	color: #854500;
	font-family: 'kg_turning_tablesregular';
	line-height: 20px;
}
.urunAdi small {
	display: block;
	font-size: 14px;
	color: #854500;
	line-height: 20px;
}

/* fiyat */
.urunFiyat {
	font-size: 20px;
	color: #E04B29;
	font-family: 'kg_turning_tablesregular';
	margin-top: 20px;
	position: relative;
}
.urunFiyat:after {
	content: '';
	position: absolute;
	background:url(../images/fiyatCizgi.png) no-repeat;
	width: 170px;
	height: 7px;
	left: 0;
	bottom: -10px;
}
.urunFiyat span {
	font-size: 34px;
	padding-right: 5px;
}

/* satir */
.satir{width:100%;min-height:40px;border-bottom:solid 1px #f1f1f1;line-height:40px;}
.satir .satirsol{width:25%;height:auto;float:left;font-size:12px;color:#232323}
.satir .satirsag{width:75%;height:auto;float:right;font-size:12px;}
.satir .satirsag span{font-size:12px; color: #808080;}
.satir .satirsag .select{width:150px;height:28px;border:solid 1px #e2e2e2;font-size:12px;padding:5px;}
.satir .satirsag .addthis_toolbox{margin-top:10px;font-size:11px;line-height:17px;width:auto;float:right;}

/* kategori */
nav#detay-kategori {
	width: 100%;
	display: inline-block;
	margin-bottom: 30px;
}
nav#detay-kategori ul {
	float: left;
	margin-left: -10px;
}
nav#detay-kategori ul li {
	float: left;
	background: url(../images/menuOk.png) no-repeat right center;
	padding-right: 25px;
	margin-left: 10px;
}
nav#detay-kategori ul li:last-child {
	background: none;
}
nav#detay-kategori ul li a {
	font-size: 12px;
	color: #282a2a;
	font-family: 'kg_turning_tablesregular';
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
nav#detay-kategori ul li a:hover {
	color: #e76d3c;
}

.favoriekle { float: right; margin-right: 20px; }
.favoriekle a { font-size: 12px; color: #808080; background:url(../images/favori.png) no-repeat left center; padding-left: 28px; margin-left: 10px; line-height: 40px; display:block; width: 100%; min-height: 100%; }
.favoriekle a:hover { color: #ca3333; }

/* beden */
.beden {
	margin-bottom: 10px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
.beden h4 {
	font-size: 12px;
	float: left;
	line-height: 40px;
	width:110px;
}
.beden ul {
	float: left;
	margin-left: -10px;
	margin-top: -10px;
	width: 332px;
}
.beden ul li {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	position: relative;
}
/* <!-- */
.beden ul li input[type=radio] {
    position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -99999;
    margin:10px;
    cursor: pointer;
}

.beden ul li input[type=radio] + label {

	border: 2px solid #eee;
	border-radius: 6px;
	text-align: center;
	height: 30px;
	padding: 0 12px 0 12px;
	line-height: 30px;
	cursor: pointer;
	font-size: 12px;
	color: #808080;
	display: block;
}
.beden ul li label {
	border: 2px solid #eee;
	border-radius: 6px;
	text-align: center;
	height: 30px;
	padding: 0 12px 0 12px;
	line-height: 30px;
	cursor: pointer;
	font-size: 12px;
	color: #808080;
	display: block;
}

.beden ul li input[type=radio]:checked + label {
  color: #fff !important;
  background: #232323;
  cursor: pointer;
  border-radius: 6px;
  border: 2px solid #232323;
}

.beden ul li input[type=radio] + label.error {
background: #ca3333;
color: #FFF;
border-radius: 6px;
position: absolute;
top: 0px;
line-height: 12px;
padding: 10px;
left: -110px;
width: initial;
height: initial;
border: 0;
opacity: 1 !important;
}
.beden ul li input[type=radio] + label.error {
    zoom: expression(
    this.runtimeStyle.zoom="1",

    /* ::before polyfill - creates <i class="ie-before"></i> */
    this.insertBefore( document.createElement("i"), this.firstChild ).className="ie-before",

    /* ::after polyfill - creates <i class="ie-after"></i> */
    this.appendChild( document.createElement("i") ).className="ie-after"
  );
}
.beden ul li input[type=radio] + label.error:after, .beden ul li input[type=radio] + label.error .ie-after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 46, 51, 0);
border-left-color: #ca3333;
border-width: 4px;
margin-top: -4px;
}

.beden ul li input[type=radio]:disabled {
	position: absolute;
}
.beden ul li input[type=radio]:disabled + label {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.stoktayok {
	position: relative;
}
.stoktayok {
    zoom: expression(
    this.runtimeStyle.zoom="1",

    /* ::before polyfill - creates <i class="ie-before"></i> */
    this.insertBefore( document.createElement("i"), this.firstChild ).className="ie-before",

    /* ::after polyfill - creates <i class="ie-after"></i> */
    this.appendChild( document.createElement("i") ).className="ie-after"
  );
}
.stoktayok:after, .stoktayok .ie-after {
	content: '';
	position: absolute;
	left: -4px;
	top: -4px;
	background: url(../images/sepet-sil.png) no-repeat left top;
	width: 12px;
	height: 12px;
}

/* --> */

/* renk */
.renk {
	margin-bottom: 20px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
.renk h4 {
	font-size: 12px;
	float: left;
	line-height: 30px;
	width: 110px;
}
.renk ul {
	float: left;
	margin-left: -10px;
	margin-top: -10px;
	width: 332px;
}
.renk ul li {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	position: relative;
}
/* <!-- */
.renk ul li input[type=radio] {
    position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -99999;
    margin:10px;
    cursor: pointer;
}

.renk ul li input[type=radio] + label {
	border: 2px solid #eee;
	border-radius: 6px;
	text-align: center;
	height: 30px;
	width: 30px;
	line-height: 30px;
	cursor: pointer;
	font-size: 12px;
	color: #808080;
	display: block;
}
.renk ul li label {
	border: 2px solid #eee;
	border-radius: 6px;
	text-align: center;
	height: 30px;
	width: 30px;
	line-height: 30px;
	cursor: pointer;
	font-size: 12px;
	color: #808080;
	display: block;
}

.renk ul li input[type=radio]:checked + label {
  color: #fff;
  cursor: pointer;
  border-radius: 6px;
  position: relative;
}
.renk ul li input[type=radio]:checked + label:after {
content: '';
position: absolute;
background: url(../images/renk-yes.png) no-repeat;
width: 16px;
height: 16px;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}

.renk ul li.checked {
  color: #fff;
  border-radius: 6px;
  border: none;
}
.renk ul li.checked {
    zoom: expression(
    this.runtimeStyle.zoom="1",

    /* ::before polyfill - creates <i class="ie-before"></i> */
    this.insertBefore( document.createElement("i"), this.firstChild ).className="ie-before",

    /* ::after polyfill - creates <i class="ie-after"></i> */
    this.appendChild( document.createElement("i") ).className="ie-after"
  );
}
.renk ul li.checked:after, .renk ul li.checked .ie-after  {
	content: '';
	position: absolute;
	background: url(../images/renk-yes.png) no-repeat;
	width: 16px;
	height: 16px;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.renk ul li input[type=radio] + label.error {
    zoom: expression(
    this.runtimeStyle.zoom="1",

    /* ::before polyfill - creates <i class="ie-before"></i> */
    this.insertBefore( document.createElement("i"), this.firstChild ).className="ie-before",

    /* ::after polyfill - creates <i class="ie-after"></i> */
    this.appendChild( document.createElement("i") ).className="ie-after"
  );
}
.renk ul li input[type=radio] + label.error:after, .renk ul li input[type=radio] + label.error .ie-after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 46, 51, 0);
border-left-color: #ca3333;
border-width: 4px;
margin-top: -4px;
}

.renk ul li label.beyaz { background: #fff; }
.renk ul li label.yesil { background: #33b89f; }
.renk ul li label.mavi { background: #3498db; }
.renk ul li label.turuncu { background: #f39c12; }
.renk ul li label.sari { background: #f1c40f; }
.renk ul li label.pembe { background: #D2527F; }

/* --> */

/* Codex: product-detail responsive cascade fix (2026-08-18) */
/* urundetay.css is loaded after media.css, so these rules intentionally live
   at the end of this file and restore the product page breakpoints. */
@media (max-width: 768px) {
  .detaySayfa .detayWrapper,
  .detaySayfa .detayContent,
  .detaySayfa .detayContentPad,
  .single-item-top,
  div.product {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  div.product div.images,
  #content div.product div.images {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  .productImagesWrapper {
    width: 100%;
    height: auto;
    min-height: 200px;
    overflow: hidden;
  }

  .productImages {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 200px;
    box-sizing: border-box;
  }

  .productImages a {
    display: block;
    width: 100%;
    text-align: center;
  }

  .productImages img,
  .product-image-holder img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 320px;
    object-fit: contain;
  }

  .thumbnails,
  .thumbsImage {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  div.product div.summary,
  #content div.product div.summary {
    float: none;
    width: 100%;
    margin: 20px 0 0;
    box-sizing: border-box;
  }

  div.product div.summary .cart {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
  }

  .sepeteekle {
    max-width: 100%;
    box-sizing: border-box;
  }

  #nav2 {
    display: flex;
    flex-wrap: wrap;
    height: auto;
  }

  #nav2 a,
  #nav2 a:active,
  #nav2 a:visited {
    height: auto;
    min-height: 48px;
  }

  #nav2 a span {
    height: auto;
    min-height: 48px;
    line-height: 48px;
  }

  .hiddencontent2 {
    padding: 20px;
    box-sizing: border-box;
  }
}

@media (max-width: 560px) {
  .productImagesWrapper,
  .productImages {
    min-height: 180px;
  }

  .productImages img,
  .product-image-holder img {
    max-height: 260px;
  }

  .thumbsImage {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    float: none;
  }

  .thumbsImage ._floatLeft {
    float: none;
    margin: 8px 0 0;
  }

  .thumbsImage a {
    width: 80px;
    height: 72px;
    box-sizing: border-box;
  }

  div.product div.summary .cart {
    flex-wrap: nowrap;
  }

  div.product form.cart div.quantity,
  #content div.product form.cart div.quantity {
    flex: 0 0 64px;
    margin-right: 8px;
  }

  div.product div.summary .cart button.sepeteekle {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    margin: 0;
    background-size: 100% 100%;
  }

  #nav2 {
    display: block;
  }

  #nav2 a,
  #nav2 a:active,
  #nav2 a:visited {
    float: none;
    width: 100%;
    box-sizing: border-box;
  }

  #nav2 a span {
    display: block;
    padding: 0 14px;
    box-sizing: border-box;
  }
}

/* Codex: keep product description near purchase controls on mobile (2026-08-20) */
@media (max-width: 560px) {
  /* These two decorative badges stack to more than 500px on phones and push
     the useful product description below the fold. They remain on desktop. */
  .detaySayfa .summary .dogalHijyenik {
    display: none !important;
  }
}