.language-switch{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:38px;padding:8px 12px;border:1px solid #d9e3dc;border-radius:999px;background:#edf3ee;color:#2f5d50;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap}
.language-switch:hover{background:#e0ebe4}.language-switch:focus-visible{outline:3px solid #91b4a6;outline-offset:3px}
#web-header .language-switch{font-size:12px;min-height:34px;padding:7px 10px;margin-left:5px}
html:is([lang=en],[lang=de],[lang=ko]) #page{overflow-wrap:break-word}
html:is([lang=en],[lang=de],[lang=ko]) #page :is(.bs-prod,.bottle-prod,.detail-prod){overflow-wrap:anywhere}
html:is([lang=en],[lang=de],[lang=ko]) .desk-nav{gap:5px}html:is([lang=en],[lang=de],[lang=ko]) .desk-header-inner{gap:20px}html:is([lang=en],[lang=de],[lang=ko]) .desk-header-actions{gap:12px}
html:is([lang=en],[lang=de],[lang=ko]) .desk-home-topline{gap:16px}html:is([lang=en],[lang=de],[lang=ko]) .desk-process{flex-wrap:wrap;row-gap:12px}
html:is([lang=en],[lang=de],[lang=ko]) .desk-invitation h2{font-size:clamp(36px,3.8vw,60px)}
html:is([lang=en],[lang=de],[lang=ko]) .desk-receipt-stats{flex-wrap:wrap}html:is([lang=en],[lang=de],[lang=ko]) .desk-header-history{display:none}
@media(max-width:1023px){body.ww-profile-route{--ww-header-height:calc(88 * var(--rpx) + env(safe-area-inset-top,0px))}#web-header{padding-left:10px;padding-right:10px}html:is([lang=en],[lang=de],[lang=ko]) #page .cta{height:auto;min-height:48px;line-height:1.35;padding-block:12px}html:is([lang=en],[lang=de],[lang=ko]) #page :is(.section-title,.hero-title){overflow-wrap:normal}html:is([lang=en],[lang=de],[lang=ko]) #page .home-title{font-size:calc(48 * var(--rpx))}}
@media(min-width:1024px) and (max-width:1199px){html:is([lang=en],[lang=de],[lang=ko]) .desk-brand small{display:none}html:is([lang=en],[lang=de],[lang=ko]) .desk-nav-item{padding-inline:10px}html:is([lang=en],[lang=de],[lang=ko]) .desk-header-inner{gap:14px}}
@media(max-width:360px){#web-header .web-header-brand{gap:5px;padding-inline:2px}#web-header .web-header-brand img{width:22px;height:22px;flex-basis:22px}#web-header .language-switch{padding-inline:7px}#web-header #share{width:32px;flex-basis:32px}}
@media(max-width:1023px){
 html:is([lang=en],[lang=de],[lang=ko]) #page .profile-page .history-actions{grid-template-columns:1fr}
 html:is([lang=en],[lang=de],[lang=ko]) #page .profile-page .history-card{display:flex;align-items:center;gap:14px;padding:16px 34px 16px 16px}
 html:is([lang=en],[lang=de],[lang=ko]) #page .profile-page .hc-icon{margin:0;flex-shrink:0}
 html:is([lang=en],[lang=de],[lang=ko]) #page .profile-page .hc-sub{white-space:normal;overflow-wrap:break-word;line-height:1.5}
 html:is([lang=en],[lang=de],[lang=ko]) #page .profile-page .pm .strong{margin-inline:.25em}
}

/* Five authored locales share one keyboard-accessible native control. */
.language-select{font:inherit;color:inherit;max-width:10rem;min-width:6rem;cursor:pointer;padding:.6rem 1.7rem .6rem .8rem;border:1px solid #dce6df;border-radius:999px;background-color:#edf3ee;line-height:1.35;flex-shrink:0}
.language-select:focus-visible{outline:3px solid #80a894;outline-offset:3px}
.language-select:disabled{opacity:.65;cursor:wait}
html[lang="de"] .desk-header-inner{gap:16px}
html[lang="de"] .desk-nav{gap:4px}
html[lang="de"] .desk-nav-item{padding-inline:9px}
html[lang="de"] :is(button,.desk-button){white-space:normal;overflow-wrap:break-word}
@media(max-width:600px){.language-select{max-width:8.5rem;min-width:0;font-size:13px;padding:.5rem 1.4rem .5rem .6rem}}

@media(min-width:1024px){
 html[lang="de"]{--desk-header-height:126px}
 html[lang="de"] .desk-header-inner{height:auto;min-height:126px;flex-wrap:wrap;gap:8px 20px;padding:12px 0}
 html[lang="de"] .desk-nav{order:3;width:100%;flex-basis:100%;justify-content:center;align-self:auto;flex-shrink:0}
 html[lang="de"] .desk-header-actions{margin-left:auto}
 html[lang="de"] .desk-nav-item{min-height:44px;padding:9px 11px}
 .desk-header-actions select.language-select{min-width:7.5rem;padding-inline:10px 24px;flex-shrink:0;border:1px solid #dce6df;background:#edf3ee}
 .desk-header-actions{flex-shrink:0}
}
@media(max-width:430px){
 #web-header .web-header-brand{gap:6px;padding-inline:4px}
 #web-header .web-header-brand #page-title{display:block;max-width:none;font-size:14px}
 #web-header .language-select{width:88px;min-width:88px;max-width:88px;font-size:12px}
}