.le-mobile-product-nav,.le-mobile-product-backdrop,.le-mobile-product-sheet{display:none}
@media(max-width:768px){
  body.le-mobile-product-ready{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  .le-mobile-product-backdrop{position:fixed;inset:0;z-index:1190;display:block;background:rgba(15,42,67,.34);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease}
  .le-mobile-product-backdrop.is-open{opacity:1;pointer-events:auto}
  .le-mobile-product-nav{position:fixed;z-index:1200;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;min-height:68px;padding:7px 6px 6px;border:1px solid rgba(148,163,184,.3);border-radius:21px;background:rgba(255,255,255,.94);box-shadow:0 16px 44px rgba(15,42,67,.24),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(16px) saturate(1.35);font-family:Inter,"Segoe UI",sans-serif}
  .le-mobile-product-nav button{position:relative;display:grid;justify-items:center;align-content:center;gap:3px;min-width:0;height:54px;padding:4px 2px;border:0;border-radius:15px;background:transparent;color:#64748b;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .18s ease,color .18s ease,transform .18s ease}
  .le-mobile-product-nav button:active{transform:scale(.94)}.le-mobile-product-nav button>i{font-size:1.27rem;line-height:1}.le-mobile-product-nav button>span{max-width:100%;font-size:.61rem;font-weight:850;line-height:1.05;white-space:nowrap}.le-mobile-product-nav button.is-active{background:#e8f7f5;color:#066d71}.le-mobile-product-nav button.is-primary{color:#075e69}
  .le-mobile-product-nav button.is-primary>i{display:grid;place-items:center;width:31px;height:31px;margin-top:-12px;border:2px solid #fff;border-radius:11px;background:linear-gradient(145deg,#078084,#155e75);color:#fff;font-size:1.05rem;box-shadow:0 7px 16px rgba(7,128,132,.3)}
  .le-mobile-product-nav button.is-primary.is-active{background:#e8f7f5}
  .le-mobile-product-sheet{position:fixed;z-index:1195;left:14px;right:14px;bottom:calc(84px + env(safe-area-inset-bottom));display:grid;gap:8px;padding:11px;border:1px solid #d9e6eb;border-radius:20px;background:#fff;box-shadow:0 22px 55px rgba(15,42,67,.28);opacity:0;pointer-events:none;transform:translateY(14px) scale(.98);transform-origin:bottom center;transition:opacity .18s ease,transform .18s ease;font-family:Inter,"Segoe UI",sans-serif}
  .le-mobile-product-sheet.is-open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
  .le-mobile-product-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:3px 5px 6px}.le-mobile-product-sheet-head span{display:grid;color:#172033;font-size:.8rem;font-weight:900}.le-mobile-product-sheet-head small{margin-top:2px;color:#718096;font-size:.62rem;font-weight:650}.le-mobile-product-sheet-head button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:#f1f5f9;color:#475569;font-size:1rem}
  .le-mobile-product-choice{display:grid;grid-template-columns:43px minmax(0,1fr) 24px;align-items:center;gap:10px;width:100%;min-height:62px;padding:9px 10px;border:1px solid #e0e8ed;border-radius:15px;background:#f8fbfc;color:#172033;text-align:left;font:inherit;cursor:pointer}.le-mobile-product-choice>i:first-child{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e8f3f7;color:#174a7c;font-size:1.15rem}.le-mobile-product-choice.is-teal>i:first-child{background:#e8f7f5;color:#078084}.le-mobile-product-choice.is-install{border-color:#fdba74;background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#9a3412}.le-mobile-product-choice.is-install>i:first-child{background:#f97316;color:#fff}.le-mobile-product-choice.is-install>i:last-child{color:#ea580c}.le-mobile-product-choice>span{display:grid;min-width:0}.le-mobile-product-choice b{font-size:.79rem}.le-mobile-product-choice small{margin-top:3px;color:#718096;font-size:.64rem;line-height:1.25}.le-mobile-product-choice>i:last-child{color:#94a3b8}
  body.player-open .le-mobile-product-nav,body.player-open .le-mobile-product-backdrop,body.player-open .le-mobile-product-sheet{display:none}
}
@media(max-width:350px){.le-mobile-product-nav button>span{font-size:.56rem}.le-mobile-product-nav{left:6px;right:6px}}
