:focus {
	outline: none;
}
.input-group .form-control{
	z-index: 0;
}
input[type="checkbox"], input[type="radio"] {
    margin: 3px 0 0;
}
input[type="checkbox"]{
	transform: scale(1.1);
}
input[type="file"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus {
    outline: none;
}
.d-inline-block{
	display: inline-block;
	vertical-align: middle;
}
.btn-group.open .dropdown-toggle{
	box-shadow: none;

}
.select-input::after {
    font-family: 'fontawesome';
    content: '\f107';
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 7px;
    pointer-events: none;
}
select.form-control {
    cursor: pointer;
}
.form-control {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
}
.select-input {
    position: relative;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
	background-color: transparent;
}
.panel{
	border-radius: 0;
}
.panel-footer{
	background-color: #fff;
}
body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #282828;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	background-color: #fff;
}


.dropdown-menu {
    box-shadow: 0 0px 5px rgba(0,0,0,.175);
}
.form-control {
    border: 1px solid #ebebeb;
    box-shadow: none;
    border-radius: 4px;
}
.form-control:focus {
    border-color: #0060aa;
    box-shadow: none;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,a:focus{
    outline: none;
}
.btn.focus, .btn:focus, .btn:hover{
	color: #fff;
}
a:hover,a:focus{
	text-decoration: none;
}
.btn.active, .btn:active{
	box-shadow: none;
}
svg{
	vertical-align: middle;
}
ol, ul{
	margin-bottom: 0;
}
.btn-group.open .dropdown-toggle{
	box-shadow: none;
}
.owl-theme .owl-controls{
	margin-top: 0 !important;
}
h1, h2, h3, h4, h5, h6 {
	color: #444;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: #2a3746;
	transition: 0.3s all ease;
}
a:hover {
	text-decoration: none;
	color: #0060aa;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 12px;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 14px;
	letter-spacing: 0.8px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 10px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #0060aa;
}
/* top */
#top {
    border-bottom: 1px solid #e5e5e5;
    background-color: #F8F8F8;
    line-height: 0;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
	text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
	text-shadow: none;
	color: #0060aa;
}
#top .btn-link, #top-links li, #top-links a {
	color: #666;
	text-transform: capitalize;
	font-size: 13px;
    padding: 0;
	text-decoration: none;
	transition: 0.3s ease;
}
#top form{
		margin-bottom: 0;
}
#top .btn-link:hover, #top-links a:hover {
	color: #0060aa;
}
#top-links .dropdown-menu a,#top-links .dropdown-menu button {
	text-shadow: none;
    padding: 3px 10px;
    line-height: 25px;
}
#top-links .dropdown-menu a:hover {
	color: #0060aa;
	background-color: transparent;
}
#top .btn-link strong {
	font-size: 14px;
        line-height: 14px;
}

#top-links a + a {
	margin-left: 15px;
}
header{
	background-color: #fff;
	padding: 15px 0;
}

/* Logo boyut ayarları */
#logo {
	display: flex !important;
	align-items: center !important;
	height: 100% !important;
}

#logo img {
	max-width: 140px !important;
	max-height: 70px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
}

header #logo {
	display: flex !important;
	align-items: center !important;
	height: 100% !important;
}

header #logo img {
	max-width: 70% !important;
	max-height: outo !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
	margin-top: 0px;
    margin-bottom: 0px;
}
/* search */
.search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
}
.search .btn-lg {
	font-size: 15px;
	line-height: 18px;
	padding:12px 25px;
	text-shadow: 0 1px 0 #FFF;
}
/* cart */
#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #444;
}
#cart .dropdown-menu {
	z-index: 1001;
	color: #2a3746;
}
#cart .dropdown-menu {
    min-width: 260px !important;
}
@media (max-width: 478px) {
	#cart .dropdown-menu {
	    width: 290px;
	}
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	min-width: 427px;
	padding: 0 10px;
}
@media (max-width: 478px) {
	#cart .dropdown-menu li > div {
		min-width: 100%;
	}
}
#cart .dropdown-menu li p {
	margin: 20px 0;
}
/* menu */
#menu .nav > li > a {
    color: #2a3746;
    padding: 12.5px 15px;
    font-size: 15px;
    background-color: transparent;
    text-transform: capitalize;
    border-bottom: 1px solid #eee;
	font-weight: 500;
}
#menu .nav > li > a:hover{
	color: #0060aa;
}
#menu .nav > li:last-child a {
    border-bottom: none;
}
#menu .dropdown-menu {
	padding-bottom: 0;
}
/* Mega Menu With Category Image - Genel Stiller */
#menu .category-image-column {
	text-align: center;
	background: #f5f5f5;
}
#menu .category-image-column img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin-bottom: 12px;
	transition: transform 0.3s ease;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
#menu .category-image-column:hover img {
	transform: scale(1.05);
}
#menu .category-image-column h4 {
	font-size: 15px;
	font-weight: 600;
	color: #2a3746;
	margin: 10px 0 0 0;
	line-height: 1.4;
}
#menu .category-image-column a {
	text-decoration: none;
	display: block;
}
#menu .dropdown-inner {
	display: table;
    direction: ltr;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #333333;
	font-size: 14px;
    direction: ltr;
	text-transform: capitalize;
}
#menu .dropdown-inner li a:hover {
	color: #0060aa;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #2a3746;
    padding: 0;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #229ac8;
}
@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .see-all {
	    display: block;
    	margin-top: 0.5em;
    	padding: 3px 20px;
	}
	/* Mobilde kategori resmi gizle */
	#menu .mega-menu-with-image {
		display: block;
		min-width: auto;
	}
	#menu .category-image-column {
		display: none;
	}
}
/* content */
#content {
	min-height: 400px;
}
/* footer */
footer {
	margin-top: 50px;
	color: #666666;
    background-color: #252525;
}
footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
footer a {
	color: #8C8C8C;
	font-size: 13px;
}
footer a:hover {
	color: #fff;
}
footer h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
/* alert */
/* alert design */
.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: 0;
    right: 0;
    color: inherit;
}
.alert {
  position: relative;
  z-index: 3;
  transition: 1s all cubic-bezier(1, -0.01, 0, 0.99);
}
.alert.fadeInRight {
	transform: translate(100%, 0);
	margin: 0;
}

.alert.alert-success {
    color: #3c763d;
    background-color: #fff;
    border: 1px solid #eee;
    border-left: 3px solid #3c763d;
    padding: 15px;
}
.alert.alert-warning{
	color: #eab862;
	background-color: #fff;
	border: 1px solid #eee;
	border-left: 3px solid #eab862;
	padding: 15px;
}
.alert.alert-danger{
	color: #a94442;
	background-color: #fff;
	border: 1px solid #eee;
	border-left: 3px solid #a94442;
	padding: 15px;
}
.alert i{
	font-size: 22px;
}
.alert span{
	width: 270px;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	padding: 0 10px;
}
@-webkit-keyframes alert-anim {
  0% {
    right: -100%;
  }
  60% {
    right: 0;
  }
  100% {
    right: 0;
  }
}
@-moz-keyframes alert-anim {
  0% {
    right: -100%;
  }
  60% {
    right: 0;
  }
  100% {
    right: 0;
  }
}
@keyframes alert-anim {
  0% {
    right: -100%;
  }
  60% {
    right: 0;
  }
  100% {
    right: 0;
  }
}



body .pro-content .palert .alert{
	position: unset;
	transition: unset;
	animation: unset;
	margin: 0;
	padding: 8px;
	font-size: 13px;
	box-shadow: none;
}
.pro-content .palert .alert ii{
	font-size: 14px;
}
body .pro-content .palert .alert{
	margin-bottom: 15px;
}
/* breadcrumb */
.breadcrumb {
	margin: 0 0 20px 0;
	padding: 10px 0;
	border-radius: 4px;
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	text-shadow: 0 1px 0 #FFF;
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	right: 0;
	width: 9px;
	height: 9px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.breadcrumb > li:last-child::after {
    border-bottom: 0;
    border-right: 0;
}
.pagination {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 6px 12px;
	font-size: 14px;
	text-transform: capitalize;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: none;
    transition: all 0.5s linear;
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {
	color: #ffffff;
	background-color: #0060aa;
}
.btn-primary {
	color: #ffffff;
	fill: #fff;
	background-color: #0060aa;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled],.btn-default:hover,
.btn-default.focus, .btn-default:focus,.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
	background-color: #2a3746;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	background-color: #2a3746;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	color: #ffffff;
	border: 1px solid transparent;
	background-color: #0060aa;
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #23A1D1;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #2a3746);
	background-repeat: repeat-x;
	border-color: #2a3746 #2a3746 #111111;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #2a3746;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #2a3746;
	text-transform: capitalize;
	padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #0060aa;
	background: #fff;
	border: 1px solid #DDDDDD;
	text-shadow: none;
}
.panel-default > .panel-heading {
    font-weight: 500;
    border-radius: 0;
    background-color: #fff;
    color: #2a3746;
    font-size: 16px;
}
.filterp a{
	font-weight: 500;
    border-radius: 0 !important;
	font-size: 14px;
	color: #0060aa;
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb .second-img{
    top: 0;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.product-thumb:hover .second-img{
    opacity: 1;
}
.product-thumb .image {
	text-align: center;
}
.product-thumb .image a {
	display: block;
}
/*.product-thumb .image a:hover {
	opacity: 0.8;
}*/
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
	border-radius: 4px;
}
.product-grid .product-thumb .image {
	float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
	float: left;
}
}
.product-thumb .caption{
    padding: 12px 5px;
}
.product-thumb h4 {
    text-overflow: ellipsis;
	/* white-space: nowrap; */
    overflow: hidden;
    font-size: 16px;
    margin-bottom: 12px;
    margin-top: 0;
}
@media (max-width: 767px) {
	.product-list .caption h4 a{
		font-size: 15px !important;
	}
	.product-list .product-thumb .price{
		margin-bottom: 10px !important;
	}
	.product-list .product-thumb .caption {
		min-height: 0;
		margin-left: 0;
	}
	.product-grid .product-thumb .caption {
		min-height: 0;
	}
	/* Mobilde grid h4 yüksekliği */
	.product-grid .product-thumb .caption h4{
		min-height: 38px;
		font-size: 14px;
		line-height: 19px;
	}
	/* Mobilde fiyat alanı yüksekliği */
	.product-grid .product-thumb .product-price-area{
		min-height: 45px;
	}
}
.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	color: #0060aa;
	margin-bottom: 12px;
	letter-spacing: 0;
    font-weight: 600;
    font-size: 18px;
}
.product-thumb .price-new {
	font-weight: 600;
	margin-bottom: 0;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	font-size: 14px;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}
.thumbnails {
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}
.thumbnails {
    position: relative;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
	}

@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

.text-dark {
    color: #343a40 !important;
}

/* custom */


/* header */
.header-social .socials-block ul li:first-child a {
    border-left: 1px solid #e5e5e5;
}
.header-social .socials-block ul li a {
    display: block;
    width: 36px;
    padding-top:9px;
    text-align: center;
    border-right: 1px solid #e5e5e5;
    height: 31px;
    color: #666;
}
.header-social .socials-block ul li a:hover {
	color: #0060aa;
}
.header-social ul li{
	display: inline-block;
	list-style: none;
}
.header-social ul {
	padding: 0;
}
.header-social .socials-block ul li a i {
	font-size: 14px;
}
#top-links ul.dropdown-menu li {
	display: block;
	border: none !important;
	padding: 0;
	line-height: 25px;
}
 #top-links .open .dropdown-menu, #cart.open .dropdown-menu{
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    margin-top: 10px !important;
}
 #top-links .open .userdown{
	margin-top: 0px !important;
}
#top-links .dropdown-menu,#cart .dropdown-menu{
	/* min-width: 100px; */
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    visibility: hidden;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.35s ease-out 0s;
    margin-top: 50px;
    right:-23px;
    left: auto;
    margin: 10px 0 0;
    border: 1px solid #eee;
    box-shadow: 2px 2px 11px rgba(0,0,0,0.1);
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	visibility: hidden;
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.35s ease-out 0s;
	margin-top: 50px;
}
#top-links ul li {
    padding: 0 20px;
    border-left: 1px solid #e5e5e5;
    line-height: 32px;
    display: table-cell;
}
#top-links ul li:last-child{
    border-right: 1px solid #e5e5e5;
}
#cart button img{
	display: inline-block;
}
.cartco{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 7px;
}

/* Telefon ve sepet alanı düzenleme */
.xs-cart {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	padding-top: 0px;
}

/* Hesabım Dropdown Stilleri */
.xs-cart .dropdown {
	display: inline-block;
}

.xs-cart .dropdown > a,
.xs-cart .header-login-btn {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
    text-decoration: none;
    color: #333;
    padding: 5px 10px;
    border-radius: 5px;
    transition: background 0.3s;
}

.xs-cart .dropdown > a:hover,
.xs-cart .header-login-btn:hover {
	background: #f8f8f8;
	border-color: #ccc;
}

.xs-cart .dropdown .fa-user {
	font-size: 24px;
	color: #0060aa;
}

.xs-cart .dropdown .cartco {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}

.xs-cart .dropdown .cartco span:first-child {
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
}

.xs-cart .dropdown .cartco span:last-child {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

.xs-cart .dropdown .fa-angle-down {
	font-size: 14px;
	color: #666;
}

.xs-cart > a {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* ============================================
   Modern Sepet Bildirimi Modal
   ============================================ */
.cart-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

.cart-modal-container {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	max-width: 500px;
	width: 90%;
	position: relative;
	animation: slideUp 0.3s ease;
	overflow: hidden;
}

@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(50px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.cart-modal-close {
	position: absolute;
	top: 15px;
	right: 15px;
	background: transparent;
	border: none;
	font-size: 24px;
	color: #999;
	cursor: pointer;
	z-index: 10;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: all 0.3s;
}

.cart-modal-close:hover {
	background: #f5f5f5;
	color: #333;
	transform: rotate(90deg);
}

.cart-modal-content {
	padding: 20px 15px 15px;

}

.cart-modal-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 20px;
	background: linear-gradient(135deg, #0060aa 0%, #20c997 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 20px rgba(40, 167, 69, 0.3);
	animation: scaleIn 0.5s ease;
}

@keyframes scaleIn {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.cart-modal-icon i {
	font-size: 40px;
	color: #fff;
}

.cart-modal-title {
	font-size: 26px;
	font-weight: bold;
	color: #333;
	margin: 0 0 25px;
}

.cart-modal-product {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 20px;
	background: #f8f9fa;
	border-radius: 8px;
	margin-bottom: 25px;
	text-align: left;
}

.cart-modal-product-image {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 6px;
	border: 2px solid #e9ecef;
}

.cart-modal-product-info {
	flex: 1;
}

.cart-modal-product-name {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin: 0 0 8px;
	line-height: 1.4;
}

.cart-modal-product-quantity,
.cart-modal-product-total {
	font-size: 14px;
	color: #666;
	margin: 4px 0;
}

.cart-modal-product-quantity strong,
.cart-modal-product-total strong {
	color: #333;
}

.cart-modal-buttons {
	display: flex;
	gap: 12px;
}

.btn-continue-shopping,
.btn-go-to-cart {
	flex: 1;
	padding: 14px 20px;
	font-size: 15px;
	font-weight: 600;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.btn-continue-shopping {
	background: #fff;
	color: #333;
	border: 2px solid #dee2e6;
}

.btn-continue-shopping:hover {
	background: #f8f9fa;
	border-color: #adb5bd;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.btn-go-to-cart {
	background: linear-gradient(135deg, #0060aa 0%, #20c997 100%);
	color: #fff;
	border: 2px solid #0060aa;
}

.btn-go-to-cart:hover {
	background: linear-gradient(135deg, #218838 0%, #1ba87d 100%);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.btn-continue-shopping i,
.btn-go-to-cart i {
	font-size: 16px;
}

body.modal-open {
	overflow: hidden;
}

/* ============================================
   Seçenekler Modal Ek Stiller
   ============================================ */

/* Modal Genişliği */
#product-options-modal .cart-modal-container {
	max-width: 750px;
	width: 35%;
}

/* Modal Başlık */
#product-options-modal .cart-modal-title {
	font-size: 25px;
	font-weight: 700;
	color: #333;
	margin: 0 0 25px 0;
	text-align: left;
}

/* Ürün Bilgi Bölümü */
#options-product-info {
	display: flex;
	gap: 20px;
	margin-bottom: 25px;
	padding: 20px;
	background: #f8f9fa;
	border-radius: 10px;
	align-items: flex-start;
}

#options-product-image {
	width: 100px;
	height: 100px;
	object-fit: contain;
	border: 1px solid #e9ecef;
	border-radius: 8px;
	background: #fff;
	padding: 8px;
	flex-shrink: 0;
}

.cart-modal-product-info {
	flex: 1;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

#options-product-name {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	margin: 0 0 10px 0;
	line-height: 1.4;
	text-align: left;
}

.options-product-code {
	display: block;
	font-size: 14px;
	color: #666;
	margin-bottom: 10px;
	text-align: left;
}

.options-stock-status {
	display: inline;
	font-size: 14px;
	color: #666;
	margin: 0;
}

.options-stock-status.in-stock {
	color: #0060aa;
	font-weight: 600;
}

.options-stock-status.out-of-stock {
	color: #333;
	font-weight: 400;
}

/* Fiyat Gösterimi */
#options-product-price {
	margin: 0 0 0 0;
}

.options-price-label {
	display: flex;
	align-items: center;
	gap: 15px;
	font-size: 35px;
	font-weight: 600;
	color: #333;
	flex-wrap: wrap;
}

/* Normal Fiyat */
.options-price-normal {
	font-size: 42px;
	font-weight: 700;
	color: #333;
	margin: 0;
	line-height: 1.2;
}

/* İndirimli Fiyat Container */
.options-price-with-discount {
	display: flex;
	align-items: center;
	gap: 15px;
	flex-wrap: wrap;
	margin: 0;
}

.options-price-discounted {
	font-size: 48px;
	font-weight: 700;
	color: #e74c3c;
	margin: 0;
	line-height: 1;
	letter-spacing: -1px;
}

.options-price-original {
	font-size: 20px;
	color: #a0a0a0;
	text-decoration: line-through;
	font-weight: 400;
	margin-left: 5px;
}

.options-discount-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #e74c3c;
	color: #fff;
	padding: 8px 20px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 600;
	box-shadow: 0 2px 8px rgba(231, 76, 60, 0.3);
	animation: pulse 2s infinite;
}

.options-discount-badge i {
	margin-right: 6px;
	font-size: 12px;
}

/* Pulse animasyonu */
@keyframes pulse {
	0% {
		box-shadow: 0 2px 8px rgba(231, 76, 60, 0.3);
	}
	50% {
		box-shadow: 0 4px 16px rgba(231, 76, 60, 0.6);
	}
	100% {
		box-shadow: 0 2px 8px rgba(231, 76, 60, 0.3);
	}
}

/* Seçenek Başlık */
#options-container .form-group {
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}



#options-container .form-group > label {
	flex: 1;
	margin-bottom: 0;
	font-weight: 500;
	color: #4a4a4a;
	font-size: 16px;
	line-height: 1.4;
}

