
/*----------------------------------------*/
/* E Ticaret V2
/* Copyright © 2025 
/* Piri Bilgisayar Tarafından Kodlanmıştır.
/*----------------------------------------*/


/*Ana FONT*/

html,
body {
	height: 100%;
	font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.over_hid .arama {display: none;}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	color: #121212;
	font-weight: 400;
	 font-family: "Poppins", sans-serif;
}

h1 {font-size: 70px;}
h2 {font-size: 36px;}
h3 {font-size: 30px;}
h4 {font-size: 24px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
p {
	font-size: 16px;
	 font-family: "Poppins", sans-serif;
    font-style: normal;
	color: #525252;
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 15px 0;
}

img {max-width: 100%;}

input:focus,select:focus,button:focus,
textarea:focus {outline: none;}
a{text-decoration: none;}
a:hover, a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}

ul, ol {padding: 0; margin: 0;}

/*---------------------
Acilis Yükleyici
-----------------------*/

#acilis_yukleyici {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.acilis {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 10px solid #a0d159;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 10px solid #a0d159;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 10px solid #a0d159;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 10px solid #a0d159;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 10px solid #a0d159;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 10px solid #a0d159;
		border-left-color: transparent;
	}
}
/*--------------------------------------------*/

 .kategori_uyari {
            background: white;
            padding: 15px;
            border-radius: 10px;
            box-shadow: var(--shadow);
            margin-bottom: 25px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }
        
.header_ust {
	background: #f5f5f6;
}

.header_ust_sol{
	padding: 10px 0 13px;
}

.header_ust_sol ul li {
	font-size: 14px;
	color: #1c1c13;
	display: inline-block;
	margin-right: 45px;
	position: relative;
}

.header_ust_sol ul li:after {
	position: absolute;
	right: -25px;
	top: 1px;
	height: 20px;
	width: 1px;
	background: #000000;
	opacity: 0.1;
	content: "";
}

.header_ust_sol ul li:last-child {
	margin-right: 0;
}

.header_ust_sol ul li:last-child:after {
	display: none;
}

.header_ust_sol ul li i {
	color: #252525;
	margin-right: 5px;
}

.header_ust_sag {
	text-align: right;
	padding: 10px 0 13px;
}

.header_siparis {
	position: relative;
	display: inline-block;
	margin-right: 35px;
}

.header_siparis:after {
	position: absolute;
	right: -20px;
	top: 1px;
	height: 20px;
	width: 1px;
	background: #000000;
	opacity: 0.1;
	content: "";
}

.header_siparis a {
	font-size: 14px;
	display: inline-block;
	color: #1c1c1c;
	margin-right: 20px;
}

.header_siparis a:last-child {
	margin-right: 0;
}




.header_giris {
	display: inline-block;
}

.header_giris a {
	display: block;
	font-size: 14px;
	color: #1c1c1c;
}

.header_giris a i {
	margin-right: 6px;
}

.logo {
	padding: 15px 0;
	max-width:300px;
	max-height:100px;
	
}

.logo a {
	display: inline-block;
}

.ust_menu {
	padding: 24px 0;
	
	
	  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ust_menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 50px;
	position: relative;
}

.ust_menu ul li .header__menu__dropdown {
	position: absolute;
	left: 0;
	top: 50px;
	background: #222222;
	width: 180px;
	z-index: 9;
	padding: 5px 0;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	opacity: 0;
	visibility: hidden;
}

.ust_menu ul li .header__menu__dropdown li {
	margin-right: 0;
	display: block;
}

.ust_menu ul li .header__menu__dropdown li:hover>a {
	color: #7daf3e;
}

.ust_menu ul li .header__menu__dropdown li a {
	text-transform: capitalize;
	color: #ffffff;
	font-weight: 400;
	padding: 5px 15px;
}

.ust_menu ul li.active a {
	color: #198754;
}

.ust_menu ul li:hover .header__menu__dropdown {
	top: 30px;
	opacity: 1;
	visibility: visible;
}

