body {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

p{
padding:0;
margin:0;
}

.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  position:fixed;
  width:100%;
  z-index:999999999999999;
  background-image: radial-gradient(circle at 50% 13%,#f7f7f7ed,#ffffff);
}

.spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top: 4px solid #ff6262;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

a{
color:#333;
text-decoration:none;
transition: color 0.2s ease-in-out;
}

a:hover{
color:#ff6886;
}

*{
box-sizing: border-box;
outline:none;
}

body{
margin:0 auto;
padding:0;
font-family: 'Poppins', sans-serif;
font-size:1rem;
font-weight:400;
}

#header{
overflow:hidden;
background-image: radial-gradient(circle at 50% 13%,#f7f7f7a3,#ffffff);
padding:15px 10px 10px 10px;
box-shadow: 0px -8px 11px 7px rgb(0 0 0 / 15%);
position:fixed;
z-index:9;
top:0;
left:0;
width:100%;
}

.logo{
float:left;
}

.logo img{
width:120px;
}

.arama{
float:right;
color:#444;
}

.arama i{
display:block;
float:left;
margin-left:20px;
font-size:23px;
}

#content{
background:#fff;
overflow:hidden;
}

#bottom-nav{
position:fixed;
width:100%;
overflow:hidden;
background:#eee;
z-index:9;
bottom:0;
background-image: radial-gradient(circle at 50% 13%,#f7f7f7a3,#ffffff);
box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 15%);
height:65px;
padding:5px 0;
}

#bottom-nav ul{
margin:0 auto;
list-style:none;
padding:0;
}

#bottom-nav li{
float:left;
width:20%;
text-align:center;
padding:10px 0;
}

#bottom-nav li i{
font-size:20px;
}

#bottom-nav li span{
display:block;
font-size:9px;
margin-top:-5px;
}

.aktifmenu{
color:#ff6886;
}

.aktifmenu span{
font-weight:600;
}

#aramamodal{
display:block;
}

.modal{
position:fixed;
left:0;
top:0;
background:linear-gradient(to right, #0000004f, #0000004f);
z-index:999;
width:100%;
height:100%;
display:none;
}

.aramabox{
width:90%;
margin:0 auto;
min-height:100px;
background:#fff;
box-shadow: 0px 0px 17px 1px rgb(0 0 0 / 20%);
border-radius:5px;
margin-top:30%;
padding:30px 0;
}

.mkapat{
overflow:hidden;
position:absolute;
font-size:44px;
margin-bottom:-75px;
right:0;
text-align:center;
width:100%;
bottom:0;
color:#ffffff;
}

.formara{
overflow:hidden;
padding:10px 0 10px 0;
}

.formara input{
margin:0 auto;
list-style:none;
width:95%;
padding:0 2%;
margin:0 2%;
height:40px;
outline:none;
float:left;
border:1px solid #ccc;
border-radius:5px;
font-family: 'Poppins', sans-serif;
}

.formara button{
overflow:hidden;
background:none;
margin-left:-40px;
outline:none;
padding:0;
font-size:20px;
border:none;
padding:10px 0 0 0;
}

.quicksearch{
overflow:hidden;
font-size:12px;
margin:0 2%;
padding:10px 0 0 0;
}

.quicksearch a{
display:block;
float:left;
padding-right:5px;
}

.aramatitle{
text-align:center;
overflow:hidden;
padding:0 0 10px 0;
}

.kategoriliste{
font-family: 'Pathway Gothic One', sans-serif;
overflow:hidden;
padding:70px 0 85px 0;
}

.kategoriliste ul{
margin:0 auto;
list-style:none;
padding:0;
}

.kategoriliste li{
border-bottom:1px solid #eee;
padding:15px;
font-size:22px;
}

.kategoriliste li i{
float:right;
color:#eee;
}


.kategoriliste li:nth-last-child(1){
border:none;
}

.kategoriurun{
overflow:hidden;
padding:70px 0 90px 0;
padding-right:2%;
}

.kat-urun{
width:50%;
float:left;
overflow:hidden;
padding:2% 0 0% 2%;
}

.kat-urun img{
width:100%;
height:280px;
object-fit:cover;
border-radius:5px;
}

.benzer{
width:33%!important;
float:left;
overflow:hidden;
padding:2% 0 0% 2%;
}

.benzer img{
width:100%;
height:160px;
object-fit:cover;
border-radius:5px;
}

.kat-urun span{
display:block;
text-overflow: ellipsis;
overflow: hidden; 
white-space: nowrap;
font-size:12px;
color:#fff;
}

.kat-urun em{
display:block;
font-size:18px;
font-family: 'Pathway Gothic One', sans-serif;
font-style:normal;
color:#fff;
font-size:16px;
font-weight:600;
letter-spacing:1px
}

.favla{
position:absolute;
width:30px;
height:30px;
line-height:35px;
text-align:center;
background:#fff;
border-radius:50%;
margin-left:5px;
margin-top:5px;
box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 20%);
}