#options-container .form-group.required > label:after {
	content: ' *';
	color: #e74c3c;
}

/* Seçenek Butonları (Evet/Hayır Stili) */
.options-button-group {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.options-button-group .radio,
.options-button-group .checkbox {
	margin: 0;
	flex: 0 0 auto;
}

.options-button-group label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 10px;
	margin: 0;
	border: 2px solid #ddd;
	border-radius: 6px;
	background: #fff;
	color: #666;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.3s ease;
	user-select: none;
}

.options-button-group label:hover {
	border-color: #0060aa;
	background: #f8f9fa;
	color: #333;
}

.options-button-group input[type="radio"]:checked + label,
.options-button-group input[type="checkbox"]:checked + label {
	border-color: #0060aa;
	background: #0060aa;
	color: #fff;
	box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
}

.options-button-group input[type="radio"],
.options-button-group input[type="checkbox"] {
	display: none;
}

/* Varsayılan Radio/Checkbox Stili (Eski Liste Stili) */
#options-container .radio:not(.options-button-group .radio),
#options-container .checkbox:not(.options-button-group .checkbox) {
	margin-bottom: 10px;
}

#options-container .radio:not(.options-button-group .radio) label,
#options-container .checkbox:not(.options-button-group .checkbox) label {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-weight: normal;
	padding: 10px 15px;
	border: 1px solid #e9ecef;
	border-radius: 6px;
	transition: all 0.3s;
	background: #fff;
}

#options-container .radio:not(.options-button-group .radio) label:hover,
#options-container .checkbox:not(.options-button-group .checkbox) label:hover {
	background: #f8f9fa;
	border-color: #0060aa;
}

#options-container input[type="radio"]:not(.options-button-group input),
#options-container input[type="checkbox"]:not(.options-button-group input) {
	width: 18px;
	height: 18px;
	margin: 0;
	cursor: pointer;
}

/* Select Dropdown */
#options-container .form-control {
	width: 40%;
	padding: 5px 15px;
	border: 2px solid #ddd;
	border-radius: 6px;
	font-size: 14px;
	color: #333;
	background: #fff;
	transition: all 0.3s;
}

#options-container .form-control:focus {
	border-color: #0060aa;
	outline: none;
	box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.1);
}

/* Hata Mesajı */
#options-container .text-danger {
	color: #e74c3c;
	font-size: 13px;
	margin-top: 8px;
	display: block;
	font-weight: 500;
}

/* Zorunlu Seçenek Uyarısı Container */
#options-alert-container {
	margin-bottom: 20px;
}

/* Modal Alert - Özel Alert Sistemi (genel .alert class'ını kullanmıyor) */
.modal-alert {
	position: relative;
	padding: 15px 45px 15px 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 6px;
	animation: slideDown 0.3s ease;
}

@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.modal-alert-warning {
	background-color: #fff3cd;
	border-color: #ffc107;
	border-left: 4px solid #ff9800;
	color: #856404;
}

.modal-alert-content {
	line-height: 1.6;
}

.modal-alert-content i {
	font-size: 18px;
	margin-right: 5px;
	color: #ff9800;
}

.modal-alert-content strong {
	color: #ff9800;
	font-size: 15px;
}

.modal-alert-close {
	position: absolute;
	top: 10px;
	right: 15px;
	padding: 0;
	background: transparent;
	border: 0;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	opacity: 0.5;
	cursor: pointer;
	transition: opacity 0.3s;
}

.modal-alert-close:hover {
	opacity: 0.8;
}

.modal-alert-close span {
	display: block;
}

.modal-alert-list {
	list-style-type: disc;
	margin: 10px 0 0 20px;
	padding: 0;
}

.modal-alert-list li {
	margin: 5px 0;
	color: #333;
	font-weight: 500;
	font-size: 14px;
}

/* Eksik Seçenek Vurgusu */
#options-container .form-group.has-error {
	animation: shake 0.5s ease;
}

@keyframes shake {
	0%, 100% { transform: translateX(0); }
	10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
	20%, 40%, 60%, 80% { transform: translateX(5px); }
}

#options-container .form-group.has-error label {
	color: #ff9800;
	font-weight: 600;
}

/* Adet, Sepete Ekle ve İptal - Tek Satır */
.options-action-row {
	display: flex;
	gap: 15px;
	align-items: flex-end;
}

.options-quantity-section {
	flex: 0 0 auto;
}

.options-quantity-section label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	color: #333;
	font-size: 14px;
	text-align: left;
}

.options-quantity-section .qty-selector {
	display: flex;
	border: 2px solid #ddd;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
}

.options-quantity-section .qty-btn {
	width: 40px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f8f9fa;
	border: none;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	transition: all 0.3s;
}

.options-quantity-section .qty-btn:hover {
	background: #e9ecef;
	color: #000;
}

.options-quantity-section .qty-btn:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.options-quantity-section .qty-input {
	width: 60px;
	height: 48px;
	border: none;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #333;
	background: #fff;
}

.btn-modal-add-cart {
	flex: 1;
	padding: 14px 24px;
	border: none;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: #0060aa;
	color: #fff;
	height: 48px;
}

.btn-modal-add-cart:hover {
	background: #218838;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}

.btn-modal-add-cart:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
}

.btn-modal-cancel {
	flex: 0 0 auto;
	padding: 14px 24px;
	border: 2px solid #ddd;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: #fff;
	color: #333;
	height: 48px;
}

.btn-modal-cancel:hover {
	background: #f8f9fa;
	border-color: #999;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Eski Modal Butonları (Başarı Modal'ı için) */
.cart-modal-buttons {
	display: flex;
	gap: 15px;
	margin-top: 30px;
}

.btn-continue-shopping,
.btn-go-to-cart {
	flex: 1;
	padding: 14px 24px;
	border: none;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.btn-continue-shopping {
	background: #6c757d;
	color: #fff;
}

.btn-continue-shopping:hover {
	background: #5a6268;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3);
}

.btn-go-to-cart {
	background: #0060aa;
	color: #fff;
}

.btn-go-to-cart:hover {
	background: #218838;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}

.btn-go-to-cart:disabled,
.btn-continue-shopping:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
}

/* Responsive */
@media (max-width: 768px) {
	#product-options-modal .cart-modal-container {
		max-width: 95%;
		margin: 15px;
		width: 95%;
	}
	
	
	#options-product-image {
		width: 80px;
		height: 80px;
		margin: 0 auto;
	}
	
	#options-product-name {
		font-size: 16px;
		text-align: left;
	}
	
	.options-product-code {
		font-size: 12px;
		text-align: left;
	}
	
	.options-stock-status {
		display: inline;
		font-size: 12px;
	}
	
	.options-price-label {
		font-size: 16px;
		gap: 10px;
		flex-direction: column;
		align-items: flex-start;
	}
	
	.options-price-normal {
		font-size: 25px;
	}
	
	.options-price-discounted {
		font-size: 25px;
	}
	
	.options-price-original {
		font-size: 18px;
	}
	
	.options-discount-badge {
		padding: 6px 16px;
		font-size: 12px;
	}
	
	.options-price-with-discount {
		gap: 10px;
	}
	
	#options-container .form-group {
		margin-bottom: 20px;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	
	#options-container .form-group > label {
		font-size: 14px;
	}
	
	/* Modal Alert responsive */
	.modal-alert {
		padding: 12px 40px 12px 12px;
		margin-bottom: 15px;
	}
	
	.modal-alert-content {
		font-size: 13px;
	}
	
	.modal-alert-content i {
		font-size: 16px;
	}
	
	.modal-alert-content strong {
		font-size: 14px;
	}
	
	.modal-alert-close {
		top: 8px;
		right: 10px;
		font-size: 20px;
	}
	
	.modal-alert-list {
		margin: 8px 0 0 15px;
	}
	
	.modal-alert-list li {
		font-size: 12px;
		margin: 3px 0;
	}
	
	#options-alert-container {
		margin-bottom: 15px;
	}
	
	.options-button-group {
		gap: 10px;
		width: 100%;
	}
	

	
	/* Adet, Sepete Ekle ve İptal - Responsive */



	
	/* Eski Modal Butonları */
	.cart-modal-buttons {
		flex-direction: column;
		gap: 12px;
		margin-top: 25px;
	}
	
	.btn-continue-shopping,
	.btn-go-to-cart {
		width: 100%;
		padding: 12px 20px;
		font-size: 14px;
	}
}

/* Tablet ekranlar için header düzenleme */
@media (min-width: 768px) and (max-width: 991px) {
	#logo img {
		max-width: 110px !important;
		max-height: 60px !important;
		width: auto !important;
		height: auto !important;
	}
	
	.xs-cart {
		gap: 10px;
	}
	
	.xs-cart .dropdown .fa-user {
		font-size: 20px;
	}
	
	.xs-cart .dropdown .cartco span:first-child {
		font-size: 10px;
	}
	
	.xs-cart .dropdown .cartco span:last-child {
		font-size: 12px;
	}
	
	.xs-cart > a img {
		max-width: 30px;
	}
	
	.cartco {
		margin-left: 5px;
	}
	
	.cartco span {
		font-size: 12px;
	}
}
/* Search-category */
.sblock{
	display: block;
}
.ajax-result-msg {
    padding: 10px 15px;
}
.ajax-load-img{
	max-width: 80px;
}
#search-by-category .list-des{
	font-size: 12px;
	color: #777;
}

/* Kart olmadığında arama alanı sağa yaslanır ve max-width alır */
.no-cards-search #search-by-category {
	max-width: 600px;
	float: right;
}
#search-by-category .search-container .categories-container{
    float:left;
	width: 160px;
    position:relative
}
#search-by-category .search-container .categories-container .hover-cate p {
	position: relative;
	margin-bottom: 0;
	border: 1px solid #eee;
	height: 40px;
	cursor: pointer;
	padding: 9px 10px;
	border-radius: 4px 0 0 4px;
}
#search-by-category .search-container .categories-container .hover-cate p:after {
	content: "\f107";
    font-family: 'fontawesome';
    position:absolute;
	right:20px;
	top: 10px;
	font-size: 18px;
}


.search-container {margin-top: 0px;}


#search-by-category .search-container .categories-container .hover-cate .cate-items{
    z-index: 9999;
	position: absolute;
	display: none;
	background: none repeat scroll 0% 0% #FFF;
	max-height: 300px;
	overflow: auto;
	padding: 15px;
	width: 100%;
	cursor: pointer;
	border: 1px solid #eee;
	line-height: 25px;
	text-transform: capitalize;
}
#search-by-category .search-ajax{
	position: absolute;
	z-index: 99;
	background: none repeat scroll 0% 0% #fff;
	left: 15px;
	top: 100%;
	right: 15px;
}
#search-by-category .search-ajax .ajax-result-container .ajax-result-list{
    display:block;
    border:1px solid #ddd;
    max-height:345px;
    padding: 0;
    overflow: auto;
}
#search-by-category .item-inner:before {
	display:none;
}
#btn-search-category {
	background: #0060aa;
	color: #fff;
	border: 1px solid #0060aa;
	height: 40px;
	box-shadow: none;
	font-size: 13px;
	padding: 0px 15px 0 15px;
	transition: 0.3s ease;
    letter-spacing: 0.8px;
}
#btn-search-category:hover {
	background: #2a3746;
	color: #fff;
	border: 1px solid #2a3746;
}
#text-search { 
	width: 100%;
	border: 1px solid #eee;
	height: 40px;
	padding: 0 15px;
}
.ajax-loader-container {
	display: none;
}
.ajax-result-item {
	list-style: none;
}
.ajax-loader-container {
	position: absolute;
	z-index: 110;
	height: 300px;
	background-color: white;
	border: 1px solid #eee;
	margin: 0 auto;
	left: 0;
	right: 0;
	text-align: center;
}
.product-info .price-old {
	text-decoration: line-through;
}
.ajax-result-list .product-image img{
	max-width: 80px;
}
.ajax-result-list .product-name{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	text-transform: capitalize;
	margin: 0 0 10px 0;
}
.ajax-result-list .old-price{
	font-size: 16px;
}
.ajax-result-list .product-info{
	border-bottom: 1px solid #eee;
	padding: 15px 0;
}
/* .ajax-result-container{
	display: block !important

} */
.item-cate{
	list-style: none;
}
.item-cate.f1{
	margin-left: 10px;
}
 /* Search-category over */