.ust_menu ul li:hover>a {
	color: #0d4c2f;
}

.ust_menu ul li:last-child {
	margin-right: 0;
}

.ust_menu ul li a {
	font-size: 14px;
	color: #252525;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	padding: 5px 0;
	display: block;
}

.sepet {
	text-align: right;
	padding: 24px 0;
}

.sepet ul {
	display: inline-block;
	margin-right: 25px;
}

.sepet ul li {
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}

.sepet ul li:last-child {
	margin-right: 0;
}

.sepet ul li a {
	position: relative;
}

.sepet ul li a i {
	font-size: 22px;
	color: #1c1c1c;
}

.sepet ul li a span {
	height: 13px;
	width: 13px;
	background: #198754;
	font-size: 10px;
	color: #ffffff;
	line-height: 13px;
	text-align: center;
	font-weight: 700;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: -12px;
}

.sepet .sepet_fiyat {
	font-size: 14px;
	color: #5f5f5f;
	display: inline-block;
}

.sepet .sepet_fiyat span {
	color: #252525;
	font-weight: 700;
}

.mobil_menu_ana {
	display: none;
}

.mobile_menu_ac {
	display: none;
}


.header_orta {
	padding-bottom: 50px;
}

.header_orta {
	padding-bottom: 30px;
}

.header_orta.kategoriler {
	position: relative;

}

.header_orta.kategoriler ul {
	display: none;
	position: absolute;
	left: 0;
	top: 46px;
	width: 100%;
	z-index: 9;
	background: #ffffff;
}

.header_orta.arama {
	margin-bottom: 0;
}

.katagoriler_hepsi {
	background: #198754;
	position: relative;
	padding: 10px 25px 10px 40px;
	cursor: pointer;
}

.katagoriler_hepsi i {
	font-size: 16px;
	color: #ffffff;
	margin-right: 10px;
}

.katagoriler_hepsi span {
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
}

.katagoriler_hepsi:after {
	position: absolute;
	right: 18px;
	top: 9px;

	font-weight:normal;
	font-size: 18px;
	color: #ffffff;
}

.kategoriler ul {
	border: 1px solid #ebebeb;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 12px;
}

.kategoriler ul li {
	list-style: none;
}

.kategoriler ul li a {
	font-size: 16px;
	color: #1c1c1c;
	line-height: 39px;
	display: block;
}

.arama {
	overflow: hidden;
	margin-bottom: 30px;
}

.arama_form {
	width: 610px;
	height: auto;
	border: 1px solid #ebebeb;
	position: relative;
	float: left;
}

.arama_form form input {
	width: 99%;
	border: none;
	height: 48px;
	font-size: 16px;
	color: #198754;
	padding-left: 20px;
}

.mobil_sepet_kapat{display:none;}

.arama_form form input::placeholder {color: #198754;}

.arama_form form button {
position: absolute;
	right: 0;
	top: -1px;
	height: 50px;
}

.wp_tel {
	float: right;
}

.wp_icon {
	font-size: 18px;
	color: #198754;
	height: 50px;
	width: 50px;
	background: #f5f5f5;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	float: left;
	margin-right: 20px;
}

.wp_yazi {overflow: hidden;}

.wp_yazi h5 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 5px;
}

.wp_yazi span {
	font-size: 14px;
	color: #6f6f6f;
}