.urun-fiyat{
overflow:hidden;
position:relative;
margin-top:-57px;
padding:10px 5px 5px 5px;
background-image: linear-gradient(to bottom, #fff0, #00000096);
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}

.favori-liste{
overflow:hidden;
padding:70px 2% 100px 2%;
}

.favoriurun{
overflow:hidden;
border:1px solid #eee;
padding:5px 5px 0 5px;
margin-bottom:10px;
}

.favresim{
width:20%;
float:left;
}

.favresim img{
width:60px;
height:75px;
object-fit:cover;
}

.favbaslik{
width:80%;
float:right;
}

.favbaslik span{
display:block;
padding:0 5px;
text-overflow: ellipsis;
overflow: hidden; 
white-space: nowrap;
font-size:14px;
}

.favbaslik em{
display:block;
padding:2px 5px;
font-style:normal;
font-size:20px;
font-family: 'Pathway Gothic One', sans-serif;
}

.aceleet{
display:block;
float:none;
font-size:11px;
padding:5px 5px;
color:#333;
background-image: radial-gradient(circle at 50% 13%,#f7f7f7a3,#ffffff);
text-align:center;
border:1px solid #eee;
}
.flash-text {
color:#ff6886;
animation: flash 0.5s infinite alternate;
}
@keyframes flash {
from {
opacity: 1;
}
to {
opacity: 0;
}
}

.altkategoriler{

width: 100%;
overflow-x: auto; /* Yatay kaydirma, gerektiginde otomatik olarak görünür */
white-space: nowrap; /* Satirlari kirmamak için */
}

.altliste{
display: inline-block; /* Blok elemanlari yan yana yerlestir */
width: 84px; /* Içeriklerin genisligi */
height: 84px; /* Içeriklerin yüksekligi */
margin-left:5px;
}

.altliste img{
width:78px;
height:78px;
object-fit:cover;
border-radius:50%;
}

.background-effect {
		border-radius:50%;
		padding:3px;
        background-color: #f0f0f0;
        overflow: hidden; /* Içerikler disinda gölgeli kismi gizle */
        position: relative; /* Mutlak konumlandirma için */
        animation: changeBackground 5s linear infinite alternate; /* Arka plan rengi animasyonu */
    }
	
	 /* Arka plan rengi animasyonu */
    @keyframes changeBackground {
        0% {
            background-color: #ff6886;
        }
        50% {
            background-color: #2e56d5;
        }
        100% {
            background-color: #ffa310;
        }
}


	
.hesaplar{
padding:75px 0 90px 0;
width:96%;
margin:0 auto;
}


.uyegirisi{
overflow:hidden;
}

.giristitle{
overflow:hidden;
margin:0 auto;
text-align:center;
font-size:24px;
padding:0px 0 0 0;
}

.girismikayitmi{
overflow:hidden;
width:94%;
margin:0 auto;
border:1px solid #eee;
margin-top:10px;
display:flex;
padding:2%;
background:#fff;
border-bottom:none;
border-top-left-radius:5px;
border-top-right-radius:5px;
}

.girismikayitmi span{
display:block;
width:50%;
float:left;
text-align:center;
padding:10px 0;
}

.spanaktif{
background:#ff6886;
color:#fff;
border-radius:5px;
box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 7%);
}

.girisformu{
overflow:hidden;
display:flex;
width:94%;
margin:0 auto;
display:none;
border:1px solid #eee;
border-top:none;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-top:1px solid #eee;
}

.tabaktif{
background:#3498db!important;
color:#fff!important;
}

.formici{
overflow:hidden;
padding:2%;
font-size:13px;
}

.formici input[type="text"]{
display:block;
width:100%;
border:1px solid #eee;
height:50px;
margin-top:5px;
font-family: 'Poppins', sans-serif;
padding-left:2%;
border-radius:4px;
}

.formici select{
display:block;
width:100%;
border:1px solid #eee;
height:50px;
margin-top:5px;
font-family: 'Poppins', sans-serif;
padding-left:2%;
border-radius:4px;
}

.formici input[type="password"]{
display:block;
width:100%;
border:1px solid #eee;
height:50px;
margin-top:5px;
font-family: 'Poppins', sans-serif;
padding-left:2%;
border-radius:4px;
}

.formici input[type="email"]{
display:block;
width:100%;
border:1px solid #eee;
height:50px;
margin-top:5px;
font-family: 'Poppins', sans-serif;
padding-left:2%;
border-radius:4px;
}

.formici button{
display:block;
width:100%;
border:none;
background:#3d3e46;
outline:none;
height:50px;
margin-bottom:15px;
font-family: 'Poppins', sans-serif;
color:#fff;
font-size:16px;
border-radius:4px;
}

.formici span{
display:block;
text-align:center;
color:#ccc;
}

.blokla{
display:block;
text-align:center;
border-top:1px solid #eee;
padding:20px 10px 10px 10px;
margin-top:10px;
}

.formici b{
float:right;
margin-top:-37px;
font-size:22px;
margin-right:10px;
}

#strengthBar {
height: 4px;
margin-top: 5px;
width:99%;
content:" zayif ";
color:#fff
}