span.cartcount {
    background-color: #0060aa;
    color: #fff;
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    position: absolute;
    left: -3px;
    bottom: -7px;
}
 #cart{
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #ddd;
    padding: 3px 10px;
    border-radius: 5px;
 }
 #cart button.dropdown-toggle{
 	background-color: transparent;
 	border: none;
 	padding: 0;
 }
 header {
    padding-top: 35px;
    padding-bottom: 30px;
} 
/* menu */
.submenu-title {
    font-weight: 600;
    font-size: 14px !important;
    letter-spacing: 1px;
    line-height: 22px;
    position: relative;
    margin: 0 0 5px;
    padding: 4px 0;
}
.menu-img img{
	max-width: 15px;
    margin-top: 6px;
}
.allmenu{
    border-bottom: 1px solid #0060aa;
    background-color: #0060aa;
	margin-bottom: 20px;
	height: 50px;
}
#all-menu{
    position: absolute;
    top: 50px;
    z-index: 9;
    border: 1px solid #eee;
    border-radius: 0 0 4px 4px;
    left: 15px;
    right: 15px;
    background-color: #fff;
}
#all-menu .navbar-collapse{
	padding: 0
}
@media(min-width: 768px){
	.index-head #all-menu{
		display: block !important;
	}
	.slide-padding{
		padding: 0 5px;
	}
	.static-menu li a {
	    color: #fff;
	    font-size: 15px;
	    text-transform: capitalize;
	    letter-spacing: 1px;
	    font-weight: 500;
	    transition: all 0.3s ease-in-out;
	}
	.static-menu li a:hover {
	    color: #ffd200;
	}
	.static-menu li {
	    padding-top: 14px;
	    margin:0 5px;
		padding-bottom: 14px;
	}
}
@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu{
		display: block;
	}
	#menu .dropdown:hover .dropdown-menu{
		display: block;
		padding: 12px 0;
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		border-radius: 0;
	}
	#menu .dropdown-menu{
		background: #FFF;
		visibility: hidden;
		display: block;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.35s ease-out 0s;
		-o-transition: all 0.35s ease-out 0s;
		transition: all 0.35s ease-out 0s;
		left: 100%;
		margin: 0 2px !important;
		border: none;
		top: 0;
		}
	/* Mega Menu With Image - Resim sağda, menüler solda */
	#menu .mega-menu-with-image {
		display: flex !important;
		flex-direction: row-reverse;
		min-width: 600px;
		padding: 0 !important;
	}
	#menu .mega-menu-with-image .category-image-column {
		flex: 0 0 220px;
		padding: 20px;
		background: #f5f5f5;
		border-left: 1px solid #e0e0e0;
	}
	#menu .mega-menu-with-image .dropdown-inner {
		flex: 1;
		padding: 12px 0;
	}
	#menu .nav > li > a::before{
	    background-color: transparent;
	    content: "";
	    height: 3px;
	    left: 0;
	    margin: 0 auto;
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    transition: all 0.4s ease-out 0s;
	    width: 3px;
	}
	#menu .dropdown-inner a {
	    min-width: 280px;
	    padding: 3px 9px;
	}
	#menu .dropdown-menu{
	    padding: 12px 0;
	    top: 0;
		min-width: 250px; 
	}
	.enangle {
    	float: right;
    	transition: all 0.3s ease 0s;
    	margin-top: 2px;
	}
	#menu li a:hover .enangle{
    	transform: rotate(-90deg);
	}

}
#wr-menu button{
	background: #ffd200;
    border-color: transparent;
    color: #222;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 15px;
    height: 50px;
    border-radius: 0 0 0 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.cate{
	margin:0 10px;
}
.menu-img,.menu-img {
    margin-right: 12px;
}
.navbar{
	margin-bottom: 0;
}
.owl-wrapper-outer {
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
}
.view_more.my-menu {
    color: #2a3746;
    cursor: pointer;
    font-size: 14px;
    background-color: #f0f0f0fc;
 
}
/* right banner */
.banner-effect img{
	border-radius: 4px;
}
.rightbanner .banner-effect:first-child{
	margin-bottom: 20px;
}
#slideshow0.owl-theme .owl-controls .owl-page.active span, #slideshow0.owl-theme .owl-controls .owl-page:hover span {
    opacity: 1;
    background: #0060aa;
}
#slideshow0.owl-theme .owl-controls .owl-page span {
    opacity: 1;
    background: #fff;
    box-shadow: none;
    margin: 0;
}
#slideshow0 .owl-pagination {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    top: auto;
}
#slideshow0 img{
	border-radius: 4px;
	border: 1px solid #dcedfa;
}
#slideshow0.owl-theme .owl-buttons div i{
	font-size: 18px;
	line-height: 60px;
}
#slideshow0.owl-theme .owl-buttons div{
	color: #fff;
	font-size: 20px;
	margin: 5px;
	padding: 7px 0;
	background: #1a1a1a;
	display: inline-block;
	cursor: pointer;
	border-radius: 25px;
	border: 2px solid #1a1a1a;
	transition: all 0.3s ease 0s;
	opacity: 0;
	width: 40px;
	height: 40px;
	text-align: center;
}
#slideshow0.owl-theme:hover .owl-buttons div{
	opacity: 1
}
#slideshow0.owl-theme .owl-buttons div:hover{
	color: #fff;
	background: #0060aa;
	border: 2px solid #0060aa;
}
#slideshow0.owl-theme:hover .owl-buttons .owl-next{
	right: 10px;
}
#slideshow0.owl-theme:hover .owl-buttons .owl-prev{
	left: 10px;
}
#slideshow0.owl-theme .owl-buttons .owl-next{
	right: 0px;
	transition: all 0.3s ease 0s;
	position: absolute;
	top: 45%;
}
#slideshow0.owl-theme .owl-buttons .owl-prev{
	left: 0px;
	transition: all 0.3s ease 0s;
	position: absolute;
	top: 45%;
}
/* service */
.service li{
    vertical-align: middle;
    display: inline-block;
}
.service li svg {
    fill: #b0b0b0;
    margin: 0 5px;
    transform-style: preserve-3d;
    transition: all 1.0s linear;
}
.service ul li h4 {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    color: #b0b0b0;
    margin-bottom: 0;
}
.service ul li p {
    font-size: 11px;
    text-transform: capitalize;
    font-weight: 500;
    color: #b0b0b0;
    margin-bottom: 0;
}
.service ul:hover svg{
    transform: rotateY(180deg);
    cursor: pointer;
    fill: #fff;
}

.inspire_offer_hover{
	margin-bottom: 0;
}
/* tab product */
.category-tab .nav>li>a{
	padding: 0 10px;
}
.nav-tabs>li{
    float: none !important;
	display: inline-block;
}
/* tab product */
.category-tab {
    position: relative;
    min-height: 40px;
}
.category-tab::after {
    content: "";
    display: table;
    clear: both;
}
.category-tab .owl-carousel {
    position: relative;
    padding: 0;
}
.category-tab .tab-content {
    overflow: visible;
}
.pro-bg .nav-tabs {
    margin-right: 0px;
}
.pro-bg hr {
    clear: both;
    border-top: 1px solid #eaeaea;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a, .nav-tabs {
    border: none;
}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #1970b2;
    font-weight: 600;
}
.nav > li > a:focus, .nav > li > a:hover{
	background-color: transparent;
}
.pro-bg h2,.heading,.home-heading {
	position: relative;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500; 
    margin: 0 20px;
}
.pro-bg h2{
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
	line-height: 15px;
	padding-top: 0;
	line-height: 30px;
}
.pro-bg h2::before,.heading::before{
    content: '';
    background-color: #0060aa;
    position: absolute;
    left: -20px;
    top: 8px;
    width: 13px;
    height: 13px;
    border-radius: 4px;
}
.pro-nepr .owl-theme .owl-controls .owl-buttons div {
    padding: 0 !important;
    background: #0060aa !important;
    opacity: 0.9 !important;
    border-radius: 0 !important;
    width: 45px;
    height: 45px;
    color: #fff;
    text-shadow: none;
    transition: all 0.3s ease;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.pro-nepr .owl-theme .owl-controls .owl-buttons div:hover {
    background: #004d8a !important;
    opacity: 1 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}
.pro-nepr .owl-theme .owl-controls .owl-buttons div:hover i{
    color: #fff !important;
}
.pro-nepr .owl-theme .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    top: 37%;
    left: 3px;
    transform: translateY(-50%);
    z-index: 10;
    border-radius: 0 50% 50% 0 !important;
    padding-left: 8px;
}
.pro-nepr .owl-theme .owl-controls .owl-buttons .owl-prev i {
    margin-left: 0px;
}
.pro-nepr .owl-carousel .owl-buttons div i {
    font-size: 20px !important;
    position: relative;
    top: 0;
    margin: 0;
    line-height: 45px;
}
.pro-nepr .owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    top: 37%;
    right: 5px;
    transform: translateY(-50%);
    z-index: 10;
    border-radius: 50% 0 0 50% !important;
    padding-right: 8px;
}
.pro-nepr .owl-theme .owl-controls .owl-buttons .owl-next i {
    margin-right: 5px;
}

@media(min-width: 768px){
	.footer-collapse.collapse, #filtercol.collapse {
	    display: block !important;
	    height: auto !important;
	    padding-bottom: 0;
	    overflow: visible !important;
	}
	.cat-button {
	    display: none;
	}
}

.button-group button,.button-group a{
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    border: none;
    border-radius: 4px;
    padding: 10px 7px;
    width: 38px;
    height: 38px;
    cursor: pointer;
    vertical-align: middle;
    transition: all 500ms ease 0s;
    transform: scale(1);
    fill: #303b41;
    display: inherit;
    text-align: center;
    display: inline-block;
}
.button-group button:hover,.button-group a:hover,.acart:hover{
	background: #0060aa !important;
	color: #fff !important;
	box-shadow: none;
	border-color: transparent !important;
	fill: #fff;
}
.bquickv{
	display: inline-block;
}
.button-group {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 90px;
}
.acart{
    color: #777;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    line-height: 0;
    padding: 0 20px;
}
.acart:hover{
	background-color: #2a3746 !important;
	color: #fff;
	border: 1px solid #2a3746 !important;
	transition: all 500ms ease 0s;
}
.product-thumb{
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}
.product-layout,.product-block{
	padding: 0px 10px 0 8px;
}
.thummargin{
	margin: 0 -8px;
}
.salepro {
    position: absolute;
    top: 10px;
    right: 10px;
    text-transform: capitalize;
    font-weight: 500;
}
@media(min-width: 768px){
	.product-thumb:hover .button-group button,.product-thumb:hover .button-group .bquickv{
	    transform: scale(1);
	    opacity: 1;
	}
	.product-thumb .button-group button,.product-thumb .button-group .bquickv{
	    transition: all 500ms ease 0s;
	    transform: scale(0.8);
	    opacity: 0;
	}
	.product-thumb{
		transition: all 500ms ease 0s;
	}
	.product-thumb:hover{
		box-shadow: 0 0 10px rgba(0,0,0,.2);
	}
	.product-thumb:hover .acart{
		background-color: #0060aa;
		color: #fff;
		border: 1px solid #0060aa;
	}
}

