/* Add custom CSS styles below */ 

#root{
    --primary:#F1D3E1;
    --primary-dark:#D8AFC2;
    --text:#222;
    --bg:#FFF9FC;
}
#mainnav > div > div > div{
display: flex !important;
}
#mainnav > div > div > div > div:nth-child(1){
order: 2 !important;
flex: 2 !important;
justify-content: center !important;
margin: auto !important;
text-align: center !important;
}
#mainnav > div > div > div > div:nth-child(2){
order: 1 !important;
flex: 1;
}
#mainnav > div > div > div > div:nth-child(3){
order: 3 !important;
flex: 1;
}

@media (max-width: 768px){
#mainnav > div > div > div > div.flex.items-center.gap-1.justify-end > a{
	position: absolute;
	right: 1rem !important;
}
#mainnav > div > div > div > div.flex.items-center.gap-1.justify-end > salla-localization-modal , #mainnav > div > div > div > div.flex.items-center.gap-1.justify-end > button.flex.items-center.gap-2.px-2.py-1.transition.beauty_show_language_currency {
	position: absolute !important;
	right: 4rem !important;
	font-size: 0.9rem !important;
}
#mainnav > div > div > div > div:nth-child(1){
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
}
}

.s-block--fixed-banner .container {
  max-width: 100% !important;
  padding: 0 !important;
}

.s-block--fixed-banner .banner--fixed img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: unset !important;
}

@media (max-width: 768px){

[dir="ltr"]  #mainnav > div > div > div > div:nth-child(3){
margin-left: 0.8rem !important;
width: 5.5rem !important;
max-width: 5.5rem !important;
left: 2.5rem !important;
font-size: 11px !important;
}
[dir="ltr"]  #mainnav > div > div > div > div.flex.items-center.gap-1.justify-end > button.flex.items-center.gap-2.px-2.py-1.transition.beauty_show_language_currency.duration-300{
width: 1.5rem !important;
max-width: 1.5rem !important;
right: 5.5rem !important;
font-size: 11px !important;
}

[dir="rtl"]  #mainnav > div > div > div > div:nth-child(3){
// margin-left: 0.8rem !important;
width: 5.5rem !important;
max-width: 5.5rem !important;
left: 0rem !important;
font-size: 11px !important;
margin-right: auto !important;
justify-content: start !important;
}
[dir="rtl"]  #mainnav > div > div > div > div.flex.items-center.gap-1.justify-end > button.flex.items-center.gap-2.px-2.py-1.transition.beauty_show_language_currency.duration-300{
width: 1.5rem !important;
max-width: 1.5rem !important;
left: 1rem !important;
font-size: 11px !important;
}

}