/* The build renders every Category and Size; without JS all show, with JS the selected one. */html:not(.js) .controls{display:none}html:not(.js) .menu-panel+.menu-panel{margin-top:55px}.js .menu-panel:not(.selected),.js .category-name,.js .size-sep{display:none}.js [data-selected-size="0"] .price>[data-size="1"],.js [data-selected-size="1"] .price>[data-size="0"]{display:none}.category-name{font-size:38px}.menu-section h1{font-size:54px}#language{border:1px solid #aaa898;border-radius:30px;padding:10px 16px}.menu-section .eyebrow{margin-top:0}@media(max-width:760px){.menu-section h1{font-size:42px}footer{padding-bottom:100px;align-items:center;text-align:center}}
header nav #language{display:inline-flex}
.legal-copy{max-width:900px;margin:auto;padding:40px 6% 65px}.legal-copy h1{font-size:54px}.legal-copy h2{font-size:30px;margin-top:36px}.legal-copy p{line-height:1.8}.legal-copy a{text-decoration:underline;text-underline-offset:3px}/* Short legal pages: push the footer to the bottom of the window; they have no mobile bar to clear. */body:has(>.legal-copy){min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}body:has(>.legal-copy)>*{width:100%}.legal-copy{flex:1 0 auto}body:has(>.legal-copy)>footer{padding-bottom:35px}.legal-copy strong{font-weight:700}