.cookie-banner{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index:99999;
	
}
.cookie-banner img{
	max-width: 50px;
	animation: beat 1s infinite alternate;
	transform-origin: center;
	outline-color: green;
	outline-width: 3px;
}

/* Modal styles */
.modal {
	display: none; 
	position: fixed; 
		z-index: 10000; 
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%; 
	background-color: rgba(0, 0, 0, 0.5);
  }
  
  .modal-content {
		background-color: rgba(2, 2, 2, 0.9);
	margin: 10% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 700px;
	border-radius: 10px;
	max-height: 90vh;
	overflow-y: auto;
		color: #ffffff;
  }

  /* Mobile responsive */
  @media (max-width: 768px) {
	.modal-content {
	  margin: 20px auto;
	  width: 90%;
	  max-width: none;
	  padding: 15px;
	}

	.modal-content h2 {
	  font-size: 1.3em;
	  margin-bottom: 15px;
	}

	.modal-content p {
	  font-size: 0.95em;
	  line-height: 1.4;
	}

	.cookie-options {
	  margin-top: 15px;
	}

	.cookie-options label {
	  font-size: 0.9em;
	  margin-bottom: 8px;
	}

	.button {
	  width: 100%;
	  margin-bottom: 8px;
	  font-size: 0.95em;
	  padding: 10px;
	}

	.button:last-child {
	  margin-bottom: 0;
	}

	.close {
	  font-size: 24px;
	  padding: 5px;
	}
  }
  
  .close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
  }
  
  .cookie-options {
	margin-top: 20px;
  }
  
  .cookie-options label {
	display: block;
	margin-bottom: 10px;
		color: #ffffff;
  }

	/* Typography inside modal */
	#cookieModal h2 { color: #ffffff; margin: 0 0 0.75em 0; }
	#cookieModal p { color: #e6e6e6; line-height: 1.6; }
	#cookieModal a { color: #ffffff; text-decoration: underline; }

	/* Buttons (scoped, derived from site main.css) */
	#cookieModal input[type="submit"],
	#cookieModal input[type="reset"],
	#cookieModal input[type="button"],
	#cookieModal button,
	#cookieModal .button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		border-radius: 4px;
		border: 0;
		cursor: pointer;
		display: inline-block;
		font-weight: 600;
		height: 2.85em;
		line-height: 2.95em;
		padding: 0 1.5em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		text-transform: uppercase;
		background-color: #5a5a5a;
		color: #ffffff !important;
		margin-right: 0.5rem;
	}

	#cookieModal .button:hover,
	#cookieModal button:hover,
	#cookieModal input[type="button"]:hover,
	#cookieModal input[type="submit"]:hover,
	#cookieModal input[type="reset"]:hover { background-color: #676767; }

	#cookieModal .button:active,
	#cookieModal button:active,
	#cookieModal input[type="button"]:active,
	#cookieModal input[type="submit"]:active,
	#cookieModal input[type="reset"]:active { background-color: #4d4d4d; }

	#cookieModal .button.alt,
	#cookieModal button.alt,
	#cookieModal input[type="button"].alt,
	#cookieModal input[type="submit"].alt,
	#cookieModal input[type="reset"].alt {
		background-color: transparent;
		box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25);
		color: #fff !important;
	}

	#cookieModal .button.special,
	#cookieModal button.special,
	#cookieModal input[type="button"].special,
	#cookieModal input[type="submit"].special,
	#cookieModal input[type="reset"].special {
		background-color: #F64747;
		color: #ffffff !important;
	}

	#cookieModal .button.special:hover,
	#cookieModal button.special:hover,
	#cookieModal input[type="button"].special:hover,
	#cookieModal input[type="submit"].special:hover,
	#cookieModal input[type="reset"].special:hover { background-color: #f75f5f; }

	#cookieModal .button.special:active,
	#cookieModal button.special:active,
	#cookieModal input[type="button"].special:active,
	#cookieModal input[type="submit"].special:active,
	#cookieModal input[type="reset"].special:active { background-color: #f52f2f; }
  
@keyframes beat{
	to { transform: scale(0.6); }
}