sissilux-pdp-navigation{display:block}.pdp-quick-nav{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:19;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:center;padding:3px;gap:6px;box-sizing:border-box;width:min(390px,calc(100vw - 24px));max-width:calc(100vw - 24px);border:1px solid #ded9d3;border-radius:32px;background:#ffffff6b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 24px #29262920;font-family:var(--font-body-family)}.pdp-quick-nav[hidden],.pdp-quick-nav a[hidden]{display:none!important}.pdp-quick-nav a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:34px;border:1px solid #a9c5ad;background:#ffffff24;cursor:pointer;touch-action:manipulation;min-width:0;padding:5px 4px;border-radius:24px;color:#294b3c;font-size:clamp(9px,2.65vw,11px);font-weight:600;line-height:1.3;letter-spacing:0;text-decoration:none;white-space:nowrap}.pdp-quick-nav a[aria-current=location]{background:#ab1d1317;border-color:#a9c5ad;color:#294b3c}.pdp-quick-nav a[aria-current=location]:after{content:"";position:absolute;bottom:3px;left:calc(50% - 10px);width:20px;height:2px;border-radius:2px;background:#ab1d13}.pdp-quick-nav a:focus-visible{outline:2px solid #c74432;outline-offset:2px}@media(max-width:360px){.pdp-quick-nav a{padding-inline:4px}}.pdp-quick-nav-focus:focus{outline:none!important;box-shadow:none!important}.pdp-quick-nav-focus:focus-visible{text-decoration:underline;text-decoration-color:#c74432;text-underline-offset:6px}@media(min-width:750px){sissilux-pdp-navigation{display:none!important}}@media(max-width:340px){.pdp-quick-nav{max-width:calc(100vw - 12px)}.pdp-quick-nav a{padding-inline:2px}}.pdp-quick-nav a{position:relative}.pdp-quick-nav a:not([hidden])~a:not([hidden]):before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:1px;height:12px;background:#c9c3bc;pointer-events:none}.pdp-quick-nav a:active{background:#2e293529}body:has(#Details-menu-drawer-container[open]) .pdp-quick-nav{display:none!important}@media(max-width:749px){body:has(sissilux-pdp-navigation) sticky-atc,body:has(sissilux-pdp-navigation) .sticky-atc{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/sissilux-pdp-navigation.css.map */