.owl-carousel{
	margin-bottom: 0 !important;
}
/* option */
.custom-radio .img-thumbnail {
    display: block;
	border-radius: 50%;
	height: 35px;
	width: 35px;
	border: 1px solid #ccc;
	padding: 3px;
}
.custom-radio-design label span {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #000;
}
.custom-radio .radio label input:checked + img, .custom-radio-design label input:checked + span {
	border: 1px solid #000;	
}
.custom-radio label input, .checkbox_input label input {
    position: absolute;
	z-index: -1;
	opacity: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.custom-radio label .radio_price, .custom-radio label.color-option span {
	display: none;
}
.custom-radio .radio, .checkbox_input .checkbox {
	display: inline-block;
	margin: 2px 0;
}
.checkbox_input .checkbox label.size-option span,.color-option{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.checkbox_input .checkbox label.size-option {
    padding: 0;
}
.custom-radio .img-thumbnail {
    display: block;
	border-radius: 50%;
	height: 35px;
	width: 35px;
	border: 1px solid #ccc;
	padding: 3px;
}
.custom-radio-design label span {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #000;
}
.custom-radio .radio label input:checked + img, .custom-radio-design label input:checked + span {
	border: 1px solid #000;	
}
.custom-radio label input, .checkbox_input label input {
    position: absolute;
	z-index: -1;
	opacity: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.custom-radio .radio label {
	padding: 0;
	text-align: center;
	font-size: 12px;
	text-transform: capitalize;
	color: #808080;
}
.custom-radio label .radio_price, .custom-radio label.color-option span {
	display: none;
}
.custom-radio .radio, .checkbox_input .checkbox {
	display: inline-block;
	margin: 0 4px 0 0;
}
.insp-main{
	margin-bottom: 14px;
}
.insp-main .form-control {
    padding: 3px 12px;
    margin-top: 0;
    margin-bottom: 0;
    height: 28px;
}
.product-thumb .insp-main .form-group{
	margin-bottom: 0;
}
.insp-main .form-group{
	margin-bottom: 15px;
}
.insp-main .checkbox_input .checkbox label.size-option span{
	width: 40px;
	height: 28px;
}
.insp-main .checkbox_input .checkbox label.size-option span:hover{
	background-color: #000;
	border: 1px solid #000;
	color: #fff;
}
.insp-main .checkbox input[type="checkbox"]:checked + span,.color-option input[type="radio"]:checked + span{
    background-color: #000;
    transform: rotate(0) scale(1);
    border: 1px solid #000;
    color: #fff;
}
.custom-radio label.color-option span.radiolabel {
    height: 101%;
    border-radius: 4px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-thumb  .control-label {
    display: none;
}
/* qty */
.homeqt .addhqty {
  display: inline-block;
  vertical-align: middle;
  float: none !important;
  width: 70px;
  border: 1px solid #fff;
  background: #eee;
  color: #000;
  border-radius: 4px;
  height: 35px;
  padding: 5px;
  text-align: center;
}
.homeqtinner {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.homeqt .btnminus{
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	float: none !important;
	display: inline-block;
	padding: 0 8px;
	border: none;
	line-height: normal;
	height: auto;
	bottom: 0;
	background: transparent;
	font-size: 9px;
	color: #000;
}
.homeqt .glyphicon{
	top: 0;
}
.homeqt .btnplus{
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	float: none !important;
	width: auto;
	padding: 0 8px;
	border: none;
	line-height: normal;
	height: auto;
	bottom: 0;
	background: transparent;
	font-size: 9px;
	color: #000;
}
.homeaddq{
	margin-top: 10px;
	margin-bottom: 0;
}
.homeqt .qty{
	text-transform: capitalize;
}
/* banner */
.offerbanner{
	margin-top: 50px;
}
.topbanner{
	margin-top: 45px;
}
.pro-bg{
	margin-top: 25px;
}
.cbanner{
    padding: 0 5px; 
}
.firstbanner{
	padding-right: 10px;
}
.secondbanner{
	padding-left: 10px;
}
.cbanner .banner-effect:first-child{
	margin-bottom: 20px;
}
/* jQuery Countdown styles 2.0.0. */
@media(min-width: 768px){
	.product-thumb:hover .is-countdown{
		opacity: 0;
		z-index: -1;
	}
}
#count .button-group {
    top: 120px;
}
.is-countdown {
    transition: all 500ms ease 0s;
	position: absolute;
    bottom:10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align:center;
}
.countdown-rtl {
	direction: rtl;
}
.countdown-row { width:100%; display:inline-block; }
.countdown-row .countdown-section {
	min-width: 47px;
    margin: 0 5px;
    padding: 5px 5px 5px;
    background: #f2f2f2;    
    border:1px solid #ddd;
    display: inline-block;
    border-radius:4px;
    height: 47px;
}
.countdown-amount {
    font-size: 16px;
	font-weight: 500;
	color:#333;
}
.countdown-period {
    font-size: 12px;
    color: #333;
    font-weight: 400;
    display: block;
    margin-top: -3px;
}
.countdown-descr {
	display: block;
	width: 100%;
}
@media (max-width: 1199px){
	.countdown-amount { font-size:12px; }
	.countdown-period { font-size:11px; line-height:14px; }
}
/* BLOG START  */
@media(min-width: 768px){
	.blogstate{
		position: sticky;
		top: 15px;
	}
}
.blogdes{
    font-size: 12px;
    color: #777;
}
.blog-date{
    float: left;
}
#content .box-product .blog-items {
    display: inline-block;
    float: left;
}
.date-blog-hr{
    margin-top: 10px;
    margin-bottom: 10px;
}
.the_dated{
    font-size: 40px;
}
.view-blog {
    float: left;
    width: 100%;
    text-align: left;
    margin: 0 0 10px;
}
.bread{
    display: inline-block;
    color: #0060aa;
    text-transform: capitalize;
}
.bread:hover{
	color: #000;
}
.read-more {
    float: left;
}
.author {
    color: #808080;
    margin-bottom: 15px;
}
.blog-right .author .fa.fa-user {
    color: #9c9c9c;
    margin-right: 3px;
}
.blog-desc {
    margin: 10px 0;
    color: #666;
    text-transform: capitalize;
    font-size: 13px;
    text-align: start;
}
.blog-img {
    padding: 10px 0 0;
}
.date-time, .write-comment > a {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;
}
.date-time{
    margin-left: 5px;
}
#content #blog-carousel, #content #blog-grid {
    padding: 0px 0;
    border: none;
    overflow: visible;
}
#content #blog-carousel .blog-item {
    float: left;
}
#content #blog .product-block, #content #blog .product-block {
    margin: 5px 0px;
    overflow: hidden;
}
#content #blog-carousel .product-block:hover, #content #blog-grid .product-block:hover {
    box-shadow: none;
}
.blog-right h4 a {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #333;
   font-weight: 600;
}
.blog-right h4{
    margin-top: 15px;
    text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.product-block .blog-right h4 a:hover {
    color: #0060aa;
}
.blog_comment {
    font-size: 14px;
    margin: 0 25px;
    float: left;
}
.blog-right .read_link > a {
    text-decoration: underline;
}
.read_link{
    margin-top: 15px;
}
.read_link .fa.fa-book {
    margin-right: 5px;
}
.inspire-single-blog .blog-desc {
    color: #797979;
    font-size: 13px;
    text-align: left;
}
.inspire-single-blog .block-title h3 {
    padding: 10px 0;
    font-size: 16px;
    color: #2a3746;
}
.panel {
    box-shadow: none;
}
.blog-comment{
    font-size: 16px;
    color: #0060aa;
}
.inspire-single-blog .co-head {
    font-size: 40px;
    text-transform: capitalize;
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
}
.inspire-single-blog .view-comment .panel-default {
    border-top: none;
    border-bottom: 1px solid #f3f3f3;
    border-left: medium none;
    border-right: medium none;
    box-shadow: none;
    padding: 20px 0;
}
.inspire-single-blog .form-horizontal .form-group{
	margin:0;
}
.view-comment .name {
    color: #161b1e;
    font-weight: 700;
}
.view-comment .date {
    color: #bbb;
    font-size: 12px;
}
.inspire-blog-image {
    position: relative;
    width: 100%;
    transition: all 600ms ease-in-out 0s;
-webkit-transition: all 600ms ease-in-out 0s;
-moz-transition: all 600ms ease-in-out 0s;
-o-transition: all 600ms ease-in-out 0s;
-ms-transition: all 600ms ease-in-out 0s;
}
.inspire-blog-image img{
	border-radius: 4px;
	width: 100%;
	height: auto;
	object-fit: cover;
}
.img-thumbnail{
    border: none;
	width: 50px;
}
.headingpage{
    font-size: 20px;
    letter-spacing: 1px;
    color: #212121;
}
/* .inspire-post-author{
    text-align: center;
} */
.product-block .blog-left .inspire-post-author {
    bottom: -18px;
    color: #ffffff;
    font-size: 12px;
    left: 0px;
    right: 0;
    position: absolute;
    text-transform: capitalize;
    transition: all 300ms ease 0s;
    background-color: #0060aa;
    text-align: center;
    padding: 6px 0;
    opacity:0;
    border-radius: 0 0 4px 4px;
}
.blog-left {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.product-block:hover .blog-left .inspire-post-author {
    bottom: 0px;
    opacity: 1;
}

.write-comment > a{
    color: #fff;
}
.inspire_blog_page .panel-body {
    border: medium none;
    padding: 0px;
}
.inspire_blog_page .inspire-blog-image {
    background-position: center center;
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.inspire_blog_page .panel.panel-default {
    border: medium none;
}
.inspire_blog_data_left .blog-date {
    color: #00b9f7;
    font-size: 14px;
}
.inspire_blog_page .panel-body h5 {
    color: #2a3746;
    display: inline;
    font-size: 16px;
    text-transform: capitalize;
}
.blog_links .blog_autor {
    float: left;
    font-size: 12px;
    position: relative;
}
.blog_links .write-comment {
    font-size: 16px;
}
.blog_links .fa {
    margin-right: 5px;
}
.blog_links {
    margin: 10px 0px;
}
.inspire_blog_page .read-more {
    float: left;
    text-align: left;
    margin: 10px 0 0;
}
.inspire_blog_page .read-more a {
    background: #2a3746;
    border: 1px solid #2a3746;
    color: #fff;
    display: inline-block;
    padding: 6px 10px;
    transition: all 300ms ease 0s;
    text-transform: capitalize;
    border-radius: 4px;
}
.inspire_blog_page .read-more a:hover {
    background: #0060aa;
    border: 1px solid #0060aa;
    color: #fff;
    transition: all 300ms ease 0s;
}
.inspire_blog_page .inspire-blog-image .blog-post-image-hover {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    visibility: hidden;
    width: 100%;
}
.inspire_blog_page .inspire-blog-image .inspire_post_hover .icon.zoom {
    border: 2px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -khtml-opacity: 0;
    padding: 10px 14px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    z-index: 10;
}
.inspire_blog_page .inspire-blog-image .inspire_post_hover .icon.zoom .fa, .inspire_blog_page .inspire-blog-image .inspire_post_hover .icon.readmore_link .fa {
    color: #fff;
    font-size: 40px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.inspire_blog_page .inspire-blog-image .inspire_post_hover .icon.readmore_link {
    border: 2px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    color: #fff;
    display: inline-block;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -khtml-opacity: 0;
    padding: 10px 14px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    z-index: 10;
}
.inspire_blog_page .inspire-blog-image:hover .blog-post-image-hover {
    opacity: 0.3;
    -moz-opacity: 0.3;
    -webkit-opacity: 0.3;
    -ms-opacity: 0.3;
    -khtml-opacity: 0.3;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    visibility: visible;
}
.inspire_blog_page .inspire-blog-image:hover .inspire_post_hover, .inspire_blog_page .inspire-blog-image:hover .inspire_post_hover .icon.readmore_link, .inspire_blog_page .inspire-blog-image:hover .inspire_post_hover .icon.zoom {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -khtml-opacity: 1;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.inspire_blog_page .inspire-blog-image .inspire_post_hover .icon.readmore_link:hover, .inspire_blog_page .inspire-blog-image .inspire_post_hover .icon.zoom:hover {
    background-color: #3498db;
    border-color: #3498db;
}
.inspire_blog_page .inspire-blog-image:hover .inspire_post_hover .icon.zoom .fa, .inspire_blog_page .inspire-blog-image:hover .inspire_post_hover .icon.readmore_link .fa {
    font-size: 14px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.inspire-single-blog .blog-img {
    padding: 0;
}
#add-comment-blog.panel-default {
    border: medium none;
}
#content.inspire-single-blog > h4 {
    font-weight: 700;
    font-size: 17px;
}
.inspire-single-blog .view-comment .name, .inspire-single-blog .view-comment .date, .inspire-single-blog .view-comment .col-sm-8, .inspire-single-blog .view-comment .col-sm-3 {
    width: 100%;
}
.user_icon {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    float: left;
    margin: 2px 15px 15px 0;
    padding: 7px 13px;
}
.user_icon .fa {
    color: #0060aa;
    font-size: 20px;
    margin-top: 3px;
}
#add-comment-blog .col-sm-10 {
    width: 66.6667%;
}
#add-comment-blog .col-sm-2 {
    width: 25%;
    display: none;
}
.blog_inspire .heading{
    margin-left: 15px;
}
@media(min-width: 980px) and (max-width: 991px){
.product-block .blog-left .inspire-post-author{
      display: none;
}
}
@media(min-width: 992px) and (max-width: 1199px){
	.product-block .blog-left .inspire-post-author{
	      bottom: -50px;
	}
}
@media(min-width: 320px) and (max-width: 360px){
    .blog_links .write-comment,.date-time, .write-comment > a {
        font-size: 13px;
        text-transform: capitalize;
    }
    .blog_links .fa {
	    display: none;
	}
    .blog_comment {
        font-size: 12px;
    	margin: 0 10px;
    }
}
@media(min-width: 360px) and (max-width: 599px){
	.block-cat-wr {
	    width: 50%;
	}
}
/* inspire MAGNIFIC POPUP CSS */
.inspire-blog-image .inspire_post_hover {
    left: 0;
    margin: 0 auto;
    opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 46%;
}
.inspire_blog_page .inspire-blog-image .inspire_post_hover {
    top: 45%;
}
.product-block:hover .blog-left .inspire_post_hover, .product-block:hover .blog-left .zoom, .product-block:hover .blog-left .readmore_link {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -kkhtml-opacity: 1;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.product-block:hover .blog-post-image-hover {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -kkhtml-opacity: 1;
}
.product-block .inspire-blog-image .inspire_post_hover .zoom, .product-block .inspire-blog-image .inspire_post_hover .readmore_link {
    display: inline-block;
    float: none;
    color: transparent;
    position: relative;
    width: 40px;
}
.product-block .inspire-blog-image .inspire_post_hover .readmore_link {
    margin-left: 10px;
}
.inspire-blog-image .inspire_post_hover .zoom::before, .inspire-blog-image .inspire_post_hover .readmore_link::before {
    border: 2px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\f00e";
    font-family: "FontAwesome";
    font-size: 14px;
    height: 40px;
    left: 0;
    margin: auto;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -khtml-opacity: 0;
    padding: 8px 0;
    position: absolute;
    text-align: center;
    top: 0;
    transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    width: 40px;
}
.inspire-blog-image .inspire_post_hover .readmore_link::before {
    content: "\f0c1";
}
.product-block:hover .inspire-blog-image .inspire_post_hover .readmore_link::before, .product-block:hover .inspire-blog-image .inspire_post_hover .zoom::before {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -khtml-opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.blog-left .inspire-blog-image .zoom:hover::before, .blog-left .inspire-blog-image .readmore_link:hover::before {
    background-color: #0060aa;
    border-color: #0060aa;
}
/* BLOG End*/
/* footer */
@media(min-width: 768px){
	footer h5 button,.filtercolb {
	    display: none !important;
	}
	.footer-collapse.collapse,#filtercol.collapse {
	    display: block !important;
	    height: auto !important;
	    padding-bottom: 0;
	    overflow: visible !important;
	}
}
footer h5,.inspire-newsletter h3 {
    color: #fff;
    cursor: pointer;
    font: 500 20px/24px "Poppins",Helvetica,sans-serif;
    letter-spacing: 1px;
    margin: 0 0 20px;
    text-transform: capitalize;
}
footer h5::before {
    content: "";
    height: 2px;
    position: absolute;
    top: 35px;
    width: 40px;
    z-index: 3;
}
/*footer h5::before {
    background-color: #0060aa;
}*/
.button-submit .btn-block{
    background: #0060aa;
    color: #fff;
    height: 40px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.foot-top {
    background-color: #3d3d3d;
    padding: 30px 15px;
    margin-bottom: 50px;
}
.foot-top .button-submit{
	display: table-cell;
    vertical-align: top;
    padding-left: 5px;
}
.foot-top .button-submit .btn{
	background-color: #2a3746;
	border: 1px solid #2a3746;
	height: 40px;
}
.foot-top .button-submit .btn:hover{
	background-color: #000;
	border: 1px solid #000;
}
.fnews{
    display: table;
    width: 100%;
    margin-top: 10px;
    position: relative;
}
#email-alert .warning{
	color: #ff0000
}
#email-alert .success{
	color: #4CAF50
}
.inputNew{
	height: 40px;
    border-radius: 4px;
    background: #2b2b2b none repeat scroll 0 0;
    border: 1px solid #404040;
    color: #ffffff;
    line-height: 22px;
    margin: 15px 0;
    padding: 5px 10px;
}
.foot-top .form-group{
    margin-top: 17px;
    display: table-cell;
    vertical-align: top;
    width: 100%;
}
#formNewLestter .alert{
	bottom: -65px;
	top: auto;
	left: 0px;
	right: 0px;
}
.middle-footer li,footer .footcontact .f-left li{
	line-height: 30px;
	position: relative;
	transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}
.middle-footer li::before {
    background-color: #0060aa;
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 15px;
    width: 4px;
    visibility: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}
.middle-footer li a::before {
    background-color: #0060aa !important;
}
.middle-footer li:hover::before {
    visibility: visible;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}
.middle-footer li:hover {
    padding-left: 10px;
}
.foot-social li a {
    border-radius: 50%;
    display: inline-block;
    font-size: 13px;
    padding-top: 7px;
    height: 28px;
    text-align: center;
    width: 28px;
    transition: all 0.2s ease-in-out 0s;
    background: #3d3d3d none repeat scroll 0 0;
    color: #8c8c8c;
}
.foot-social li a i{
	font-size: 13px;
}
.foot-social li a:hover{
	background-color: #0060aa;
	color: #fff;
}
.foot-pay img{
	max-width: 250px;
}
.foot-pay{
    margin-top: 7px;
}
.foot-social{
	margin-top: 3px;
}
.foot-app {
    position: relative;
    top: 3px;
}
footer .footcontact .f-left li i {
    padding-right: 10px;
    font-size: 16px;
    width: 30px;
}
.foot-app li{
	display: inline-block;
}
.foot-app .title-footer {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}
.foot-app ul {
    list-style: none;
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
}
.foot-bottom {
    padding: 25px 0;
    margin-top: 30px;
    border-top: 1px solid #404040;
    border-bottom: 1px solid #404040;
}
.foot-power{
	padding: 20px 0;
}
#scroll {
    background-color: #0060aa;
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    outline: none;
    z-index: 1;
    border-radius: 4px;
    padding: 8px 0;
    text-align: center;
    color: #fff;
    transition: all 400ms ease-in-out 0s;
}
#scroll i{
	font-size: 20px;
}
#scroll:hover {
    background-color: #2a3746;
    color: #fff;
}
.logo-slider {
    margin-top: 45px;    
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 10px 0;    
}
#carousel0.owl-carousel{
	background-color: transparent !important;
}
/* product page */
.addoinalrow{
	margin:0 -5px;
}
.addoinalrow .col-xs-12{
	padding:0 5px;
}
.addoinalrow img{
	border: 1px solid #eee;
	border-radius: 4px;
}
.allhading,.heading{
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 20px;
	text-transform: capitalize;
	color: #2a3746;
}
.propage-tab .nav-tabs {
    margin-bottom: 0;
}
.propage-tab .tab-content {
    background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 10px;
}
.propage-tab .nav-tabs > li > a {
    border-radius: 0;
    margin: 0;
    background-color: #fff;
    border: 1px solid #ebebeb;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    font-weight: 500;
    color: #282828;
    border-right: 1px solid #ebebeb;
}
.propage-tab .nav-tabs > li.active > a, .propage-tab .nav-tabs > li.active > a:focus, .propage-tab .nav-tabs > li.active > a:hover {
    border-bottom: 1px solid #ebebeb;
    border: 1px solid #ebebeb;
}
.propage-tab .nav-tabs > li.active > a, .propage-tab .nav-tabs > li.active > a:focus, .propage-tab .nav-tabs > li.active > a:hover {
    color: #0060aa;
}
.propage-tab .nav-tabs li {
    text-transform: capitalize;
    font-family: 'Lato-Bold';
    position: relative;
}
.propage-tab .nav-tabs {
    border-bottom: none;
}
.pro-price{
	font-size: 18px !important;
}
.palert,#tab-review .alert{
	position: relative;
}
#tab-review i{
	color: #2a3746;
}
#tab-specification .table-bordered > thead > tr > td,#tab-specification .table-bordered > tbody > tr > td{
	border: 1px solid #f6f6f6;
}
#tab-specification strong{
	color: #0060aa;
}
.thumbnail {
    position: relative;
    padding: 0;
    border: 1px solid #eee;
    border-radius: 4px;
}
@media(min-width: 768px){
.proimg{
	position: sticky;
	top: 20px;
}
}
.product-right h1 {
    font-size: 18px;
    text-transform: uppercase;
    color: #161616;
    letter-spacing: 1px;
    margin: 0 0 0px 0;
}
.product-right .qty-plus-minus .form-control {
    width: 45px;
	height: 50px;
    text-align: center;
    color: #232d2a;
}
.btnplus {
    border-radius: 0 0px 0px 0 !important;
    border-left: 0;
    line-height: 22px;
}
.btnminus {
    border-radius: 0px 0 0 0px !important;
    border-right: 0;
    line-height: 22px;
}
.prosp {
    border-top: 1px solid #dfdfdf;
}
.text-prodecor, .text-de {
    text-transform: capitalize;
    color: #161616;
    font-size: 14px;
    letter-spacing: 1px;
    min-width: 145px;
    display: inline-block;
}
.textdeb {
    color: #0060aa;
    margin: 0 4px;
}
.textdeb:hover{
    color: #2a3746;
}
.text-prodecor-bold, .text-prodecor-bold h2 {
    text-transform: capitalize;
    color: #161616;
    font-size: 16px;
    letter-spacing: 1px;
}
.custom-radio .img-thumbnail {
    display: block;
    padding: 0;
    border-radius: 4px;
    border: none;
    height: 30px;
    width: 30px;
}
.text-prodecorop {
    text-transform: capitalize;
    color: #161616;
    font-size: 14px;
    letter-spacing: 1px;
}
.datebtn {
    background-color: #0060aa;
    color: #fff;
    border: 1px solid #0060aa;
    box-shadow: none;
    transition: all 0.5s linear;
    padding: 6px 12px;
}
.datebtn:hover, .btnup:hover, .add-to-cart:hover,.btnupload:hover,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus,
.btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover,.btn-primary.focus, .btn-primary:focus,
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #2a3746;
    color: #fff;
    border: 1px solid #2a3746;
}
.btnupload {
    color: #fff;
    background-color: #0060aa;
    border-color: #0060aa;
    transition: all 0.5s linear;
    font-size: 16px;
    box-shadow: none;
}
.prowritere {
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 30px;
}
.proreviewre {
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 4px;
    text-transform: capitalize;
}
.prodrate {
    font-size: 16px;
    letter-spacing: 1px;
    margin: 5px 0;
}
.zoomWindow{
	border: 1px solid #0060aa !important;
	top: 0 !important;
}
.productwish button {
    background-color: transparent;
    color: #0060aa;
    box-shadow: none;
    border: none;
    font-size: 37px;
    margin-right: 10px;
    padding: 0;
}
.zoomLens{
    border: none !important;
}
.product-right .qty-plus-minus .form-control:focus{
    border-color: #ebebeb;
}
.product-right #input-quantity{
	border-radius: 0;
}
.propage-tab{
	margin-top: 20px;
	margin-bottom: 30px;
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover{
	border:none;
}
/* category page */
.emptyco{
	margin-top: 20px;
}
@media(min-width: 768px){
	.product-list .product-thumb h4{
		margin-top: 0;
	}
	.product-list .product-thumb .caption  {
		padding-left: 15px;
		float: left;
	}
}
@media(min-width: 1200px){
	.product-list .product-thumb .image {
		width: 25%;
	}
	.product-list .product-thumb .caption  {
		width: 75%;
	}
	#product-search .product-grid,#product-manufacturer .product-grid{
		width: 20%;
		clear: none !important;
	}
	#product-search .product-list .product-thumb .image,#product-manufacturer .product-list .product-thumb .image {
		width: 20%;
	}
	#product-search .product-list .product-thumb .caption,#product-manufacturer .product-list .product-thumb .caption  {
		width: 80%;
	}
}

