/* SIDEBAR */

.sidebar_container {
	display:block;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	max-width:20em;
	background:#fff;
	z-index:999;
	transition: transform 0.4s;
	transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
}


body.sidebar_right .sidebar_container {
	max-width:36em;
	transform: translate3d(100%, 0, 0);
	-webkit-transform: translate3d(100%, 0, 0);
}

body.sidebar_right .sidebar_container .sidebar_header{
	float:right;
}

@media screen and (min-width:576px) {
	body.sidebar_right .sidebar_container {
		left:50%;
		margin-left:-18em;
		transform: translate3d(230%, 0, 0);
		-webkit-transform: translate3d(230%, 0, 0);

	}
}


body.sidebar_opened { overflow:hidden; }
body.fixed{ position:fixed; left:0; right:0; }
body.sidebar_opened .sidebar_container {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}

.sidebar_container .sidebar_header {
	display:flex;
	justify-content:space-between;
	height:4rem;
	z-index:50;
	align-items:center;
	position:relative;
	z-index:10;
	transition:background .4s;
	text-shadow:1px 1px 1px rgba(255,255,255,.3);
}

body.sidebar_scroll .sidebar_container .sidebar_header {
	background:#fff;
}

.sidebar_container.home_opened .sidebar_header > div:first-child { flex-grow:1; }
.sidebar_container.home_opened .sidebar_header .back { display:none; }

.sidebar_container .searchForm_container { display:none; }
.sidebar_container.home_opened .searchForm_container { display:block; }

.sidebar_container .sidebar_content {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
	overflow-y:auto;
}

.sidebar_container .sidebar_content .screen {
	position:absolute;
	left:0;
	right:0;
	top:4rem;
	transform: translate3d(100%, 0, 0);
	transition: transform 0.4s;
}

body.sidebar_right .sidebar_container .sidebar_content .screen:not(.screen_visible) {
	display:none;
}

.sidebar_container .sidebar_content .screen.top0 { top:0; }
.sidebar_container .sidebar_content .screen.screen_visible { transform: translate3d(0, 0, 0);}
.sidebar_container .sidebar_content .screen.screen_home:not(.screen_visible) { transform: translate3d(-100%, 0, 0); }

.sidebar_container .sidebar_content .screen_json { top:0; bottom:0; overflow:hidden; overflow-y:auto; }

.sidebar_container .screen .categorySide_header {
	height:200px;
	background-size:cover;
	background-position:center bottom;
	display:flex;
	align-items:flex-end;
	padding:.8rem;
}
.sidebar_container .screen .categorySide_header.tiny {
	height:auto;
	padding-top:0;
}
.sidebar_container .screen .categorySide_header a {
	color:#000;
	text-shadow:1px 1px 1px rgba(255,255,255,.3);
	font-size:1.2rem;
	font-weight:bold;
}
.sidebar_container .menu, .sidebar_container .menu li { list-style:none; margin:0; padding:0; }

