@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orelega+One&display=swap');
body{
	background:#fdfbf7
}
*{
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}
.text{ padding:10px}
.topNav{
    margin-top: 25px;
	list-style-type:none;
}
.topNav li{
	display: inline-flex;
}

.topNav li a{
	padding: 10px 15px;
	background: #4a4a4a40;
	border-radius: 20px;
	font-size: smaller;
	color:#fff
}
.activeNav{
background:#ff5a36!important

}

.navToggle{
	margin-left:auto;
    width:50px;
    height:50px;
    border:none;
    background:#222;
    border-radius:8px;
    cursor:pointer;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:5px;

    transition:.3s;
}

.navToggle:hover{
    background:#333;
}

.navToggle span{
    width:24px;
    height:2px;
    background:#fff;
    border-radius:5px;
    transition:.3s;
}

/* Açik durumdaki ikon */
.navToggle.active span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
}

.navToggle.active span:nth-child(2){
    opacity:0;
}

.navToggle.active span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
}
.topNav_mobile{
    opacity:0;
    visibility:hidden;
    transform:translateY(-15px);
    transition:
        opacity .35s ease,
        transform .35s ease,
        visibility .35s;
    background:#1d1d1d;
    padding:20px;
    border-radius:12px;
}

.topNav_mobile.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

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

.topNav_mobile li{
    margin:12px 0;
}

.topNav_mobile a{
    color:#fff;
	font-size: x-large;
    text-decoration:none;
	padding: 10px;
    border-radius: 10px;
}

.npad { padding:0}
.logoPosition{
font-size: xxx-large;
font-weight: 900;
margin-top: 5px; 
}


.daire1{
	color: red;
    width: fit-content;
    font-weight: 300;
    border-radius: 999px;
    font-size: medium;
    padding: 4px 12px;
    background: rgb(255 90 54 / 0.1);
}
.daire2{
	color:white;
	width: fit-content;
	border-radius:999px;
	padding:4px 12px;
	background:rgb(255 255 255 / 0.2);
	border: 1px solid #ffffff33;
}
.daire3{
	color:#ff7636;
	width: fit-content;
	border-radius:999px;
	padding:4px 12px;
	background:rgb(255 255 255 / 1);
	border: 1px solid #e8e6e1;
	margin-right: auto;
    margin-left: auto;
	font-size: small;
}
.daire4{
	color:#fff;
	width: fit-content;
	border-radius:999px;
	padding:4px 12px;
	background:rgb(255 255 255 / 0.1);
	    border: 1px solid #ffffff8a;
}
.textBeyaz{
	font-size: 50px;
	font-weight: 900;
	color: #ffffffd9;
	line-height: normal;
}
.textBeyaz i{
	font-style:italic;
	font-weight:200;
	color:#ff8c5a
}

.textBeyazNormal{
	color:#b6bdbb;
	font-size: larger;
	width: 70%;
	margin: 30px 0;
}
.textSiyah{
	font-size: 50px;
	font-weight: 900;
	color: #000000d9;
	line-height: normal;
}
.textSiyahBaslik{
	font-size: 20px;
	font-weight: 800;
	margin:20px 0
}
.textSiyahSmall{
	font-size: small;
	font-weight: 300;
	text-align:left;
	color: #000000d9;
	line-height: normal;
}
.banner-1 h2{
font-family: "Orelega One", serif;
font-weight: 400;
font-style: normal;
font-size: 80px;
letter-spacing: -5px;
}
.banner-1 h3{
font-weight: 200;
font-size: 60px;
padding: 0;
font-style: italic;
letter-spacing: -5px;
color:#4a5d58
} 

/* //////////////////////////*/

.urunlerRepeat{
border:1px solid #e8e6e1;
background:#ffffff;
padding:0px;
margin:10px;
border-radius:30px;
overflow:hidden;
transition: transform .35s ease, box-shadow .35s ease;
}
.urunlerRepeat:hover {
transform: scale(1.05);
transform: translateY(-5px) scale(1.03);

/* Hover gölgesi */
box-shadow: 0 20px 40px rgba(0,0,0,.18);	
}
.urunlerRepeat img{
width:100%;
border: 1px solid #e8e6e1;
}
.urunlerRepeatCenter{
position:absolute
}
.fiyat_holder{
display:table
}


.detailLink {
position:relative
}

.detailLink::after {
content: "\f069";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-left: 10px;
position: absolute;
right:0;
 transition: transform 0.3s ease;
}
.detailLink:hover::after {
transform: rotate(60deg);
}
.urunlerRepeat_fiyat{
display:table-cell;
font-size: larger;
font-weight: 800;
}
.ucretsiz_kargo{
display:table-cell;
letter-spacing:-1px;
color:#ff5a36;
font-size: smaller;
text-align: right;
width:100%;
}

.urunlerRepeat_stoksuz,.urunlerRepeat_firsat,.urunlerRepeat_yeni{
border: 1px solid #e8e6e1;
border-radius: 999px;
background: #fff;
color: #000;
padding: 5px 8px;
font-size: x-small;
font-weight: 500;
margin: 2px;
}

.banner-2_a{
	background:#0b201c	;
	border-radius:50px;
	padding: 50px;
}
.banner-2_b{
	background:#fff	;
	border:1px solid #e8e6e1;
	border-radius:50px;
	padding: 50px;
	margin-bottom:15px
}

.buttonPrdx{
	font-size: small;
	border-radius: 20px;
	border: none;
	background: #ff5a36;
	padding: 10px 15px;
	color: #fff;
	margin-top: 10px;
	display:block;
	transition: background-color .35s ease,
	transform .25s ease;
}
.buttonPrdx:hover{
	background: #000;
	color: #fff;
  	transform: translateY(-2px) scale(1.03);
}

