html.pushbar_locked,
html.pushbar_locked body{
    -ms-touch-action: none !important;
    touch-action: none !important;
}

html.pushbar_locked{
	min-height: var(--vh-100);
	height: 100%;
}

html.pushbar_locked body{
    overflow: hidden !important;
}

.pushbar_locked .pushbar_main_content.pushbar_blur{
	filter:blur(15px);
}

.pushbar_overlay{
    z-index: -999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    will-change: opacity;
    transition: opacity 0.2s ease;
    opacity: 0;
    background: #000;
}

html.pushbar_locked .pushbar_overlay{
	opacity: 0.5;
	z-index: 999;
}

@media (max-width: 991.98px) {

	.pushbar{
		z-index: 1000;
		position: fixed;
		will-change: transform;
		background:#fff;
		border-width: 0;
		width: calc(100vw - 4rem) !important;
		max-width: 400px;
		transition:transform 0.2s ease;
	}

	.pushbar.from_left{
		top: 0;
		left: 0;
		height: 100%;
		min-height: var(--vh-100);
		transform: translateZ(0) translateX(-100%);
		opacity: 0;
	}

	.pushbar.from_right{
		top: 0;
		right: 0;
		height: 100%;
		min-height: var(--vh-100);
		transform: translateZ(0) translateX(100%);
		opacity: 0;
	}

	.pushbar.opened{
		transform: translateX(0px) translateY(0px);
		opacity: 1;
		padding-left: 20px;
		margin-left: 0;
		overflow-x: hidden;
	}

	.pushbar .pushbar_close{
		-webkit-appearance: none;
		appearance: none;
		padding: 0;
		border: 0;
		display: block;
		background: transparent;
		font-size: 2rem;
	}

	.kategori_urunleri_daraltma .ana_baslik, 
	.arama_urunleri_daraltma .ana_baslik, 
	.indirimli_urunler_daraltma .ana_baslik, 
	.yeni_urunler_daraltma .ana_baslik{
		display: block !important;
		margin: 0;
		padding: .5rem 1rem;
		background: white;
		position: sticky;
		top: 0;
		z-index: 2;
		border-bottom: 1px solid var(--gray-light);
/* 		margin-right: -15px; */
		margin-left: -15px;
		font-size: 1.5rem;
		background-color: rgba(255,255,255, .9);
	}

	.daraltma_kategoriler,
	#daraltma_secenkeleri_frm .daraltma{
		border-right: 0 !important;
	}

	.darlatma_secilmisler{
		display: none !important;
	}
}