.cove-mobile-purchase{display:none}
@media(max-width:760px){
  body:has(cove-mobile-purchase){padding-bottom:var(--cove-purchase-height,calc(110px + env(safe-area-inset-bottom,0px)))}
  .cove-mobile-purchase{display:block;position:fixed;inset:auto 0 0;z-index:6;background:#102b47;color:#f8faff;border-top:1px solid #58748d;box-shadow:0 -6px 24px #07142624;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
  .cove-mobile-purchase__inner{max-width:680px;margin-inline:auto}
  .cove-mobile-purchase__title{font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d5e5f5;margin:0 0 7px}
  .cove-mobile-purchase__row{display:flex;align-items:center;gap:14px}
  .cove-mobile-purchase__details{flex:1;min-width:0;display:grid;gap:3px}
  .cove-mobile-purchase__details strong{font-size:21px;line-height:1.15;color:#f0dc92}
  .cove-mobile-purchase__details span,.cove-mobile-purchase__variant{font-size:10px;line-height:1.4;color:#d5e5f5}
  .cove-mobile-purchase__variant{display:block;text-decoration:underline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-block:4px}
  .cove-mobile-purchase__button{flex:0 0 auto;min-width:142px;min-height:48px;margin:0;padding:13px 20px;font-size:14px;background:#a8d5ff;color:#102d50}
  .cove-mobile-purchase__button:disabled{opacity:1;background:#36516b;color:#d5e5f5}
  body:has(.mobile-menu[open]) .cove-mobile-purchase,body:has(dialog[open]) .cove-mobile-purchase{visibility:hidden}
  #variant{scroll-margin-bottom:130px}
}
