@charset "utf-8";
@media screen and (max-width: 979px) {
  :root{
	  --bottom-menu-height:60px;
	  --head-height:75px;
	  
  }
  body{
	  background-color:var(--light-grey-background);
  }
/*  .login-bottom .login-title{
	  display:none;
  }*/
  .head .menu {
    position: fixed;
    bottom: 0;
 /*   width: 100vw;*/
	left:0;
	right:0;
    background-color: black;
    display: flex;
    justify-content: space-around;	
	height:var(--bottom-menu-height);
/*	background-image: url(img/mobile-background.svg);*/
/*    background-size: cover;	*/
/*	
	border-top-left-radius: 400%;
	border-top-right-radius: 400%;
	border-top:10px solid #C11111;
	box-sizing:content-box;
*/
  }
/*  
  .head .menu>span{
	  height:65px;
	  width:81px;
	  background-size:75%;
  }
  .head .user-button{
	  background-size:55%!important;
  }
  .cart-length{
	  
  }
*/
  .cart-inside, .order-inside{
	  height: calc(var(--vh) - var(--head-height) - var(--bottom-menu-height));
	  width:100%;
	  max-height: -webkit-fill-available;
  }
  .cart-product-detail{
	  flex-grow:1;
  }
  
  .cart-product-amount {
    flex-shrink: 1;
/*    width: 33%;*/
    min-width: 120px;
  }
  #user, #user-inside{
	  height:100%;
  }
/*  .cart, .user{
	  padding-bottom:calc ( var(--bottom-menu-height) + ;
  }*/
  .head-menu-spacer{
	  height:100px;
  }
  .head .menu .cart-button{
	border-radius: 100%;
    background-color: inherit;
    position: absolute;
	bottom: 0px;
    width: 70px;
    height: 70px;
  }
  .cart-button .cart-length{
        bottom: 11px;
        right: 7px;
  }
  .sub-head{
/*    border-radius: 12px 12px 0 0;*/
    /*background-color: var(--green-background);	  */
	/*line-height:2;*/
	line-height:50px;
  }
  .sub-head .categories{
/*	border-bottom: 4px solid var(--border-color);*/
  }
  #shop{
/*	background-color: var(--dark-top);*/
  }
