/* ===============================
   DR1052 FOOTER – MR PRINT PACK
================================ */

.dr1052footer {
	position: relative;
	background: linear-gradient(180deg, #06080c, #020304);
	padding: 70px 20px 40px;
	overflow: hidden;
	font-family: 'Montserrat', sans-serif;
	color: #c7c7c7;
	perspective: 1200px;
}

/* Industrial light sweep */
.dr1052footer::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		120deg,
		transparent 40%,
		rgba(255,183,3,0.08),
		transparent 60%
	);
	animation: lightSweep 8s linear infinite;
	pointer-events: none;
	z-index: 0;
}

/* ===============================
   FOOTER WRAPPER
================================ */

.dr1052footer footer {
	max-width: 1200px;
	margin: auto;
	position: relative;
	z-index: 2;
	transform-style: preserve-3d;
	opacity: 0;
	transform: translateY(40px) scale(0.96);
	transition: opacity 0.8s ease, transform 0.8s ease;
}

.dr1052footer.active footer {
	opacity: 1;
	transform: translateY(0) scale(1);
}

/* ===============================
   FOOTER TOP
================================ */

.footer-top {
	display: flex;
	gap: 40px;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

/* ===============================
   BRAND
================================ */

.footer-brand {
	max-width: 320px;
	transform: translateZ(30px);
}

.footer-brand img {
	width: 150px;
	margin-bottom: 15px;
	filter: drop-shadow(0 10px 25px rgba(0,0,0,.6));
}

.footer-brand p {
	font-size: 14px;
	line-height: 1.7;
}

/* ===============================
   TITLES
================================ */

.footer-links h3,
.footer-contact h3,
.footer-social h3 {
	font-size: 15px;
	color: #ffb703;
	margin-bottom: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* ===============================
   LINKS
================================ */

.footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-links li {
	margin-bottom: 8px;
}

.footer-links a {
	color: #c7c7c7;
	text-decoration: none;
	transition: color .3s ease, transform .3s ease;
}

.footer-links a:hover {
	color: #ffb703;
	transform: translateX(4px);
}

/* ===============================
   CONTACT
================================ */

.footer-contact p {
	font-size: 14px;
	margin: 6px 0;
}

.footer-contact a {
	color: #c7c7c7;
	text-decoration: none;
}

.footer-contact a:hover {
	color: #ffb703;
	text-decoration: underline;
}

/* ===============================
   SOCIAL ICONS
================================ */

.footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin-right: 8px;
	border-radius: 50%;
	background: #151515;
	color: #ffb703;
	box-shadow:
		inset 0 0 0 1px rgba(255,183,3,.3),
		0 10px 25px rgba(0,0,0,.6);
	transition: transform .35s ease, background .35s ease, color .35s ease;
	transform: translateZ(20px);
}

.footer-social a:hover {
	background: #ffb703;
	color: #000;
	transform: translateY(-4px) translateZ(30px);
}

/* ===============================
   QR CODE SECTION
================================ */

.footer-qr {
	margin: 40px auto 30px;
	display: flex;
	justify-content: center;
}

.qr-card {
	display: flex;
	align-items: center;
	gap: 22px;
	padding: 22px 30px;
	border-radius: 20px;
	background: linear-gradient(145deg, #0b1220, #050b15);
	box-shadow:
		0 35px 90px rgba(0,0,0,.85),
		inset 0 1px 0 rgba(255,255,255,.06);
	border: 1px solid rgba(255,183,3,.25);
	transform-style: preserve-3d;
	opacity: 0;
	transform: translateY(30px) rotateX(12deg);
	transition: all .8s cubic-bezier(.22,1,.36,1);
}

.qr-card.qr-show {
	opacity: 1;
	transform: translateY(0) rotateX(0deg);
}

.qr-card img {
	width: 120px;
	height: 120px;
	background: #fff;
	padding: 6px;
	border-radius: 14px;
	box-shadow: 0 18px 36px rgba(0,0,0,.6);
	transform: translateZ(35px);
}

.qr-text h4 {
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 800;
	color: #ffb703;
	letter-spacing: .6px;
	text-transform: uppercase;
}

.qr-text p {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: #cbd5e1;
}

/* Hover (Desktop) */
@media (min-width: 992px) {
	.qr-card:hover {
		transform: translateY(-8px) rotateX(6deg);
		box-shadow: 0 60px 140px rgba(0,0,0,1);
	}
}

/* ===============================
   FOOTER BOTTOM
================================ */

.footer-bottom {
	border-top: 1px solid rgba(255,255,255,.08);
	padding-top: 18px;
	text-align: center;
}

.footer-bottom p {
	font-size: 13px;
	margin: 0;
}

.footer-bottom a {
	color: #ffb703;
	text-decoration: none;
}

.footer-bottom a:hover {
	text-decoration: underline;
}

/* ===============================
   ANIMATIONS
================================ */

@keyframes lightSweep {
	0% { transform: translateX(-60%); }
	100% { transform: translateX(60%); }
}

/* ===============================
   MOBILE OPTIMIZATION
================================ */

@media (max-width: 768px) {

	.dr1052footer {
		perspective: none;
	}

	.dr1052footer footer {
		transform: none !important;
	}

	.footer-top {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.qr-card {
		flex-direction: column;
		text-align: center;
		transform: none !important;
	}

	.qr-card img {
		transform: none;
		width: 130px;
		height: 130px;
	}
}