#productDropdown {
	width: 100%;
    padding: 15px;
    margin-top: 30px;
    background: #fff;
    border: 1px solid #BDBDBD;
    color: #8C8C8C;
    font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}

#buttonsWrapper {
    width: 100%;
}

#buttonsWrapper #compareBtn {
    width: 100%;
    margin-bottom: 10px;
    height: 40px;
    background: #0055B8;
    color: #fff;
    font-size: 14px;
    border-radius: 8px;
}

#buttonsWrapper #clearBtn {
	width: 100%;
    color: #0055B8;
    height: 40px;
    background: none;
    font-size: 14px;
	border: none;
}

#toggleCompareList {
    position: fixed;
    top: 72px;
    right: 0;
    z-index: 9999;
    background: rgb(205 209 213);
    color: rgb(30 30 30);
    border: none;
    padding: 10px;
    border-top-left-radius: 10px;
}

#toggleCompare {
    display: none;
    position: fixed;
    top: 72px;
    right: 0;
    z-index: 9999;
    background: rgb(205 209 213);
    color: rgb(30 30 30);
    border: none;
    padding: 10px;
    border-top-left-radius: 10px;
}

#closeCompare {
	background: none !important;
    color: #1E1E1E !important;
    border: none !important;
    border-top-left-radius: 10px;
    font-weight: 500;
    font-size: 20px !important;
    padding: 5px;
    position: absolute;
    right: 7px;
    text-align: right;
	top: -40px;
    display: block;
    width: auto !important;
}

/* Seçili ürün kutusu */
.selected-wrapper {
    display: none; /* Başlangıçta gizli */
    align-items: center;
    position: fixed;
    z-index: 5;
    background: #fff;
    width: 200px;
    right: 0;
    top: 112px;
    min-height: auto;
    padding: 15px 23px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    flex-direction: column;
}

#selectedContainer {
    margin-bottom: 10px;
}

.selected-title {
	text-align: center;
    color: #1E1E1E;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
}

.selected-title span {
    font-size: 12px;
}

.selected-wrapper #compareBtn {
	width: 100%;
    margin-bottom: 10px;
    height: 40px;
    background: #0055B8;
    color: #fff;
    font-size: 14px;
    border-radius: 8px;
}

.selected-wrapper #clearBtn {
	width: 100%;
    color: #0055B8;
    height: 40px;
    background: none;
    font-size: 14px;
	border: none;
}

.selected-item {
    background: #EBEBEB;
    border: 1px solid #B2B2B2;
    padding: 6px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    flex-direction: column;
	font-size: 14px;
}

.selected-item button {
	cursor: pointer;
    border-radius: 3px;
    background: none;
    color: #D46767;
    border: 2px solid #D46767;
    width: 15px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Ürün listesi */
.product-list {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.product {
    border: 1px solid #ccc;
    padding: 10px;
    width: 220px;
    background: #fff;
}

.product h3 {
    margin-top: 0;
}

.product button {
    margin-top: 10px;
    cursor: pointer;
    padding: 6px 12px;
}

/* Karşılaştırma tablosu */
table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 30px;
}

th, td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: left;
}

th {
    background: #eee;
}

.category {
    background: #ddd;
    font-weight: bold;
    text-align: center;
}

.highlight {
    background: #C1CDDB;
}

@media (max-width: 640px) {
	.selected-wrapper {
		width: 100%;
		bottom: 103px;
		top: auto;
		text-align: center;
		border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	    padding: 5px 23px;
	}
	.selected-item {
			width: 33.33%;
		    gap: 5px;
			position: relative;
			font-size: 12px;
}
	.selected-title {
		display: flex;
		justify-content: center;
	}
	#selectedContainer {
		display: flex;
		gap: 10px;
	}
	.selected-wrapper #clearBtn {
		width: 100px;
		margin-top: 5px;
	}
	.selected-wrapper #compareBtn {
		width: 100px;
		margin-top: 5px;
        height: auto;
	}
	.selected-item button {
    position: absolute;
    right: 0;
    top: 0;
	}
}