/* Main Phase: canonical storefront navigation, also embedded by PHP. */
.mp-brand-logo{display:block;max-width:170px;max-height:65px;width:auto;height:auto;object-fit:contain}.mp-brand-fallback{font-size:23px;font-weight:900}.side .mp-brand-logo,.settings-nav .mp-brand-logo{margin:0 0 8px}.top .mp-brand-logo{max-height:65px}@media(max-width:750px){.mp-brand-logo{max-width:145px;max-height:55px}}
.top.mp-new-header{--mp-nav-primary:#965FD4;--mp-nav-surface:var(--surface,#fff);--mp-nav-text:var(--text,#292133);--mp-nav-border:var(--border,#e2dbe9);--mp-nav-bg:var(--bg,#f6f3fa);display:grid!important;grid-template-columns:minmax(100px,170px) minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;padding:14px max(18px,calc((100vw - 1320px)/2))!important;position:relative;z-index:30;min-width:0;max-width:100%;overflow:visible;box-sizing:border-box}
html[data-theme=dark] .top.mp-new-header{--mp-nav-surface:var(--surface,#292133);--mp-nav-text:var(--text,#f7f3fb);--mp-nav-border:var(--border,#493b55);--mp-nav-bg:var(--bg,#19141f)}
.top.mp-new-header *{box-sizing:border-box}
.top.mp-new-header .logo{grid-column:1;grid-row:1;justify-self:start;min-width:0;max-width:100%;text-decoration:none}
.top.mp-new-header .mp-brand-logo{display:block;max-width:100%;max-height:65px;width:auto;height:auto;object-fit:contain}
.top.mp-new-header .mp-brand-fallback{font-size:23px;font-weight:900;overflow-wrap:anywhere}
.top.mp-new-header [hidden]{display:none!important}
.top.mp-new-header .mp-mobile-navigation{grid-column:2;grid-row:1;min-width:0;margin:0;padding:0;border:0;background:transparent}
.top.mp-new-header summary{list-style:none;cursor:pointer}
.top.mp-new-header summary::-webkit-details-marker{display:none}
.top.mp-new-header .mp-menu-toggle{display:none}
.top.mp-new-header .mp-new-nav{display:flex;align-items:center;justify-content:center;gap:8px 18px;min-width:0;flex-wrap:wrap;position:static;margin:0;padding:0}
.top.mp-new-header .mp-menu-root,.top.mp-new-header .mp-nav-list{list-style:none;margin:0;padding:0;min-width:0}
.top.mp-new-header .mp-menu-root{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px 16px;max-width:100%}
.top.mp-new-header .mp-nav-item{min-width:0;max-width:100%;margin:0;padding:0}
.top.mp-new-header .mp-nav-link,.top.mp-new-header .mp-nav-title{display:flex;align-items:center;gap:0;min-width:0;max-width:100%;margin:0;padding:9px 0;color:var(--mp-nav-text);font-family:inherit;font-size:16px;font-weight:700;line-height:1.45;text-decoration:none;white-space:normal;overflow-wrap:anywhere;border:0;border-radius:8px;background:transparent}
.top.mp-new-header .mp-nav-link,.top.mp-new-header .mp-nav-parent-link,.top.mp-new-header .mp-nav-label{font-size:16px;font-weight:700;line-height:1.45}
.top.mp-new-header .mp-nav-parent-link,.top.mp-new-header .mp-nav-label{flex:1;min-width:0;color:inherit;text-decoration:none;overflow-wrap:anywhere}
.top.mp-new-header .mp-nav-parent-link{padding:3px 0}
.top.mp-new-header .mp-nav-link:hover,.top.mp-new-header .mp-nav-parent-link:hover,.top.mp-new-header .mp-nav-title:hover{color:var(--mp-nav-primary)}
.top.mp-new-header .mp-nav-chevron{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;flex:0 0 34px;min-height:30px;font-size:19px;line-height:1;border-radius:7px;color:inherit;transition:transform .15s}
.top.mp-new-header .mp-nav-title:hover .mp-nav-chevron{background:var(--mp-nav-bg)}
.top.mp-new-header details[open]>.mp-nav-title>.mp-nav-chevron{transform:rotate(180deg)}
.top.mp-new-header .mp-nav-group,.top.mp-new-header .mp-nav-branch{position:static;margin:0;padding:0;border:0;min-width:0;background:transparent}
.top.mp-new-header .mp-nav-group>.mp-nav-children,.top.mp-new-header .mp-language-options{position:absolute;top:calc(100% + 6px);left:max(16px,calc(50% - 170px));width:min(340px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:70vh;max-height:min(70vh,calc(100dvh - 120px));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;z-index:100;background:var(--mp-nav-surface);color:var(--mp-nav-text);border:1px solid var(--mp-nav-border);border-radius:12px;padding:8px;box-shadow:0 15px 35px #21132a29;scrollbar-width:thin}
.top.mp-new-header .mp-nav-children .mp-nav-link,.top.mp-new-header .mp-nav-children .mp-nav-title{padding:7px 8px 7px calc(10px + var(--mp-nav-indent,0px));border-radius:8px;min-height:42px}
.top.mp-new-header .mp-nav-children .mp-nav-link,.top.mp-new-header .mp-nav-children .mp-nav-parent-link,.top.mp-new-header .mp-nav-children .mp-nav-label{font-size:15px;font-weight:600}
.top.mp-new-header .mp-nav-children .mp-nav-link:hover,.top.mp-new-header .mp-nav-children .mp-nav-title:hover{background:var(--mp-nav-bg)}
.top.mp-new-header .mp-nav-branch[open]>.mp-nav-title{color:var(--mp-nav-primary);background:var(--mp-nav-bg)}
.top.mp-new-header .mp-nav-branch>.mp-nav-children{position:static;min-width:0;width:100%;padding:2px 0 5px;margin:0;border:0;box-shadow:inset 2px 0 0 var(--mp-nav-primary)}
.top.mp-new-header .mp-nav-heading{cursor:default;opacity:.85}
.top.mp-new-header .mp-language-menu{position:static;min-width:0;max-width:100%;margin:0;padding:0;border:0;background:transparent}
.top.mp-new-header .mp-language-menu>summary{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;line-height:1.4;color:var(--mp-nav-text);padding:10px;border:1px solid var(--mp-nav-border);border-radius:9px;white-space:normal;overflow-wrap:anywhere}
.top.mp-new-header .mp-language-menu>summary::after{content:'⌄';margin-left:auto;font-size:16px}
.top.mp-new-header .mp-language-menu img{width:26px;height:18px;object-fit:cover;border-radius:2px;flex-shrink:0}
.top.mp-new-header .mp-language-options{width:min(220px,calc(100vw - 32px))}
.top.mp-new-header .mp-language-options a{display:flex;align-items:center;gap:9px;padding:11px;color:var(--mp-nav-text);text-decoration:none;font-size:15px;font-weight:600;line-height:1.4;border-radius:7px;overflow-wrap:anywhere}
.top.mp-new-header .mp-language-options a:hover,.top.mp-new-header .mp-language-options a[aria-current=true]{color:var(--mp-nav-primary);background:var(--mp-nav-bg)}
.top.mp-new-header .mp-new-actions{grid-column:3;grid-row:1;justify-self:end;display:flex!important;align-items:center;gap:9px!important;min-width:0;max-width:100%}
.top.mp-new-header .mp-cart-nav-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;color:var(--mp-nav-text)!important;text-decoration:none;border-radius:9px;padding:6px;flex-shrink:0}
.top.mp-new-header .mp-cart-nav-link:hover{color:var(--mp-nav-primary)!important}
.top.mp-new-header .mp-cart-count{background:var(--mp-nav-primary);color:#fff;border-radius:30px;min-width:21px;min-height:21px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.top.mp-new-header .theme{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.top.mp-new-header :is(a,button,summary):focus-visible{outline:3px solid #96FF42;outline-offset:3px;border-radius:7px}
@media(min-width:901px){
 .top.mp-new-header .mp-mobile-navigation{display:contents!important}
 .top.mp-new-header .mp-mobile-navigation>.mp-menu-toggle{display:none!important}
 .top.mp-new-header .mp-mobile-navigation>.mp-new-nav{display:flex!important;grid-column:2;grid-row:1;visibility:visible!important}
}
@media(max-width:900px){
 .top.mp-new-header{grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;padding:12px 15px!important}
 .top.mp-new-header .mp-brand-logo{max-width:145px;max-height:55px}
 .top.mp-new-header .mp-mobile-navigation{grid-column:2;grid-row:1}
 .top.mp-new-header .mp-menu-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 12px;border:1px solid var(--mp-nav-border);border-radius:9px;color:var(--mp-nav-text);background:var(--mp-nav-surface);font-size:14px;font-weight:700}
 .top.mp-new-header .mp-new-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--mp-nav-surface);border-top:1px solid var(--mp-nav-border);border-bottom:1px solid var(--mp-nav-border);box-shadow:0 12px 24px #21132a20;padding:10px 14px 16px;max-height:75vh;max-height:75dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;z-index:200}
 .top.mp-new-header .mp-mobile-navigation[open]>.mp-new-nav{display:flex!important}
 .top.mp-new-header .mp-menu-root{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%}
 .top.mp-new-header .mp-menu-root>.mp-nav-item{border-bottom:1px solid var(--mp-nav-border)}
 .top.mp-new-header .mp-menu-root>.mp-nav-item>.mp-nav-link,.top.mp-new-header .mp-nav-group>.mp-nav-title{min-height:45px;padding:9px 5px;font-size:15px}
 .top.mp-new-header .mp-nav-parent-link,.top.mp-new-header .mp-nav-label{font-size:15px}
 .top.mp-new-header .mp-nav-chevron{flex-basis:42px;min-height:34px}
 .top.mp-new-header .mp-nav-group>.mp-nav-children,.top.mp-new-header .mp-language-options{position:static!important;left:auto!important;top:auto!important;width:100%;min-width:0;max-width:100%;max-height:none!important;overflow:visible;box-shadow:none;border:0;border-radius:9px;background:var(--mp-nav-bg);padding:5px;margin:0 0 8px}
 .top.mp-new-header .mp-nav-branch>.mp-nav-children{background:var(--mp-nav-surface)}
 .top.mp-new-header .mp-language-menu{margin-top:10px;width:100%}
 .top.mp-new-header .mp-language-menu>summary{min-height:44px;width:100%}
 .top.mp-new-header .mp-language-options{margin-top:5px}
 .top.mp-new-header .mp-new-actions{grid-column:3;grid-row:1}
}
@media(max-width:600px){
 .top.mp-new-header{grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;padding:10px 12px!important}
 .top.mp-new-header .mp-brand-logo{max-width:130px;max-height:50px}
 .top.mp-new-header .mp-brand-fallback{font-size:20px}
 .top.mp-new-header .mp-new-actions{grid-column:2;grid-row:1;gap:5px!important}
 .top.mp-new-header .mp-new-actions .theme{padding:9px 10px;font-size:13px}
 .top.mp-new-header .mp-mobile-navigation{grid-column:1/-1;grid-row:2;justify-self:stretch}
 .top.mp-new-header .mp-menu-toggle{width:100%;padding:8px 10px}
 .top.mp-new-header .mp-cart-nav-link{padding:5px}
}
@media(prefers-reduced-motion:reduce){.top.mp-new-header .mp-nav-chevron{transition:none}}


/* Dropdowns share one appearance and one icon, at every menu depth. */
.top.mp-new-header {
    --mp-nav-accent:#753bb1;
    --mp-nav-soft:#f3edf9;
    --mp-nav-soft-line:#dfcbee;
    --mp-nav-shadow:0 18px 45px #21132a22, 0 3px 10px #21132a0a;
}
html[data-theme="dark"] .top.mp-new-header {
    --mp-nav-accent:#d8b8ff;
    --mp-nav-soft:#352741;
    --mp-nav-soft-line:#654782;
    --mp-nav-shadow:0 20px 48px #09050f66, 0 3px 10px #09050f33;
}
.top.mp-new-header .mp-nav-group > summary::after,
.top.mp-new-header .mp-nav-branch > summary::after,
.top.mp-new-header .mp-language-menu > summary::after { content:none; display:none; }
.top.mp-new-header summary::marker { content:""; }
.top.mp-new-header .mp-new-nav { gap:10px 14px; }
.top.mp-new-header .mp-menu-root { gap:4px; }
.top.mp-new-header .mp-nav-link,
.top.mp-new-header .mp-nav-title {
    min-height:44px;
    gap:2px;
    border:1px solid transparent;
    border-radius:10px;
    padding:9px 12px;
    font-size:15px;
    font-weight:700;
    line-height:1.45;
    text-align:left;
    white-space:normal;
    transition:background-color .16s, border-color .16s, color .16s;
}
.top.mp-new-header .mp-nav-title { padding:2px 3px 2px 2px; }
.top.mp-new-header .mp-nav-parent-link,
.top.mp-new-header .mp-nav-label {
    display:flex;
    align-items:center;
    flex:1 1 auto;
    min-height:36px;
    padding:5px 9px;
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit;
}
.top.mp-new-header .mp-nav-link:hover,
.top.mp-new-header .mp-nav-title:hover,
.top.mp-new-header .mp-nav-group[open] > .mp-nav-title,
.top.mp-new-header .mp-nav-branch[open] > .mp-nav-title {
    border-color:var(--mp-nav-soft-line);
    background:var(--mp-nav-soft);
    color:var(--mp-nav-accent);
}
.top.mp-new-header .mp-nav-parent-link:hover { color:var(--mp-nav-accent); }
.top.mp-new-header .mp-nav-chevron {
    align-self:center;
    flex:0 0 28px;
    width:28px;
    height:32px;
    min-height:0;
    margin:0;
    padding:0;
    border:0;
    border-radius:7px;
    background:transparent;
    transform:none;
    transition:none;
}
.top.mp-new-header details[open] > .mp-nav-title > .mp-nav-chevron { transform:none; }
.top.mp-new-header .mp-nav-chevron svg {
    display:block;
    flex:0 0 16px;
    width:16px;
    height:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .18s ease;
}
.top.mp-new-header details[open] > summary > .mp-nav-chevron svg { transform:rotate(180deg); }
.top.mp-new-header .mp-nav-title:hover > .mp-nav-chevron { background:var(--mp-nav-surface); }
.top.mp-new-header .mp-nav-group > .mp-nav-children,
.top.mp-new-header .mp-language-options {
    top:calc(100% + 8px);
    right:auto;
    min-width:0;
    border-radius:16px;
    padding:9px;
    box-shadow:var(--mp-nav-shadow);
    scrollbar-color:var(--mp-nav-primary) transparent;
}
.top.mp-new-header .mp-nav-group > .mp-nav-children { width:min(360px, calc(100vw - 32px)); }
.top.mp-new-header .mp-nav-group:not([open]) > .mp-nav-children,
.top.mp-new-header .mp-nav-branch:not([open]) > .mp-nav-children,
.top.mp-new-header .mp-language-menu:not([open]) > .mp-language-options { display:none!important; }
.top.mp-new-header .mp-nav-list { display:grid; gap:3px; }
.top.mp-new-header .mp-nav-children .mp-nav-link,
.top.mp-new-header .mp-nav-children .mp-nav-title { min-height:44px; font-size:14px; font-weight:600; line-height:1.5; }
.top.mp-new-header .mp-nav-children .mp-nav-parent-link,
.top.mp-new-header .mp-nav-children .mp-nav-label { font-size:inherit; font-weight:inherit; }
.top.mp-new-header .mp-nav-children .mp-nav-link { padding:9px 11px 9px calc(11px + var(--mp-nav-indent, 0px)); }
.top.mp-new-header .mp-nav-children .mp-nav-title { padding:2px 3px 2px calc(2px + var(--mp-nav-indent, 0px)); }
.top.mp-new-header .mp-nav-branch > .mp-nav-children {
    width:100%;
    max-width:100%;
    margin:5px 0 7px;
    border:0;
    border-left:2px solid var(--mp-nav-primary);
    border-radius:0 10px 10px 0;
    padding:4px 3px;
    background:var(--mp-nav-bg);
    box-shadow:none;
}
.top.mp-new-header .mp-nav-heading:hover { color:var(--mp-nav-text); border-color:transparent; background:transparent; }
.top.mp-new-header .mp-language-menu > summary {
    min-height:44px;
    gap:8px;
    padding:5px 5px 5px 10px;
    border-radius:10px;
    font-family:inherit;
    font-size:14px;
    font-weight:650;
    line-height:1.45;
}
.top.mp-new-header .mp-language-menu > summary:hover,
.top.mp-new-header .mp-language-menu[open] > summary { border-color:var(--mp-nav-soft-line); background:var(--mp-nav-soft); color:var(--mp-nav-accent); }
.top.mp-new-header .mp-language-label-text { flex:1; min-width:0; }
.top.mp-new-header .mp-language-menu img { display:block; width:25px; height:17px; border-radius:3px; }
.top.mp-new-header .mp-language-options { width:min(228px, calc(100vw - 32px)); }
.top.mp-new-header .mp-language-options a { min-height:44px; gap:10px; padding:10px; border:1px solid transparent; border-radius:9px; font-size:14px; line-height:1.45; }
.top.mp-new-header .mp-language-options a:hover,
.top.mp-new-header .mp-language-options a[aria-current="true"] { border-color:var(--mp-nav-soft-line); background:var(--mp-nav-soft); color:var(--mp-nav-accent); }
.top.mp-new-header .mp-language-options a[aria-current="true"]::after { content:""; flex:0 0 7px; width:7px; height:7px; margin-left:auto; border-radius:50%; background:var(--mp-nav-primary); }
.top.mp-new-header .mp-cart-nav-link:hover { background:var(--mp-nav-soft); color:var(--mp-nav-accent)!important; }
.top.mp-new-header :is(a, button, summary):focus-visible { outline-color:var(--mp-nav-primary); }
html[data-theme="dark"] .top.mp-new-header :is(a, button, summary):focus-visible { outline-color:#96ff42; }
@media(max-width:900px) {
    .top.mp-new-header .mp-menu-toggle { min-height:44px; border-radius:10px; }
    .top.mp-new-header .mp-mobile-navigation[open] > .mp-menu-toggle { border-color:var(--mp-nav-soft-line); background:var(--mp-nav-soft); color:var(--mp-nav-accent); }
    .top.mp-new-header .mp-new-nav { gap:0; padding:12px 14px 16px; box-shadow:var(--mp-nav-shadow); }
    .top.mp-new-header .mp-menu-root { gap:5px; }
    .top.mp-new-header .mp-menu-root > .mp-nav-item { border:0; }
    .top.mp-new-header .mp-menu-root > .mp-nav-item > .mp-nav-link { min-height:46px; padding:9px 12px; }
    .top.mp-new-header .mp-nav-group > .mp-nav-title { min-height:46px; padding:2px 3px 2px 2px; }
    .top.mp-new-header .mp-nav-chevron { flex-basis:36px; width:36px; height:36px; }
    .top.mp-new-header .mp-nav-group > .mp-nav-children,
    .top.mp-new-header .mp-language-options { width:100%; min-width:0; max-width:100%; right:auto!important; margin:5px 0 8px; border:1px solid var(--mp-nav-border); border-radius:12px; padding:6px; background:var(--mp-nav-bg); box-shadow:none; }
    .top.mp-new-header .mp-nav-branch > .mp-nav-children { background:var(--mp-nav-surface); }
    .top.mp-new-header .mp-language-menu { margin-top:12px; padding-top:12px; border-top:1px solid var(--mp-nav-border); }
    .top.mp-new-header .mp-language-menu > summary { min-height:46px; }
    .top.mp-new-header .mp-language-options { margin-top:6px; }
}
@media(prefers-reduced-motion:reduce) {
    .top.mp-new-header .mp-nav-link, .top.mp-new-header .mp-nav-title,
    .top.mp-new-header .mp-nav-chevron svg { transition:none; }
}
