.ap-mobile-dock { align-items: end; background: color-mix(in srgb, var(--ap-bg) 94%, transparent); border-top: 1px solid var(--ap-border); bottom: 0; box-shadow: 0 -10px 30px rgb(4 35 81 / .09); display: grid; grid-template-columns: repeat(5, 1fr); left: 0; min-height: calc(68px + env(safe-area-inset-bottom)); padding: 7px 5px env(safe-area-inset-bottom); position: fixed; right: 0; z-index: 80; }
.ap-mobile-dock * { box-sizing: border-box; }
.ap-mobile-dock__item { align-items: center; align-self: stretch; background: none; border: 0; color: var(--ap-text); cursor: pointer; display: flex; flex-direction: column; font-size: 11px; font-weight: 700; gap: 4px; justify-content: center; min-width: 0; padding: 4px; text-decoration: none; }
.ap-mobile-dock__item svg { fill: none; height: 23px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 23px; }
.ap-mobile-dock__item--primary { background: var(--ap-primary); border-radius: 13px; color: var(--ap-primary-text); margin-block: -15px 3px; min-height: 62px; }
.ap-mobile-dock__cart .cart-bubble { align-items: center; color: currentColor; cursor: pointer; display: inline-flex; height: 27px; justify-content: center; position: relative; width: 34px; }
.ap-mobile-dock__cart .cart-bubble svg { height: 24px; width: 24px; }
.ap-mobile-dock__cart .cart-bubble__count { align-items: center; background: var(--ap-primary); border: 2px solid var(--ap-bg); border-radius: 999px; color: var(--ap-primary-text); display: flex; font-size: 9px; height: 18px; justify-content: center; min-width: 18px; padding-inline: 3px; position: absolute; right: -3px; top: -5px; }

@media (max-width: 749px) {
  body { padding-bottom: calc(68px + env(safe-area-inset-bottom)); }
}

@media (min-width: 750px) {
  .ap-mobile-dock { display: none; }
}

@supports not (color: color-mix(in srgb, white, black)) {
  .ap-mobile-dock { background: var(--ap-bg); }
}