@media(min-width: 992px) and (max-width: 1199px){
	.countdown-row .countdown-section {
	    margin: 0 3px;
	}
	.category-tab .nav>li>a {
    	padding: 0 5px;
    	letter-spacing: 0;
    	font-size: 13px;
	}
	.both {
	    width: 33.33% !important;
	    clear: none !important;
	}
	.product-list .product-thumb .image {
		width: 30%;
	}
	.product-list .product-thumb .caption  {
		width: 70%;
	}
	#product-search .product-list .product-thumb .image,#product-manufacturer .product-list .product-thumb .image {
		width: 25%;
	}
	#product-search .product-list .product-thumb .caption,#product-manufacturer .product-list .product-thumb .caption  {
		width: 75%;
	}
}
@media(min-width: 768px) and (max-width: 991px){
	.countdown-row .countdown-section {
	    margin: 0 3px;
	}
	.block-cat-wr {
		width: 25%;
	}
	.category-tab .nav>li>a {
	    padding: 0 4px;
	    font-size: 13px;
	    letter-spacing: 0;
	}
	.date-time, .write-comment > a {
    	letter-spacing: 0.2px;
	}
	.header-social .socials-block ul li a {
	    width: 36px;
	}
	.both {
	    width: 33.33% !important;
	    clear: none !important;
	}
	.deliveryinfo ul li {
	    display: block !important;
	    text-align: center !important;
	}
	#product-search .product-grid,#product-manufacturer .product-grid{
		width: 33.33%;
		clear: none !important;
	}
	#product-search .product-list .product-thumb .image,#product-manufacturer .product-list .product-thumb .image {
		width: 30%;
	}
	#product-search .product-list .product-thumb .caption,#product-manufacturer .product-list .product-thumb .caption  {
		width: 70%;
	}
	.product-list .product-thumb .image {
		width: 40%;
	}
	.product-list .product-thumb .caption  {
		width: 60%;
	}
	.product-list .pcart, .product-list .pcom{
		min-width: 100px !important;
		display: inline-block;
	}
	.sorting{
		clear: none !important;
	}
	footer h5, .inspire-newsletter h3{
		font-size: 16px;
	}
}
.catebg{
	background-color: #fff;
	margin:0 -5px;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
}
.catebg .topbutton {
    position: absolute;
    right: 20px;
    top: 10px;
}
.product-grid{
	margin-bottom: 20px;
}
.sb-theme-cat-list ul{
	display: inline;
}
#column-left .list-group {
    z-index: 0;
    position: relative;
}
.sb-theme-cat-list ul li {
    display: inline;
    float: left;
    margin-left: 5px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    padding: 8px 15px 5px;
    border-radius: 4px;
}
.sb-theme-cat-list ul li:first-child {
    margin: 0;
}
.product-thumb .image {
    position: relative;
    border-radius: 4px;
}
.product-grid{
	padding: 0 5px;
}
.filter-panel .panel-footer{
	background-color: #fff;
}
.filter-panel .list-group a {
    color: #0060aa;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 10px;
    font-weight: normal;
}
.filter-panel .list-group a:hover {
    background-color: transparent;
    border-bottom: 1px dotted #ddd;
}
.filter-panel .list-group-item {
    background-color: transparent;
}
.inspdes {
    background-color: #fff;
    padding: 15px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
}
.inspdes h2{
	font-size: 18px;
	color: #0060aa;
	letter-spacing: 0.5px;
	margin-top: 0;
	text-transform: capitalize;
}
.inspdes p{
	font-size: 12px;
	color: #aaa;
	letter-spacing: 0.5px;
	text-transform: capitalize;
}
.inspdes img{
	border-radius: 4px;
}
.cate-border {
    background-color: #fff;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	margin: 25px 0;
	padding: 10px 0px;
}
#compare-total{
	position: relative;
	color: #0060aa;
}
#compare-total:hover{
	color: #2a3746;
}
.sorting label {
    background-color: #fff;
    border: none;
    font-size: 16px !important;
    color: #161616 !important;
}
.sorting select {
    background-color: #fff;
    color: #2a3746;
    font-size: 12px !important;
    border-radius: 4px !important;
    border: 1px solid #ebebeb;
}
.sorting select option {
    background-color: #fff;
    color: #161616;
}
.sorting select.form-control,#product-search select.form-control{
	padding-right: 25px;
	background-image: url("data:image/svg+xml,\
      <svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20px'\
           height='12px' viewBox='0 0 1200 1000' fill='rgb(0,0,0)'>\
        <path d='M1100 411l-198 -199l-353 353l-353 -353l-197 199l551 551z'/>\
      </svg>");
	background-repeat: no-repeat;
	background-position: right;
	-moz-appearance: none;
	-webkit-appearance: inherit;
	appearance: none;
	padding: 0 10px;
	 height: 35px;
}
.sorting select.form-control:focus{
	border-color: #2a3746;
}
.inslistgrid img{
	height: 24px;
	width: 24px;
}
.inslistgrid {
    background-color: #fff;
    color: #161616 !important;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px !important;
    border: 1px solid transparent;
}
.inslistgrid.active, .inslistgrid.active:hover, .inslistgrid:hover {
    border: 1px solid #0060aa;
    border-radius: 4px;
    background-color: transparent;
    padding: 5px;
    box-shadow: none;
}
.inslistgrid i {
    font-size: 22px;
}
.btn-link:focus, .btn-link:hover{
	text-decoration: none;
}
.product-grid .product-thumb{
	background-color: #fff;
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* Owl carousel içinde flexbox düzeni için özel kural */
.owl-carousel .product-grid .product-thumb,
.owl-carousel .product-grid .product-thumb .caption{
	display: block;
}

.product-grid .product-thumb .caption{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.product-grid .product-thumb .caption h4{
	min-height: 42px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 21px;
	margin-bottom: 10px;
}

/* Fiyat alanı için sabit yükseklik - fiyat yoksa bile yer tutsun */
.product-grid .product-thumb .product-price-area{
	min-height: 50px;
	margin-bottom: 10px;
}

.product-grid .product-thumb .price{
	margin-bottom: 5px;
}

/* Button group ve buton alanını en alta sabitlemek için */
.product-grid .product-thumb .button-group{
	margin-top: auto;
	margin-bottom: 10px;
}

/* Sepete ekle butonları ve detay butonu için ortak alan */
.product-grid .product-thumb .button-group + div,
.product-grid .product-thumb .button-group + .product-detail-btn{
	margin-top: auto;
}

.product-layout{
	display: flex;
	margin-bottom: 20px;
}

/* Grid görünümünde ürün açıklama metni sadece liste görünümünde göster */
.product-grid .list-des{
	display: none;
}

.product-list .list-des{
	display: block;
}

/* Liste görünümünde fiyat alanı için min-height kaldır */
.product-list .product-price-area{
	min-height: 0;
}

/* Detay butonu için */
.product-grid .product-detail-btn{
	margin-top: auto;
}

.product-grid .product-detail-btn .btn{
	width: 100%;
}

/* Minimum quantity notice için */
.product-grid .text-muted{
	min-height: 0;
	font-size: 11px !important;
	line-height: 1.3;
}

@media(min-width: 768px){
	.product-list .product-thumb .caption {
		text-align: left;
		margin-top: 10px;
	}
	.product-list .product-thumb .button-group{
		text-align: left;
		position: unset;
	    display: inline-block;
	}
	.product-list .acart{
		display: inline-block;
	    box-shadow: 0 0 3px rgba(0,0,0,.3);
    	height: 38px;
	}
	.product-list .product-thumb:hover .acart{
		background-color: #fff;
	    color: #777;
        border: 1px solid #ddd;
	}
	.product-list .product-thumb .button-group button, .product-list .product-thumb .button-group .bquickv {
	    transition: none;
	    transform: none;
	    opacity: 1;
	}
}

.product-list .product-thumb .price{
	margin-bottom: 0px;
}
.product-list .image{
	position: relative;
}
.product-grid .list-des {
    display: none;
}
.list-des{
	text-transform: capitalize;
	color: #282828;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product-list .caption h4 a{
	font-size: 18px;
}
.product-list{
	padding: 0 5px;
	margin-bottom: 20px;
}
.product-list .product-thumb{
	float: left;
	width: 100%;
	padding-bottom: 0;
}
.product-list .product-thumb:hover{
	box-shadow: none;
}
/* pagination */
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #0060aa;
    border-color: #0060aa;
}
.pagination > li > a, .pagination > li > span {
    color: #0060aa;
    padding: 7px 12px 5px 12px;
    border: 1px solid #ececec;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #fff;
    background-color: #0060aa;
    border-color: #0060aa;
}
.pagi .tot{
	line-height: 34px;
}
.row.pagi {
    background-color: #fff;
    margin: 20px 0 0 0;
    border-radius: 4px;
    padding: 15px 0;
}
/* other page */
.submenu-title {
    font-weight: 400;
    font-size: 14px !important;
    letter-spacing: 1px;
    line-height: 22px;
    position: relative;
    margin: 0 0 5px;
    padding: 4px 0;
}
.panel-default > .panel-heading {
    font-weight: 500;
	background-color: #fff;
	color: #0060aa;
}
.panel-default label{
	font-weight: 500;
}
.panel-group .panel{
	border-radius: 0;
}
.cartbt{
	border-right: 1px solid #fff;
}
.well{
	border-radius: 0;
	background-color: #fff;
}
.catename {
    border: 1px solid #eee;
    padding: 10px 10px;
    margin-bottom: 20px;
    background-color: #fff;
}
.catename h2{
	margin-top: 0;
	border: 1px solid #f2f2f2;
	padding: 10px 10px;
	font-size: 14px;
}
#account-account h2{
	font-size: 16px;
	text-transform: capitalize;
	color: #0060aa;
	letter-spacing: 1px;
	margin-top: 0;
	font-weight: 500;
	background-color: #f1f1f1;
	padding: 7px 10px;
}
.account-info {
    margin-bottom: 15px;
    padding: 10px !important;
    border: 1px solid #ebebeb;
    border-radius: 0px;
    background-color: #fff;
}
.table{
	background-color: #fff;
}

/* responsive */
@media(max-width: 599px){
	.pro-bg .nav-tabs {
    	margin-right: 0px;
	}
	.tab-head{
		display: none;
	}
	.nav-tabs.pro-tab{
    	float: none !important;
	}
	.nav.pro-tab>li>a {
	    padding: 0px 5px;
	}
	.nav-tabs.pro-tab li:first-child{
		padding-left: 0;
	}
	.cbanner{
		display: none;
	}
	.secondbanner,.cbanner,.imgbanner {
		width: 50%;
	}
	.offerbanner .banner-effect:first-child{
		margin-bottom: 10px;
	}
	.offerbanner .col-xs-6{
		width: 100%;
	}
	.header-social{
		display: none;
	}
	#top-links ul li:last-child{
	    border: none !important;
	}
	#top-links ul li {
	    display: inline-block;
	    padding: 0 0px;
	    border: none;
	    line-height: 30px;
	}
	.xs-cur{
		margin: 0 10px;
	}
	#top-links .pull-right{
		float: none !important;
	}
	#top-links{
		width: 100%;
	}
	.pagi .col-xs-6{
		width: 100%;
		text-align: center;
	}
	.product-thumb .price-new{
		font-size: 16px;
	}
	.product-thumb .price-old{
		font-size: 12px;
	}
	.propage-tab .nav-tabs > li > a{
	    padding: 10px 6px;
	}
	.rating ul li {
	    padding-right: 2px;
	    padding-left: 2px;
	}
	.cate-border .catebt, .sorting {
	    width: 100%;
	}
	.sorting {
	    margin-top: 10px;
	}
	.product-grid, .product-list {
	    width: 50%;
	}
	.foot-app img{
		max-width: 85px;
	}
}
@media(min-width: 992px) and (max-width: 1199px){
	.cartco {
	    margin-left: 1px;
	}
	.menu-img img{
		max-width: 13px;
		margin-top: 3px;
	}
	#menu .nav > li > a {
	    padding: 7px 10px;
	}
	.service ul li h4 {
    	font-size: 15px;
	}
	#top-links ul li {
    	padding: 0 15px;
	}
}
@media(min-width: 768px) and (max-width: 991px){
	.category-tab .owl-carousel {
		padding: 0;
	}
	  .form-builder-widget-form{ padding: 15px; }
	.pro-nepr .owl-theme .owl-controls .owl-buttons div {
		width: 40px;
		height: 40px;
	}
	.pro-nepr .owl-carousel .owl-buttons div i {
		font-size: 18px !important;
		line-height: 40px;
	}
	.pro-nepr .owl-theme .owl-controls .owl-buttons .owl-prev {
		left: 0;
	}
	.pro-nepr .owl-theme .owl-controls .owl-buttons .owl-next {
		right: 0;
	}
	.xsse{
		width: 50%;
	}
	.firstbanner .banner-effect:first-child, .secondbanner .banner-effect:first-child {
	    margin-bottom: 18px;
	}
	.static-menu li {
	    margin: 0 6px;
	}
	.menu-img img{
		margin-top: 2px;
	}
	#menu .nav > li > a {
    	padding: 9px 20px;
	}
	.service{
		text-align: center;
	}
	.foot-social li{
		padding: 0 3px;
	}
	.pagi .tot {
		font-size: 12px;
	}
	.foot-app img{
		max-width: 82px;
	}
	.foot-pay img {
    	max-width: 158px;
	}
	.cbanner {
    	padding: 0 12px;
	}
	#menu .dropdown-inner a {
    	min-width: 173px;
	}	
}
@media(max-width: 767px){
	#text-search{
		border-radius: 4px 0 0 4px;
	}
	.category-tab .nav-tabs>li {
	    display: block;
	    float: none;
	    padding: 5px 0;
	}
	.category-tab h2 {
		line-height: 30px;
		margin-bottom: 10px;
	}
	.catb {
	    background: #fff;
	    color: #111;
	    padding: 0;
	    border: none;
	    line-height: 30px;
	}
	.catbe{
		text-align: right;
		margin-right: 0;
		position: absolute;
		right: 15px;
		top: 0;
	}
	.catb.toggle.collapsed::after {
	    font-family: 'FontAwesome';
	    content: '\f067';
	    font-size: 14px;
	    font-weight: normal;
	    float: right;
	    cursor: pointer;
	}
	.catb.toggle::after {
	    font-family: 'FontAwesome';
	    content: '\f068';
	    font-size: 14px;
	    font-weight: normal;
	    float: right;
	    cursor: pointer;
	}
	#slideshow0.owl-theme .owl-buttons div{
		display: none;
	}
	.inspire_blog_page .panel-body h5 {
	    margin-top: 10px;
	    display: inline-block;
	}
	span.cartcount {
	    width: 18px;
	    height: 18px;
	    line-height: 18px;
	    font-size: 10px;
	    left: -3px;
	    bottom: 30px;
	}
	#cart button img {
    	max-width: 25px;
	}
	.logo-slider{
		margin-left: 0;
		margin-right: 0;
	}
	#common-home #content {
	    padding: 0;
	}
	.countdown-row .countdown-section{
		min-width: 35px;
	    margin: 10px 1px 0 1px;
	    padding: 3px 5px 5px;
	    height: 40px;
	}
	.is-countdown{
		position: unset;
	}
	.button-group,.acart{
		display: none;
	}
	.product-thumb .caption{
		text-align: center;
	}
	.cat-button {
	    width: 100%;
        position: absolute;
	    right: 26px;
	    top: 9px;
	    background: transparent;
	    color: #fff;
	    padding: 0;
	    border: none;
	}
	.tab-head h1 {
	    font-size: 14px;
	    padding: 10px 10px;
	}
	.cat-button.toggle.collapsed::after {
	    font-family: 'FontAwesome';
	    content: '\f067';
	    font-size: 14px;
	    font-weight: normal;
	    float: right;
	    cursor: pointer;
	}
	.cat-button.toggle::after {
	    font-family: 'FontAwesome';
	    content: '\f068';
	    font-size: 14px;
	    font-weight: normal;
	    float: right;
	    cursor: pointer;
	}
	#cart {
    	padding: 9px 1px 7px;
	}
	.xs-cart{
	    position: relative;
	    top: 0;
	    right: auto;
	    margin-top: 10px;
	    flex-direction: column;
	    gap: 10px;
	    align-items: stretch;
	}
	
	.xs-cart .dropdown {
		width: 100%;
	}
	
	.xs-cart .dropdown > a {
		width: 100%;
		justify-content: center;
		padding: 10px;
		background: #f8f9fa;
		border: 1px solid #ddd;
		border-radius: 5px;
	}
	
	.xs-cart .dropdown .fa-user {
		font-size: 18px;
	}
	
	.xs-cart .dropdown .cartco span:first-child {
		font-size: 9px;
	}
	
	.xs-cart .dropdown .cartco span:last-child {
		font-size: 11px;
	}
	
	#cart-total{
		letter-spacing: 0;
	}
	#search-by-category{
		margin-top: 20px;
	}
	header {
    	padding-bottom: 15px;
	}
	#logo img{
	    max-width: 90px !important;
	    max-height: 50px !important;
	    width: auto !important;
	    height: auto !important;
    	margin-left:2px;
	}
	footer h5 .toggle.collapsed::after,.filterp .toggle.collapsed::after {
	    font-family: 'FontAwesome';
	    content: '\f067';
	    font-size: 14px;
	    font-weight: normal;
	    float: right;
	    cursor: pointer;
	}
	footer h5 .toggle::after,.filterp .toggle::after {
	    font-family: 'FontAwesome';
	    content: '\f068';
	    font-size: 14px;
	    font-weight: normal;
	    float: right;
	    cursor: pointer;
	}
	footer .btn-primary {
		color: #fff !important;
	    text-shadow: none;
	    background: none;
	    background-image: none;
	    background-image: none;
	    border: 0;
	    box-shadow: none;
	    font-size: 12px;
	    position: absolute;
	    top: -8px;
	    right: 0;
	    width: 100%;
	}
	footer .btn-primary:active:focus,footer .btn-primary:hover,.btn-primary:active:hover, .btn-primary:focus {
		background-color: transparent;
		border: none;
		color: #2a3746;
	}
	footer h5::before {
		display: none;
	}
	.foot-top{
		margin-bottom: 30px;
	    padding-top: 15px;
	}
	.foot-app ul{
		padding-left: 0;
	}
	footer h5{
		font-size: 14px;
		line-height: 15px;
	}
	.foot-bottom{
		padding: 15px 0;
	}
	.foot-top .button-submit{
		right: 15px;
	}
	.foot-pay img{
		float: none !important;
	    margin: 0 auto;
	}
	.foot-bottom .col-xs-12{
		text-align: center !important;
	}
	.foot-app img {
    	margin: 12px 0 8px 0px;
	}	
	/* sidenav */
	body.active {
	    overflow: hidden;
	}
	body.active::before {
	    background: #000000 none repeat scroll 0 0;
	    content: "";
	    height: 100%;
	    left: 0;
	    opacity: 0.7;
	    position: absolute;
	    top: 0;
	    width: 100%;
	    z-index: 999;
	    transition: all .2s ease 0s;
	    -webkit-transition: all .2s ease 0s;
	    -moz-transition: all .2s ease 0s;
	    -ms-transition: all .2s ease 0s;
	    -o-transition: all .2s ease 0s;
	}
	body.active .sidenav {
	    overflow-x: unset;
	    overflow-y: scroll;
	}
	.sidenav {
	    height: 100%;
	    width: 0;
	    position: fixed;
	    z-index: 9999;
	    top: 0;
	    left: 0;
	    background-color: #111;
	    transition: 0.5s;
	    padding-top: 60px;
	    overflow-x: hidden;
	    transition: 0.5s;
	    padding-top: 60px;
	    box-shadow: 5px 0 5px 0 rgba(0,0,0,.06);
	    clear: both;
	    height: 100%;
	    background-color: #fff;
	    list-style: none;
	    margin: 0;
	    padding: 0;
	    text-align: left;
	}
	.sidenav .close-nav {
		background-color: #161616;
		padding: 12px 15px;
		width: 100%;
		display: inline-block;
		color: #fff;
		letter-spacing: 1px;
	}
	#mobile_top_menu_wrapper {
	    margin: 0;
	    line-height: 20px;
	    display: block !important;
	}
	.closebtn{
	    float: right;
	}
	.close-nav i{
	    color: #fff;
	    font-size: 16px;
	}
	.navbar-header button{
		border: none;
		background: transparent;
		color: #fff;
		font-size: 16px;
		cursor: pointer;
		vertical-align: bottom;
	    position: relative;
    	top: -6px;
	}
	#menu .navbar-collapse {
	    display: block;
	}
	#menu .navbar-nav > li{
		display: block;
	}
	#menu{
	    position: absolute;
    	top: -137px;	
	}
	.allmenu {
    	background-color: transparent;
    	height: auto;
    	border: none;
    	margin: 0;
	}
	#menu .nav > li > a{
		padding: 10px 15px;
	}
	.category-tab .nav>li>a{
		text-align: left;
	}
	.product-right h1{
		margin-top: 20px;
	}
	.cateleft{
	    display: none;
	}
	.filterp.panel-default > .panel-heading {
	    border-color: #000;
	    text-transform: capitalize;
	    font-size: 12px;
	    letter-spacing: 1px;
	    margin: 0;
	    color: #fff !important;
	    background-color: #000;
	    padding: 8px 10px;
	    border-radius: 0px;
	    position: relative;
	}
	.filterp .filtercolb {
	    color: #fff;
	    text-shadow: none;
	    background: none;
	    background-image: none;
	    border: 0;
	    box-shadow: none;
	    font-size: 12px;
	    position: absolute;
	    top: 2px;
	    right: 0px;
	}
}
@media(min-width: 600px) and (max-width: 767px){
	.block-cat-wr {
	    width: 33.33%;
	}
	.pro-tab.nav>li>a{
		padding: 10px;
	}
	.xs-cart {
		position: relative !important;
		top: 0 !important;
	}
	.pro-bg .nav-tabs {
	    margin-right: 0px;
	}
	.cbanner {
	    padding: 0 14px;
	}
	.service .col-xs-12{
		width: 50%;
	}
	.product-grid, .product-list {
	    width: 33.33%;
	}
}
@media(max-width:991px ){
	#search-by-category .search-container .categories-container .hover-cate p{
		display: none;
	}
}
#product-manufacturer .inspire-quickview{
	display: none;
}
/* banner effect */
/* banner effect start */
@media(min-width: 992px){
	.banner-effect a::before, .banner-effect a::after {
        background-color: rgba(229, 229, 229, 0.6);
        content: "";
        height: 100%;
        left: 0;
        opacity: 1;
        position: absolute;
        top: 0;
        transition: all 0.9s ease 0s;
        width: 100%;
        z-index: 1;
    }
    .banner-effect a::before{
        border-top: 1px solid rgba(229, 229, 229, 0.6);
        transform: translate(0%, 105%);
    }
    .banner-effect a::after{
        border-bottom: 1px solid rgba(229, 229, 229, 0.6);
        transform: translate(0%, -105%);
    }
    .banner-effect:hover a::before, .banner-effect:hover a::after {
        opacity: 0;
        transform: translate(0px, 0px);
    }
    .banner-effect {
        position: relative;
        overflow: hidden;
    } 
}
/* banner effect */
/*loader start */
#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 64px;
    width: 64px;
    margin-left: -30px;
}
#page-preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: -1;
    opacity: 0;
    -moz-transition: all 1.3s ease 0.3s;
    -o-transition: all 1.3s ease 0.3s;
    -webkit-transition: all 1.3s ease 0.3s;
    transition: all 1.3s ease 0.3s;
    overflow: hidden;
}
#page-preloader.visible {
    opacity: 1;
    z-index: 100500;
    overflow: hidden;
}
#page-preloader .preloader {
    position: absolute;
    left: 50%;
    top: 45%;
    text-align: center;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
}
#page-preloader.visible .preloader {
    opacity: 1;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.object{
	position: absolute;
    top: 0px;
    z-index: 4;
    background: url('../../../../../image/catalog/loader.gif') 50% 50% no-repeat;
    height: 80px;
    width: 80px;
    margin-left: -9px;
}
#page-preloader{
    display: none;
}
#page-preloader{
    display: block;
}
/* quickview */

