/* منوی کشویی موبایل — صفحات عمومی (خانه، بازارچه، فروشگاه‌ها) */

#homeMobileOverlay,
#homeMobileSidebar,
#homeMobileBottomNav {
	display: none;
}

@media (min-width: 64rem) {
	.home-mobile-only,
	#homeMobileOverlay,
	#homeMobileSidebar {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
}

@media (max-width: 63.99rem) {
	#homeMobileOverlay {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 80;
		background: rgba(15, 23, 42, 0.45);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.42s cubic-bezier(0.33, 0.82, 0.35, 1);
	}

	#homeMobileOverlay.is-open {
		opacity: 1;
		pointer-events: auto;
	}

	#homeMobileSidebar {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 90;
		width: min(320px, 88vw);
		height: 100%;
		height: 100dvh;
		background: #fff;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		box-shadow: -16px 0 48px rgba(15, 23, 42, 0.2);
		will-change: transform;
		transform: translate3d(105%, 0, 0);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition:
			transform 0.52s cubic-bezier(0.32, 0.72, 0, 1),
			opacity 0.36s cubic-bezier(0.33, 0.82, 0.35, 1),
			visibility 0s linear 0.52s;
	}

	html[data-theme="dark"] #homeMobileSidebar {
		background: #1e293b;
	}

	#homeMobileSidebar.is-open {
		transform: translate3d(0, 0, 0);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition:
			transform 0.52s cubic-bezier(0.32, 0.72, 0, 1),
			opacity 0.36s cubic-bezier(0.33, 0.82, 0.35, 1),
			visibility 0s linear 0s;
	}

	#homeMobileBottomNav {
		display: block;
	}
}

@media (prefers-reduced-motion: reduce) {
	@media (max-width: 63.99rem) {
		#homeMobileOverlay,
		#homeMobileSidebar {
			transition: none !important;
		}
	}
}

#homeMobileSidebar > .flex-1 {
	flex: 1 1 auto;
	min-height: 0;
}