#hbefore {
padding-top: 30px;
background-image: image-set(url('../art/xmas/2025/bg-header-before.webp') type('image/webp'), url('../art/xmas/2025/bg-header-before.png') type('image/png'));
background-position: center top; background-repeat: no-repeat;
}

#hafter {position: relative}
#hafter::before {
	content: ''; background-color: transparent; background-image: image-set(url('../art/xmas/2025/bg-header-navigation.webp') type('image/webp'), url('../art/xmas/2025/bg-header-navigation.png') type('image/png'));
	background-position: center top; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0
}
	#hafter > .wrapper {position: relative}

#breadcrumb {padding-bottom: 30px}

#content .sectionHeader, section[id*="kiemelt"] > .wrapper {position: relative}
#content .sectionHeader::before, #content .sectionHeader.mainh1::before, .reasonsblock .wrapper::before, section[id*="kiemelt"] > .wrapper::before, #footer::before {
	content: ''; background-color: transparent; background-image: url('../art/xmas/2025/ho.svg'); background-position: center top; background-repeat: no-repeat; background-size: contain; display: block; width: 100%; max-width: calc(1540px - 160px); margin: 0 auto;
	position: absolute; top: -22%; left: 50%; z-index: 2; pointer-events: none; aspect-ratio: 1600 / 66; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
}
#content .sectionHeader.mainh1::before {background-image: url('../art/xmas/2025/ho-2.svg'); top: -17%}
.reasonsblock .wrapper::before {background-image: url('../art/xmas/2025/ho-2.svg'); width: calc(100% - 100px); top: -28%}
#content .newsFull .sectionHeader::before {top: -14%}

section[id*="kiemelt"] > .wrapper::before {top: -2.6%}


#footer {overflow: initial; position: relative}
#footer::before {max-width: 1600px; top: -4.6%}
	#footer .wrapper {overflow: hidden}
#snowfall {width: 100%; height: 100%; opacity: 1; position: fixed; top: 0; left: 0; z-index: 100000000; pointer-events: none}

@media (min-width: 993px){
	#content #rSide .sectionHeader::before {background-image: url('../art/xmas/2025/ho-434-2-1.svg'); background-size: auto 100%; background-position: left 13px top; height: 60px; top: -30px; aspect-ratio: 1}
	#content #rSide .listBlock.titleTextLink .sectionHeader::before {background-image: url('../art/xmas/2025/ho-434-1.svg'); background-size: auto 100%; background-position: right 13px top; height: 60px; top: -23px; aspect-ratio: 1}
}
@media (max-width: 1440px){
	#content .sectionHeader.mainh1::before {background-image: url('../art/xmas/2025/ho-1440-2.svg'); top: -24%; aspect-ratio: 1440 / 66}
	#content .sectionHeader::before {background-image: url('../art/xmas/2025/ho-1440.svg'); top: -26%; aspect-ratio: 1440 / 66}
	.reasonsblock .wrapper::before {background-image: url('../art/xmas/2025/ho-1440-2.svg'); top: -26%; aspect-ratio: 1440 / 66}
	#footer::before {background-image: url('../art/xmas/2025/ho-1440.svg'); top: -5.2%; aspect-ratio: 1440 / 66}
	section[id*="kiemelt"] > .wrapper::before {top: -2.8%}
}
@media (max-width: 1080px){
	#footer::before {top: -1.2%}
}
@media (max-width: 992px){
	.productFull .wrapper > .listBlock:not(.sliderList) {
       overflow: unset;
     }
	#content .sectionHeader.mainh1::before {background-image: url('../art/xmas/2025/ho-434-2-1.svg'); background-size: auto 100%; background-position: left 73px top; height: 60px; top: -30px; aspect-ratio: 1}
		#content .sectionHeader.mainh1 h1 {padding-top: 35px}
	.reasonsblock .wrapper::before {background-image: url('../art/xmas/2025/ho-434-2-1.svg'), url('../art/xmas/2025/ho-434-1.svg'); background-size: auto calc(100% - 6px); background-position: left 114px top, right 20px top 6px; height: 66px; top: -63px; aspect-ratio: 1}
		.reasonsblock .wrapper .mTitle h3 {padding-top: 35px; padding-bottom: 20px}
	#content .sectionHeader::before {background-image: url('../art/xmas/2025/ho-434-1.svg'), url('../art/xmas/2025/ho-434-2-1.svg'); background-size: auto calc(100% - 6px); background-position: left 63px top 6px, right 20px top 0; height: 66px; top: -30px; aspect-ratio: 1}

section[id*="kiemelt"] > .wrapper {position: relative}
section[id*="kiemelt"] > .wrapper::before {background-image: url('../art/xmas/2025/ho-434-1.svg'); background-size: auto 100%; background-position: right 20px top; height: 60px; top: -23px; aspect-ratio: 1}


	#footer::before {
background-image: url('../art/xmas/2025/ho-434-1.svg');
background-size: auto 100%;
background-position: right 20px top;
height: 70px;
top: -24px;
aspect-ratio: 1;
}

}
@media (max-width: 768px){

	.reasonsblock .wrapper::before {
background-image: url('../art/xmas/2025/ho-434-2-1.svg');
background-position: left 20px top;
height: 60px;
top: -63px;
aspect-ratio: 1;
}



}
@media (max-width: 640px){


	#content .sectionHeader::before {
background-image: url('../art/xmas/2025/ho-434-1.svg');
background-position: right 43px top 6px;
}


}
@media (max-width: 592px){

	#hafter::before {background-size: cover}
}
@media (max-width: 434px){

}
@media (max-width: 433px){

}
