.language-menu{position:relative;flex:none;order:2;text-align:left;font:13px/1.4 Arial,Helvetica,sans-serif;z-index:40;color:#f8f6f1}
.language-menu summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #746044;border-radius:3px;font-weight:700;white-space:nowrap}
.language-menu summary::-webkit-details-marker{display:none}.language-menu summary:hover{border-color:#ed8a21}.language-menu summary:focus-visible,.language-menu a:focus-visible{outline:2px solid #ed8a21;outline-offset:3px}
.language-menu nav{position:absolute;right:0;top:calc(100% + 8px);display:flex;flex-direction:column;min-width:155px;padding:7px;background:#151819;border:1px solid #746044;box-shadow:0 12px 30px #0005;border-radius:4px;letter-spacing:normal}
.language-menu nav a{display:block;text-decoration:none;padding:10px 13px;color:#f8f6f1;white-space:nowrap;font-weight:400;font-size:13px}
.language-menu nav a:hover,.language-menu nav a[aria-current=true]{background:#30281e;color:#ffad4a}.language-menu nav a[aria-current=true]{font-weight:700}
.site-header{gap:clamp(10px,2vw,30px)}.site-header .menu-toggle{order:3}.eyebrow{white-space:normal}
html:lang(de) .hero h1{font-size:clamp(48px,6.2vw,114px)}html:lang(es) .hero h1{font-size:clamp(37px,4.6vw,88px)}
html:not(:lang(fr)) .hero-bottom{gap:12px}html:not(:lang(fr)) .hero-bottom span:not(:last-child):after{margin-left:12px}
.checkout-header{flex-wrap:wrap;gap:16px}.checkout-header .language-menu{margin-left:auto}
@media(max-width:1180px){.site-nav{gap:14px}.site-nav a{font-size:11px}}
@media(max-width:1000px){.site-header .site-nav,.site-header .header-cta{display:none}.site-header .menu-toggle{display:block}.site-header .language-menu{margin-left:auto}.site-header{justify-content:space-between;height:70px}.mobile-nav:not([hidden]){display:flex;position:sticky;top:70px;z-index:29;background:#111516;padding:18px 28px;flex-direction:column;gap:15px;border-bottom:1px solid #303434}}
@media(max-width:900px){html:lang(de) .hero h1{font-size:clamp(54px,11vw,110px)}html:lang(es) .hero h1{font-size:clamp(37px,7.8vw,88px)}}
@media(max-width:600px){.checkout-header .back{order:3;flex-basis:100%}.language-menu summary{padding:8px 9px;font-size:12px}.professional-hero h1{overflow-wrap:anywhere}}
@media(max-width:380px){.site-header{padding-left:16px;padding-right:16px;gap:10px}.site-header .brand{font-size:17px;gap:6px}.site-header .brand img{width:32px;height:32px}.site-header .menu-toggle{width:30px}.language-menu summary{gap:5px}}