.sidebar_container .menu li a {
	font-size:.95em;
	display:flex;
	justify-content:space-between;
	margin:0 1rem;
	height:3rem;
	align-items:center;
	border-bottom:1px solid #f4f4f4;
	gap:.5rem;
	color:#000;
}
.sidebar_container .menu li.text {
	padding:1rem;
	font-size:.8rem;
	color:#555;
}
.sidebar_container .menu li.sep { height:1px; background:#ddd; margin:.5rem 1rem; }

.sidebar_container .menu.gray { padding:1.5rem 0; background:#f4f4f4; margin-top:1rem; }
.sidebar_container .menu.gray li a { border:0; height:2.1rem; padding: 0 .7rem; margin:0.5rem; }

.sidebar_container .menu li:last-child a { border:0; }

.sidebar_container .menu li a .icon { width:2rem; font-size:1.4rem; color:#333; }
.sidebar_container .menu li a .text { flex-grow:1; }
.sidebar_container .menu li a .arrow { width:1.2rem; text-align:right;}

body.sidebar_right .sidebar_container .sidebar_header .searchForm_container { display:none; }
body.sidebar_right .sidebar_container.home_opened .sidebar_header > div:first-child { flex-grow:0; }
/* END SIDEBAR */

/* bMenu */
body.bMenu_opened { overflow:hidden !important; }

.bMenu {
	z-index:1000;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:none;
	align-items:end;
}

body .bMenu .fader, .global_fader {
	z-index:0;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,.5);
	transition:opacity .2s;
	opacity:0;
}

body.bMenu_opened .bMenu .fader, body.sidebar_opened .global_fader {
	opacity:1;
}
body.sidebar_opened .global_fader { display:block; }
.global_fader {display:none; z-index:999; }


.bMenu .bMenu_container {
	position:relative;
	z-index:50;
	background:#fff;
	border-radius:1rem 1rem 0 0;
	overflow:hidden;
	flex-grow:1;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	opacity:0;
	bottom:-200px;
	transition:opacity .2s, bottom .2s, margin .2s;
}

.bMenu .bMenu_screens_container {
	overflow:hidden;
	overflow-y:auto;
	height:10px;
	transition:height .2s, margin .2s;
	overscroll-behavior-y: none;
	width:200%;
	display:flex;
	justify-content:start;
	align-items:start;
	margin-left:0;
	scroll-behavior: smooth;
}

body.swiper_starts .bMenu .bMenu_screens_container {
	overflow-y:hidden;
}

body.bMenu_next .bMenu .bMenu_screens_container {
	margin-left:-100%;
}
.bMenu .bMenu_container .current_content, .bMenu .bMenu_container .next_content {
	overflow:hidden;
	width:100%;
	transition:transform .4s;
}

body .bMenu .back {
	height:0px;
	padding:0;
	overflow:hidden;
	transition:height .2s, visibility .2s, padding .2s, opacity .1s;
	visibility:hidden;
	opacity:0;
}
body.bMenu_next .bMenu .back {
	padding:.8rem 1rem;
	height:3rem;
	visibility:visible;
	opacity:1
}


body.bMenu_next .current_content {
/*	display:none;*/
}
body.bMenu_next .next_content {
/*	display:flex;*/
}

/*
.bMenu .bMenu_container .next_content {
	transform: translate3d(100%,0,0);
	-webkit-transform: translate3d(100%,0,0);
}

body.bMenu_next .bMenu .bMenu_container .current_content {
	transform: translate3d(-100%,0,0);
	-webkit-transform: translate3d(-100%,0,0);
}
body.bMenu_next .bMenu .bMenu_container .next_content {
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}
*/

.bMenu .bMenu_container.notransition {	transition:none; }

body.bMenu_closing .bMenu, body.bMenu_opening .bMenu, body.bMenu_opened .bMenu { display:flex; }

body.bMenu_closing .bMenu .bMenu_container, body.bMenu_opening .bMenu .bMenu_container, body.bMenu_opened .bMenu .bMenu_container {
	display:flex;
	opacity:0;
	bottom:-200px;
}

body.bMenu_opened .bMenu .bMenu_container {
	opacity:1;
	bottom:0;
}

.bMenu .bMenu_container .handle div {
	width:3rem;
	height:3px;
	background:#ccc;
	border-radius:3px;
	margin:5px auto;
}

.detailedAddToCart {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
}
.detailedAddToCart .changeQtyPanel { border-radius:0 !important; }
.detailedAddToCart .addToCartBut { border-radius:0 !important; }


.detailedAddToCart .wrppr { max-width:600px; margin:0 auto; } 


@media screen and (min-width:400px) {
	.detailedAddToCart {
		bottom:1.25em;
		left:10px;
		right:10px;
	}
	.detailedAddToCart .changeQtyPanel { border-radius:1rem 0 0 1rem !important; }
	.detailedAddToCart .addToCartBut { border-radius:0 1rem 1rem 0 !important; }

}

@media screen and (min-width:768px) {

	.bMenu {
		align-items:center;
	}

	.bMenu .bMenu_container {
		max-width:700px;
		margin:0 auto;
		border-radius:1rem;
	}
	.bMenu .bMenu_header { display:none; }

	.rounded-start-5 { border-radius:1em 0 0 1em !important; }
	.rounded-end-5 { border-radius:0 1em 1em 0 !important; }
	.detailedAddToCart { bottom:2em; }
}


/* END bMenu */

/* cart */
#orderResult {
}

#orderResult .success {
	background:url('/assets/success.jpg') no-repeat top center;
	background-size:contain;
	width:100%;
	height:250px;
}


/* splinner */
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #ddd;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}


body.sidebar_opened .global_fader { display:block; }
.global_fader {display:none; z-index:999; }