#agoyu-cookie-banner {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 40px);
	max-width: 1200px;
	background: linear-gradient(135deg,#0c2b4f,#0b1e38);
	border-radius: 16px;
	box-shadow:
	0 10px 30px rgba(0,0,0,0.35);
	color: white;
	padding: 30px;
	z-index: 99999;
	font-family: system-ui;
}

.cookie-inner{
	display:flex;
	align-items:center;
	gap:24px;
}

.cookie-left{
	display:flex;
	gap:16px;
	flex:1;
	height: 67px;
	align-items: center;
}

.cookie-icon{
	width: 70px;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
}
.cookie-icon > div {
	border-radius:10px;
	background:#173d65;
	padding: 6px 10px 5px;
    border: 1px solid #0d6684;
}

.cookie-title{
	font-weight:600;
	font-size:16px;
	margin-bottom:4px;
}

.cookie-desc{
	font-size:13px;
	opacity:.85;
}

.cookie-desc a{
	color:#5fd3ff;
}

.cookie-controls{
	display:flex;
	gap:20px;
}

.toggle{
	display:flex;
	align-items:center;
	gap:10px;
	font-size:13px;
}

/* toggle */

.toggle input{
	display:none;
}

.slider{
	width:40px;
	height:20px;
	background:#4b5b73;
	border-radius:20px;
	position:relative;
	cursor:pointer;
}

.slider:before{
	content:"";
	position:absolute;
	width:16px;
	height:16px;
	left:2px;
	top:2px;
	background:white;
	border-radius:50%;
	transition:.2s;
}

.toggle input:checked + .slider{
	background:#27d3ff;
}

.toggle input:checked + .slider:before{
	transform:translateX(20px);
}

.cookie-actions{
	display:flex;
	gap:10px;
	flex-direction: column;
}

#accept-all{
	background:#27d3ff;
	border:none;
	color:#00121f;
	padding:10px 18px;
	border-radius:8px;
	font-weight:600;
	cursor:pointer;
}

#save-preferences{
	background:transparent;
	border:1px solid rgba(255,255,255,0.3);
	color:white;
	padding:10px 16px;
	border-radius:8px;
	cursor:pointer;
}

.cookie-close{
	position:absolute;
	right:12px;
	top:10px;
	opacity:.7;
	cursor:pointer;
	border: 1px solid rgb(27 127 204 / 72%);
    border-radius: 5px;
    background: #223a59;
    padding: 0px 5px;
}

.cookie-close:hover{
	opacity:1;
}

@media (min-width:901px) and (max-width: 1024px){
	.cookie-icon > div{
		padding: 0;
	}
}

@media (max-width:900px){
	.cookie-inner{
	flex-direction:column;
	align-items:flex-start;
	gap:16px;
	}

	.cookie-left{
	width:100%;
	}

	.cookie-controls{
	width:100%;
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	gap:16px;
	}

	.cookie-actions{
	width:100%;
	display:flex;
	gap:12px;
	}

	#accept-all,
	#save-preferences{
	flex:1;
	}
}

@media (max-width:560px){
	#agoyu-cookie-banner{

	padding:16px;
	bottom:10px;
	width:calc(100% - 20px);

	}

	.cookie-inner{
	gap:14px;
	}

	.cookie-icon{
	display:none;
	}

	.cookie-controls{
	flex-direction:column;
	align-items:flex-start;
	gap:10px;
	}

	.toggle{
	width:100%;
	justify-content:space-between;
	}

	.cookie-actions{
	flex-direction:column;
	width:100%;
	gap:10px;
	}

	#accept-all,
	#save-preferences{
	width:100%;
	height:44px;
	}

	.cookie-desc{
	font-size:12px;
	}

}