:root {
	--loong-red: #ff0046;
	--loong-red-dark: #b80033;
	--loong-ink: #111216;
	--loong-graphite: #24262c;
	--loong-line: #dedfe3;
}

@media (min-width: 701px) {
	.garment-header {
		background: rgba(10, 10, 13, 0.78);
		border-bottom-color: rgba(255, 255, 255, 0.14);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
	}

	.garment-header.is-scrolled {
		background: rgba(10, 10, 13, 0.96);
		border-bottom-color: rgba(255, 255, 255, 0.1);
		box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
	}

	.garment-header .garment-nav > a,
	.garment-header .dropdown-trigger,
	.garment-header.is-scrolled .garment-nav > a,
	.garment-header.is-scrolled .dropdown-trigger {
		color: #fff;
	}

	.garment-header .garment-logo {
		width: 232px;
		height: 64px;
	}

	.garment-header .logo-light,
	.garment-header.is-scrolled .logo-light {
		display: block;
		opacity: 1;
	}

	.garment-header .logo-dark,
	.garment-header.is-scrolled .logo-dark {
		display: none;
		opacity: 0;
	}

	.dibu {
		background-image: linear-gradient(rgba(6, 7, 9, 0.94), rgba(6, 7, 9, 0.82)), url('../img/loong-home/footer-laptop-manufacturing-20260924.webp') !important;
		background-position: center !important;
		background-size: cover !important;
	}

	.dibu .footer-l .logo {
		width: min(260px, 100%);
		height: 88px;
	}

	.dibu .footer-l .logo img {
		object-fit: contain !important;
		object-position: left center;
	}

	/* The legacy hot corner badge extended two pixels past category pages. */
	.products-grid .card-badge--hot {
		right: 0;
	}
}

@media (max-width: 700px) {
	.garment-header .garment-logo {
		width: 46px !important;
		height: 46px !important;
	}

	.garment-header .logo-light,
	body.mobile-menu-open .garment-header .logo-light,
	.garment-header.is-scrolled .logo-light {
		display: none !important;
		opacity: 0 !important;
	}

	.garment-header .logo-dark,
	body.mobile-menu-open .garment-header .logo-dark,
	.garment-header.is-scrolled .logo-dark {
		display: block !important;
		opacity: 1 !important;
		object-fit: contain !important;
		object-position: left center;
	}
}