.weak {
background-color: #ff6262;
}

.medium {
background-color: #ffac4a;
}

.strong {
background-color: #a0f02a;
}
	
	
.switch-container {
display: flex;
align-items: center;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.switch-label {
margin-right: 10px;
}

.switch-checkbox {
float: left;
margin-top: -1px;
position: relative;
appearance: none;
width: 40px;
height: 20px;
background-color: #ccc;
border-radius: 10px;
cursor: pointer;
outline: none;
}

.switch-checkbox::before {
content: "";
position: absolute;
width: 19px;
height: 19px;
background-color: white;
border-radius: 50%;
transition: transform 0.3s;
transform: translateX(2px);
}

.switch-checkbox:checked::before {
transform: translateX(20px);
}
	
input[type="checkbox"] {
background-color: #ccc;
}

input[type="checkbox"]:checked {
background-color: #3498db;
color: #fff;
}

.swiper {
overflow:hidden;
padding-top:65px!important
}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
padding:5px;
}

.swiper-slide img {
display: block;
width: 100%;
object-fit: cover;
}

.geributon{
font-size:21px;
overflow:hidden;
}

.geributon i{
font-size:24px;
float:left;
display:block;
margin-right:5px;
margin-top:1px;
}

#sepeteekle{
position:fixed;
bottom:0;
left:0;
width:100%;
background-image: linear-gradient(to top, #ffa10be0, #ffa310);
border-top:1px solid #ddd;
text-align:center;
font-size:20px;
padding:10px 0;
font-weight:600;
color:#fff;
box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 15%);
z-index:99px;
}

.urundetayi{
padding:0px 5px 90px 5px;
}

.uruntitle{
font-family: 'Pathway Gothic One', sans-serif;
font-size:24px;
}

.urunfiyat{
font-family: 'Pathway Gothic One', sans-serif;
font-size:24px;
font-weight:600;
padding:5px 0;
letter-spacing:1px;
}

.urunfiyat i{
font-size:18px;
}

.urunfiyat b{
font-size:12px;
font-weight:normal;
display:block;
letter-spacing:0;
font-family: 'Poppins', sans-serif;
padding:5px 0 0 0;
}

.yildizlar{
font-size:21px;
color:#FFCC33;
}

.anasayfa{
overflow:hidden;
width:96%;
margin:0 auto;
padding:70px 0 80px 0;
}

.yenigelen{
overflow:hidden;
}

.yenigelen img{
width:100%;
}

.anaiki{
width:50%;
float:left;
}

.anaiki img{
width:100%;
}

.anaiki:nth-child(2){
padding-right:1%;
}

.anaiki:nth-child(3){
padding-left:1%;
}

.anauc{
width:100%;
}

.anauc img{
width:100%;
}

.kategori_title{
font-family: 'Pathway Gothic One', sans-serif;
font-size:24px;
color:#555;
padding:5px 0 5px 2%;
overflow:hidden;
}