/*---------------------
 YORUMLAR
-----------------------*/

  .yorumlar-bolumu {
            background: white;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }
        
        h1, h2, h3 {
            color: #2c3e50;
        }
        
        .rating {
            color: #f39c12;
            margin: 10px 0;
        }
        
        .yildiz {
            font-size: 24px;
            cursor: pointer;
            transition: color 0.2s;
        }
        
        .yildiz.secili {
            color: #f39c12;
        }
        
        .yorum-formu {
            margin-top: 30px;
            padding: 20px;
            background: #f9f9f9;
            border-radius: 8px;
        }
        
        textarea {
            width: 100%;
            padding: 12px;
            border: 1px solid #ddd;
            border-radius: 4px;
            resize: vertical;
            min-height: 100px;
            margin-bottom: 15px;
        }
        
       
        
        .yorum {
            border-bottom: 1px solid #eee;
            padding: 15px 0;
        }
        
        .yorum:last-child {
            border-bottom: none;
        }
        
        .yorum-baslik {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
        }
        
        .yorum-yildiz {
            color: #f39c12;
        }
        
        .mesaj {
            padding: 10px;
            margin: 10px 0;
            border-radius: 4px;
        }
        
        .success {
            background: #d4edda;
            color: #155724;
            border: 1px solid #c3e6cb;
        }
        
        .error {
            background: #f8d7da;
            color: #721c24;
            border: 1px solid #f5c6cb;
        }
        
        .ortalama-puan {
            display: flex;
            align-items: center;
            margin: 15px 0;
        }
        
        .ortalama-puan .rating {
            margin: 0 0 0 10px;
        }
/*---------------------------------------------/

/*---------------------
 iletişim Sayfası
-----------------------*/

.iletisim {
	padding-top: 20px;
	padding-bottom: 50px;
}

.iletisim_box {
	margin-bottom: 30px;
}

.iletisim_box span {
	font-size: 36px;
	color: #7fad39;
}

.iletisim_box h4 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 6px;
	margin-top: 18px;
}

.iletisim_box p {
	color: #666666;
	margin-bottom: 0;
}
 .iletisim_box_renk{color:#198754;}
/*---------------------
 iletişim Sayfası
-----------------------*/

/*---------------------
  harita
-----------------------*/

.harita {
	height: 500px;
	position: relative;
}

.harita iframe {
	width: 100%;
	margin:auto;
}



/*---------------------
  harita
-----------------------*/

/*---------------------
 Vitrin kategori Slider
-----------------------*/
.kategori_slider_resim {height: 270px; width:270px; position: relative;}
.kategori_slider_resim h5 {
position: absolute;
	left: 0;
	width: 100%;
	padding: 0 20px;
	bottom: 20px;
	text-align: center;
}

.kategori_slider_resim h5 a {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 12px 0 10px;
	background: #ffffff;
	display: block;
}

.kategori_slider .col-lg-3 {max-width: 100%;}
.kategori_slider.owl-carousel .owl-nav button {
	font-size: 18px;
	color: #1c1c1c;
	height: 70px;
	width: 30px;
	line-height: 70px;
	text-align: center;
	border: 1px solid #ebebeb;
	position: absolute;
	left: -35px;
	top: 50%;
	-webkit-transform: translateY(-35px);
	background: #ffffff;
}

.kategori_slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -35px;
}

