@font-face{font-family:Manrope;src:url('/homepage/assets/fonts/Manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
/* One navigation layout on homepage and catalogue. */
.vim-site-header{position:relative;display:flex;align-items:center;gap:20px;min-height:82px;padding:12px 0;border-bottom:1px solid #e5dfed;color:#201d30;font:13px/1.4 Manrope,system-ui,sans-serif;box-sizing:border-box}
.vim-site-header *{box-sizing:border-box}.vim-site-header a{color:inherit;text-decoration:none}.vim-brand{flex:0 0 160px;margin-right:auto}.vim-brand img{display:block;width:160px;height:auto}.vim-desktop{display:flex;gap:20px}.vim-desktop a{display:flex;align-items:center;min-height:44px}
.vim-site-header details{position:static}.vim-site-header summary,.vim-cart{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid #ded8e8;border-radius:99px;background:white;white-space:nowrap;font-size:12px;cursor:pointer;list-style:none}.vim-site-header summary::-webkit-details-marker{display:none}.vim-site-header summary:after{content:'⌄'}.vim-cart{font-weight:600}.vim-site-header .vim-panel{position:absolute;right:0;top:calc(100% + 8px);width:360px;max-width:100%;padding:16px;background:white;border:1px solid #ded8e8;border-radius:18px;box-shadow:0 12px 36px #201d301c;z-index:40}
.vim-menu{display:none}.vim-menu a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:10px;font-size:14px}.vim-menu a:hover{background:#eee7f8}.vim-site-header :focus-visible{outline:3px solid #6543b5;outline-offset:3px}.vim-preferences nav,.vim-preferences .vg-languages{display:flex!important;flex-wrap:wrap;gap:4px;margin:0 0 12px!important}.vim-preferences nav a,.vim-preferences .vg-languages a{padding:8px;min-height:44px;display:flex;align-items:center;border-radius:8px;letter-spacing:normal}.vim-preferences [aria-current=page]{background:#eee7f8!important;color:#6543b5!important}.vim-preferences .vc-currency{display:flex!important;justify-content:flex-start;flex-wrap:wrap;gap:8px}.vim-preferences select{min-height:44px}.vim-preferences .utility{display:block;padding:0;border:0}
@media(max-width:1100px){.vim-desktop{display:none}.vim-menu{display:block}.vim-site-header{gap:10px}}
@media(max-width:700px){.vim-site-header{display:grid;grid-template-columns:minmax(160px,1fr) auto auto;gap:6px;padding:10px 0;min-height:0}.vim-brand{grid-column:1;grid-row:1/3;margin:0}.vim-preferences{grid-column:2/4;grid-row:1;justify-self:end}.vim-cart{grid-column:2;grid-row:2}.vim-menu{grid-column:3;grid-row:2}.vim-site-header summary,.vim-site-header .vim-cart{font-size:11px;padding:8px;gap:3px}.vim-site-header .vim-panel{width:100%}}
/* Keep long translated cart labels inside narrow phone widths. */
@media(max-width:380px){.vim-site-header{grid-template-columns:minmax(0,1fr) auto auto;gap:4px}.vim-brand{min-width:0;max-width:130px}.vim-brand img{width:100%;max-width:130px}.vim-site-header .vim-cart,.vim-site-header summary{padding-inline:6px}.vim-site-header .vim-panel{left:0;right:0;max-width:100%;overflow-wrap:anywhere}.vim-preferences .utility{min-width:0}.vim-preferences .utility nav{max-width:100%}}
/* Prioritize brand and navigation; preferences remain a full-size quiet control. */
@media(max-width:700px){.vim-site-header{padding:4px 0;gap:0 6px;grid-template-columns:minmax(0,1fr) auto auto}.vim-brand{grid-row:2;max-width:160px}.vim-brand img{max-width:100%}.vim-preferences{grid-column:1/-1;grid-row:1}.vim-site-header .vim-preferences summary{border-color:transparent;background:transparent;color:#625b70}.vim-site-header .vim-cart{border-color:transparent;background:transparent}.vim-site-header .vim-menu summary{background:#f0ebf7;border-color:#e5dfed}.vim-site-header .vim-panel{top:100%}}
@media(max-width:380px){.vim-brand{max-width:130px}.vim-site-header{gap:0 4px}}
@media(max-width:700px){.vim-site-header summary,.vim-site-header .vim-cart{font-size:13px;font-weight:600;line-height:1.4;min-height:44px}.vim-site-header .vim-preferences summary{color:#51495f}.vim-site-header .vim-brand{min-width:0}}

/* A stable brand column balances the two compact navigation rows. */
@media(max-width:700px){.vim-site-header{padding:0;gap:0 6px;grid-template-columns:minmax(0,1fr) 44px auto}.vim-site-header .vim-brand{grid-row:1/3;max-width:160px}.vim-site-header .vim-brand img{width:100%;max-width:160px}.vim-site-header .vim-preferences{grid-column:2/4;grid-row:1}.vim-site-header .vim-cart{width:44px;padding:0;font-size:0;gap:2px}.vim-site-header .vim-cart::before{content:'';width:18px;height:18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h2l3 12h10l3-9H6M9 20h.01M18 20h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.vim-site-header .vim-cart [data-cart-count]{font-size:12px}.vim-site-header .vim-cart>span[aria-hidden]{display:none}.vim-site-header .vim-menu summary{padding-inline:10px}.vim-site-header .vim-preferences summary{padding-inline:4px;font-size:12px}}

/* Preserve the full brand at enlarged text sizes; controls wrap into new rows. */
@media(max-width:700px){.vim-site-header{display:flex;flex-wrap:wrap;gap:0 6px;align-items:center}.vim-site-header .vim-brand{flex:1 0 160px;min-width:160px;max-width:none;margin:0}.vim-site-header .vim-brand img{width:160px;max-width:none}.vim-site-header .vim-preferences{flex:0 1 auto;max-width:100%;margin-left:auto}.vim-site-header .vim-preferences summary{white-space:normal;overflow-wrap:anywhere}.vim-site-header .vim-cart{flex:0 0 44px;margin-left:auto}.vim-site-header .vim-menu{flex:0 1 auto;max-width:100%}.vim-site-header .vim-menu summary{white-space:normal;overflow-wrap:anywhere}}
