@layer osyn.reset,osyn.tokens,osyn.base,osyn.shell,osyn.components,osyn.utilities,osyn.motion,osyn.dirs;@layer osyn.dirs{.v3x-sous-menu{position:sticky;top:0;z-index:calc(var(--z-header) - 1);margin:32px 0 -16px;background:var(--c-elevated);box-shadow:inset 0 -1px 0 var(--c-line)}.v3x-sous-menu:not(.is-stuck){box-shadow:inset 0 1px 0 var(--c-line),inset 0 -1px 0 var(--c-line)}.v3x-sous-menu.is-under-header{top:var(--header-h)}.v3x-sous-menu.is-ready{transition:transform .24s var(--ease-ui),visibility 0s}.v3x-sous-menu.is-retracted{transform:translateY(-100%);visibility:hidden}.v3x-sous-menu.is-retracted.is-under-header{transform:translateY(calc(-100% - var(--header-h)))}.v3x-sous-menu.is-ready.is-retracted{transition:transform .24s var(--ease-ui),visibility 0s linear .24s}.v3x-sous-menu__liste{position:relative;display:flex;margin:0;padding:4px var(--gutter);list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:32px;scrollbar-width:none}.v3x-sous-menu__liste::-webkit-scrollbar{display:none}.v3x-sous-menu__liste>li{display:flex;flex:none}.v3x-sous-menu__liste.is-fade-start{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 32px);mask-image:linear-gradient(to right,transparent 0,#000 32px)}.v3x-sous-menu__liste.is-fade-end{-webkit-mask-image:linear-gradient(to left,transparent 0,#000 32px);mask-image:linear-gradient(to left,transparent 0,#000 32px)}.v3x-sous-menu__liste.is-fade-start.is-fade-end{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%)}.v3x-sous-menu__lien{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;height:44px;margin:0;padding:0 14px;overflow:hidden;border-radius:var(--r-pill);font:var(--fw-body) 15px/22px var(--font);color:var(--c-ink-soft);text-decoration:none;white-space:nowrap;transition:transform var(--dur-press) var(--ease-ui)}.v3x-sous-menu__lien:active{transform:scale(.96)}.v3x-sous-menu__texte{display:flex;align-items:center;justify-content:center}.v3x-sous-menu__fond{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:var(--c-ink);color:#fff;transform:translateY(100%) scale(.6);pointer-events:none}.v3x-sous-menu.is-ready .v3x-sous-menu__fond{transition:transform .5s cubic-bezier(.3,1,.3,1)}.v3x-sous-menu__lien[aria-current=location] .v3x-sous-menu__fond,[data-variant][data-hover=true] .v3x-sous-menu__lien:hover .v3x-sous-menu__fond{transform:none}.v3x-sous-menu__plus,.v3x-sous-menu__compacte{display:none}@container fiche (min-width: 1024px){.v3x-sous-menu{top:12px;display:flex;justify-content:center;margin:32px 0 -40px;padding:0 max(32px,(100% - 1272px) / 2);background:none;pointer-events:none}.v3x-sous-menu,.v3x-sous-menu:not(.is-stuck){box-shadow:none}.v3x-sous-menu__pastille,.v3x-sous-menu__compacte{display:flex;align-items:center;max-width:100%;padding:4px;border-radius:var(--r-pill);background:var(--c-elevated);box-shadow:0 0 0 1px var(--c-line),0 2px 4px #292a2f0a,0 10px 28px -6px #292a2f24;pointer-events:auto}.v3x-sous-menu__pastille.is-masque{visibility:hidden;opacity:0}.v3x-sous-menu__compacte{position:fixed;top:12px;left:0;right:0;z-index:1;width:max-content;max-width:min(1272px,100% - 64px);margin-inline:auto;visibility:hidden}.v3x-sous-menu__compacte.is-on{visibility:inherit}.v3x-sous-menu__liste{padding:0;overflow:visible}.v3x-sous-menu__lien{padding:0 18px}.v3x-sous-menu__plus{display:grid;grid-template-columns:0fr;visibility:hidden}.v3x-sous-menu__plus-in{display:flex;align-items:center;min-width:0;overflow:hidden}.v3x-sous-menu.is-stuck .v3x-sous-menu__pastille>.v3x-sous-menu__plus--haut,.v3x-sous-menu.has-buy .v3x-sous-menu__pastille>:is(.v3x-sous-menu__plus--nom,.v3x-sous-menu__plus--achat),.v3x-sous-menu__compacte>:is(.v3x-sous-menu__plus--nom,.v3x-sous-menu__plus--achat),.v3x-sous-menu__compacte.is-plein>:is(.v3x-sous-menu__plus--entrees,.v3x-sous-menu__plus--haut){grid-template-columns:1fr;visibility:inherit}.v3x-sous-menu.is-sans-nom .v3x-sous-menu__pastille>.v3x-sous-menu__plus--nom,.v3x-sous-menu.is-sans-nom .v3x-sous-menu__compacte.is-plein>.v3x-sous-menu__plus--nom{grid-template-columns:0fr;visibility:hidden}.v3x-sous-menu.is-ready :is(.v3x-sous-menu__pastille:not(.is-masque),.v3x-sous-menu__compacte.is-on)>.v3x-sous-menu__plus{transition:grid-template-columns .24s var(--ease-ui),visibility 0s linear .24s}.v3x-sous-menu.is-ready.has-buy .v3x-sous-menu__pastille:not(.is-masque)>:is(.v3x-sous-menu__plus--nom,.v3x-sous-menu__plus--achat){transition:grid-template-columns .24s var(--ease-ui) -60ms,visibility 0s}.v3x-sous-menu.is-ready.is-stuck .v3x-sous-menu__pastille:not(.is-masque)>.v3x-sous-menu__plus--haut,.v3x-sous-menu.is-ready:not(.has-buy) .v3x-sous-menu__pastille:not(.is-masque)>:is(.v3x-sous-menu__plus--nom,.v3x-sous-menu__plus--achat),.v3x-sous-menu.is-ready .v3x-sous-menu__compacte.is-on>.v3x-sous-menu__plus--achat,.v3x-sous-menu.is-ready:not(.is-sans-nom) .v3x-sous-menu__compacte.is-on>.v3x-sous-menu__plus--nom,.v3x-sous-menu.is-ready .v3x-sous-menu__compacte.is-on:not(.is-plein)>.v3x-sous-menu__plus--nom,.v3x-sous-menu.is-ready .v3x-sous-menu__compacte.is-on.is-plein>:is(.v3x-sous-menu__plus--entrees,.v3x-sous-menu__plus--haut){transition:grid-template-columns .24s var(--ease-ui),visibility 0s}.v3x-sous-menu__plus--entrees>.v3x-sous-menu__plus-in{justify-content:center}.v3x-sous-menu__compacte .v3x-sous-menu__lien.is-current .v3x-sous-menu__fond{transform:none}.v3x-sous-menu.is-ready :is(.v3x-sous-menu__compacte,.v3x-sous-menu__pastille.is-masque) .v3x-sous-menu__fond{transition:none}.v3x-sous-menu__nom{padding:0 12px 0 18px;font:var(--fw-strong) 15px/22px var(--font);color:var(--c-ink);white-space:nowrap}.v3x-sous-menu__haut,.v3x-sous-menu__haut-copie{flex:none;width:44px;padding:0;color:var(--c-ink)}.v3x-sous-menu__ico{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.v3x-sous-menu__filet{flex:none;width:1px;height:24px;margin:0 14px 0 2px;background:var(--c-line)}.v3x-sous-menu__prix{padding-right:12px;font:var(--fw-strong) 15px/22px var(--font);font-variant-numeric:tabular-nums;color:var(--c-ink);white-space:nowrap}.v3x-sous-menu.is-panier .v3x-sous-menu__prix{display:none}.v3x-sous-menu__achat{flex:none;height:44px;padding:0 20px;font-size:15px;line-height:22px}.v3x-sous-menu__haut:focus-visible{outline:2px solid var(--c-focus);outline-offset:-2px}.v3x-sous-menu__achat:focus-visible{outline:2px solid #FFFFFF;outline-offset:-5px}}}#MainContent .osyn-fiche-section:has(>.osyn-fiche-nav){position:sticky;top:0;z-index:19;margin-top:32px;pointer-events:none}#MainContent .osyn-fiche-section:has(>.osyn-fiche-nav .v3x-sous-menu.is-under-header){top:52px}#MainContent .osyn-fiche-section:has(>.osyn-fiche-nav.is-desktop){top:12px}@layer osyn.dirs{.osyn-app[data-variant].osyn-fiche-nav{background:none}[data-variant] .v3x-sous-menu{position:relative;top:auto;margin-top:0;pointer-events:auto}@container fiche (min-width: 1024px){[data-variant] .v3x-sous-menu{margin-top:0;pointer-events:none}}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/osyn-fiche-nav.css.map */