#cookie-consent-modal{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:10001;
	font-family:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.modal-overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
}
.modal-content{
	background-color:#ffffff;
	border-radius:12px;
	box-shadow:0 10px 30px rgba(0,0,0,0.2);
	padding:30px;
	max-width:500px;
	width:90%;
	position:relative;
	z-index:10002;
	color:#333;
	max-height:90vh;
	overflow-y:auto;
}
.modal-content h2{
	font-size:24px;
	margin-top:0;
	margin-bottom:20px;
	color:#2c3e50;
	text-align:center;
}
.modal-content p{
	font-size:15px;
	line-height:1.6;
	margin-bottom:15px;
	color:#555;
}
.button-group{
	display:flex;
	flex-direction:column;
	gap:12px;
	margin-top:25px;
}
.button-group button{
	padding:12px 20px;
	border:none;
	border-radius:8px;
	font-size:16px;
	cursor:pointer;
	transition:background-color 0.3s ease,transform 0.2s ease;
	font-weight:600;
	width:100%;
}
#accept-all-cookies{
	background-color:#4CAF50;
	color:white;
}
#accept-all-cookies:hover{
	background-color:#45a049;
	transform:translateY(-1px);
}
.secondary-btn{
	background-color:#f44336;
	color:white;
}
.secondary-btn:hover{
	background-color:#da190b;
	transform:translateY(-1px);
}
.tertiary-btn{
	background-color:#007bff;
	color:white;
}
.tertiary-btn:hover{
	background-color:#0056b3;
	transform:translateY(-1px);
}
.privacy-link-container{
	text-align:center;
	margin-top:20px;
}
.privacy-link-container a{
	color:#007bff;
	text-decoration:none;
	font-size:14px;
	transition:color 0.3s ease;
}
.privacy-link-container a:hover{
	color:#0056b3;
	text-decoration:underline;
}
.settings-view{
	padding-top:10px;
}
.settings-view h2{
	margin-bottom:15px;
}
.cookie-category{
	margin-bottom:20px;
	padding:15px;
	border:1px solid #e0e0e0;
	border-radius:8px;
	background-color:#f9f9f9;
}
.category-header{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:10px;
}
.category-header h3{
	font-size:18px;
	margin:0;
	color:#2c3e50;
}
.switch{
	position:relative;
	display:inline-block;
	width:48px;
	height:28px;
}
.switch input{
	opacity:0;
	width:0;
	height:0;
}
.slider{
	position:absolute;
	cursor:pointer;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#ccc;
	transition:0.4s;
	border-radius:28px;
}
.slider:before{
	position:absolute;
	content:"";
	height:20px;
	width:20px;
	left:4px;
	bottom:4px;
	background-color:white;
	transition:0.4s;
	border-radius:50%;
}
input:checked+.slider{
	background-color:#4CAF50;
}
input:focus+.slider{
	box-shadow:0 0 1px #4CAF50;
}
input:checked+.slider:before{
	transform:translateX(20px);
}
input:disabled+.slider{
	background-color:#a0a0a0;
	cursor:not-allowed;
}
input:disabled+.slider:before{
	background-color:#e0e0e0;
}
@media (max-width:768px){
	.modal-content{
		padding:20px;
		width:95%;
		margin:10px;
	}
	.modal-content h2{
		font-size:20px;
	}
	.modal-content p{
		font-size:14px;
	}
	.button-group{
		flex-direction:column;
	}
	.button-group button{
		font-size:15px;
		padding:10px 15px;
	}
	.category-header h3{
		font-size:16px;
	}
	.switch{
		width:40px;
		height:23px;
	}
	.slider:before{
		height:15px;
		width:15px;
		left:4px;
		bottom:4px;
	}
	input:checked+.slider:before{
		transform:translateX(17px);
	}
}
@media (max-width:480px){
	.modal-content{
		border-radius:0;
		height:100%;
		max-height:100%;
		width:100%;
		margin:0;
		padding:15px;
	}
	#cookie-consent-modal{
		align-items:flex-end;
	}
	.button-group{
		gap:10px;
	}
}