body .bab-nav-layout:has(>.bab-nav-sidebar .bab-catnav){grid-template-columns:248px minmax(0,1fr);gap:40px}body aside.bab-nav-sidebar:has(>.bab-catnav){position:sticky;top:96px;align-self:start;background:none;border:0;padding:0;box-shadow:none}@media(max-width:900px){body .bab-nav-layout:has(>.bab-nav-sidebar .bab-catnav){grid-template-columns:minmax(0,1fr);gap:16px}body aside.bab-nav-sidebar:has(>.bab-catnav){position:static}}.bab-catnav{--nav-accent: var(--bab-branch, var(--bab-primary));--nav-accent-rgb: var(--bab-branch-rgb, var(--bab-primary-rgb));position:relative;border:1px solid var(--bab-line);border-radius:14px;background:var(--bab-surface);box-shadow:0 1px 2px rgb(var(--bab-shadow-rgb) / calc(.06 * var(--bab-shadow-strength))),0 12px 32px -18px rgb(var(--bab-shadow-rgb) / calc(.35 * var(--bab-shadow-strength)));font-family:DM Sans,system-ui,sans-serif;overflow:hidden}.bab-catnav:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--nav-accent),rgb(var(--nav-accent-rgb) / .35))}.bab-catnav__summary{display:none}@media(max-width:900px){.bab-catnav__summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3.25rem;padding:.9rem 1rem .8rem;cursor:pointer;list-style:none}.bab-catnav__summary::-webkit-details-marker{display:none}.bab-catnav__summary:after{content:"";flex:none;width:.55rem;height:.55rem;margin-left:.25rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease;color:var(--bab-muted)}.bab-catnav[open] .bab-catnav__summary:after{transform:rotate(-135deg) translateY(-2px)}.bab-catnav__summary-label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bab-muted)}.bab-catnav__summary-cur{flex:1;text-align:right;font-weight:700;color:var(--bab-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bab-catnav[open] .bab-catnav__summary{border-bottom:1px solid var(--bab-line)}}.bab-catnav__body{padding:1rem .65rem .9rem;max-height:calc(100vh - 120px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(var(--nav-accent-rgb) / .45) transparent}@media(max-width:900px){.bab-catnav__body{max-height:none;padding-top:.6rem}}.bab-catnav__top{display:flex;flex-direction:column;gap:.15rem;margin:0 0 .6rem;padding:.7rem .8rem .75rem;border-radius:10px;background:linear-gradient(135deg,rgb(var(--nav-accent-rgb) / .12),rgb(var(--nav-accent-rgb) / .03));color:var(--bab-fg)!important;text-decoration:none!important;font-family:Playfair Display,Georgia,serif;font-size:1.0625rem;font-weight:700;line-height:1.25;transition:background-color .2s ease,transform .2s ease}.bab-catnav__top-hint{font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;font-weight:600;color:var(--nav-accent)}.bab-catnav__top:hover .bab-catnav__top-hint,.bab-catnav__top:focus-visible .bab-catnav__top-hint{text-decoration:underline;text-underline-offset:3px}.bab-catnav__top.is-active{box-shadow:inset 3px 0 0 var(--nav-accent)}.bab-catnav__group{padding:.35rem 0 .5rem}.bab-catnav__group+.bab-catnav__group{border-top:1px solid var(--bab-line);margin-top:.35rem;padding-top:.7rem}.bab-catnav__heading{margin:0 .55rem .35rem!important;font-size:.6875rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--bab-muted)}.bab-catnav ul{list-style:none;margin:0;padding:0}.bab-catnav li{margin:0!important}.bab-catnav__link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:2.5rem;padding:.45rem .6rem .45rem .8rem;border-radius:8px;color:var(--bab-fg)!important;text-decoration:none!important;font-size:.9rem;line-height:1.3;transition:background-color .18s ease,color .18s ease}.bab-catnav__link:before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;border-radius:3px;background:var(--nav-accent);transform:translateY(-50%);transition:height .2s ease}.bab-catnav__link:hover,.bab-catnav__link:focus-visible{background:rgb(var(--nav-accent-rgb) / .07);outline:none}.bab-catnav__link:hover:before{height:40%}.bab-catnav__link:focus-visible{box-shadow:0 0 0 2px rgb(var(--nav-accent-rgb) / .55)}.bab-catnav__label{min-width:0;overflow-wrap:anywhere}.bab-catnav__count{flex:none;min-width:1.75rem;padding:.1rem .4rem;border-radius:999px;text-align:center;font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--bab-muted);background:rgb(var(--bab-fg-rgb) / .05)}.bab-catnav__link.is-active{background:rgb(var(--nav-accent-rgb) / .12);font-weight:700}.bab-catnav__link.is-active:before{height:62%}.bab-catnav__link.is-active .bab-catnav__count{color:var(--bab-on-primary);background:var(--nav-accent)}.bab-catnav__group--others ul{display:grid;gap:.1rem}.bab-catnav__other{display:flex;align-items:center;gap:.6rem;min-height:2.25rem;padding:.35rem .6rem;border-radius:8px;color:var(--bab-fg)!important;text-decoration:none!important;font-size:.875rem;transition:background-color .18s ease}.bab-catnav__other:hover,.bab-catnav__other:focus-visible{background:rgb(var(--bab-fg-rgb) / .05);outline:none}.bab-catnav__dot{flex:none;width:.55rem;height:.55rem;border-radius:50%;background:var(--bab-branch, var(--bab-primary));box-shadow:0 0 0 3px rgb(var(--bab-branch-rgb, var(--bab-primary-rgb)) / .18)}@media(prefers-reduced-motion:reduce){.bab-catnav *,.bab-catnav *:before,.bab-catnav *:after{transition:none!important}}.bab-catnav__other:not([data-branche]) .bab-catnav__dot{background:var(--bab-primary);box-shadow:0 0 0 3px rgb(var(--bab-primary-rgb) / .18)}.bab-catnav{border-top:3px solid var(--nav-accent)!important}.bab-catnav__top{background:linear-gradient(135deg,rgb(var(--nav-accent-rgb) / .12),rgb(var(--nav-accent-rgb) / .03))!important}.bab-catnav__top.is-active{box-shadow:inset 3px 0 0 var(--nav-accent)!important}.bab-catnav__link:hover,.bab-catnav__link:focus-visible{background:rgb(var(--nav-accent-rgb) / .07)!important;box-shadow:inset 2px 0 rgb(var(--nav-accent-rgb) / .5)}.bab-catnav__link.is-active{background:rgb(var(--nav-accent-rgb) / .12)!important;box-shadow:inset 3px 0 0 var(--nav-accent)!important}.bab-catnav__link.is-active .bab-catnav__count{background:var(--nav-accent)!important}.bab-catnav__count{background:rgb(var(--bab-fg-rgb) / .05)!important}.bab-catnav__other:hover,.bab-catnav__other:focus-visible{background:rgb(var(--bab-fg-rgb) / .05)!important}body aside.bab-nav-sidebar:has(>.bab-catnav){position:static!important}.bab-catnav__body{max-height:none!important;overflow:visible!important;padding:.85rem .7rem .8rem}.bab-catnav__group{margin:0 0 .45rem!important;padding:0!important;border:1px solid var(--bab-line)!important;border-radius:10px;background:var(--bab-surface);overflow:hidden}.bab-catnav__group+.bab-catnav__group{margin-top:0!important;padding-top:0!important;border-top:1px solid var(--bab-line)!important}.bab-catnav__heading{display:flex!important;align-items:center;gap:.6rem;margin:0!important;min-height:2.75rem;box-sizing:border-box;padding:.55rem .75rem!important;font-size:.875rem!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;color:var(--bab-fg)!important;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:background-color .18s ease}.bab-catnav__heading::-webkit-details-marker{display:none}.bab-catnav__heading>span:first-child{flex:1;min-width:0}.bab-catnav__heading-n{flex:none;min-width:1.6rem;padding:.05rem .4rem;border-radius:999px;text-align:center;font-size:.6875rem;font-weight:600;color:var(--bab-muted);background:rgb(var(--bab-fg-rgb) / .06)}.bab-catnav__heading:after{content:"";flex:none;width:.45rem;height:.45rem;margin:0 .15rem 0 .1rem;border-right:2px solid var(--bab-muted);border-bottom:2px solid var(--bab-muted);transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}details[open]>.bab-catnav__heading:after{transform:rotate(-135deg) translateY(-1px)}.bab-catnav__heading:hover{background:rgb(var(--bab-fg-rgb) / .04)!important}.bab-catnav__group>ul{padding:.2rem .35rem .45rem!important;border-top:1px solid var(--bab-line)}.bab-catnav__group.is-current{border-color:rgb(var(--nav-accent-rgb) / .55)!important;box-shadow:inset 3px 0 0 var(--nav-accent)}.bab-catnav__group.is-current>.bab-catnav__heading{color:var(--nav-accent)!important;background:rgb(var(--nav-accent-rgb) / .08)!important}.bab-catnav__group.is-current .bab-catnav__heading-n{color:var(--bab-on-primary);background:var(--nav-accent)!important}.bab-catnav__group.is-current>.bab-catnav__heading:after{border-color:var(--nav-accent)}.bab-catnav__others{margin-top:.85rem;padding-top:.75rem;border-top:1px dashed var(--bab-line)}.bab-catnav__others-t{margin:0 .25rem .4rem!important;font-size:.6875rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--bab-muted)}.bab-catnav__others ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem .3rem}.bab-catnav__other{min-height:2.25rem;padding:.3rem .45rem!important;font-size:.8125rem!important}.bab-catnav__link{min-height:2.2rem!important;padding:.32rem .6rem .32rem .8rem!important;font-size:.875rem!important}.bab-catnav__top{padding:.6rem .75rem .65rem!important;margin-bottom:.5rem!important}.bab-catnav__heading{min-height:2.5rem!important;padding:.45rem .75rem!important}.bab-catnav__others-t{display:flex;align-items:center;justify-content:space-between;min-height:2.5rem;margin:0!important;padding:0 .35rem;cursor:pointer;list-style:none}.bab-catnav__others-t::-webkit-details-marker{display:none}.bab-catnav__others-t:after{content:"";width:.45rem;height:.45rem;border-right:2px solid var(--bab-muted);border-bottom:2px solid var(--bab-muted);transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}.bab-catnav__others[open]>.bab-catnav__others-t:after{transform:rotate(-135deg) translateY(-1px)}.bab-catnav__others[open]>ul{margin-top:.3rem}.bab-catnav{border-top:2px solid rgb(var(--nav-accent-rgb) / .7)!important}.bab-catnav__top{background:rgb(var(--nav-accent-rgb) / .045)!important}.bab-catnav__top-hint{color:rgb(var(--nav-accent-rgb) / .9)}.bab-catnav__group.is-current{border-color:var(--bab-line)!important;box-shadow:inset 2px 0 rgb(var(--nav-accent-rgb) / .6)!important}.bab-catnav__group.is-current>.bab-catnav__heading{color:var(--bab-fg)!important;background:transparent!important}.bab-catnav__group.is-current .bab-catnav__heading-n{color:var(--bab-muted)!important;background:rgb(var(--bab-fg-rgb) / .06)!important}.bab-catnav__group.is-current>.bab-catnav__heading:after{border-color:var(--bab-muted)!important}.bab-catnav__link:hover,.bab-catnav__link:focus-visible{background:rgb(var(--bab-fg-rgb) / .04)!important;box-shadow:none!important}.bab-catnav__link.is-active{background:rgb(var(--nav-accent-rgb) / .06)!important;box-shadow:inset 2px 0 0 var(--nav-accent)!important;font-weight:600!important}.bab-catnav__link.is-active .bab-catnav__count{color:var(--nav-accent)!important;background:rgb(var(--nav-accent-rgb) / .1)!important}.bab-catnav__dot{width:.45rem!important;height:.45rem!important;box-shadow:none!important}
/*# sourceMappingURL=/cdn/shop/t/29/assets/bab-catnav.css.map */