.shop-categories-toggle-wrap,
.shop-categories-close {
	display: none;
}

@media (max-width: 767px) {
	.has-shop-categories-modal .shop-categories-toggle-wrap {
		display: block;
		width: 100%;
		margin: 12px 0 20px;
	}

	.has-shop-categories-modal .shop-categories-toggle {
		display: block;
		width: 100%;
		margin: 0;
		text-align: center;
	}

	.has-shop-categories-modal #secondary {
		display: none;
	}

	body.shop-categories-open {
		overflow: hidden;
	}

	body.shop-categories-open .shop-categories-overlay {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 100000;
		background: rgba(0, 0, 0, 0.45);
	}

	body.shop-categories-open.has-shop-categories-modal #secondary {
		display: block;
		position: fixed;
		z-index: 100001;
		left: 16px;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
		width: auto;
		max-width: 480px;
		margin: 0 auto;
		max-height: min(80vh, 640px);
		overflow: auto;
		flex: none;
		background: #fff;
		padding: 20px 20px 8px;
		box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22);
	}

	body.shop-categories-open.has-shop-categories-modal #secondary .inner {
		padding: 0;
	}

	.has-shop-categories-modal .shop-categories-close {
		display: block;
		margin: 0 0 12px auto;
		padding: 0;
		border: 0;
		background: transparent;
		color: #222;
		font-size: 13px;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		cursor: pointer;
	}
}

.shop-categories-overlay {
	display: none;
}