.kategori_title span{
float:right;
display:block;
font-size:16px;
border:1px solid #ddd;
background-image: radial-gradient(circle at 50% 13%,#eee,#ddd);
color:#2e56d5;
padding:5px 20px;
}

.kategori_title i{
display:block;
float:left;
margin-top:1px;
margin-right:5px;
}

.sayfa-sonu-uyarisi{
margin:0 auto;
width:100%;
float:none;
text-align:center;
padding:20px 0;
}

.sepetbox{
overflow:hidden;
margin:0 auto;
background:#fff;
bottom:0;
left:0;
width:100%;
position:fixed;
z-index:9;
box-shadow: 0px 0px 6px 7px rgb(0 0 0 / 15%);
}

.modals{
position:fixed;
left:0;
top:0;
background:#ffffffb8;
z-index:999;
width:100%;
height:100%;
display:none;
}

.eklebeden{
overflow:hidden;
padding:10px;
}

.squareBase{
min-width:35px;
padding:0 5px;
height:35px;
line-height:35px;
text-align:center;
display:block;
float:left;
margin-right:10px;
border:1px solid #ddd;
font-size:14px;
}

.eklebeden input{
display:none;
}

.bedensecin{
border-bottom:1px solid #eee;
font-size:16px;
margin-bottom:10px;
padding:10px 0 8px 0;
font-weight:500; 
}

.bedensecin i{
display:block;
float:left;
margin-top:3px;
margin-right:3px;
}

.sbuton{
border-radius:4px;
padding:10px;
margin:0 auto;
margin-bottom:10px;
overflow:hidden;
}

.bedeninfo{
font-size:11px;
font-weight:400;
padding:0 10px;
}

.sadet{
overflow:hidden;
width:80%;
float:left;
}

.skapat{
width:20%;
float:right;
background:#eee;
line-height:40px;
text-align:center;
font-size:14px;
}

.sadet button{
background:#2e56d5;
color:#fff;
width:100%;
border:none;
outline:none;
padding:0 10px;
font-family: 'Poppins', sans-serif;
font-size:17px;
height:40px;
}

.eklebeden input[type="radio"]:checked + .squareBase  {
  background-image: radial-gradient(circle at 50% 13%,#ffa310,#ffa310);
  color:#fff;
  border:1px solid #ffa310;
}

.sfiyat{
overflow:hidden;
margin:0 auto;
font-size:18px;
font-family: 'Pathway Gothic One', sans-serif;
padding:10px;
}

#toastMessage {
    position: fixed;
    bottom: 10%;
	margin:0 auto;
    margin-left: 5%;
	width:90%;
    background:linear-gradient(to right, #ff416c, #ff4b2b);
    color: #fff;
    padding:10px 0;
	text-align:center;
    border-radius: 5px;
    transition: opacity 0.5s;
    opacity: 0;
	display:none;
	
}

#toastMessage.show {
    opacity: 1;
	display:block;
	z-index:99999999999;
}

.hidden {
    display: none;
}

.tukendi{
position:absolute;
text-align:center;
margin-top:40%;
font-family: 'Pathway Gothic One', sans-serif;
font-size:21px;
color:#fff;
background: linear-gradient(49deg,#ff6262a3, #5c6dec73);
padding:5px 20px;
}

.accordion {
}

.accordion-item {
    border: 1px solid #f7f7f7;
	
}

.accordion-header {
background-image: radial-gradient(circle at 50% 13%,#f7f7f7a3,#ffffff);
padding:10px 5px;
font-size:14px;
font-weight:600;
color:#333;
}

.accordion-content{
    display: none;
	border:1px solid #f7f7f7;
	padding:5px;
	border-bottom:0;
}

.active {
    display: block;
}

.accordion-header i{
display:block;
float:left;
font-size:18px;
margin-top:0px;
margin-right:5px;
}

.bedentablo{
overflow:hidden;
}

.bedentablo img{
width:100%;
}

.paciklama{
font-size:14px;
}

.paciklama p{
margin-bottom:5px;
color:#333;
}

.paciklama p strong{
font-weight:500;
}

.infosu{
text-align:center;
margin:10px;
padding:10px;
border:1px solid #eee;
font-size:14px;
}

.favoriyok{
overflow:hidden;
text-align:center;
padding:20% 0 0 0;
}

.favoriyok img{
width:50%;
}

.favoriyok span{
display:block;
padding:20px 0 0 0;
}

.alerts{
padding:10px;
margin:5px;
margin-top:15px;
}

.alert-dangers{
background:#ff8497;
border:1px solid #e23030;
font-size:11px;
text-align:center;
color:#fff;
border-radius:4px;
}

.hesapislem{
overflow:hidden;
margin:0 auto;
}

.hesapislem ul{
margin:0 auto;
list-style:none;
padding:0;
overflow:hidden;
border-left:1px solid #eee;
border-bottom:1px solid #eee;
}

.hesapislem li{
width:50%;
float:left;
border:1px solid #eee;
border-left:none;
border-bottom:none;
text-align:center;
}

.hesapislem li em{
font-style:normal;
display:block;
margin:0 5px 10px 5px;
margin-top:-5px;
color:#666;
text-transform:uppercase;
font-size:13px;
border-radius:4px;
}

.hesapislem li i{
display:block;
font-size:28px;
padding:15px 0 0 0;
color:#444444de;
}

.uyegirdi{
margin:0 auto;
padding:0;
font-weight:500;
font-size:18px;
margin-bottom:10px;
color:#444444de;
display:block;
text-transform:capitalize;
}

.guncellebuton{
background:#3498db!important;
}

.hesapinfo{
text-align:center;
overflow:hidden;
padding:20px 0 0 0;
border-top:1px solid #eee;
}

.hesapinfo span{
display:block;
font-size:10px;
color:#FF0000
}

.ceponay{
font-size:14px;
}

.ceponay span{
font-size:11px;
}

.ceponay em{
display:block;
background:#3498db;
font-style:normal;
width:120px;
text-align:center;
padding:10px 0;
color:#fff;
margin-top:10px;
border-radius:5px;
}

.alert {
  padding:10px;
  margin-bottom:5px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}


.onaytitle{
overflow:hidden;
text-align:center;
border-bottom:1px solid #f7f7f7;
font-size:14px;
padding:10px 0;
}

.ceponaylandi{
width:80%;
margin:0 auto;
top:30%;
left:10%;
position:absolute;
background:#fff;
border:1px solid #f7f7f7;
padding:10px;
box-shadow: 0px 3px 15px 2px rgb(0 0 0 / 15%);
text-align:center;
padding-bottom:20px;
font-size:13px;
}

.onayortala{
font-size:44px;
color:#34db7c;
text-align:center;
margin-top:-40px;
}

.toastify{
overflow:hidden;
width:90%!important;
margin-left:5%;
font-size:12px;
border-radius:4px;
}

.genel-info-ver{
background:#fffdbc;
border:1px solid #e7e376;
padding:10px;
text-align:center;
margin-top:50px;
border-radius:4px;
font-size:14px;
}

.sepeticerik{
overflow:hidden;
}

.sepetboxs{
overflow:hidden;
display: flex;
align-items: center; /* Dikeyde ortalamak için */
border:1px solid #eee;
}

.sepetresim{
float:left;
width:15%;
border-right:1px solid #eee;
padding:2% 1% 0 1%;
}
.sepetresim img{
width:100%;
}

.sepeturun {
    float: left;
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
	font-size:12px;
	 flex: 0 0 auto; /* Boyutu otomatik ayarla */
    margin-right: 10px; /* Resim ile arasindaki boslugu ayarla */
	padding:2% 1% 0 1%;
	border-right:1px solid #eee;
}

.sepetfiyat{
    float: left;
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
	font-size:12px;
	padding:2% 1% 0 1%;
	border-right:1px solid #eee;
}

.sepetadet{
    float: left;
    width: 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
	font-size:12px;
	padding:2% 1% 0 1%;
	border-right:1px solid #eee;
}

.sepettoplam{
    float: left;
    width: 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
	font-size:12px;
	
}

.sepeturun,
.sepetfiyat,
.sepetadet,
.sepettoplam {
    display: flex;
    align-items: center; /* Dikeyde ortalamak için */
    flex-grow: 1; /* Tüm boslugu kapla */
}

.altkategorialt{
width:48%;
float:left;
text-align:center;
border:1px solid #eee;
padding:2% 2% 1% 2%;
margin-left:2%;
margin-bottom:2%;
border-radius:4px;
box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 3%);
}

.altkategorialt img{
width:100%;
}

.altkategorialt span{
display:block;
font-family: 'Pathway Gothic One', sans-serif;
font-size:18px;
padding-top:5px;
padding-bottom:5px;
}

.sepetlegitsin{
overflow:hidden;
border:1px solid #eee;
margin-bottom:15px;
padding:5px 5px 5px 5px;
box-shadow: 0px 0px 7px -1px rgb(0 0 0 / 14%);
}

.sepetleresim{
width:15%;
overflow:hidden;
float:left;
padding:5px 0 0 0;
}

.sepetlebilgi{
float:left;
overflow:hidden;
width:85%;
}

.sepetleresim img{
width:100%;
}

.sepetleurunadi{
overflow:hidden;
padding:0 10px;
font-size:14px;
font-weight:600;
color:#000
}

.sepetleurunadi span{
display:block;
font-size:12px;
font-weight:normal;
}

.sepetlefiyatlar{
padding:0 10px;
overflow:hidden;
margin-top:5px;
padding:0 10px
}

.sepetlefiyatlar span{
display:block;
float:left;
width:31%;
font-size:13px;
padding:2px 0;
font-weight:500;
}

.sepetlefiyatlar span::before{
content:" ";
width:1px;
height:40px;
background:#eee;
display:block;
margin-left:-15px;
position:absolute;
margin-top:1px
}

.sepetlefiyatlar span:nth-child(1)::before{
display:none;
}

.sepetlefiyatlar span:nth-child(4){
width:7%;
font-size:18px;
}

.sepetlefiyatlar span i{
padding:14px 0 0 0;
display:block;
color:#8f8f8f;
}

.sepetlefiyatlar span em{
display:block;
font-size:11px;
font-style:normal;
font-weight:600;
color:#3d3e46;
}

.sepetlefiyatlar span b{
display:block;
float:left;
width:20px;
height:20px;
background:#2778c4;
text-align:center;
font-weight:normal;
color:#fff;
border-radius:4px;
}

.sepetlefiyatlar span a{
display:block;
float:left;
width:20px;
height:20px;
text-align:center;
font-weight:600;
}

.sepettitlem{
overflow:hidden;
font-size:21px;
padding:0 0 10px 0;
}

#sepetsatinal{
display:none;
position:fixed;
width:100%;
overflow:hidden;
z-index:9;
bottom:0;
left:0;
background-image: radial-gradient(circle at 50% 13%,#f7f7f7a3,#ffffff);
box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 15%);
height:65px;
padding:5px 0;
}

.odemebutonus{
overflow:hidden;
background:linear-gradient(to right, #2778c4, #2778c4);
color:#fff;
font-size:16px;
padding:10px 0;
width:50%;
float:right;
text-align:center;
margin-right:2%;
margin-top:6px;
}

.odemetoplamfiyat{
float:left;
overflow:hidden;
text-align:center;
width:45%;
padding:7px 0 0 0;
font-family: 'Pathway Gothic One', sans-serif;
font-size:24px;
}

.odemetoplamfiyat span{
display:block;
font-size:11px;
font-family: 'Poppins', sans-serif;
}

.sepetufakbilgi{
overflow:hidden;
font-size:12px;
color:#555;
text-align:center;
line-height:20px;
}

.devamedebilmek{
text-align:center;
padding:30px 0 0 0;
}

.hesapolusturucam{
text-align:center;
overflow:hidden;
border:1px solid #2778c4;
padding:10px 0;
width:49%;
margin:0 auto;
margin-top:20px;
float:left;
background:#2778c4;
color:#fff;
}

.kayitolucam{
text-align:center;
overflow:hidden;
border:1px solid #3d3e46;
padding:10px 0;
width:49%;
margin:0 auto;
margin-top:20px;
float:right;
background:#3d3e46;
color:#fff;
}

.misafirolucam{
color:#3d3e46;
text-align:center;
overflow:hidden;
border:1px solid #ccc;
padding:10px 0;
width:100%;
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
}

#misafirkayit{
display:none;
}

.adresbilgisi{
overflow:hidden;
background:#fff;
box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 15%);
padding:10px;
margin-top:10px;
font-size:14px;
border-radius:4px;
}

