	@font-face {
		font-family: "wwp-deadly";
		src: url("../assets/fonts/deadly-killers/DEADLY KILLERS.otf") format("OpenType")
	}

	@font-face {
		font-family: "aboreto";
		src: url("../assets/fonts/aboreto/Aboreto-Regular.ttf");
	}

	/* @font-face {
        font-family: "bebas";
        src: url("../assets/fonts/bebas-neue/BebasNeue-Regular.ttf");
    } */


	:root {
		--primary-red: rgb(143, 0, 0);
	}

	p {
		padding: 0 !important;
	}

	a {
		text-decoration: none;
		color: inherit;
	}

	a:hover {
		color: inherit;
	}

	.aboreto {
		font-family: 'aboreto', sans-serif;
	}

	body {
		background-color: black !important;
		color: whitesmoke;
	}


	.header-wwp {
		height: 110px;
		/* border: 1px solid gray; */
	}

	.logo-wwp-header {
		height: 110px;
	}

	.font-deadly {
		font-family: 'wwp-deadly', sans-serif;
		font-size: 2rem;
		transition: all 0.6s;
	}

	.font-deadly.section {
		font-size: 3rem;
	}

	/* Section Title */
	.font-deadly.section.title {
		font-size: 4rem;
		letter-spacing: 0.2em;
		font-weight: 900;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 3rem;
		position: relative;
	}

	.font-deadly.section.title::after {
		content: '';
		position: absolute;
		bottom: -12px;
		left: 50%;
		transform: translateX(-50%);
		width: 33%;
		height: 4px;
		background: linear-gradient(90deg, transparent 0%, #8f0000 50%, transparent 100%);
		border-radius: 2px;
	}

	.menu-item {
		width: 100%;
		height: 60px;
		transform: scale(1, 0.7);
		/* border: 1px solid lightcoral; */
	}

	.menu-item:hover {
		background-color: var(--primary-red);
		cursor: pointer;
		/* color: black; */
	}

	.BBB-admin-text-header {
		font-family: 'wwp-deadly', sans-serif;
		font-size: 3rem;
		letter-spacing: 0.3rem;
		padding-left: 6rem;
		border-right: 1px solid rgb(43, 43, 43);
	}


	hr {
		margin-top: 1rem;
		margin-bottom: 1rem;
		border: 0;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		/* margin-bottom: 10px; */
		/*border-top: 1px solid var(--primary-red);*/
	}


	.wwp-carousel {
		max-height: 400px;
		width: auto;
		max-width: 100%;
		object-fit: contain;
		margin: 0 auto;
		display: block;
	}


	.carousel-fade .carousel-item {
		opacity: 0;
		transition: opacity 1.5s ease-in-out;
	}

	.carousel-fade .carousel-item.active,
	.carousel-fade .carousel-item-next.carousel-item-start,
	.carousel-fade .carousel-item-prev.carousel-item-end {
		opacity: 1;
	}

	.carousel-fade .carousel-item-next:not(.carousel-item-start),
	.carousel-fade .carousel-item-prev:not(.carousel-item-end) {
		opacity: 0;
	}

	.carousel-fade .carousel-item-next,
	.carousel-fade .carousel-item-prev,
	.carousel-fade .carousel-item.active {
		transform: none;
	}

	.carousel-control-prev-icon,
	.carousel-control-next-icon {
		scale: 1.5;
	}

	.rs {
		max-width: 20px;
		filter: grayscale(1);
		transition: all 0.3s ease;
	}

	.rs:hover {
		filter: grayscale(0) brightness(1.2);
		transform: translateY(-3px);
	}

	/* ============================================================================ */
	/* FOOTER - Enhanced Design */
	/* ============================================================================ */
	.footer {
		background-color: var(--primary-red);
		padding: 0.35rem 1rem;
		border-top: 3px solid #b30000;
	}

	.footer-legal-link {
		color: #f5f5f5;
		text-decoration: none;
		font-size: 0.95rem;
		font-weight: 500;
		letter-spacing: 0.03em;
		transition: all 0.3s ease;
		position: relative;
		padding-bottom: 2px;
	}

	.footer-legal-link::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 1px;
		background: #f5f5f5;
		transition: width 0.3s ease;
	}

	.footer-legal-link:hover {
		color: #ffffff;
	}

	.footer-legal-link:hover::after {
		width: 100%;
	}

	/* Responsive footer */
	@media (max-width: 767px) {
		.footer {
			padding: 0.35rem;
		}

		.footer .row {
			flex-direction: column;
			text-align: center;
			gap: 0.5rem;
		}

		.footer-center {
			order: -1;
			margin-bottom: 0.5rem;
		}

		.footer-legal-link {
			font-size: 0.9rem;
		}
	}