.product-quickview-detail .inspire-quickview{
	display: none
}
.product-quickview-detail #content {
    min-height: auto;
}
.product-quickview-detail {
    width: 100%;
    background-color: #fff;
    padding-bottom: 15px;
}
.product-quickview-detail #content{
	min-height: auto;
	margin-top: 20px;
}
.mfp-iframe-scaler iframe{
	background: #fff !important;
	box-shadow: none !important
}
.footer-collapse ul{
	padding-bottom: 15px;
}
@media(max-width: 767px){
	.pro-bg,.offerbanner,footer{
		margin-top: 20px;
	}
	.topbanner,.logo-slider{
		margin-top: 5px;
	}
	.category-tab .owl-carousel {
		padding: 0;
	}
	.pro-nepr .owl-theme .owl-controls .owl-buttons div {
		width: 35px;
		height: 35px;
	}
	.pro-nepr .owl-carousel .owl-buttons div i {
		font-size: 16px !important;
		line-height: 35px;
	}
	.pro-nepr .owl-theme .owl-controls .owl-buttons .owl-prev {
		left: -5px;
	}
	.pro-nepr .owl-theme .owl-controls .owl-buttons .owl-next {
		right: -5px;
	}
	.pro-bg.category-tab .nav-tabs {
	    margin-right: 0;
	    text-align: center;
	    position: absolute;
	    background-color: #fff;
	    border: 1px solid #eee;
	    border-radius: 4px;
	    padding: 5px 0px;
	    left: 15px;
	    right: 15px;
	    margin-top: 40px;
	    z-index: 9;
	}

	
	#top-links .dropdown-menu,#cart .dropdown-menu{
	right:-0px;		
	}
	#top-links .open .dropdown-menu, #cart.open .dropdown-menu{
		margin-top: 0 !important;
	}
	.service li{
		display: inline-block;
	}	
	.service ul{
		padding: 6px 0px;
	}
	.search .btn-lg{
		padding: 10px 15px;
	}
}
@media(min-width:600px) AND (max-width:767px){
	.socials-block{
		margin-left: 30px;
	}
	#top-links ul li{
		padding: 0 10px;
	}
}
@media(min-width:992px) AND (max-width: 1199px){

}

.qlable{
line-height: 30px;
}
.input-group .qtyq.form-control[name^="quantity"]{
	width: 70px;
	padding: 6px;
	margin-left: 10px;
}
.qop{
	margin-top: 8px;
}
.acart i{
	font-size: 16px;
}
@media(max-width:767px){
	.acart{
		display:block;
		padding: 0 15px;
	}
	.acart:hover{
		background-color: transparent !important;
		border: none !important;
	}
	.input-group .qtyq.form-control[name^="quantity"]{
		width: 55px;
	}
	.acart:hover i{
		color: #0060aa;
	}
	.product-list .qop{
		margin-bottom: 8px;
	}
}
.product-list .acart:hover{
		background-color: transparent !important;
		border: none !important;
	}
.product-list .acart:hover i{
		color: #0060aa;
	}
.product-list .product-thumb:hover .acart{
	border: none;
	}
.product-list .acart{
	box-shadow: none;
	border: none;
}
.product-list .qop{
	margin-bottom: 8px;
}
.sale-tag{
	position: absolute;
top: 10px;
left: 10px;
font-size: 1.3rem;
color: #09ac63;
max-width: 90%;
background: #e2f7ee;
padding: 0px 7px;
border: 1px solid #e2f7ee;
border-radius: 4px;
margin-top: 0px;
margin-bottom: 0;
}

/* ============================================
   Radio ve Checkbox Buton Stilleri - Ürün Seçenekleri
   ============================================ */

/* Seçenek Satırı - Başlık Solda, Form Elemanı Yanında */
.product-option-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 0;
  border-bottom: 1px solid #f0f0f0;
  gap: 0;
}

.product-option-row:last-child {
  border-bottom: none;
}

/* Seçenek Başlığı (Sol Taraf) */
.option-label {
  flex: 0 0 auto;
  min-width: 150px;
  margin-right: 20px;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  text-align: left;
}

/* Seçenek Butonları Container (Başlıktan Sonra) */
.option-buttons {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
}

/* Radio ve Checkbox Butonlar */
.option-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border: 2px solid #ddd;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 0;
  font-weight: normal;
  min-width: 80px;
  font-size: 14px;
}

.option-btn:hover {
  border-color: #5cb85c;
  background: #f9f9f9;
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.option-btn.active {
  border-color: #5cb85c;
  background: #5cb85c;
  color: #fff;
  font-weight: 600;
  box-shadow: 0 3px 10px rgba(92, 184, 92, 0.3);
}

.option-btn input[type="radio"],
.option-btn input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Image Seçenekleri - Kompakt Görünüm */
.option-images {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

.option-image-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 0;
  border: 2px solid #e0e0e0;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
  overflow: hidden;
}

.option-image-item:hover {
  border-color: #27ae60;
  box-shadow: 0 2px 8px rgba(39, 174, 96, 0.2);
}

.option-image-item.active {
  border-color: #27ae60;
  border-width: 3px;
  box-shadow: 0 2px 10px rgba(39, 174, 96, 0.3);
}

.option-image-item.active::after {
  content: '💧';
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 14px;
  z-index: 2;
}

.option-image-item input[type="radio"] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.option-image-item img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  display: block;
  border-radius: 2px;
}

.option-image-label {
  font-size: 11px;
  color: #666;
  text-align: center;
  font-weight: 400;
  line-height: 1.2;
  padding: 3px 5px;
  background: #f8f8f8;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.option-image-item.active .option-image-label {
  color: #27ae60;
  font-weight: 600;
  background: #e8f8f5;
}

/* Modal İçinde Image Seçenekleri */
.option-images-modal {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.option-image-item-modal {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 0;
  border: 2px solid #e0e0e0;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
  overflow: hidden;
}

.option-image-item-modal:hover {
  border-color: #27ae60;
  box-shadow: 0 2px 8px rgba(39, 174, 96, 0.2);
}

.option-image-item-modal.active {
  border-color: #27ae60;
  border-width: 3px;
  box-shadow: 0 2px 10px rgba(39, 174, 96, 0.3);
}

.option-image-item-modal.active::after {
  content: '💧';
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 14px;
  z-index: 2;
}

.option-image-item-modal input[type="radio"] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.option-image-item-modal img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  display: block;
  border-radius: 2px;
}

.option-image-item-modal .option-image-label {
  font-size: 11px;
  color: #666;
  text-align: center;
  font-weight: 400;
  line-height: 1.2;
  padding: 3px 5px;
  background: #f8f8f8;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.option-image-item-modal.active .option-image-label {
  color: #27ae60;
  font-weight: 600;
  background: #e8f8f5;
}

/* Select Dropdown Container (Başlıktan Sonra) */
.option-select-wrapper {
  flex: 1;
  max-width: 400px;
}

.option-select-wrapper .option-select {
  width: 100%;
  padding: 10px 15px;
  font-size: 14px;
  border: 2px solid #ddd;
  border-radius: 5px;
  background: #fff;
  transition: all 0.3s ease;
}

.option-select-wrapper .option-select:focus {
  border-color: #5cb85c;
  outline: none;
  box-shadow: 0 0 8px rgba(92, 184, 92, 0.2);
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
  .product-option-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  
  .option-label {
    flex: 1 1 100%;
    margin-bottom: 5px;
  }
  
  .option-buttons {
    flex: 1 1 100%;
    justify-content: flex-start;
  }
  
  .option-images {
    flex: 1 1 100%;
    justify-content: flex-start;
  }
  
  .option-image-item {
    flex: 0 0 auto;
  }
  
  .option-image-item img {
    width: 50px;
    height: 50px;
  }
  
  .option-select-wrapper {
    flex: 1 1 100%;
    max-width: 100%;
    margin-left: 0;
  }
}

.radio-btn-group,
.checkbox-btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.radio-btn-label,
.checkbox-btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border: 2px solid #ddd;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 0;
  font-weight: normal;
  min-width: 80px;
}