.adresbilgisi span{
display:block;
font-weight:500;
color:#000;
font-size:16px;
overflow:hidden;
border-bottom:1px solid #ddd;
margin-bottom:10px;
padding-bottom:2px;
}

.adresbilgisi i{
display:block;
float:left;
margin-top:3px;
margin-right:3px;
}

.adresbilgisi em{
display:block;
font-style:normal;
border-top:1px solid #ddd;
padding:10px 0 0 0;
margin-top:5px;
}

.odemeyontemi{
overflow:hidden;
background:#fff;
box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 15%);
padding:10px;
margin-top:10px;
font-size:14px;
border-radius:4px;
}

.odemeyontemispan{
display:block;
font-weight:500;
color:#000;
font-size:16px;
overflow:hidden;
border-bottom:1px solid #ddd;
margin-bottom:10px;
padding-bottom:2px;
}

.odemeyontemi i{
display:block;
float:left;
margin-top:3px;
margin-right:3px;
}

.yontemsec{
overflow:hidden;
}

.yontemsec ul{
margin:0 auto;
list-style:none;
padding:0;
}

.yontemsec li{
display:block;
float:left;
width:50%;
text-align:center;
background:#eee;
padding:10px 0;
border-right:1px solid #ddd;
}

.yontemsec li:nth-child(2){
border:none;
}

