body{
	font-family: 'Inter',sans-serif;
}
header{
	height: 60px;
	background-color:#6b46c1;
	color:white;

}
header a{
	text-decoration: none;
	color:white;
}
.search-bar{
	height: 50px;
	background-color: #f4f4f4;
	color:#000;
	border-radius: 20px;
	display: flex;
	align-items: center;

}
#search-input{
	border:none;
	outline:none;
	box-shadow: none;
	background-color: transparent;
	width:100%;

}
.ae a, .ar a:hover{
	color:white;
}
.aas a{
	color:#000;
}
.content{
	margin-top:160px!important;
}
.kimiz_nav li a{
	color:#000;
}
.kimiz_nav li a:hover{
	color:#6b46c1;
}
.divider{
	height:1px;
	background-color: rgba(0,0,0,0.1);

}

.menunav{
	margin-top:20px;
	gap:40px;
}
.menunav li a{
	color:#000;
	line-height: 30px;
}
.menunav li a:hover{
	border-bottom:1px solid #6b46c1;
}
.rd_item{
	border:0.4px solid rgba(0,0,0,0.2);
	color:#000;
	border-radius: 6px;
	text-decoration: none;
	padding:6px;

}
.rd_item:hover{
	color:#000;
}
.rd_item.active{
	border:0.4px solid rgba(0,0,0,0.2);
	color:white;
	background-color:#6b46c1;
	border-radius: 6px;
	text-decoration: none;
	padding:6px;
}

        /* Radio butonlarını gizliyoruz */
        input[type="radio"] {
            display: none;
        }

        /* Buton için stil */
        .custom-radio {
            position: relative;
            padding-left: 35px; /* Check işaretini sağa itmek için */
            cursor: pointer;
            font-size: 16px;
            display: inline-block;
            line-height: 20px;
        }

        /* Check işareti için stil */
        .custom-radio::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            border: 2px solid #ccc;
            border-radius: 50%;
            background-color: #fff;
            transition: all 0.3s ease;
        }

        /* Radio butonuna tıklanınca oluşacak efekt */
        input[type="radio"]:checked + .custom-radio::before {
            border-color: #6b46c1; /* Tıklanınca renk değişimi */
            background-color: #6b46c1; /* Tıklanınca arka plan rengi */
            width: 25px; /* Check işaretini büyütme */
            height: 25px; /* Check işaretini büyütme */
        }

        /* Check işareti için içi dolu olan stil */
        input[type="radio"]:checked + .custom-radio::after {
            content: '';
            position: absolute;
            left: 5px;
            top: 5px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #fff;
        }

        /* Checkbox butonlarını gizliyoruz */
        input[type="checkbox"] {
            display: none;
        }

        /* Checkbox için stil */
        .custom-checkbox {
            position: relative;
            padding-left: 35px; /* Check işaretini sağa itmek için */
            cursor: pointer;
            font-size: 16px;
            display: inline-block;
            line-height: 20px;
        }

        /* Checkbox için check işareti stil */
        .custom-checkbox::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            border: 2px solid #ccc;
            border-radius: 4px;
            background-color: #fff;
            transition: all 0.3s ease;
        }

        /* Checkbox'a tıklanınca oluşacak efekt */
        input[type="checkbox"]:checked + .custom-checkbox::before {
            border-color: #6b46c1;
            background-color: #6b46c1;
        }

        /* Checkbox için check işareti */
        input[type="checkbox"]:checked + .custom-checkbox::after {
            content: '✓';
            position: absolute;
            left: 2px;
            top: -2px;
            color: #fff;
            font-size: 16px;
            font-weight: bold;
        }

#sepet_artir,#sepet_azalt{
	background-color: #6b46c1;
	width:35px;
	height: 35px;
	border-radius: 50%;
	color:white;
	border:none;
	outline:none;
}

.wapp_sip{
	border-radius: 20px;
	box-shadow: none;
	outline:none;
}

.sepete_ekle_btn,.sepete_ekle_btn:hover{
	background-color:#6b46c1;
	color:white;
	border-radius: 20px;
	font-weight: bold;
	padding:1rem;
}

.forma input:focus{
	box-shadow: none;
	border:1px solid #6b46c1;
}