/* Full labels on desktop, compact icons on narrow screens. */
html .site-bar{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;max-width:1120px;padding:18px 24px 12px;overflow:visible;scrollbar-width:thin;scrollbar-color:#a98bdf55 transparent;overscroll-behavior-x:contain;scroll-padding-inline:16px;-webkit-overflow-scrolling:touch}
.site-bar::-webkit-scrollbar{height:4px}.site-bar::-webkit-scrollbar-thumb{background:#a98bdf55;border-radius:8px}.site-bar::-webkit-scrollbar-track{background:transparent}
.site-bar>.brand{flex:0 0 auto;margin-right:auto;padding-right:18px}
.site-bar>#openBottles,.site-bar>#openRanking,.site-bar>#accountWrap,.site-bar>.language-switch{flex:0 0 auto;margin:0;min-width:max-content}
html .site-bar #openBottles,html .site-bar #openRanking,html .site-bar #account{height:46px;min-height:46px;padding:0 15px;font-size:12px;font-weight:700;white-space:nowrap;letter-spacing:0;border-radius:13px;overflow:visible;text-overflow:clip;max-width:none;width:auto}
html .site-bar #openRanking span{display:inline}
.site-bar #accountWrap{position:static}
.site-bar #accountMenu{position:fixed;right:auto;top:auto;overflow-y:auto;overscroll-behavior:contain;z-index:1000}
.site-bar #accountMenu button{white-space:normal;overflow-wrap:anywhere;min-height:42px}
.site-bar .language-switch{height:46px;min-height:46px;border-radius:13px;padding:0 7px;box-shadow:inset 0 1px 0 #ffffff0b}
.site-bar .language-switch select{height:44px;min-height:44px;width:106px;padding-left:8px;font-size:12px}
.site-bar .language-switch>.language-icon{width:25px;height:25px}
.site-bar .language-switch>.language-chevron{right:10px}
@media(max-width:700px){
 html .site-bar{gap:6px;padding:12px 10px 9px}
 .site-bar>.brand{gap:0;padding-right:2px;margin-right:2px}
 .site-bar>.brand>span:not(.brand-icon){display:none}
 .site-bar .brand-icon{width:30px;height:30px;font-size:20px;border-radius:9px}
 html .site-bar #openBottles,html .site-bar #openRanking,html .site-bar #account{height:42px;min-height:42px;font-size:10px;padding:0 10px;border-radius:11px}
 .site-bar .language-switch{height:42px;min-height:42px;padding:0 5px;border-radius:11px}
 .site-bar .language-switch>.language-icon{display:none}
 .site-bar .language-switch select{height:40px;min-height:40px;width:91px;font-size:10px;padding:0 19px 0 6px}
 .site-bar .language-switch>.language-chevron{right:8px}
}
/* Compact icon navigation: no horizontal scrolling at any breakpoint. */
html .site-bar{overflow:visible;scrollbar-width:none;gap:10px}
html .site-bar #accountWrap{min-width:0;flex-shrink:0}
@media(max-width:1000px){
 html .site-bar{display:flex;flex-wrap:nowrap;gap:8px;padding:12px 14px}
 .site-bar>.brand{margin-right:auto;padding-right:0;gap:8px;flex:0 0 auto}
 .site-bar>.brand>span:not(.brand-icon){display:inline}
 .site-bar .brand b{display:none}
 .site-bar .brand-icon{width:32px;height:32px;font-size:21px}
 html .site-bar #openBottles,html .site-bar #openRanking,html .site-bar #account{display:inline-grid;place-items:center;width:42px;min-width:42px;max-width:42px;height:42px;min-height:42px;padding:0;font-size:0;letter-spacing:0;border-radius:12px;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff0b;vertical-align:middle}
 html[lang=en] .site-bar #openBottles,html[lang=en] .site-bar #openRanking,html[lang=en] .site-bar #account{font-size:0}
 html .site-bar #openRanking span{display:none}
 .site-bar #openBottles::before,.site-bar #openRanking::before,.site-bar #account::before{content:'';display:block;width:20px;height:20px;background:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center}
 .site-bar #openBottles::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6v4l2 3v10a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V10l2-3V3ZM9 7h6M7 14h10M9 3V1h6v2'/%3E%3C/svg%3E")}
 .site-bar #openRanking::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10v6a5 5 0 0 1-10 0V3ZM7 5H3v3a4 4 0 0 0 4 4m10-7h4v3a4 4 0 0 1-4 4M12 14v6m-4 1h8'/%3E%3C/svg%3E")}
 .site-bar #account::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2'/%3E%3C/svg%3E")}
 html .site-bar #accountWrap{width:42px;min-width:42px;max-width:42px;flex:0 0 42px}
 .site-bar>.language-switch{position:relative;width:42px;min-width:42px;max-width:42px;height:42px;min-height:42px;padding:0;flex:0 0 42px;justify-content:center;border-radius:12px}
 .site-bar .language-switch>.language-icon{display:grid;width:24px;height:24px;background:transparent;transform:translateY(-4px)}
 .site-bar .language-icon svg{width:19px;height:19px}
 .site-bar .language-switch>.language-chevron{display:none}
 .site-bar .language-switch::after{content:attr(data-language-code);position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:8px;line-height:10px;letter-spacing:.6px;font-weight:800;color:#e8dbff;pointer-events:none}
 .site-bar .language-switch select{position:absolute;inset:0;width:100%;max-width:none;height:100%;min-height:0;padding:0;color:transparent;font-size:0;z-index:1}
 .site-bar .language-switch select option{font-size:13px;color:#f5f0ff}
}
@media(min-width:1001px){html .site-bar{gap:8px;padding-left:18px;padding-right:18px}.site-bar>.brand{padding-right:4px}html .site-bar #openBottles,html .site-bar #openRanking,html .site-bar #account{padding-inline:11px;font-size:11px}.site-bar .language-switch select{width:101px;font-size:11px}}