.buttonAlpha{
	background: #fff;
    color: #ff5936;
   /* display: flow-root;*/
    border-radius: 50px;
    padding: 15px 24px;
    margin: 0 0 20px 0;
    font-size: larger;
    font-weight: 400;
	
	transition: all 0.35s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);	
}
.buttonAlpha:hover{
	background:#000;
	color:#fff;
	
	transform: translateY(-2px) scale(1.03);
    box-shadow: 0 10px 25px rgba(0,0,0,.2);
}

.buttonBeta{
    background: none;
	border: 1px solid #ffffff42;
	color:#fff;
    border-radius: 50px;
    padding: 15px 24px;
    font-size: larger;
    font-weight: 400;
	
 	transition: all 0.35s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);	
}
.buttonBeta:hover{
	background:#fff;
	color:#ff5936;
	
	transform: translateY(-2px) scale(1.03);
    box-shadow: 0 10px 25px rgba(0,0,0,.2);
}
.buttonLambda{
    background: #ff5a36;
	color:#fff;
    border-radius: 50px;
    padding: 15px 24px;
    font-size: larger;
    font-weight: 400;
	border: none;
    font-size: medium;	
 	transition: all 0.35s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);	
}
.buttonLambda i{
	color:#fff!important
}
.buttonLambda:hover i{
	color:#ff5936!important
}
.buttonLambda:hover{
	background:#fff;
	color:#ff5936;
	
	transform: translateY(-2px) scale(1.03);
    box-shadow: 0 10px 25px rgba(0,0,0,.2);
}
.buttonOmega{
    background: #25d366;
	color:#fff;
    border-radius: 50px;
    padding: 15px 24px;
    font-size: larger;
    font-weight: 400;
	
 	transition: all 0.35s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);	
}

.btn-green{
    display:inline-block;
    background:#25d366;
	border-radius: 50px;
    color:#fff;
    border:none;
    padding:14px 30px;
    transition:transform .3s ease, box-shadow .3s ease, background .3s ease;
}

.btn-green:hover{
    background:#25d366;
    transform:translateY(-5px) !important;
	color:#fff;
    box-shadow:0 10px 25px rgba(40,167,69,.45);
}

.bottomTags{
	font-size:smaller;
	margin-right:15px
}

.userNavPanel {
	margin-top: 25px;
    background: #0b201c;
    color: #fff;
    border-radius: 20px;
    padding: 10px 20px;
    width: fit-content;
    float: right
}
.userNavPanel label{
	font-weight: 300;
	font-size: smaller;
}
.userNavPanel label a{
	color:#fff
}
.userNavPanel label a:hover{
	color:#ff5a36
}
.userNavPanel label i{
	 color:#ff5a36
}

.headerContainer{
	text-align:right;
	amargin: 0;
	aposition: absolute;
	atop: 50%;
	a-ms-transform: translateY(-50%);
	atransform: translateY(-50%);	
}
.headerH1{
	color: #ffffff;

}
@media only screen and (max-device-width: 768px) {
	.headerH1{
		 font-size: 38px;
	}
}
.headerH2{
    font-family: 'Sansita', sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 1.2vw;
    font-style: italic;
}
.headerH3{
    font-family: 'Sansita', sans-serif;
    color: #fff;
	font-weight: 200;
	font-size: 0.91em;
}
.headerH3 a{
	color: #ffffff;
    background: #ff5a36;
    border: 1px solid #cb5238c7;
    font-weight: 300;
    font-size: smaller;
    padding: 2px 4px;
    border-radius: 10px
}
.headerH1 span{
	color: #ff5a36;
	background: #fdeae4;
	font-weight: 400;
	font-size: medium;
	padding: 5px 10px;
	border-radius: 10px;
}
.headerH3 a:hover{
	color:#fff
}
@media only screen and (max-device-width: 768px) {
	.headerH3{
		font-size: 12px;
	}
}
.UrunListelemeSemici{
	width: 100%;
	display: table;
	background: #f4f1ea;
	border: 1px solid #e8e6e1;
	border-radius: 8px;
	overflow: hidden;
	margin: 20px 0;
}
.UrunListelemeSemici i{
	color: #ff5a36;
}


.UrunListelemeSemici span{
list-style-type:none;
font-size: small;
display:table-cell;
text-align:center;
padding:15px;
cursor:pointer;
transition: 0.3s;

,}
.UrunListelemeSemici span:hover, .UrunListelemeSemiciSelected {
background: #ff5a36;
color: #fff;
transition: 0.53s;
}
.UrunListelemeSemici span:hover i{
color: #fff;
}

.standertCerceve{
	border:1px solid #e8e6e1;
	background:#fff;
	padding:30px;
	border-radius:50px
}
.standertCerceve i{
	color:#ff5a36;
	font-size: large;
}
.standertCerceve h3{
	font-size: larger;
}
.standertCerceve h4{
	font-size:medium;
	font-weight:300
}
.formOverlayHolder{
	display:none
}


.formOverlay{
	display: grid;
	place-items: center;
	background: #000000d6;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 999;
	text-align: center;
}
.formOverlay font{
	color: #fff;
	font-size: 6vw;
}
input, textarea, select {
    width: 100%;
    border: 0px solid #d3dfc747;
    border-bottom: 1px solid #d3dfc7;
    padding: 10px;
    margin-bottom: 30px;
    transition: 0.3s;
    font-size: medium;
}
.navSepetimIconAdet{
    width: min-content;
    background: #ff5936;
    color: #fff;
    padding: 0px 10px;
    /* line-height: 6px; */
    border-radius: 100px;
    position: absolute;
    margin: -px;
    margin-left: 65px;
    margin-top: -40px;

}