.yd-pwa-install[hidden],
.yd-pwa-sheet[hidden]{display:none!important}

.yd-pwa-install{
  position:fixed;z-index:900;left:50%;bottom:max(18px,env(safe-area-inset-bottom));
  transform:translateX(-50%);width:min(760px,calc(100% - 28px));
  display:flex;align-items:center;gap:14px;padding:12px 12px 12px 14px;
  color:var(--yda-text,#171717);
  background:color-mix(in srgb,var(--yda-surface,#fff) 92%,transparent);
  border:1px solid var(--yda-border,rgba(17,17,17,.12));border-radius:20px;
  box-shadow:0 18px 60px rgba(0,0,0,.13);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.yd-pwa-install>img{flex:0 0 auto;width:52px;height:52px;border-radius:14px;object-fit:cover}
.yd-pwa-install__copy{min-width:0;display:grid;gap:3px;flex:1}
.yd-pwa-install__copy strong{font-size:14px;letter-spacing:-.01em}
.yd-pwa-install__copy span{font-size:12px;color:var(--yda-muted,#737373);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yd-pwa-install__actions{display:flex;align-items:center;gap:7px}
.yd-pwa-install .yd-button,.yd-pwa-sheet .yd-button{
  min-height:38px;padding:0 15px;border:0;border-radius:12px;
  background:var(--yda-soft,#f1f1ef);color:var(--yda-text,#171717);
  display:inline-flex;align-items:center;justify-content:center;font:700 12px var(--yda-font,-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif)
}
.yd-pwa-install .yd-button--dark,.yd-pwa-sheet .yd-button--dark{background:var(--yda-inverse,#171717);color:var(--yda-inverse-text,#fff)}
.yd-pwa-sheet .yd-button--wide{width:100%}
.yd-pwa-dismiss{width:34px;height:34px;border:0;background:transparent;color:var(--yda-text,#171717);font-size:23px;line-height:1;cursor:pointer;opacity:.52}
.yd-pwa-dismiss:hover{opacity:1}

.yd-pwa-sheet{position:fixed;inset:0;z-index:950;display:grid;align-items:end;color:var(--yda-text,#171717)}
.yd-pwa-sheet__backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.34);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.yd-pwa-sheet__panel{position:relative;width:min(620px,100%);margin:0 auto;background:var(--yda-surface,#fff);border:1px solid var(--yda-border,rgba(17,17,17,.12));border-bottom:0;border-radius:28px 28px 0 0;padding:24px 22px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -30px 80px rgba(0,0,0,.16)}
.yd-pwa-sheet__head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.yd-pwa-sheet__head p{font-size:10px;letter-spacing:.15em;color:var(--yda-muted,#737373);margin:0 0 5px}
.yd-pwa-sheet__head h2{font-size:28px;letter-spacing:-.04em;margin:0}
.yd-pwa-sheet__head>button{border:0;background:var(--yda-soft,#f1f1ef);color:inherit;width:38px;height:38px;border-radius:50%;font-size:22px;cursor:pointer}
.yd-pwa-steps{list-style:none;padding:0;margin:26px 0;display:grid;gap:10px}
.yd-pwa-steps li{display:flex;align-items:center;gap:13px;border-top:1px solid var(--yda-border,rgba(17,17,17,.12));padding:15px 0}
.yd-pwa-steps li:last-child{border-bottom:1px solid var(--yda-border,rgba(17,17,17,.12))}
.yd-pwa-steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--yda-inverse,#171717);color:var(--yda-inverse-text,#fff);font-size:12px;flex:0 0 auto}
.yd-pwa-steps span{font-size:14px;line-height:1.45}
html.yd-pwa-sheet-open,html.yd-pwa-sheet-open body{overflow:hidden}

@media(max-width:640px){
  .yd-pwa-install{align-items:flex-start;padding:11px;gap:10px;bottom:max(82px,calc(12px + env(safe-area-inset-bottom)))}
  .yd-pwa-install>img{width:46px;height:46px;border-radius:12px}
  .yd-pwa-install__copy span{white-space:normal;line-height:1.35}
  .yd-pwa-install__actions{margin-left:auto}
  .yd-pwa-install__actions .yd-button{padding:0 12px}
  .yd-pwa-dismiss{position:absolute;right:3px;top:-37px;background:var(--yda-surface,#fff);border:1px solid var(--yda-border,rgba(17,17,17,.12));border-radius:50%}
  .yd-pwa-sheet__panel{padding-left:18px;padding-right:18px}
}
html.yda-modal-open .yd-pwa-install{opacity:0;pointer-events:none}