/*  .sub-head .menu .search{
	  float:right;
  }*/
  .sub-head .menu{
	  background-color:var(--pink-background);
	  text-align:end;
	  height:40px;
  }
  .details{
	  font-size:14px;
  }
  .head .title:not(.mobile){
	  display:none;
  }
  .head .title.mobile{
	  font-size:24px;
	  margin-right:-4px;
  }
  .back{
	position: fixed;
    top: 30px;
    left: 16px;
    z-index: 4;
	background-image: url(img/arrow-left-long-mobile.svg);
	
  }
  .orders .sub-head{
	  text-align:center;
  }
  .search-container{
	position: absolute;
    width: calc(100% - 100px);
    right: 0;
	padding-top:8px;
	padding-right:4px;
  }
  .search-container span.search {
    right: 4px!important;
    position: absolute!important;
	top:12px;
  }
  .search-container.search-active input.search{
	  width:100%;
	  padding-right:32px;
	  height:26px;
  }
  .sub-head .menu{
/*	  position:relative; */
/*	  margin: 0 6px; */
  }
  .orders .order > div{ 
	width:100%;
	border-top: 2px solid var(--border-color);
	padding-top:10px;
	margin-top:10px;
  }
  .orders .order > *{
	 padding: 0 10px;
  }
  .orders .order > div img{
	margin:0 10px;
  }
  .orders .order, .orders .cart-item{
	  justify-content:space-between;
	  padding: 13px 0;
	  margin: 10px 0;
  }
  .orders .order{
	  flex-wrap:wrap;
	  padding-bottom:7px;
  }
  #order .cart-product-detail{
	  display:block;
  }
  .orders .order .order-tot-items{
	order:2;
  }
  .orders .order .order-2nd-col{
	display:flex;
	flex-direction: column;
  }
  .cart .dialog-title{
	  display:none;
  }
  .cart-inside, .user-menu-top, #orders, #order, #order .order-inside {
	border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  .cart .dialog-title-mobile{
	  text-align:center;
	  font-weight:bold;
	  height:60px;
	  line-height:60px;
  }
  .cart .dialog-title-mobile .clear-cart{
	  padding-left:18px;
  }
  .category{
	  margin-left:2px;
	  margin-right:2px;
	  padding-left:7px;
	  padding-right:7px;
  }
  main{
	padding-right: calc(var(--vw) * 0.01);
  }
  .list-view main {
	  padding:0;
  }
  .head .customer{
	direction:ltr;
	line-height: normal;
    margin-top: auto;
	white-space:normal;
  }
  .head .right{
	  white-space: nowrap;
  }
  .screen-orders, .screen-order{
/*	  background-color: var(--dark-top);*/
  }
  .cart-product-detail-container{
	flex-grow:1;
	margin-right:15px;
  }
  .sub-head-button{
	margin:0 10px;
  }
  .categories-list-container:hover .categories-list{
	display:block;
  }
  .product .img{
	  height: var(--product-image-height-mobile);
  }
  .list-view .categories-main  .product{
	  justify-content: unset;
  }
  .list-view .document {
/*	display: block;*/
    width: 100%;
  }
  .document{
	  height:unset;
  }
  .head .logo img{
/*	max-width: 143px;*/
/*    content: url(img/login-logo.svg);*/
/*    margin-bottom: -10px;*/
/*    margin-left: -4px;*/
  }
  .desktop-only{
	  display:none;
  }
  select.SubItems{
	  margin:auto;
	  margin-bottom: 10px;
  }
  .add-to-cart-amount-outside{
	  flex-direction:column;
  }
  .login-bottom{
/*		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
/*		border-radius: 23px;*/
	  background-color:unset;
  }
  .login{
	  /*background-color:unset;*/
  }
/*
  .login-top{
		background-color: var(--brown-title);
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 8px;
		margin-bottom:16px;
  }
  */
  .login .logo{
	  padding:20px;
  }

  .head .user-button{
	background-image:url(img/user-hair-orange.svg);
  }
  .head .shop{
	background-image:url(img/shop-orange.svg);
  }
  .head .cart-button{
	background-image:url(img/cart-shopping-orange.svg);
  }
  .screen-user .head .user-button, .screen-orders .head .user-button, .screen-order .head .user-button, .screen-documents .head .user-button{
	background-image:url(img/user-hair-orange-2.svg);
  }
  .screen-shop .head .shop{
	background-image:url(img/shop-orange-2.svg);
  }
  .screen-cart .head .cart-button, .screen-checkout .head .cart-button, .screen-after-checkout .head .cart-button {
	background-image:url(img/cart-shopping-orange-2.svg);
  }
  .screen-cart .head .cart-length, .screen-checkout .head .cart-length, .screen-after-checkout .head .cart-length {
	color: black;
	background-color: var(--brown-title);;
	border-color: var(--brown-title);;
  }
  .cart-length{
	border-color: white;
	color: black;
	background-color:white;
  }
  main {
	background-color: var(--light-grey-background);
  }
  .duplicate-order button:first-child:not(:last-child){
	  margin-bottom:10px;
  }
  .list-view .add-to-cart-amount input{
	  width:36px;
  }
  
  .sub-head-button.bars, .sub-head-button.grid{
	  display:none;
  }
  .documents .sub-head .menu{
	  display:none;
  }
  .details-content .img{
	  max-height:100vw;
	  margin:auto;
  }
}

@media screen and (max-width: 390px) {
	.login{
		zoom:0.7
	}
}
@media screen and (min-width: 390px) and (max-width: 415px){
	.login{
		zoom:0.77
	}
}
@media screen and (min-width: 415px) and (max-width: 480px){
	.login{
		zoom:0.8
	}
}
@media screen and (min-width: 480px) and (max-width: 512px){
	.login{
		zoom:0.94
	}
}