#kapidaodeme{
display:none;
overflow:hidden;
}

#kartlaodeme{
display:none;
}

.kapidaodemeyok{
text-align:center;
padding:10px;
overflow:hidden;
color:#d42525;
}

.kapidatablo{
font-size:14px;
padding-top:10px;
padding-bottom:10px;
}

.kapidatablo td{
border-bottom:1px solid #eee;
padding:5px 0;
}

.kapidatablo td:nth-child(1){
width:75%;
}

.kapidatablo td:nth-child(3){
text-align:right;
width:25%;
}

.kapidatablo strong{
font-weight:500;
}

.ufakbilgison{
overflow:hidden;
margin:0 auto;
font-size:11px;
}


.siparisonaylabuton{
overflow:hidden;
padding:10px 0;
text-align:center;
background:#ffa310;
color:#fff;
margin-top:10px;
}

.siparistamamlandi{
overflow:hidden;
}

.okimg{
overflow:hidden;
text-align:center;
padding:30px 0 0 0;
}

.okimg img{
width:50px;
}

.siparisokbildir{
font-weight:600;
font-size:18px;
text-align:center;
padding:10px 0;
}

.takipkodu{
overflow:hidden;
text-align:center;
}

.takipkodu span{
display:block;
background:#eee;
text-align:center;
padding:10px;
border-radius:4px;
margin:5px 0;
}

