cc-glass-dock{display:none}
@media(max-width:699px){
html:has(cc-glass-dock) {--cc-dock-clearance:calc(86px + env(safe-area-inset-bottom))}
body:has(cc-glass-dock){padding-bottom:var(--cc-dock-clearance)}
cc-glass-dock{display:block;position:fixed;z-index:19;inset-inline: max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));transition:transform .4s cubic-bezier(.7,0,.2,1),visibility 0s;color:#161719}
cc-glass-dock nav{position:relative;display:flex;height:62px;padding:3px;border:1px solid #ffffffb3;border-radius:999px;background:rgb(255 255 255 / .45);backdrop-filter:blur(32px) saturate(120%);-webkit-backdrop-filter:blur(32px) saturate(120%);box-shadow:0 8px 28px #00000014,inset 0 1px 1px #ffffffcc;isolation:isolate}
.cc-dock-item{display:flex;position:relative;flex:1;min-width:0;height:54px;align-items:center;justify-content:center;flex-direction:column;gap:3px;text-decoration:none;color:inherit;font:400 10px/1.15 system-ui,sans-serif;border-radius:999px;padding:3px}
.cc-dock-item:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.cc-dock-item[data-selected]{font-weight:600;color:#111}
.cc-dock-icon .cc-icon-filled{display:none}
.cc-dock-item[data-selected] .cc-icon-outline{display:none}
.cc-dock-item[data-selected] .cc-icon-filled{display:block}
.cc-dock-icon{position:relative;width:22px;height:22px}.cc-dock-icon svg{width:22px;height:22px}
.cc-dock-count{position:absolute;top:-5px;inset-inline-end:-9px;min-width:15px;height:15px;display:grid;place-items:center;background:#161719;color:white;border-radius:999px;padding:0 3px;font-size:9px}
.cc-dock-count[hidden]{display:none}
.cc-dock-lens{position:absolute;z-index:-1;top:3px;left:0;height:54px;border-radius:999px;background:rgb(218 219 222 / .72);box-shadow:none;opacity:0;transition:transform .34s cubic-bezier(.2,.8,.2,1),width .34s,opacity .2s}
.cc-dock-lens[data-visible]{opacity:1}
.cc-glass-dock[data-hidden]{transition:transform .4s cubic-bezier(.7,0,.2,1),visibility 0s .4s;transform:translateY(calc(100% + 36px));visibility:hidden;pointer-events:none}
body:has(:is(cart-drawer,navigation-drawer,search-drawer,quick-buy-drawer)[open],dialog[open]) cc-glass-dock{visibility:hidden;pointer-events:none}
.product-sticky-bar{bottom:var(--cc-dock-clearance)}
}
@supports not (backdrop-filter:blur(1px)){cc-glass-dock nav{background:#f7f7f7}}
@media(prefers-reduced-motion:reduce){cc-glass-dock,.cc-dock-lens{transition:none!important;animation:none!important}}
@media(prefers-reduced-transparency:reduce){cc-glass-dock nav{background:#f7f7f7;backdrop-filter:none}}

@starting-style{cc-glass-dock{transform:translateY(calc(100% + 36px))}}