.header{background-color:var(--color-background);border-bottom:1px solid var(--color-border-light);position:fixed;top:0;left:0;right:0;z-index:var(--z-header);box-shadow:var(--shadow-header);transition:all var(--transition-normal)}.header-extent{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--spacing-xs);max-width:var(--stage-max-width);margin:0 auto}.header.compact .header-extent{height:var(--header-height-compact)}.header-element{z-index:var(--z-header)}.header__hamburger{display:block;position:static;cursor:pointer;padding:var(--spacing-xs);color:var(--color-primary);background:0;border:0;z-index:var(--z-header);margin-right:auto}.header__hamburger svg{width:24px;height:24px;transition:opacity .2s ease;vertical-align:middle}.header__hamburger.active .hamburger-icon{display:none}.header__hamburger.active .close-icon{display:block !important}.header__icon-menu{display:flex;margin-left:auto}.header-icon{margin:0 var(--spacing-sm);text-align:center;font-size:var(--font-sm);color:var(--color-primary);cursor:pointer}.header-icon img{width:20px;height:20px;vertical-align:middle}.header-icon-label{display:none}.header__logo{position:static;flex:0 0 auto;z-index:var(--z-header)}.header__logo img{width:150px;max-width:50vw}.header.compact .header__logo img{width:100px;max-width:10vw;min-width:80px}.cart-number{position:absolute;border-radius:var(--border-radius-full);background:var(--color-primary);color:white;width:50%;top:0;left:32%;aspect-ratio:1 / 1;font-size:10px}#cart-icon .cart-number{font-size:8px}@keyframes cart-wiggle{0%{transform:rotate(0)}10%{transform:rotate(-15deg)}20%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}40%{transform:rotate(15deg)}50%{transform:rotate(-10deg)}60%{transform:rotate(10deg)}70%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}90%{transform:rotate(0)}100%{transform:rotate(0)}}.cart-wiggle{animation:cart-wiggle .6s ease-in-out}#cart-icon a{transform-origin:center center}.search-form{display:flex;border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);overflow:hidden;height:36px;box-shadow:inset var(--shadow-md);background-color:var(--color-background);position:relative}.search-input{flex:1;border:0;outline:0;padding:var(--spacing-sm) 10px var(--spacing-sm) 35px;font-size:var(--font-xl);color:var(--color-text);background-color:transparent;background-image:url('../../img/search.svg');background-repeat:no-repeat;background-position:10px center;background-size:16px 16px;transition:all var(--transition-normal)}.search-input::placeholder{color:var(--color-text-light);font-size:var(--font-xl)}.menu-search{padding:0 var(--spacing-lg)}.search-container{position:fixed;top:var(--header-height-compact);left:0;width:100%;padding:50px;background-color:white;max-height:calc(100vh - var(--header-height) - 40px);box-shadow:var(--shadow-header);z-index:calc(var(--z-header) - 1);display:none}.search-container .search-form{max-width:500px;margin:0 auto}.suggestions{list-style:none;max-width:500px;margin:var(--spacing-xs) auto 0 auto;max-height:200px;overflow-y:auto;display:none}.suggestions:not(:empty){display:block}.suggestions li{padding:5px 35px 5px 12px;cursor:pointer;border-radius:var(--border-radius-md)}.suggestions li:hover,.suggestions li.active{background:var(--color-pink-hover)}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-overlay-dark-20);z-index:calc(var(--z-header) - 2);display:none}.menu-container{top:var(--header-height);margin-top:var(--spacing-xs);left:3%;width:90%;flex-direction:column;max-height:calc(100vh - var(--header-height) - 40px);max-width:600px;z-index:var(--z-header);display:none}.dialog-box{position:fixed;background-color:white;border:3px solid var(--color-primary);border-radius:var(--border-radius-lg);overflow-y:auto}.menu-header{padding:var(--spacing-md)}.menu-user-section{display:flex;flex-direction:column}.menu-user-actions{display:flex;justify-content:center;align-items:center;position:relative;padding:0 var(--spacing-md);width:100%;gap:var(--spacing-md)}.user-action{display:flex;flex-direction:row;align-items:center;text-decoration:none;color:var(--color-light-gray);font-size:var(--font-xl);text-align:center;justify-content:center;gap:6px;white-space:nowrap;flex-shrink:0}.user-action:hover{color:var(--color-primary)}.menu-separator{color:var(--color-border-dark);font-size:var(--font-2xl);font-weight:normal;flex-shrink:0}.action-icon{width:24px;height:24px}.menu-nav{flex:1;padding:var(--spacing-lg) 0}.nav-link{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-md);text-decoration:none;color:var(--color-text)}.nav-link:hover{background-color:var(--color-background-gray);color:var(--color-primary)}.nav-text{font-size:var(--font-xl);font-weight:500}.nav-link svg{color:var(--color-text-light);transition:color .2s ease}.nav-link:hover svg{color:var(--color-primary)}.menu-footer{padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);margin-top:auto}.menu-footer-links{text-align:center;font-size:var(--font-lg)}.menu-footer-links a{color:var(--color-text-light);text-decoration:none}.menu-footer-links a:hover{color:var(--color-primary);text-decoration:underline}.footer-separator{color:var(--color-text-muted);margin:0 var(--spacing-sm)}.pulldown-spacer{display:block;height:1px;border:0;border-top:1px solid var(--color-border);margin:0 auto;padding:0;width:90%}.language-container{top:var(--header-height);margin-top:var(--spacing-xs);right:1%;width:70%;flex-direction:column;max-height:calc(100vh - var(--header-height) - 40px);max-width:600px;padding:var(--spacing-md);z-index:var(--z-header);display:none}.language-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);padding:var(--spacing-md)}.language-popup{top:15vh;left:calc(50% - min(200px, 45vw));width:90vw;max-height:calc(100vh - var(--header-height) - 40px);max-width:400px;padding:var(--spacing-md);z-index:var(--z-header);display:none}.site-footer{background-color:var(--color-primary);color:white;padding:0 0 20px;margin-top:auto}.footer-container{max-width:var(--stage-max-width);margin:0 auto;padding:0 20px}.footer-logo{padding:40px 0;text-align:center}.footer-logo a{display:inline-block;transition:opacity .3s ease}.footer-logo a:hover{opacity:.8}.footer-logo-img{height:60px;width:auto}.footer-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.footer-column{text-align:center}.footer-title{font-size:var(--font-2xl);font-weight:bold;margin-bottom:15px;color:white}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:8px}.footer-links a{color:var(--color-overlay-white-90);text-decoration:none;font-size:var(--font-2xl)}.footer-links a:hover{color:white;text-decoration:underline}.footer-legal{text-align:center;padding:10px 0;margin-bottom:15px}.legal-links a{color:var(--color-overlay-white-90);text-decoration:none;font-size:14px}.legal-links a:hover{color:white;text-decoration:underline}.separator{color:var(--color-overlay-white-60);margin:0 10px}.footer-copyright{text-align:center;font-size:12px;color:var(--color-overlay-white-80)}.footer-copyright p{margin:0}@media(min-width:768px){.header-element{flex:1;display:flex;justify-content:center}.header-icon{margin:0 var(--spacing-lg);width:30px;white-space:nowrap;display:flex;justify-content:center}.header-icon img{width:22px;height:22px;vertical-align:baseline}.compact .header-icon img{vertical-align:middle}.header-icon-label{display:block}.compact .header-icon-label{display:none}.menu-overlay{backdrop-filter:blur(2px)}.language-list{grid-template-columns:repeat(3,1fr);padding-left:12.5%}.language-popup{top:25vh}.site-footer{padding:0 0 30px}.footer-logo-img{height:auto;width:250px}.footer-columns{grid-template-columns:repeat(5,1fr);margin-bottom:40px}.footer-column{text-align:left}.footer-title{font-size:var(--font-2xl);margin-bottom:20px}.footer-links a{font-size:var(--font-2xl)}.footer-links li{margin-bottom:10px}.legal-links{display:flex;justify-content:center;align-items:center}.footer-copyright{font-size:13px}.footer-container{padding:0 40px}}@media(min-width:1024px){.footer-container{padding:0 90px}}@media(min-width:1276px){.menu-container{left:calc(50% - var(--stage-max-width) / 2)}.language-container{right:calc(50% - var(--stage-max-width) / 2)}}