.takipkodu em{
font-style:normal;
font-size:12px;
font-size:500
}

.odenecekmiktar{
padding:10px 0 0 0;
overflow:hidden;
}

.sepetbosimg{
overflow:hidden;
text-align:center;
padding:20px 0 0 0;
}

.sepetbosimg img{
width:60%;
}

.sepetyoktext{
text-align:center;
padding:20px 0 0 0;
}

.sepetegitsinmi{
overflow:hidden;
position:fixed;
width:90%;
background:#fff;
box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 15%);
z-index:999999;
top:30%;
left:5%;
}

.sepetegitsinmi b{
text-align:center;
display:block;
font-weight:normal;
margin:10px;
border:1px solid #eee;
padding:10px 0;
}

.success-message{
padding:10px;
background:#a1de53;
border:1px solid #74b324;
text-align:center;
font-size:13px;
color:#fff;
border-radius:4px;
margin:0 2%;
margin-bottom:10px;
}

.siparishesap{
overflow:hidden;
border:1px solid #ddd;
padding:10px;
margin-bottom:15px;
background: #eeeeee4f;
border-radius:10px;
}

.hsiparisno{
overflow:hidden;
border-bottom:1px solid #eee;
padding:0 0 10px 0;
font-size:13px;
font-weight:500;
}

.hsiparisno span{
float:right;
font-weight:600;
}

.hsiparisdurumu{
border-top:1px solid #eee;
padding:10px 0 0 0;
font-size:13px;
font-weight:500;
}

.hsiparisdurumu span{
float:right;
padding:0 10px;
color:#ffa310;
}

.hurun{
overflow:hidden;
padding:10px 0;
}

.hresim{
float:left;
overflow:hidden;
width:20%;
padding:7px 0 0 0;
}

.hresim img{
width:100%;
height:60px;
object-fit:contain;
}

.hbaslik1{
float:left;
overflow:hidden;
width:80%;
font-size:13px;
font-weight:500
}

.hbeden{
overflow:hidden;
border:1px solid #eee;
font-size:12px;
padding:4px;
margin-top:3px;
background:#f7f7f7;
}

.hbeden em{
font-weight:500;
font-style:normal;
}

.hbeden span{
float:right;
}

.hbedennumara{
padding:4px 0 0 0;
}

.accordion-headers {
  cursor: pointer;
}

.accordion-contents {
  display: none;
}

