:root{
		--wb-cookie-bg: #0b2a5b;        /* dark blue */
		--wb-cookie-green: #10b981;     /* green */
		--wb-cookie-white: #ffffff;
	}
	#cookie-popup,#cookie-popup-2,#cookie-popup * , #cookie-popup-2 * {
		font-family: "Inter", sans-serif !important;
	}

	/* ============ Banner (popup 1) ============ */
	#cookie-popup{
		position: fixed;
		bottom: 0;     /* ✅ bottom */
		left: 0;
		right: 0;
		top: auto;     /* ✅ remove top */
		z-index: 999999;
		display: none;
		background: #08090c;
		padding: 18px 20px;
	}


	#cookie-popup .wb-cookie-inner{
		max-width: 1240px;
		margin: 0 auto;
		display: flex;
		gap: 18px;
		align-items: center;
		justify-content: space-between;
	}

	#cookie-popup .wb-cookie-title{
		color: var(--wb-cookie-white);
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 6px;
	}

	#cookie-popup .wb-cookie-text{
		color: rgba(255,255,255,.9);
		font-size: 14px;
		line-height: 1.45;
		max-width: 920px;
		font-weight: 400;
	}

	#cookie-popup .cookie-policy, #cookie-popup-2 .cookie-policy{
		color: var(--wb-cookie-green) !important;
		text-decoration: none !important;
		font-weight: 600;
	}

	#cookie-popup .cookie-policy:hover, #cookie-popup-2 .cookie-policy:hover{
		text-decoration: none !important;
		color: var(--wb-cookie-green) !important;
	}

	#cookie-popup a.wb-btn, #cookie-popup-2 a.wb-btn{
		text-decoration: none !important;
	}
	#cookie-popup a.wb-btn:hover, #cookie-popup a.wb-btn:focus, #cookie-popup-2 a.wb-btn:hover, #cookie-popup-2 a.wb-btn:focus{
		text-decoration: none !important;
		color: #fff !important;
	}

	#cookie-popup .wb-cookie-actions{
		display: flex;
		gap: 12px;
		flex-shrink: 0;
	}

	/* Buttons */
	.wb-btn{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 10px 18px;
		border-radius: 10px;
		font-weight: 500;
		font-size: 14px;
		text-decoration: none;
		border: 1px solid transparent;
		white-space: nowrap;
		min-width: 110px;
		
	}

	.wb-btn-green{
		background: var(--wb-cookie-green);
		color: #fff;
	}

	.wb-btn-outline{
		background: transparent;
		color: #fff;
		border-color: rgba(255,255,255,.35);
	}

	/* ============ Customise screen (popup 2) ============ */
	/* Popup 2 = Bottom drawer (NOT full screen) */
	#cookie-popup-2{
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
		z-index: 999999;
		display: none;
		background: #08090c;
		padding: 28px 20px;
		max-height: 80vh;     /* drawer height */
		overflow: auto;       /* scroll inside drawer */
	}


	#cookie-popup-2 .wb-cookie-modal{
		max-width: 1000px;
		margin: 0 auto;
		color: #fff;
		position: relative;
		 max-width: 720px;
	}

	#cookie-popup-2 .wb-modal-title{
		text-align: left;
		font-size: 22px;
		font-weight: 800;
		margin-bottom: 10px;
	}

	#cookie-popup-2 .wb-modal-text{
		text-align: left !important;
	  font-size: 14px;
	  line-height: 1.6;
	  color: rgba(255,255,255,.9);
	  max-width: 720px;
	  margin: 0 0 24px 0;
	  font-weight: 400;
	}

	#cookie-popup-2 .wb-card{
		background: #fff;
		color: #111;
		border-radius: 12px;
		padding: 18px 20px;
		margin: 16px auto;
	}

	#cookie-popup-2 .wb-card-head{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		margin-bottom: 8px;
	}

	#cookie-popup-2 .wb-card-title{
		font-size: 18px;
		font-weight: 800;
	}

	#cookie-popup-2 .wb-card p{
		margin: 0;
		font-size: 14px;
		line-height: 1.5;
		color: #222;
		font-weight: 400;
		color: #000;
		text-align: left;
	}

	#cookie-popup-2 .wb-modal-actions{
		display: flex;
		gap: 14px;
		justify-content: flex-start;
		margin-top: 18px;
	}

	/* Toggle */
	.switch-custom{ position: relative; display: inline-block; width: 52px; height: 28px; }
	.switch-custom input{ opacity:0; width:0; height:0; }
	.slider-custom{
		position:absolute; inset:0;
		cursor:pointer;
		background:#cbd5e1;
		border-radius: 999px;
		transition:.2s;
	}
	.slider-custom:before{
		content:"";
		position:absolute;
		width:22px; height:22px;
		left:3px; 
		top:3px;
		background:#fff;
		border-radius: 999px;
		transition:.2s;
	}
	.switch-custom input:checked + .slider-custom{
		background: var(--wb-cookie-green);
	}
	.switch-custom input:checked + .slider-custom:before{
		transform: translateX(24px);
	}

	/* Close button */
	#cookie-popup-2 .close-cookies{
		position: absolute;
		right: 0;
		top: -40px;
		border: none;
		background: transparent;
		color: rgba(8, 9, 12, 1);
		font-size: 22px;
		cursor: pointer;
	}

	/* ============ Responsive ============ */
	@media (max-width: 900px){
		#cookie-popup .wb-cookie-inner{
		  flex-direction: column;
		  align-items: flex-start;
		}
		#cookie-popup .wb-cookie-actions{
		  width: 100%;
		}
		#cookie-popup .wb-cookie-actions .wb-btn{
		  width: 100%;
		}
	}

	@media (max-width: 520px){
		#cookie-popup{ padding: 14px 14px; }
		#cookie-popup-2{ padding: 50px 14px; }
		#cookie-popup-2 .wb-modal-actions{
		  flex-direction: column;
		  align-items: stretch;
		}
		#cookie-popup-2 .wb-modal-actions .wb-btn{
		  width: 100%;
		}
	}