.radio-btn-label:hover,
.checkbox-btn-label:hover {
  border-color: #5cb85c;
  background: #f9f9f9;
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.radio-btn-label.active,
.checkbox-btn-label.active {
  border-color: #5cb85c;
  background: #5cb85c;
  color: #fff;
  font-weight: 600;
  box-shadow: 0 3px 10px rgba(92, 184, 92, 0.3);
}

.radio-btn-label input[type="radio"],
.checkbox-btn-label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.radio-btn-text,
.checkbox-btn-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.radio-btn-label small,
.checkbox-btn-label small {
  display: block;
  font-size: 11px;
  margin-top: 3px;
  opacity: 0.8;
}

.radio-btn-label.active small,
.checkbox-btn-label.active small {
  opacity: 1;
}

.radio-btn-label img,
.checkbox-btn-label img {
  max-width: 40px;
  max-height: 40px;
  margin-bottom: 5px;
  border-radius: 3px;
}

/* ============================================
   Ürün Varyantları (Attribute-Based) - Renk/Beden Seçici
   ============================================ */
.product-variants-section {
  margin: 20px 0;
  padding: 20px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.product-variants-section h4 {
  margin: 0 0 18px 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
}

.product-variants-section h4 i {
  color: #5cb85c;
  font-size: 18px;
}

.variant-color-selector {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  align-items: center;
}

.variant-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 15px;
  border: 2px solid #ddd;
  border-radius: 10px;
  background: #fff;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 110px;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.variant-item:hover {
  border-color: #5cb85c;
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 6px 20px rgba(92, 184, 92, 0.25);
  text-decoration: none;
}

.variant-item.active {
  border-color: #5cb85c;
  border-width: 3px;
  background: linear-gradient(135deg, #f0fff0 0%, #e6ffe6 100%);
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(92, 184, 92, 0.3);
}

.variant-color-box {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
  border: 2px solid #f0f0f0;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.variant-item:hover .variant-color-box {
  border-color: #5cb85c;
  transform: scale(1.05);
}

.variant-item.active .variant-color-box {
  border-color: #5cb85c;
  border-width: 3px;
}

.variant-color-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.variant-item:hover .variant-color-box img {
  transform: scale(1.1);
}

.variant-label {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  text-align: center;
  margin-bottom: 5px;
  transition: color 0.3s ease;
}

.variant-item:hover .variant-label {
  color: #5cb85c;
}

.variant-item.active .variant-label {
  color: #0060aa;
  font-weight: 700;
}

.variant-price {
  font-size: 12px;
  color: #666;
  font-weight: 500;
  margin-top: 3px;
  display: block;
}

.variant-item.active .variant-price {
  color: #0060aa;
  font-weight: 600;
}

.variant-check {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #fff;
  border-radius: 50%;
  padding: 3px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.variant-check i {
  color: #0060aa;
  font-size: 22px;
  display: block;
  line-height: 1;
}

.variant-out-of-stock {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  background: #dc3545;
  color: #fff;
  font-size: 10px;
  padding: 3px 8px;
  border-radius: 4px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 10;
}

/* Mobil Responsive */
@media (max-width: 768px) {
  .product-variants-section {
    padding: 15px;
  }
  
  .variant-item {
    min-width: 90px;
    padding: 10px;
  }
  
  .variant-color-box {
    width: 65px;
    height: 65px;
  }
  
  .variant-label {
    font-size: 12px;
  }
  
  .variant-price {
    font-size: 11px;
  }
}

/* ============================================
   Gelişmiş Varyant Sistemi (Option-Based)
   ============================================ */

.product-variant-options-section {
  margin: 25px 0;
  padding: 20px;
  background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.product-variant-options-section h4 {
  font-size: 18px;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #3498db;
  display: flex;
  align-items: center;
  gap: 10px;
}

.product-variant-options-section h4 i {
  color: #3498db;
  font-size: 20px;
}

.variant-option-group {
  margin-bottom: 20px;
}

.variant-option-group:last-child {
  margin-bottom: 0;
}

.variant-option-label {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #34495e;
  margin-bottom: 12px;
  text-transform: capitalize;
}

.variant-option-values {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.variant-option-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 20px;
  min-width: 80px;
  font-size: 14px;
  font-weight: 600;
  color: #555;
  background: #fff;
  border: 2px solid #d4d9df;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.variant-option-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(52, 152, 219, 0.1);
  transform: translate(-50%, -50%);
  transition: width 0.3s ease, height 0.3s ease;
}

.variant-option-btn:hover::before {
  width: 200%;
  height: 200%;
}

.variant-option-btn:hover {
  border-color: #3498db;
  color: #3498db;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.2);
}

.variant-option-btn.active {
  background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
  border-color: #2980b9;
  color: #fff;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
}

.variant-option-btn.active i {
  color: #fff;
  font-size: 16px;
  animation: checkBounce 0.4s ease;
}

@keyframes checkBounce {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}

.variant-option-btn.not-available {
  background: #fff;
  border-color: #d4d9df;
  color: #adb5bd;
  position: relative;
  cursor: pointer;
}

.variant-option-btn.not-available::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 10%;
  right: 10%;
  height: 2px;
  background: #dc3545;
  transform: translateY(-50%);
  z-index: 1;
}

.variant-option-btn.not-available:hover {
  border-color: #ffc107;
  color: #856404;
  background: #fff3cd;
}

.variant-option-btn.out-of-stock {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #adb5bd;
  cursor: not-allowed;
  opacity: 0.6;
  text-decoration: line-through;
}

.variant-option-btn.out-of-stock:hover {
  border-color: #dee2e6;
  color: #adb5bd;
  transform: none;
  box-shadow: none;
}

.variant-option-btn.out-of-stock::after {
  content: '✕';
  position: absolute;
  top: 2px;
  right: 4px;
  font-size: 10px;
  color: #dc3545;
  font-weight: bold;
}

/* Responsive */
@media (max-width: 768px) {
  .product-variant-options-section {
    padding: 15px;
  }
  
  .product-variant-options-section h4 {
    font-size: 16px;
  }
  
  .variant-option-label {
    font-size: 14px;
  }
  
  .variant-option-btn {
    padding: 8px 16px;
    min-width: 70px;
    font-size: 13px;
  }
  
  .variant-option-values {
    gap: 8px;
  }
}

@media (max-width: 480px) {
  .variant-option-btn {
    padding: 6px 12px;
    min-width: 60px;
    font-size: 12px;
  }
  
  .variant-option-values {
    gap: 6px;
  }
}

/* ============================================
   Minimal Varyant Listesi (Alt Alta Tasarım)
   ============================================ */
.product-variant-section {
  margin: 25px 0;
  padding: 0;
}

.variant-section-header {
  margin-bottom: 15px;
}

.variant-section-title {
  font-size: 18px;
  font-weight: 700;
  color: #2c3e50;
  margin: 0 0 15px 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #3498db;
  display: flex;
  align-items: center;
  gap: 10px;
}

.variant-section-title i {
  color: #3498db;
  font-size: 20px;
}

.variant-options-list {
  display: flex;
  flex-direction: column;
  gap: 3px;
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 5px;
}

/* Scroll bar stilleri - Webkit tarayıcılar için */
.variant-options-list::-webkit-scrollbar {
  width: 8px;
}

.variant-options-list::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.variant-options-list::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

.variant-options-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Firefox için */
.variant-options-list {
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}

.variant-option-item {
  display: flex;
  align-items: center;
  background: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  padding: 5px 12px;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease;
  cursor: pointer;
  position: relative;
  min-height: 60px;
}

.variant-option-item:hover {
  border-color: #3498db;
  text-decoration: none;
  color: inherit;
}

.variant-option-item.active {
  border-color: #3498db;
  border-width: 3px;
  background: #f8f9ff;
}

.variant-option-item.out-of-stock {
  border-color: #d0d0d0;
  background: #f8f9fa;
  opacity: 0.6;
  cursor: not-allowed;
}

.variant-option-item.out-of-stock:hover {
  border-color: #d0d0d0;
}

.variant-option-item.low-stock {
  border-color: #ffc107;
}

.variant-option-item.low-stock:hover {
  border-color: #ff9800;
}

.variant-item-image {
  position: relative;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 12px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e0e0e0;
}

.variant-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.variant-item-badge {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 16px;
  height: 16px;
  background: #3498db;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 9px;
  box-shadow: 0 1px 3px rgba(52, 152, 219, 0.4);
  z-index: 2;
}

.variant-item-badge i {
  font-size: 9px;
}

.variant-item-info {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.variant-item-details {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.variant-detail-item {
  font-size: 15px;
  color: #666;
  line-height: 1.4;
  display: flex;
  align-items: center;
}

.variant-detail-item strong {
  color: #333;
  font-weight: 600;
  margin-right: 5px;
}

.variant-option-item.out-of-stock .variant-detail-item {
  color: #adb5bd;
}

.variant-option-item.out-of-stock .variant-detail-item strong {
  color: #adb5bd;
}

.variant-item-stock {
  font-size: 15px;
  line-height: 1.4;
}

.variant-item-stock.in_stock {
  color: #27ae60;
}

.variant-item-stock.in_stock strong {
  color: #27ae60;
}

.variant-item-stock.low_stock {
  color: #f39c12;
}

.variant-item-stock.low_stock strong {
  color: #f39c12;
}

.variant-item-stock.out_of_stock {
  color: #95a5a6;
}

.variant-item-stock.out_of_stock strong {
  color: #95a5a6;
}

/* Responsive */
@media (max-width: 768px) {
  .variant-section-title {
    font-size: 16px;
  }
  
  .variant-option-item {
    padding: 8px 10px;
    min-height: 50px;
  }
  
  .variant-item-image {
    width: 35px;
    height: 35px;
    min-width: 35px;
    margin-right: 10px;
  }
  
  .variant-item-details {
    gap: 15px;
  }
  
  .variant-detail-item {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .variant-option-item {
    padding: 8px;
    min-height: 45px;
  }
  
  .variant-item-image {
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 8px;
  }
  
  .variant-item-details {
    gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }
  
  .variant-detail-item {
    font-size: 11px;
  }
}

/* ============================================
   Gelince Haber Ver Butonu
   ============================================ */

.btn-notify {
  background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%) !important;
  border-color: #f57c00 !important;
  color: #fff !important;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

.btn-notify:hover {
  background: linear-gradient(135deg, #fb8c00 0%, #ef6c00 100%) !important;
  border-color: #ef6c00 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(245, 124, 0, 0.4);
}

.btn-notify i {
  margin-right: 8px;
  font-size: 16px;
  animation: bellRing 2s ease-in-out infinite;
}

@keyframes bellRing {
  0%, 100% {
    transform: rotate(0deg);
  }
  10%, 30% {
    transform: rotate(-10deg);
  }
  20%, 40% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
}

.btn-notify-registered {
  background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%) !important;
  border-color: #388e3c !important;
  color: #fff !important;
  font-weight: 600;
  cursor: default;
}

.btn-notify-registered:hover {
  background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%) !important;
  border-color: #388e3c !important;
  transform: none;
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}

.btn-notify-registered i {
  margin-right: 8px;
  font-size: 16px;
  animation: none;
}

/* Responsive */
@media (max-width: 768px) {
  .btn-notify,
  .btn-notify-registered {
    font-size: 13px;
    padding: 10px 16px;
  }
  
  .btn-notify i,
  .btn-notify-registered i {
    font-size: 14px;
  }
  
.cate-border {

    margin: 0px 0px 20px 0px;

}  
  
  
  
}

	.search{
		margin-top: 13px;
	}
	
/* En Cok Okunan - Resimli Layout */
.blog-most-viewed-sidebar .most-viewed-post { display: flex; align-items: flex-start;}
.blog-most-viewed-sidebar .post-image { flex-shrink: 0; width: 80px; height: 55px; }
.blog-most-viewed-sidebar .post-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.blog-most-viewed-sidebar .post-info { flex: 1; min-width: 0; }
.blog-most-viewed-sidebar .most-viewed-post .post-title { font-weight: 600; font-size: 13px; margin-bottom: 5px; color: #333; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.blog-most-viewed-sidebar .most-viewed-post .post-views { font-size: 11px; color: #999; white-space: nowrap; }
.blog-most-viewed-sidebar .most-viewed-post .post-views i { margin-right: 5px; }

/* En Cok Okunan - Resim Sol, Baslik Sag, Goruntulenme Alt */
.blog-most-viewed-sidebar { margin-top: 20px; }
.blog-most-viewed-sidebar .panel-heading { background-color: #f5f5f5; border-bottom: 1px solid #ddd; padding: 10px 15px; }
.blog-most-viewed-sidebar .panel-title { font-size: 16px; font-weight: bold; margin: 0; }
.blog-most-viewed-sidebar .list-group-item { border-left: none; border-right: none; border-radius: 0; padding: 12px 15px; }
.blog-most-viewed-sidebar .list-group-item:hover { background-color: #f9f9f9; }
.blog-most-viewed-sidebar .most-viewed-post { display: flex; flex-direction: column; }
.blog-most-viewed-sidebar .post-top { display: flex; align-items: flex-start; gap: 10px;}
.blog-most-viewed-sidebar .post-image { flex-shrink: 0; width: 80px; height: 55px; }
.blog-most-viewed-sidebar .post-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.blog-most-viewed-sidebar .post-title { flex: 1; min-width: 0; font-size: 13px; color: #333; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.blog-most-viewed-sidebar .post-views { font-size: 11px; color: #999; padding-left: 0; margin-top: 5px; }
.blog-most-viewed-sidebar .post-views i { margin-right: 5px; }

.category-image{   }

/* Mobil Menü Arama Alanı */
.mobile-menu-search {
    padding: 15px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ddd;
}

.mobile-menu-search .input-group {
    width: 100%;
}

.mobile-menu-search .form-control {
    border-radius: 4px 0 0 4px;
    border: 1px solid #ddd;
    height: 42px;
    padding: 10px 15px;
    font-size: 14px;
}

.mobile-menu-search .btn {
    border-radius: 0 4px 4px 0;
    height: 42px;
    padding: 0 20px;
    background-color: #0060aa;
    border-color: #0060aa;
    color: #fff;
}

.mobile-menu-search .btn:hover {
    background-color: #004d8c;
    border-color: #004d8c;
}

.mobile-menu-search .btn i {
    font-size: 16px;
}

/* Mobil Mavi Header Alanı */
.mobile-blue-header-wrapper {
    background-color: #0060aa;
    padding: 6px 0 6px 0px;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
}

.mobile-blue-header-content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Header Mobil Üst Menu - Yan Yana */
.mobile-header-top-menu {
    display: flex;
    gap: 0px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.mobile-menu-separator {
    color: rgba(255, 255, 255, 0.5);
    padding: 0 5px;
    font-size: 14px;
}

.mobile-header-top-wrapper {
    position: relative;
}

.mobile-header-top-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    background-color: transparent;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.2s ease;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
}

.mobile-header-top-item i {
    font-size: 14px;
}

.mobile-header-top-item .fa-angle-down {
    font-size: 12px;
    margin-left: 3px;
}

.mobile-header-top-item:hover,
.mobile-header-top-item:focus {
    color: #ffffff;
    text-decoration: none;
    border-bottom-color: #ffffff;
}

.mobile-header-top-item:active {
    opacity: 0.8;
}

/* Dropdown Menu Stilleri */
.mobile-header-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 180px;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    margin-top: 5px;
    padding: 5px 0;
    display: none;
    z-index: 1000;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.mobile-header-top-wrapper.has-dropdown:hover .mobile-header-dropdown,
.mobile-header-top-wrapper.dropdown-open .mobile-header-dropdown {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.mobile-header-top-item.has-children .fa-angle-down {
    transition: transform 0.3s ease;
}

.mobile-header-top-wrapper.dropdown-open .mobile-header-top-item.has-children .fa-angle-down {
    transform: rotate(180deg);
}

.mobile-header-dropdown-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    font-size: 13px;
    transition: background-color 0.2s ease;
    white-space: nowrap;
}

.mobile-header-dropdown-item i {
    font-size: 14px;
    color: #0060aa;
}

.mobile-header-dropdown-item:hover {
    background-color: #f5f5f5;
    color: #0060aa;
    text-decoration: none;
}

@media (max-width: 767px) {
    header .container .row {
        margin-left: -15px;
        margin-right: -15px;
    }
	
header #logo img {
	        max-height: 60px !important;
        margin-bottom: 10px; 

}	
	
}

@media (max-width: 400px) {
    .mobile-header-top-item {
        padding: 4px 5px;
        font-size: 12px;
        gap: 3px;
		color: #ffffff;		
    }
    
    .mobile-menu-separator {
        padding: 0 3px;
        font-size: 12px;
    }
    
    .mobile-header-dropdown {
        min-width: 150px;
        font-size: 12px;
    }
    
    .mobile-header-dropdown-item {
        padding: 8px 12px;
        font-size: 12px;
    }
    
    /* Dropdown menü ekrandan taşarsa sola hizala */
    .mobile-header-top-wrapper:last-child .mobile-header-dropdown,
    .mobile-header-top-wrapper:nth-last-child(2) .mobile-header-dropdown {
        left: auto;
        right: 0;
    }
}
hr { margin-top: 10px; margin-bottom: 10px;  }

/* YENİ İletişim Sayfası Tasarımı */



.contact-section-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #333;
    padding-bottom: 10px;
    border-bottom: 2px solid #0060aa;
	margin-top: 0px;
}

/* Sol Panel - İletişim Bilgileri */
.contact-info-panel,


.contact-info-list {
    margin-bottom: 25px;
}

.contact-info-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.contact-info-item:last-child {
    border-bottom: none;
}

.contact-icon {
    width: 40px;
    height: 40px;
    background-color: #0060aa;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 15px;
    font-size: 18px;
}

.contact-icon.whatsapp {
    background-color: #25D366;
}

.contact-details {
    flex: 1;
}

.contact-details strong {
    display: block;
    color: #333;
    font-size: 14px;
    margin-bottom: 5px;
}

.contact-details p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
}

.contact-details a {
    color: #0060aa;
    text-decoration: none;
}

.contact-details a:hover {
    text-decoration: underline;
}

/* Sosyal Medya İkonları */
.contact-social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
}

.social-icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff !important;
    font-size: 20px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.social-icon i {
    color: #ffffff !important;
}

.social-icon:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    color: #ffffff !important;
}

.social-icon:hover i {
    color: #ffffff !important;
}

.social-icon.instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.social-icon.facebook {
    background-color: #1877f2;
}

.social-icon.twitter {
    background-color: #1da1f2;
}

.social-icon.linkedin {
    background-color: #0077b5;
}

.social-icon.telegram {
    background-color: #0088cc;
}

.social-icon.messenger {
    background: linear-gradient(45deg, #00b2ff 0%, #006aff 100%);
}

.social-icon.skype {
    background-color: #00aff0;
}

/* Harita - Tam Genişlik */
.contact-map-full-width {
    margin-top: 20px;
}

.contact-map-container {
    margin-bottom: 15px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

.contact-map-container iframe {
    width: 100%;
    height: 450px;
    border: none;
    display: block;
}

.contact-map-buttons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.btn-map {
    flex: 1;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.btn-map i {
    margin-right: 5px;
}

.btn-map:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Sağ Panel - İletişim Formu */


.contact-form-description {
    color: #666;
    font-size: 14px;
    margin-bottom: 25px;
    line-height: 1.6;
}

.contact-form .form-group {
    margin-bottom: 20px;
}

.contact-form label {
    display: block;
    margin-bottom: 8px;
    color: #333;
    font-weight: 500;
    font-size: 14px;
}

.contact-form .form-control {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.contact-form .form-control:focus {
    border-color: #0060aa;
    box-shadow: 0 0 0 3px rgba(0, 96, 170, 0.1);
    outline: none;
}

.contact-form textarea.form-control {
    resize: vertical;
    min-height: 120px;
}

.contact-form .btn-primary {
    background-color: #0ca8e8;
    border-color: #0ca8e8;
    padding: 14px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.contact-form .btn-primary:hover {
    background-color: #0990c9;
    border-color: #0990c9;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(12, 168, 232, 0.3);
}

.contact-form .text-danger {
    color: #dc3545;
    font-size: 13px;
    margin-top: 5px;
}

/* Responsive Düzenlemeler */
@media (max-width: 991px) {
    .contact-info-panel,
    .contact-form-panel {
        margin-bottom: 30px;
    }
    
    .contact-map-container iframe {
        height: 350px;
    }
}

@media (max-width: 768px) {
    .contact-section-title {
        font-size: 20px;
    }
    
    .contact-info-panel,
    .contact-form-panel {
        padding: 20px;
    }
    
    .contact-icon {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
    
    .contact-details strong {
        font-size: 13px;
    }
    
    .contact-details p {
        font-size: 13px;
    }
    
    .contact-map-container iframe {
        height: 250px;
    }
    
    .contact-map-buttons {
        flex-direction: column;
    }
    
    .btn-map {
        width: 100%;
    }
    
    .contact-form .btn-primary {
        padding: 12px 25px;
        font-size: 15px;
    }
    
    .social-icon {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }
    
    .contact-social-icons {
        gap: 8px;
    }
}

/* ============================================
   Ürün Sertifika/Logo Rozetleri
   ============================================ */

/* Main image container relative konumlandırma */
.main-image-container {
    position: relative;
}

/* Badges container - Konum, yön ve boşluk dinamik (inline style ile gelir) */
.product-badges {
    position: absolute;
    display: flex;
    z-index: 10;
    /* Dinamik: top/bottom, left/right, flex-direction, gap */
}

/* Her bir badge/logo - Boyut dinamik (inline style ile gelir) */
.product-badge-item {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    padding: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    position: relative; /* Tooltip'lerin bu element'e göre konumlanması için */
    /* Dinamik: width, height */
}

.product-badge-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Link olan badge'ler için hover efekti */
a.product-badge-item:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    background: #fff;
    text-decoration: none;
}

/* Tooltip efekti - Sağdaki logolar için (sol tarafa açılır) */
.badge-pos-right .product-badge-item[title]:hover::after {
    content: attr(title);
    position: absolute;
    right: calc(100% + 10px); /* Badge genişliğinin %100 + 10px boşluk */
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
    pointer-events: none;
}

.badge-pos-right .product-badge-item[title]:hover::before {
    content: '';
    position: absolute;
    right: calc(100% + 4px);
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-left-color: rgba(0, 0, 0, 0.85);
    z-index: 1001;
}

/* Tooltip efekti - Soldaki logolar için (sağ tarafa açılır) */
.badge-pos-left .product-badge-item[title]:hover::after {
    content: attr(title);
    position: absolute;
    left: calc(100% + 10px); /* Badge genişliğinin %100 + 10px boşluk */
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
    pointer-events: none;
}

.badge-pos-left .product-badge-item[title]:hover::before {
    content: '';
    position: absolute;
    left: calc(100% + 4px);
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-right-color: rgba(0, 0, 0, 0.85);
    z-index: 1001;
}

/* Responsive - Mobil */
@media (max-width: 767px) {
    /* Mobilde tooltip'i gizle */
    .product-badge-item[title]:hover::after,
    .product-badge-item[title]:hover::before {
        display: none;
    }
}

/* Fiyatı 0 Olan Ürünler İçin Detay Butonu */
.product-detail-btn {
    margin-top: 15px;
    text-align: center;
}

.product-detail-btn .btn-primary {
    background-color: #0060aa;
    border-color: #0060aa;
    color: #fff;
    padding: 5px 15px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 4px;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

.product-detail-btn .btn-primary:hover {
    background-color: #004a87;
    border-color: #004a87;
    color: #fff;
}

.product-detail-btn .btn-primary:focus {
    box-shadow: none;
    outline: none;
}

/* Ürün Detay Sayfası - Fiyat 0 Mesajı */
.product-zero-price-message {
    margin: 20px 0;
    padding: 20px;
    background-color: #f8f9fa;
    border-left: 4px solid #0060aa;
    border-radius: 4px;
}

.zero-price-note {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #495057;
    line-height: 1.6;
}

.zero-price-note i {
    color: #0060aa;
    margin-right: 8px;
    font-size: 16px;
}

/* Sosyal Paylaşım Butonları (AddToAny Yerine) */
.social-share-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    margin: 15px 0;
}

.social-share-buttons .share-btn {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.social-share-buttons .share-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    color: #fff;
}

.social-share-buttons .facebook {
    background-color: #1877f2;
}

.social-share-buttons .facebook:hover {
    background-color: #145dbf;
}

.social-share-buttons .twitter {
    background-color: #1da1f2;
}

.social-share-buttons .twitter:hover {
    background-color: #0c85d0;
}

.social-share-buttons .pinterest {
    background-color: #e60023;
}

.social-share-buttons .pinterest:hover {
    background-color: #bd001c;
}

.social-share-buttons .linkedin {
    background-color: #0077b5;
}

.social-share-buttons .linkedin:hover {
    background-color: #005885;
}

.social-share-buttons .whatsapp {
    background-color: #25d366;
}

.social-share-buttons .whatsapp:hover {
    background-color: #1da851;
}

/* Quick View Modal İçindeki Sosyal Butonlar */
.product-quickview-detail .social-share-buttons {
    margin: 10px 0;
    padding: 10px 0;
}

/* Responsive */
@media (max-width: 767px) {
    .social-share-buttons {
        justify-content: center;
    }
    
    .social-share-buttons .share-btn {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
}

/* ============================================
   Product Header Row - Başlık ve Rating + Butonlar
   ============================================ */

.product-header-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;

}

.product-header-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-header-right {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    padding-top: 5px;
}

.product-title {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #2c3e50;
    line-height: 1.3;
}

.product-rating-section {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.rating-stars {
    display: flex;
    gap: 2px;
}

.rating-stars .fa-star {
    color: #ffc107;
}

.rating-stars .fa-star-o {
    color: #ddd;
}

.rating-text {
    font-size: 14px;
    color: #666;
}

.write-review-link {
    font-size: 14px;
    color: #0060aa;
    text-decoration: none;
    transition: color 0.3s ease;
}

.write-review-link:hover {
    color: #004080;
    text-decoration: underline;
}

/* ============================================
   Product Info Row - Gelişmiş Ürün Bilgileri
   ============================================ */

.product-info-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
}

.product-info-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 1.5;
}

.info-label {
    font-weight: 600;
    color: #333;
    min-width: 120px;
    flex-shrink: 0;
}

.info-value {
    color: #555;
    flex: 1;
}

.stock-status {
    font-weight: 600;
    font-size: 14px;
    display: inline;
}

.stock-status.in-stock {
    color: #28a745;
}

.stock-status.out-of-stock {
    color: #dc3545;
}

.stock-update-time {
    font-size: 11px;
    color: #666;
    font-style: italic;
    margin-left: 5px;
}

.product-actions-icons {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-shrink: 0;
}

.icon-btn {
    width: 40px;
    height: 40px;
    border: 2px solid #e0e0e0;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #666;
    text-decoration: none;
}

.icon-btn:hover {
    border-color: #0060aa;
    background: #0060aa;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 96, 170, 0.3);
}

.icon-btn i {
    font-size: 16px;
}

.wishlist-btn:hover {
    border-color: #e91e63;
    background: #e91e63;
}

.compare-btn:hover {
    border-color: #ff9800;
    background: #ff9800;
}

/* Responsive */
@media (max-width: 768px) {
    .product-header-row {
        flex-direction: column;
        gap: 15px;
    }
    
    .product-header-right {
        width: 100%;
        justify-content: flex-start;
    }
    
    .product-title {
        font-size: 20px;
    }
    
    .product-rating-section {
        flex-wrap: wrap;
    }
    
    .product-info-row {
        flex-direction: column;
        gap: 15px;
    }
    
    .product-actions-icons {
        width: 100%;
        justify-content: flex-start;
    }
    
    .info-label {
        min-width: 100px;
        font-size: 13px;
    }
    
    .info-value {
        font-size: 13px;
    }
}

/* ========================================
   MODERN FİLTRE SİSTEMİ
   ======================================== */

.modern-filter-container {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.filter-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.filter-toggle-btn {
    background: rgba(255,255,255,0.2);
    border: none;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s;
}

.filter-toggle-btn:hover {
    background: rgba(255,255,255,0.3);
    transform: scale(1.1);
}

.filter-toggle-btn[aria-expanded="false"] .fa-chevron-down {
    transform: rotate(-90deg);
}

.filter-content {
    padding-top: 15px;
}

.filter-group-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: box-shadow 0.3s;
}

.filter-group-card:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.filter-group-header {
    background: #f8f9fa;
    padding: 12px 15px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.2s;
    user-select: none;
}

.filter-group-header:hover {
    background: #e9ecef;
}

.filter-group-title {
    font-weight: 600;
    font-size: 14px;
    color: #333;
}

.filter-count {
    background: #667eea;
    color: #fff;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 11px;
    margin-left: 8px;
}

.filter-group-header .fa-chevron-down {
    transition: transform 0.3s;
    color: #999;
}

.filter-group-header[aria-expanded="false"] .fa-chevron-down {
    transform: rotate(-90deg);
}

.filter-group-body {
    border-top: 1px solid #e5e5e5;
}

.filter-search-box {
    position: relative;
    padding: 10px 15px;
    background: #f8f9fa;
    border-bottom: 1px solid #e5e5e5;
}

.filter-search-input {
    padding-right: 30px;
    border-radius: 20px;
    border: 1px solid #ddd;
    font-size: 13px;
}

.filter-search-input:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);
}

.filter-search-box .fa-search {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
}

.filter-options {
    max-height: 220px;
    overflow-y: auto;
    padding: 8px 12px;
}

/* Custom scrollbar */
.filter-options::-webkit-scrollbar {
    width: 6px;
}

.filter-options::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.filter-options::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

.filter-options::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.filter-option {
    display: block;
    padding: 2px 5px;
    margin: 2px 0;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
    border: 1px solid transparent;
}

.filter-option:hover {
    background: #f8f9fa;
    border-color: #e5e5e5;
}

.filter-option.active {
    background: #e7f0ff;
    border-color: #667eea;
}

.filter-option input[type="checkbox"] {
    margin-right: 8px;
    cursor: pointer;
}

.filter-label {
    font-size: 13px;
    color: #555;
    cursor: pointer;
    user-select: none;
}

.filter-option.active .filter-label {
    color: #667eea;
    font-weight: 500;
}

.filter-footer {
    padding: 15px;
    background: #f8f9fa;
    border-top: 2px solid #e5e5e5;
}

.filter-footer .btn {
    font-weight: 600;
    border-radius: 6px;
    padding: 10px;
    font-size: 14px;
    transition: all 0.3s;
}

.filter-footer .btn-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
}

.filter-footer .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.filter-footer .btn-default {
    background: #fff;
    border: 1px solid #ddd;
    color: #666;
}

.filter-footer .btn-default:hover {
    background: #f8f9fa;
    border-color: #ccc;
}

/* Rotate animation */
.rotate-180 {
    transform: rotate(180deg);
}

/* ========================================
   FİYAT ARALIĞI FİLTRESİ
   ======================================== */

.price-filter-container {
    padding: 15px;
}

.price-inputs {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.price-input-group {
    flex: 1;
}

.price-input-group label {
    display: block;
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
    font-weight: 500;
}

.price-input-group input {
    width: 100%;
    text-align: center;
    font-weight: 600;
    color: #667eea;
}

.price-separator {
    font-size: 18px;
    color: #999;
    margin-top: 20px;
    font-weight: bold;
}

.price-range-slider {
    position: relative;
    height: 20px;
    margin-bottom: 5px;
   
}

.price-range-slider input[type="range"] {
    position: absolute;
    width: 100%;
    height: 5px;
    background: transparent;
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none;
}

.price-range-slider input[type="range"]::-webkit-slider-track {
    width: 100%;
    height: 5px;
    background: #ddd;
    border-radius: 5px;
}

.price-range-slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    background: #667eea;
    border: 3px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    transition: all 0.2s;
}

.price-range-slider input[type="range"]::-webkit-slider-thumb:hover {
    background: #764ba2;
    transform: scale(1.15);
    box-shadow: 0 3px 10px rgba(102, 126, 234, 0.4);
}

.price-range-slider input[type="range"]::-webkit-slider-thumb:active {
    transform: scale(1.05);
}

/* Firefox */
.price-range-slider input[type="range"]::-moz-range-track {
    width: 100%;
    height: 5px;
    background: #ddd;
    border-radius: 5px;
}

.price-range-slider input[type="range"]::-moz-range-thumb {
    width: 18px;
    height: 18px;
    background: #667eea;
    border: 3px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    transition: all 0.2s;
}

.price-range-slider input[type="range"]::-moz-range-thumb:hover {
    background: #764ba2;
    transform: scale(1.15);
}

/* İkinci slider için farklı renk */
.price-range-slider input[type="range"]#price-range-max::-webkit-slider-thumb {
    background: #764ba2;
}

.price-range-slider input[type="range"]#price-range-max::-webkit-slider-thumb:hover {
    background: #667eea;
}

.price-range-slider input[type="range"]#price-range-max::-moz-range-thumb {
    background: #764ba2;
}

.price-display {
    text-align: center;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    color: #667eea;
    border: 2px solid #e7f0ff;
}

.price-display span:nth-child(2) {
    color: #999;
    margin: 0 5px;
}

.price-display span:last-child {
    font-size: 14px;
    color: #666;
}

/* ========================================
   RENK FİLTRESİ
   ======================================== */

.color-filter-options {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 10px 12px;
}

.color-filter-item {
    display: flex;
    align-items: center;
    padding: 8px 12px !important;
    gap: 10px;
}

.color-box {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #ddd;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.3s;
}

.color-filter-item.active .color-box {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
    transform: scale(1.15);
}

.color-filter-item .filter-label {
    flex: 1;
}

.color-count {
    font-size: 11px;
    color: #999;
    font-weight: normal;
}

.color-filter-item.active .color-count {
    color: #667eea;
    font-weight: 600;
}

/* Ebat Filtreleri */
.dimension-filter-options {
    padding: 10px 0;
}

.dimension-filter-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fff;
    margin-bottom: 8px;
}

.dimension-filter-item:hover {
    border-color: #4a90e2;
    background: #f8f9fa;
    transform: translateX(2px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.dimension-filter-item.active {
    border-color: #4a90e2;
    background: #e3f2fd;
    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2);
}

.dimension-filter-item input[type="checkbox"] {
    margin: 0;
    cursor: pointer;
}

.dimension-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 4px;
    font-size: 14px;
    flex-shrink: 0;
}

.dimension-filter-item .filter-label {
    flex: 1;
    font-size: 13px;
    font-weight: 500;
    color: #333;
}

.dimension-filter-item .color-count {
    font-size: 11px;
    color: #999;
    font-weight: normal;
}

.dimension-filter-item.active .color-count {
    color: #667eea;
    font-weight: 600;
}

/* Beyaz renk için özel border */
.color-box[style*="background-color: #FFFFFF"],
.color-box[style*="background-color: #ffffff"],
.color-box[style*="background-color: transparent"],
.color-box[style*="rgba(255,255,255"] {
    border-color: #999;
}

/* Gradient renkler için border */
.color-box[style*="linear-gradient"] {
    border-color: #ddd;
}

/* Tanımsız renkler (varsayılan gri) için uyarı ikonu */
.color-box[style*="background-color: #CCCCCC"],
.color-box[style*="background-color: #cccccc"],
.color-box[style*="background-color: #999999"] {
    position: relative;
    background: repeating-linear-gradient(
        45deg,
        #ddd,
        #ddd 2px,
        #eee 2px,
        #eee 4px
    ) !important;
}

.color-box[style*="background-color: #CCCCCC"]::after,
.color-box[style*="background-color: #cccccc"]::after,
.color-box[style*="background-color: #999999"]::after {
    content: "?";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    font-weight: bold;
    color: #999;
}

/* Mobile responsive */
@media (max-width: 767px) {
    .modern-filter-container {
        margin-bottom: 15px;
    }
    
    .filter-options {
        max-height: 180px;
    }
    
    .price-inputs {
        gap: 5px;
    }
    
    .price-input-group input {
        font-size: 13px;
    }
    
    .price-display {
        font-size: 14px;
    }
}