.accordion-contents.active {
  display: block;
}

.kargogeldi{
overflow:hidden;
background:#7ac428;
color:#fff;
margin-top:4px;
font-size:13px;
font-weight:500;
width:100%;
padding:5px;
}

.kargogeldi span{
float:right;
}

.kapidaodemeyeri{
overflow:hidden;
background:#03a84e1a;
color:#03a84ec7;
margin-top:4px;
font-size:13px;
font-weight:500;
width:100%;
padding:5px;
}


/**/
#slayt{
         overflow: hidden;
          padding:0px;
          width: 100%;
          margin-top: 10px;
        }
        
        .slayt{
          max-width: 1400px;
          margin: 0 auto;
        }
        
        .slayt-bir{
          width: 50%;
          float: left;
          background:#f4f4f4;
        }
        
        .slayt-iki{
          width: 50%;
          float: right;
          background:#ece7e3;
        }
        
        .yazi-ufak{
          text-align: right;
          padding: 50px 20px 0 0;
          font-size: 42px;
          opacity: 0.04;
        }
        
        .yazi-ufak span{
          font-size: 150px;
          display: block;
          font-weight: 700;
          margin-top: -30px;
        }
        
        .yazi-ufak-iki{
          padding: 50px 0px 0 20px;
          font-size: 42px;
          text-align: left;
          opacity: 0.04;
        }
        
        .yazi-ufak-iki span{
          font-size: 150px;
          display: block;
          font-weight: 700;
          margin-top: -30px;
        }
        
        .model-bir{
          position: relative;
          margin-top: -200px;
          text-align: center;
          height: auto;
        }

        .model-bir img{
            width: 100%;
        }
        
        .model-iki{
          position: relative;
          margin-top: -200px;
          text-align: center;
          height: auto
        }
        
        .model-iki img{
            width: 100%;
        }

        .kadin-ozel{
          text-align: center;
          font-size: 13px;
          float: right;
          background:#fff;
          margin-top: -40px;
          position: relative;
          z-index: 99;
          padding:10px;
          margin-right: 20px;
          border-radius:5px;
          box-shadow: 0 2px 3px rgba(0,0,0,.08);
          color: #555;
        }
        
        .erkek-ozel{
            text-align: center;
            font-size: 13px;
            float: right;
            background:#fff;
            margin-top: -40px;
            position: relative;
            z-index: 99;
            padding:10px;
            margin-right: 20px;
            border-radius:5px;
            box-shadow: 0 2px 3px rgba(0,0,0,.08);
            color: #555;
        }
		
		
		.ozelbaslik{
          font-size: 16px;
          font-weight: 700;
          overflow: hidden;
          padding:20px 2% 15px 2%;
        }
        
        .onecikanurunler{
          overflow: hidden;
          display: flex;
          flex-wrap: wrap;
          padding:0 2%
        }
        
        .urunlerone{
          width: 49%;
          float: left;
          border: 1px solid #f1f1f1;
          border-radius: 4px;
          transition: color 0.3s ease-in-out;
          padding:5px 5px 0 5px;
          margin-right: 1%;
          margin-bottom: 1%;
        }
        
        .urunlerone:hover{
          box-shadow: 0 2px 3px rgba(0,0,0,.08);
        }
        
        .onresim{
          overflow: hidden;
        }
        
        .onresim img{
          width: 100%;
          object-fit: contain;
          border-radius: 4px;
        }
        
        .onbaslik{
          overflow: hidden;
        }
        
        .onbaslik a{
          font-size: 13px;
          font-weight: 600;
          display: block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          padding:10px 10px 5px 0
        }
        
        .onbaslik span{
          padding: 0 0 10px 0;
          display: block;
          font-weight: 500;
        }
        
        .bannerlar{
          padding: 20px 0 0 0;
        }
        
        .banner1{
          width: 100%;
          float: none;
          padding:0 1%
        }
        
        .banner2{
          width: 49%;
          float: left;
		  margin-left:1%;
        }
        
        .banner3{
          width: 48%;
          float: right;
		  margin-right:1%;
        }
        
        .banner1 img{
          width: 100%;
          height: auto;
          object-fit: cover;
        }
        
        .banner2 img{
          width: 100%;
          height: auto;
          object-fit: cover;
        }
        
        .banner3 img{
          width: 100%;
          height: auto;
          object-fit: cover;
        }
        
		#anakaydir{
		padding:0 0 80px 0;
		}