.site-btn {
	font-size: 14px;
	color: #ffffff;
	font-weight: 800;
	text-transform: uppercase;
	display: inline-block;
	padding: 13px 30px 12px;
	background: #198754;
	border: none;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.tasiyici {
	padding-top: 100px;
	padding-bottom: 100px;
}

.section-title {
	margin-bottom: 50px;
	text-align: center;
}

.section-title h2 {
	color: #1c1c1c;
	font-weight: 700;
	position: relative;
}

.section-title h2:after {
	position: absolute;
	left: 0;
	bottom: -15px;
	right: 0;
	height: 4px;
	width: 100px;
	background: #198754;
	content: "";
	margin: 0 auto;
}
/*--------------------------------------------*/

/*kategori ürünleri*--------------------------*/

.kategori_urunler {padding-top: 5px; padding-bottom: 40px;}
.sonuc_baslik{padding-top: 5px; padding-bottom: 40px;}
/*--------------------------------------------*/



/*-----------Öne Çıkan ürünler-------------------------------*/
.one_cikan_urunler {padding-top: 50px; padding-bottom: 40px;}
.one_cikan_urun {margin-bottom: 50px;}
.one_cikan_urun_resim {
	height: 350px;
	position: relative;
	overflow: hidden;
	background-position: center center;
}
.one_cikan_urun_yazi {text-align: center; padding-top: 15px;}
.one_cikan_urun_yazi h6 {margin-bottom: 10px;}
.one_cikan_urun_yazi h6 a {color: #252525;}
.one_cikan_urun_yazi h5 {color: #252525; font-weight: 700;}
/*-----------Öne Çıkan ürünler-------------------------------*/




 /*-------------------Footer Bölümü-------------------------*/


.alt_taraf {background: #f5f5f6; padding-top: 70px; padding-bottom: 0;}
.alt_taraf_iletisim {margin-bottom: 30px;}
.alt_taraf_iletisim ul li {font-size: 16px; color: #1c1c1c; line-height: 36px; list-style: none;}
.alt_taraf_logo {margin-bottom: 15px;}
.alt_taraf_logo a {display: inline-block;}
.alt_taraf_link {margin-bottom: 30px;overflow: hidden;}
.alt_taraf_link h6 {color: #1c1c1c; ont-weight: 700; margin-bottom: 10px;}
.alt_taraf_link ul {width: 50%;float: left;}
.alt_taraf_link ul li {list-style: none;}
.alt_taraf_link ul li a {color: #1c1c1c; font-size: 14px; line-height: 32px;}
.alt_taraf_link p {font-size: 14px; color: #1c1c1c; margin-bottom: 30px;}
.alt_taraf_link form {position: relative; margin-bottom: 30px;}
.alt_taraf_link form input {width: 100%; font-size: 16px; padding-left: 20px; color: #1c1c1c; height: 46px; border: 1px solid #ededed;}
.alt_taraf_link form input::placeholder {color: #1c1c1c;}
.alt_taraf_link form button {position: absolute; right: 0;top: 0; padding: 0 26px; height: 100%;}
.alt_taraf_link .alt_taraf_sosyalmedya a {
	display: inline-block;
	height: 41px;
	width: 41px;
	font-size: 25px;
	color: #404040;
	border: 1px solid #ededed;
	border-radius: 50%;
	line-height: 42px;
	text-align: center;
	background: #ffffff;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 10px;
}
.alt_taraf_link .alt_taraf_sosyalmedya a:last-child {margin-right: 0;}
.alt_taraf_link .alt_taraf_sosyalmedya a:hover {background: #198754; color: #ffffff; border-color: #ffffff;}
.alt_taraf_telif {border-top: 1px solid #ebebeb; padding: 15px 0; overflow: hidden; margin-top: 20px;}
.alt_taraf_telif_yazi {font-size: 14px; color: #1c1c1c; float: left; line-height: 25px;}
.alt_taraf_odeme {float: right;}

/*-------------------Footer Bölümü-------------------------*/


/*----------------------ürün Detay Sayfası-----------------------*/

.urun_detay {
	padding-top: 10px;
}

.urun_detay_foto {
	margin-bottom: 20px;
}

.urun_detay_foto img {
	min-width: 100%;
}

.urun_detay_slider img {
	cursor: pointer;
}

.urun_detay_slider.owl-carousel .owl-item img {
	width: auto;
}

.urun_detay_yazi h3 {
	color: #252525;
	font-weight: 700;
	margin-bottom: 16px;
}

.urun_detay_yazi .urun_detay_degerlendirme {
	font-size: 14px;
	margin-bottom: 12px;
}

.urun_detay_yazi .urun_detay_degerlendirme i {
	margin-right: -2px;
	color: #EDBB0E;
}

.urun_detay_yazi .urun_detay_degerlendirme span {
	color: #198754;
	margin-left: 4px;
}


.urun_detay_yazi .urun_detay_fiyat {
	font-size: 30px;
	color: #198754;
	font-weight: 600;
	margin-bottom: 15px;
}
.urun_detay_eskifiyat{color:#dd2222;}



.urun_detay_yazi p {
	margin-bottom: 45px;
}

.urun_detay_yazi .primary-btn {
	padding: 16px 28px 14px;
	margin-right: 6px;
	margin-bottom: 5px;
}

.urun_detay_yazi .heart-icon {
	display: inline-block;
	font-size: 16px;
	color: #6f6f6f;
	padding: 13px 16px 13px;
	background: #f5f5f5;
}

.urun_detay_yazi ul {
	border-top: 1px solid #ebebeb;
	padding-top: 40px;
	margin-top: 50px;
}

.urun_detay_yazi ul li {
	font-size: 16px;
	color: #1c1c1c;
	list-style: none;
	line-height: 36px;
}

.urun_detay_yazi ul li b {
	font-weight: 700;
	width: 170px;
	display: inline-block;
}

.urun_detay_yazi ul li span samp {
	color: #dd2222;
}

.urun_detay_yazi ul li .share {
	display: inline-block;
}

.urun_detay_yazi ul li .share a {
	display: inline-block;
	font-size: 15px;
	color: #1c1c1c;
	margin-right: 25px;
}

.urun_detay_yazi ul li .share a:last-child {
	margin-right: 0;
}

.urun_detay_adet {
	display: inline-block;
	margin-right: 6px;
}

.pro-qty {
	width: 140px;
	height: 50px;
	display: inline-block;
	position: relative;
	text-align: center;
	background: #f5f5f5;
	margin-bottom: 5px;
}

.pro-qty input {
	height: 100%;
	width: 100%;
	font-size: 16px;
	color: #6f6f6f;
	width: 50px;
	border: none;
	background: #f5f5f5;
	text-align: center;
}

.pro-qty .qtybtn {
	width: 35px;
	font-size: 16px;
	color: #6f6f6f;
	cursor: pointer;
	display: inline-block;
}

.urun_detay_alt {
	padding-top: 85px;
}

.urun_detay_alt .nav-tabs {
	border-bottom: none;
	justify-content: center;
	position: relative;
}

.urun_detay_alt .nav-tabs:before {
	position: absolute;
	left: 0;
	top: 12px;
	height: 1px;
	width: 20%;
	background: #ebebeb;
	content: "";
}

.urun_detay_alt .nav-tabs:after {
	position: absolute;
	right: 0;
	top: 12px;
	height: 1px;
	width: 20%;
	background: #ebebeb;
	content: "";
}

.urun_detay_alt .nav-tabs li {
	margin-bottom: 0;
	margin-right: 65px;
}

.urun_detay_alt .nav-tabs li:last-child {
	margin-right: 0;
}

.urun_detay_alt .nav-tabs li a {
	font-size: 16px;
	color: #999999;
	font-weight: 700;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0;
}

.urun_detay_alt .urun_detay_alt_baslik {
	padding-top: 44px;
}

.urun_detay_alt .urun_detay_alt_baslik h6 {
	font-weight: 700;
	color: #333333;
	margin-bottom: 26px;
}

.urun_detay_alt .urun_detay_alt_baslik p {
	color: #666666;
}
.menu_gizle{display: none;}

.reklam2 {}

/*----------------------ürün Detay Sayfası-----------------------*/



/*---------------------------------  -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	
	.reklam_resim{margin-top:10px;}
	.ust_menu ul li {
		margin-right: 45px;
	}
	.arama_form {
		width: 490px;
	}
	.katagoriler_hepsi {
		padding: 10px 25px 10px 20px;
	}
	.kategoriler ul {
		padding-left: 20px;
	}
	.latest-product__slider.owl-carousel .owl-nav {
		right: 0;
	}
	.urun_detay_alt .nav-tabs:before {
		width: 265px;
	}
	.urun_detay_alt .nav-tabs:after {
		width: 265px;
	}
	.shoping__discount form input {
		width: 240px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-title h2 {
		font-size:30px;
	}
	.kategoriler {
		margin-bottom: 30px;
	}
	.arama_form {
		width: 485px;
	
	}
	
	.categories__slider.owl-carousel .owl-nav button {
		left: -20px;
	}
	.categories__slider.owl-carousel .owl-nav button.owl-next {
		right: -20px;
	}
	.filter__sort .nice-select {
		padding-left: 5px;
		padding-right: 28px;
	}
	.urun_detay_adet {
		margin-bottom: 10px;
	}
	.urun_detay_yazi .primary-btn {
		margin-bottom: 10px;
	}
	.urun_detay_alt .nav-tabs:before {
		width: 150px;
	}
	.urun_detay_alt .nav-tabs:after {
		width: 150px;
	}
	.blog__details__author {
		overflow: hidden;
		margin-bottom: 25px;
	}
	.mobile_menu_ac {
		display: block;
		font-size: 22px;
		color: #1c1c1c;
		height: 35px;
		width: 35px;
		line-height: 33px;
		text-align: center;
		border: 1px solid #1c1c1c;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.header .container {
		position: relative;
	}
	.mobil_menu_ana {
		width: auto;
		background: #ffffff;
		position: fixed;
		left: -300px;
		top: 0;
		height: 100%;
		overflow-y: auto;
		z-index: 99;
		padding: 30px;
		padding-top: 50px;
		opacity: 0;
		display: block;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.mobil_menu_ana.mobil_menu_goster {
		opacity: 1;
		left: 0;
	}
	.mobil_menu_logo {
		margin-bottom: 30px;
	}
	.mobil_menu_logo a {
		display: inline-block;
	}
	.mobil_menu_aciklama {
		padding: 10px 0 13px;
	}
	.mobil_menu_aciklama ul li {
		font-size: 14px;
		color: #1c1c1c;
		position: relative;
		line-height: 30px;
		list-style: none;
	}
	.mobil_menu_aciklama ul li i {
		color: #252525;
		margin-right: 5px;
	}
	.mobil_sepet ul {
		display: inline-block;
		margin-right: 25px;
	}
	.mobil_sepet ul li {
		list-style: none;
		display: inline-block;
		margin-right: 15px;
	}
	.mobil_sepet ul li:last-child {
		margin-right: 0;
	}
	.mobil_sepet ul li a {
		position: relative;
	}
	.mobil_sepet ul li a i {
		font-size: 18px;
		color: #1c1c1c;
	}
	.mobil_sepet ul li a span {
		height: 13px;
		width: 13px;
		background: #7fad39;
		font-size: 10px;
		color: #ffffff;
		line-height: 13px;
		text-align: center;
		font-weight: 700;
		display: inline-block;
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: -12px;
	}
	.mobil_sepet .mobil_sepet_fiyat {
		font-size: 14px;
		color: #6f6f6f;
		display: inline-block;
	}
	.mobil_sepet .mobil_sepet_fiyat span {
		color: #252525;
		font-weight: 700;
	}
	.mobil_sepet {
		margin-bottom: 25px;
	}
	.menu_ust_yazi {
		margin-bottom: 20px;
	}
	.menu_ust_yazi .menu_yazi_sol {
		margin-right: 20px;
	}
	.mobil_menu_nav {
		display: none;
	}
	.mobil_menu_ana .mobil_menu_yazi2 {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.mobil_menu_ana .slicknav_btn {
		display: none;
	}
	.mobil_menu_ana .slicknav_nav .slicknav_item a {
		border-bottom: none !important;
	}
	.mobil_menu_ana .slicknav_nav {display: block !important;}
	.mobil_menu_ana .slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.mobil_menu_ana .slicknav_nav ul {
		margin: 0;
	}
	.mobil_menu_ana .slicknav_nav a {
		color: #1c1c1c;
		font-size: 16px;
		font-weight: 600;
		margin: 0;
		border-bottom: 1px solid #e1e1e1;
	}
	.mobil_menu_ana .slicknav_nav a:hover {
		-webkit-border-radius: 0;
		border-radius: 0;
		background: transparent;
		color: #198754;
	}
	.mobil_menu_ana .slicknav_nav .slicknav_row,
	.mobil_menu_ana .slicknav_nav a {
		padding: 8px 0;
	}
	.mobile_menu_tumu {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		content: "";
		z-index: 98;
		visibility: hidden;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.mobile_menu_tumu.active {
		visibility: visible;
	}
	.header_ust {
		display: none;
	}
	.ust_menu {
		display: none;
	}
	.header__cart {
		text-align: center;
		padding: 10px 0 24px;
	}
	.over_hid {
		overflow: hidden;
	}
	
	
	
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	
	.wp-btn-Dr7iOp{width:3em!important; height:3em!important;}
	
	.katmobil{width:300px; margin:auto;}
.one_cikan_urunler {padding-top: 10px; padding-bottom: 40px;}
	
 .urun_detay_slider {
 display: none !important;}
	
	.section-title h2 {
		font-size:25px;
	}
	.reklam_resim{margin-top:10px;}
	.kategoriler {
		margin-bottom: 30px;
	}
	.arama {
		margin-bottom: 30px;
	}
	.arama_form {
		width: 100%;
	}
	.arama_form form input {
		width: 100%;
	}
	.arama_form form .hero__search__categories {
		display: none;
	}
	.wp_tel {
		float: left;
		margin-top: 30px;
	}
	.categories__slider.owl-carousel .owl-nav {
		text-align: center;
		margin-top: 40px;
	}
	.categories__slider.owl-carousel .owl-nav button {
		position: relative;
		left: 0;
		top: 0;
		-webkit-transform: translateY(0);
	}
	.categories__slider.owl-carousel .owl-nav button.owl-next {
		right: -10px;
	}
	.footer__copyright {
		text-align: center;
	}
	.footer__copyright__text {
		float: none;
		margin-bottom: 25px;
	}
	.footer__copyright__payment {
		float: none;
	}
	.filter__item {
		text-align: center;
	}
	.filter__option {
		text-align: center;
	}
	.urun_detay_resim {
		margin-bottom: 40px;
	}
	.urun_detay_alt .nav-tabs:before {
		display: none;
	}
	.urun_detay_alt .nav-tabs:after {
		display: none;
	}
	.shoping__cart__table {
		overflow-y: auto;
	}
	.shoping__discount form input {
		margin-bottom: 15px;
	}
	.blog__details__author {
		overflow: hidden;
		margin-bottom: 25px;
	}
	.mobile_menu_ac {
		display: block;
		font-size: 22px;
		color: #1c1c1c;
		height: 35px;
		width: 35px;
		line-height: 33px;
		text-align: center;
		border: 1px solid #1c1c1c;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.header .container {
		position: relative;
	}
	.mobil_menu_ana {
		width: 300px;
		background: #ffffff;
		position: fixed;
		left: -300px;
		top: 0;
		height: 100%;
		overflow-y: auto;
		z-index: 99;
		padding: 30px;
		padding-top: 50px;
		opacity: 0;
		display: block;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.mobil_menu_ana.mobile_menu_son {
		opacity: 1;
		left: 0;
	}
	.mobil_menu_logo {
		margin-bottom: 30px;
	}
	.mobil_menu_logo a {
		display: inline-block;
	}
	.mobil_menu_aciklama {
		padding: 10px 0 13px;
	}
	.mobil_menu_aciklama ul li {
		font-size: 14px;
		color: #1c1c1c;
		position: relative;
		line-height: 30px;
		list-style: none;
	}
	.mobil_menu_aciklama ul li i {
		color: #252525;
		margin-right: 5px;
	}
	.mobil_sepet ul {
		display: inline-block;
		margin-right: 25px;
	}
	.mobil_sepet ul li {
		list-style: none;
		display: inline-block;
		margin-right: 15px;
	}
	.mobil_sepet ul li:last-child {
		margin-right: 0;
	}
	.mobil_sepet ul li a {
		position: relative;
	}
	.mobil_sepet ul li a i {
		font-size: 18px;
		color: #1c1c1c;
	}
	.mobil_sepet ul li a span {
		height: 13px;
		width: 13px;
		background: #198754;
		font-size: 10px;
		color: #ffffff;
		line-height: 13px;
		text-align: center;
		font-weight: 700;
		display: inline-block;
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: -12px;
	}
	.mobil_sepet .mobil_sepet_fiyat {
		font-size: 14px;
		color: #6f6f6f;
		display: inline-block;
	}
	.mobil_sepet .mobil_sepet_fiyat span {
		color: #252525;
		font-weight: 700;
	}
	.mobil_sepet {
		margin-bottom: 25px;
	}
	.menu_ust_yazi {
		margin-bottom: 20px;
	}
	.menu_ust_yazi .header_siparis {
		margin-right: 20px;
	}
	.mobil_menu_nav {
		display: none;
	}
	.mobil_menu_ana .mobil_menu_yazi2 {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.mobil_menu_ana .slicknav_btn {
		display: none;
	}
	.mobil_menu_ana .slicknav_nav .slicknav_item a {
		border-bottom: none !important;
	}
	.mobil_menu_ana .slicknav_nav {
		display: block !important;
	}
	.mobil_menu_ana .slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.mobil_menu_ana .slicknav_nav ul {
		margin: 0;
	}
	.mobil_menu_ana .slicknav_nav a {
		color: #1c1c1c;
		font-size: 16px;
		font-weight: 600;
		margin: 0;
		border-bottom: 1px solid #e1e1e1;
	}
	.mobil_menu_ana .slicknav_nav a:hover {
		-webkit-border-radius: 0;
		border-radius: 0;
		background: transparent;
		color: #7fad39;
	}
	.mobil_menu_ana .slicknav_nav .slicknav_row,
	.mobil_menu_ana .slicknav_nav a {
		padding: 8px 0;
	}
	.mobile_menu_tumu {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		content: "";
		z-index: 98;
		visibility: hidden;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.mobile_menu_tumu.active {
		visibility: visible;
	}
	.header_ust {
		display: none;
	}
	.ust_menu {
		display: none;
	}
	.header__cart {
		text-align: center;
		padding: 10px 0 24px;
	}
	.over_hid {
		overflow: hidden;
	}
	
	.mobil_sepet_kapat{display:inline-flex;}
	.mobile_kapat{display:none;}
	

	
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.reklam_resim{margin-top:10px;}
	.arama_form form .hero__search__categories {
		display: none;
	}
	.featured__controls ul li {
		margin-bottom: 10px;
	}
	.urun_detay_yazi ul li b {
		width: 100px;
	}
	.urun_detay_alt .nav-tabs li {
		margin-right: 20px;
	}
	.shoping__cart__btns {
		text-align: center;
	}
	.primary-btn.cart-btn.cart-btn-right {
		float: none;
		margin-top: 10px;
	}
	.shoping__checkout .primary-btn {
		display: block;
		text-align: center;
		padding: 10px 15px 10px;
	}
	.map .map-inside {
		-webkit-transform: translateX(-125px);
		-ms-transform: translateX(-125px);
		transform: translateX(-125px);
	}
	.map .map-inside .inside-widget {
		width: 250px;
	}
	.urun_detay_alt .nav-tabs li {
		margin-right: 15px;
	}
	.shoping__discount form input {
		width: 100%;
	}
	.checkout__order {
		padding: 20px;
	}
	.blog__details__hero__text h2 {
		font-size: 24px;
	}
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}



.card {
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.card:hover {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}

.navbar {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.table th {
    background-color: #f8f9fa;
}

.badge {
    font-weight: 500;
    padding: 0.5em 0.75em;
}

.btn-outline-secondary {
    border-color: #dee2e6;
}

.btn-outline-secondary:hover {
    background-color: #f8f9fa;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .card-body .d-flex {
        flex-direction: column;
    }
    
    .card-body .btn {
        width: 100%;
        margin-bottom: 10px;
    }
}

/* Üyelik Paneli Özel Stilleri */
.avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
}

.list-group-item-action h6 {
    transition: all 0.2s ease;
}

.list-group-item-action:hover h6 {
    color: #0d6efd;
}

/* Hesap silme modal */
.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Responsive ayarlar */
@media (max-width: 768px) {
    .card-body .text-start p {
        font-size: 0.9rem;
    }
}