.header_main_wrap_non_sticky{
	background-color: #fff;
	box-shadow: 0 0 3px #ddd;
	}
.header_main_wrap{
	background-color: #fff;
	z-index: 100;
	padding: 0.5rem 0;
	flex-wrap: wrap;
	gap: 1rem;
	box-shadow: 0 0 5px #666;
	position: sticky;
	}
.header_main_wrap, .header_main_wrap_non_sticky{
	width: 100%;
	display: flex;
	justify-content: center;
	top: 0;
	}
.header_main{
	display: grid;
	grid: auto / max-content max-content 1fr max-content max-content max-content;
	row-gap: 0.5rem;
   	column-gap: 1.5rem;
   	justify-content: space-between;
  	align-items: center;
  	}

.header_main .text_content{
	color: var(--dark_blue_1);
	display: flex;
	align-items: center;
	gap: 0.3rem;
	font-weight: bold;
	justify-self: right;
	}
.header_main .logo{
	max-height: 2rem;
	}
.header_main img{
	max-height: 1.4rem;
	}

.header_main .search form{
	display: flex;
	gap: 0.5rem;
  	align-items: center;
  	}
.header_main .search{
	flex-grow: 1;
	position: relative;
	}	
.header_main .search input[type=text]{
	padding: 0.1rem 1rem;
	background:#fff;
	border:none;
	border: var(--orange_1) 2px solid;
	border-radius: 1.2rem;
	width:calc(100% - 3rem);
	margin: 0;
	height:1.8rem;
	}
.header_main .search input[type=text]::placeholder {
	text-align: center; 
	}
.header_main .search .submit{
	background-color:var(--light_blue_1);
	border-radius: 0.9rem;
	cursor: pointer;
	}
.header_main_non_sticky{
	display: flex;
	gap: 0.5rem;
	justify-content: space-between;
	}
.header_main_non_sticky div{
	display: flex;
	flex-wrap: wrap;
	gap: 1.2rem;
	}
.header_main_non_sticky a{
	display: flex;
	flex-wrap: nowrap;
  	transition: all 0.4s ease;
  	padding: 0.3rem 0.5rem;
  	font-weight: bold;
  	font-size: 0.9rem;
  	font-weight: 1rem;
	height:1.4rem;
	line-height:1.4rem;
   	align-items: flex-start;
   	gap: 0.25rem;
   	border-radius: 5px;
   	margin: 0.3rem 0 0.1rem 0;
	}
.header_main_non_sticky .header_main_blue{
	justify-content: right;
	}
.header_main_non_sticky .header_main_blue a{
	color: var(--dark_blue_1);
	position: relative;
  	}
.header_main_non_sticky .akcios_button{
	color: var(--red_1) !important;
  	}
.header_main_non_sticky .csomagajanlat_button{
	color: #fff !important;
	background-color: var(--red_1) !important;
  	}
.header_main_non_sticky .header_main_blue a:hover{
	color: #fff;
	background-color: var(--light_blue_1);
	}
.header_main_non_sticky .akcios_button:hover{
	color: #fff !important;
	background-color: var(--red_1) !important;
	}
.header_main_non_sticky .csomagajanlat_button:hover{
	color: var(--red_1) !important;
	background-color: #fff !important;
	}
.header_main_non_sticky .header_main_blue img{
	max-height: 1.4rem;
  	transition: all 0.4s ease;
	vertical-align: middle;
	}
.header_main_non_sticky .header_main_blue a img:nth-of-type(1){
	opacity: 1;
	}
.header_main_non_sticky .header_main_blue a img:nth-of-type(2){
	position: absolute;
	opacity: 0;
	left: 0.5rem;
	}
.header_main_non_sticky .header_main_blue a:hover img:nth-of-type(2){
	opacity: 1;
	}
.header_main_non_sticky .header_main_blue a:hover img:nth-of-type(1){
	opacity: 0;
	}

#ac_searchdiv{
	color: #000;
	top:1.4rem;
	left: 12px;
	width:calc(100% - 1.4rem - 14px);
	background-color: #fff;
	border: var(--dark_blue_1) solid 1px;
	position:absolute;
	z-index:20;
	display:none;
	overflow:hidden;
  	}
#ac_select{
	border:none;
	position: relative;
	padding: 0.2rem;
	margin: 0;
	width: calc(100% - 0.4rem);
	}
#ac_select li{
	cursor:pointer;
	display:block;
	clear: both;
 	white-space: nowrap;
  	font-size:0.9rem;
	width: 100%;
	text-align:right;
  	padding: 0.2rem 0 0.2rem 0;
	}
#ac_select li:hover, #ac_select li:focus{
	background:var(--dark_blue_1);
	outline: none;
	color: #fff;
	}
#ac_select .header_main{
  	font-weight: bold;
  	}
#ac_select .header_main:hover{
  	background: initial;
	color: #000;
	}


#cart_info,  #cart_info_mini{
 	color: var(--red_1);
 	}
