/* Olszany.pl v1.1.56 — instalacja PWA na Androidzie oraz iPhone/iPad */
.pwa-install-banner{display:none}
.pwa-install-banner[hidden],.pwa-ios-modal[hidden]{display:none!important}
.pwa-install-open{overflow:hidden}

@media(max-width:1024px){
  .pwa-install-banner:not([hidden]){
    position:fixed;
    left:max(10px,env(safe-area-inset-left));
    right:max(10px,env(safe-area-inset-right));
    bottom:calc(78px + env(safe-area-inset-bottom));
    z-index:185;
    display:grid;
    grid-template-columns:46px minmax(0,1fr) auto 30px;
    align-items:center;
    gap:10px;
    padding:10px;
    background:rgba(255,255,255,.97);
    border:1px solid #d8e4dd;
    border-radius:18px;
    box-shadow:0 16px 44px rgba(9,45,35,.22);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px)
  }
  .pwa-install-banner img{width:46px;height:46px;border-radius:11px;object-fit:contain}
  .pwa-install-copy{display:flex;min-width:0;flex-direction:column;line-height:1.15}
  .pwa-install-copy b{font-size:13px;color:#102e25}
  .pwa-install-copy small{font-size:10px;color:#65766f;margin-top:3px;line-height:1.25}
  .pwa-install-banner .btn{padding:8px 10px;font-size:11px;white-space:nowrap}
  .pwa-install-close{width:28px;height:28px;border:0;border-radius:50%;background:#eef3f0;color:#17382e;font-size:20px;line-height:1;cursor:pointer}
}

@media(max-width:430px){
  .pwa-install-banner:not([hidden]){grid-template-columns:42px minmax(0,1fr) auto 28px;gap:8px;padding:9px}
  .pwa-install-banner img{width:42px;height:42px}
  .pwa-install-copy b{font-size:12px}
  .pwa-install-copy small{font-size:9.5px}
  .pwa-install-banner .btn{padding:8px 9px;font-size:10.5px}
}

.pwa-ios-modal{
  position:fixed;
  inset:0;
  z-index:320;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:18px max(12px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))
}
.pwa-ios-backdrop{position:absolute;inset:0;background:rgba(4,18,13,.58);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.pwa-ios-sheet{
  position:relative;
  z-index:1;
  width:min(560px,100%);
  max-height:min(86vh,760px);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  background:#fff;
  color:#14352b;
  border:1px solid #dce6e1;
  border-radius:26px;
  padding:22px;
  box-shadow:0 28px 80px rgba(0,0,0,.30)
}
.pwa-ios-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#eef3f0;color:#17382e;font-size:23px;line-height:1;cursor:pointer}
.pwa-ios-head{display:flex;gap:13px;align-items:center;padding-right:38px}
.pwa-ios-head img{width:58px;height:58px;border-radius:14px;box-shadow:0 7px 18px rgba(9,45,35,.12)}
.pwa-ios-head .eyebrow{display:block;margin:0 0 3px;color:#0b6b50;font-size:10px;font-weight:900;letter-spacing:.12em}
.pwa-ios-head h2{margin:0;font-size:22px;line-height:1.08;letter-spacing:-.02em}
.pwa-ios-lead{margin:15px 0 14px;color:#667871;font-size:13px;line-height:1.45}
.pwa-ios-steps{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.pwa-ios-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:11px;border:1px solid #dce6e1;border-radius:16px;background:#f8fbf9}
.pwa-step-number{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#0b6b50;color:#fff;font-weight:950;font-size:13px}
.pwa-ios-steps b{display:block;font-size:13px;line-height:1.25}
.pwa-ios-steps small{display:block;margin-top:3px;color:#6a7974;font-size:11px;line-height:1.4}
.pwa-share-symbol{display:inline-grid;place-items:center;min-width:28px;height:23px;padding:0 5px;border-radius:7px;background:#e6f3ed;color:#056447;font-weight:900;font-size:14px}
.pwa-ios-tip{margin-top:12px;padding:11px 12px;border-radius:14px;background:#fff8dd;border:1px solid #eedc92;color:#5e501b;font-size:11px;line-height:1.45}
.pwa-ios-actions{display:flex;justify-content:flex-end;margin-top:14px}
.pwa-ios-actions .btn{min-width:124px}

@media(min-width:701px){
  .pwa-ios-modal{align-items:center}
}