/* Mobile-only iOS glass capsule. The basket keeps its right-hand corner. */
#ep-mobile-contact{display:none}
@media(max-width:900px){
  html:not(.customer-teslize) #ep-mobile-contact{
    position:fixed;z-index:105;left:max(12px,env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));
    display:flex;gap:3px;padding:5px;box-sizing:border-box;width:164px;height:66px;border-radius:27px;
    background:rgba(31,31,35,.86);border:1px solid rgba(255,255,255,.18);
    -webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 8px 32px rgba(0,0,0,.32);
    transition:opacity .18s ease,transform .18s ease;
  }
  #ep-mobile-contact a{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:54px;border:0;border-radius:21px;
    color:#fff!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;font:600 11px/1.15 var(--ios-sf,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .15s ease}
  #ep-mobile-contact a:first-child{background:rgba(48,209,88,.15)}
  #ep-mobile-contact a:last-child{background:rgba(255,255,255,.055)}
  #ep-mobile-contact :is(img,svg){display:block;width:23px;height:23px;flex:none}
  #ep-mobile-contact img{filter:invert(1)}
  #ep-mobile-contact a:active{transform:scale(.94);background:rgba(255,255,255,.16)}
  #ep-mobile-contact a:focus-visible{outline:2px solid #fff;outline-offset:-2px}
  html:has(#ep-mobile-contact){scroll-padding-bottom:96px}
  body:has(#ep-mobile-contact){padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  html.eps-buybar-on #ep-mobile-contact{bottom:calc(84px + env(safe-area-inset-bottom))}
  body:has(#ep-mobile-contact) #cart-fab{left:auto!important;right:max(12px,env(safe-area-inset-right))!important;max-width:calc(100vw - 200px)}
  /* Closed overlays remain in the DOM; only their open state hides the dock. */
  body:has(#ep-cookie-banner:not([hidden]),dialog[open],#cart-drawer[data-open="true"],#cart-checkout-modal[data-open="true"],.landing-menu-button[aria-expanded="true"],.shop-menu-toggle[aria-expanded="true"],.landing-icon-button[aria-expanded="true"]) #ep-mobile-contact,
  html:not(.customer-teslize) #ep-mobile-contact[data-editing="true"]{display:none}
}
@media(prefers-reduced-motion:reduce){#ep-mobile-contact,#ep-mobile-contact a{transition:none!important}}