#cart_info_mini{
	display: none;
 	}

.menu_button{
	cursor: pointer;
	display: grid;
	grid: repeat(3, 0.6rem) / auto auto;
	justify-content: center;
	align-items: center;
	align-content: center;
	border-right: solid 1px var(--light_blue_1);
	padding-right: 1.5rem;
  	}
.menu_button span{
	display: block;
	height: 4px;
	border-radius: 2px;
	width: 2rem;
	background-color: var(--orange_1);
	}
.menu_button .text_content{
	grid-area: 1/2 / 4/3;
	margin-left: 0.5rem;
	font-weight: bold;
	}

.category_menu_wrap, .category_menu_wrap_small{
	position: relative;
	display: flex;
  	align-items: center;
  	}
.category_menu_wrap_small{
	display: none;
	}
#category_list_small_wrap{
	z-index: 300;
	display: none;	
	position: absolute;
	top: -1rem;
	left: -1rem;
	display: flex;
	flex-direction: column;
	transform: translateX(-100%);
	transition: all .4s ease;
	max-width: 100vw;
	height: 100vh;
	}
.category_list_header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 3rem;
	background-color: #fff;
	border-bottom: 1px solid #000;
	}
.category_list_header .close, .category_list_header .back, .category_slider_categories .next{
	font-size: 2rem;
	font-weight: 300;
	padding: 0.5rem 1rem;
	cursor: pointer;
	}
.category_slider_categories .next{
	padding: 0 0 0 0.5rem;
	font-size: 1.6rem;
	display: flex;
	align-items: center;
	}
#category_slider_wrap{
	max-width: 100%;
	width: 28rem;
	height: calc(100% - 3rem - 5px);
	overflow-x: hidden;
	background-color: #fff;
  	overflow-y: scroll;
  	}
.category_slider{
	display: flex;
	height: 100%;
	transition: all .4s ease;
	flex-direction: row !important;
	}
#category_slider_wrap .category_slider{
	padding: 0;
	}
.category_slider a{
	line-height: 1.6rem;
  	font-size: 1.2rem !important;
  	}
.category_slider .category_slider_categories{
	background-color: #fff;
	width: 100%;
	min-width: 100%;
	display: none;
	}
.category_slider .level_0{
	display: block;
	}
.category_slider .level_0 .category{
	padding: 1rem;
	}
.category_slider .category{
	display: flex;
	justify-content: space-between;
	padding: 0.25rem 1rem;
	}

.category_list h3{
	margin:0;
	}
.category_list a{
	display: flex;
	align-items: center;
  	font-size: clamp(0.9rem, 5cqw, 5cqw);
  	font-weight: normal;
	color: #000;
	}
.category_list .tt_image{
	height: auto;
	max-height: 24px;
	max-width: 24px;
	}
.category_list .tt_image_box{
	text-align: center;
	width: 13cqw;
	height: 13cqw;
	max-width: 3rem;
	max-height: 3rem;
	margin-right: 0.4rem;
	background-color: #000;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	}
.category_list a:hover .tt_image_box{
	background-color:var(--light_blue_3);
	}
.category_list a:hover{	
	color:var(--red_1) !important;
	}

.category_menu_button{
	height: 2rem;
	width: 3rem;
	float: left;
	background: url("/images/category_menu.webp") center center no-repeat;
	background-size: 3rem 2rem;
	display: none;
	grid-area: 1/1 / 3/2;
	cursor: pointer;
	}
#category_list_wrap{
	border-top: 1px solid #000;
	z-index: 300;
	display: none;	
	position: absolute;
	top:2.5rem;
	display: flex;
	transform: scale(0);
	transform-origin: top left;
	transition: all .4s ease;
	background-color: #fff;
  	max-width: calc(var(--content_width_m) - 1037px - 1.5rem);
  	width: calc(var(--content_width) - 1037px - 0.5rem);
	min-width: 14rem;
	height: calc(400px + 2.65rem);
  	container-type: size;
  	}
#category_menu_bck, #category_menu_bck_small{
	background-color: rgba(0, 0, 0, 0.0);
	position: fixed;
	z-index: 300;
	display: none;	
	top:3.25rem;
	left: 0;
	width: 100%;
	height: 100%;
	transition: background-color 0.4s ease;
	}
 #category_menu_bck_small{
 	top:0;
 	}
.fade-in{
    background-color: rgba(0, 0, 0, 0.6) !important;
	}
.fade-out{
    background-color: rgba(0, 0, 0, 0) !important;
	}

.category_menu_links{
	margin-right: 0.5rem;
	padding-right: 0.5rem;
	}	
.category_menu_links a{
	display: block;
	font-size: 1.1rem;
	padding: 0.2rem;
	}

