.mobile-purchase{display:none}
@media(max-width:767px){
 body.mobile-purchase-ready{padding-bottom:var(--mobile-purchase-height,96px)}
 .mobile-purchase:not([hidden]){position:fixed;z-index:900;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;box-sizing:border-box;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#f5f4ee;color:#2e3732;border-top:1px solid #d4d9cf;box-shadow:0 -3px 16px #2e37320b}
 .mobile-purchase-details{flex:1;min-width:0;line-height:1.35}
 .mobile-purchase-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px}
 .mobile-purchase-price{display:block;font-size:20px;font-weight:500;margin-top:3px}
 .mobile-purchase .mobile-purchase-button{flex:none;max-width:61%;min-height:48px;margin:0;padding:12px 16px;font-family:inherit;font-weight:500;font-size:13px;line-height:1.35;white-space:normal;border:0;border-radius:4px;cursor:pointer}
 .mobile-purchase-button:focus-visible{outline:2px solid #2e3732;outline-offset:3px}
 .mobile-purchase-button:disabled{opacity:.55;cursor:wait}
 body:has(dialog[open]) .mobile-purchase{display:none}
}