.category_sub_menu_desktop_wrap{
	display: none;
	position: fixed;
	left: 100%;
	top: 0;
	overflow-y: scroll;
	min-height: 100%;
	max-height: calc(100vh - 4.5rem);
  	width: calc(var(--content_width) - 18rem);
  	max-width: calc(100vw - 16rem);
	background-color: var(--very_light_blue_1);
	box-shadow: inset 10px 0 10px -9px rgba(0,0,0,0.4), 0 0 5px 0 rgba(0,0,0,0.2);
	}
.category_sub_menu_desktop {
	padding: 0.75rem;
	width: calc(100% - 1.5rem);
	column-count: 5;
	column-gap: 0.5rem;
	}
.category_sub_menu_desktop a{
	width:100%;
 	box-sizing: border-box;
 	display: flex;
  	align-items: center;
	max-width: calc(100% - 2rem);
	font-size: 0.9rem !important;
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	display: inline-block;
 	padding: 0.1rem ;
	}

.category_sub_menu_desktop .level_1 + .level_0, 
.category_sub_menu_desktop .level_2 + .level_0,
.category_sub_menu_desktop .level_3 + .level_0,
.category_sub_menu_desktop .level_4 + .level_0,
.category_sub_menu_desktop .level_5 + .level_0,
.category_sub_menu_desktop .level_6 + .level_0,
.category_sub_menu_desktop .level_7 + .level_0,
.category_sub_menu_desktop .level_8 + .level_0{
 	padding: 1rem 0 0.1rem 0;
 	}
.category_sub_menu_desktop .level_0{
	font-weight: bold;
	font-size: 0.9rem;
	}
.category_sub_menu_desktop .level_1{
	font-weight: bold;
	color: #555;
	}
.category_sub_menu_desktop .level_1{
	}
.category_sub_menu_desktop .level_2{
	padding-left: 0.5rem;
	font-size: 0.9rem !important;
	}
.category_sub_menu_desktop .level_3{
	padding-left: 1rem;
	font-size: 0.9rem !important;
	}
.category_sub_menu_desktop .level_4{
	padding-left: 1.5rem;
	font-size: 0.9rem !important;
	}
.category_sub_menu_desktop .level_5{
	padding-left: 2rem;
	font-size: 0.9rem !important;
	}
.category_sub_menu_desktop .level_6{
	padding-left: 2.5rem;
	font-size: 0.9rem !important;
	}
.category_sub_menu_desktop .level_7{
	padding-left: 3rem;
	font-size: 0.9rem !important;
	}
.category_sub_menu_desktop .level_8{
	padding-left: 3.5rem;
	font-size: 0.9rem !important;
	}

.category_list{
	display: flex;
	flex-direction: column;
  	justify-content: space-around;
  	padding: 5cqw;
   	height: 100%;
  	box-sizing: border-box;
  	width: 100%;
	box-shadow: inset 0 0 60px -20px rgba(0,0,0,0.2);
  	}

.extra_links{
	padding: 1rem;
	border-top: 1px solid #000;
	margin-top: 1rem;
	}
.extra_links a{
	display: grid;
	grid: auto / 4rem auto;
	padding: 0.5rem 0;
	color: var(--dark_blue_1);
	}
.extra_links img{
	max-height: 1.6rem;
	}


@media(max-width:76rem){
	.category_sub_menu_desktop {
		column-count: 4;
		}
	}
@media(max-width:70rem){
	.header_main{
		grid: auto / auto 1fr 1fr auto auto;
  		column-gap: 1rem;
  		}
	.header_main .search{
		grid-area: 2/1 / 3/5;
		}

	.header_main{
		justify-content: start;
		}

	.header_main .text_content{
		justify-self: end;
		}

	#category_list_wrap{
		top:2.2rem;
		}
		
	#category_menu_bck{
		top: 2.8rem;
		}

	.header_main .search{
		grid-area: 2/1 / 3/6;
		}		
	}
@media(max-width:62rem){
	.category_sub_menu_desktop {
		column-count: 3;
		}

	.header_main_wrap_non_sticky{
		display: none;
		}

	#category_slider_0 .tt_image_box{
		width: 2rem;
		height: 2rem;
		min-width: 2rem;
		}
	
	.category_menu_wrap_small{
		display: initial;
		}
	.category_menu_wrap{
		display: none;
		}

	 #cart_info,  #cart_info_mini{
		display: none;
	 	}
	 #cart_info_mini{
		display: block;
	 	}
	.header_main{
		grid: auto / auto 1fr 1fr auto;
		}

	.header_main .menu_button{
		width: 2.2rem;
		border: none;
		padding: 0;
		grid: repeat(3, 0.6rem) / auto;
		}
	}
@media(max-width:42rem){
	.header_main .menu_button {
    	width: 2rem;
		}
	.header_main .hide_on_small{
		display: none;
		}

	.header_main{
		grid: auto / auto 1fr max-content auto;
		}
		
  	.prod_list {
    	grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  		}

	.header_main .logo{
		max-width: 100%;
		}	
	.header_main img{
		max-height: 1.2rem;
		}
	}