/* PASSO 19 — PWA e refinamentos mobile */
.pwa-install{display:none;position:fixed;left:16px;right:16px;bottom:18px;z-index:9998;background:#111;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px 16px;box-shadow:0 18px 50px rgba(0,0,0,.28);align-items:center;gap:14px;max-width:520px;margin:auto}
.pwa-install.show{display:flex}.pwa-install__icon{width:48px;height:48px;border-radius:12px;object-fit:cover;background:#fff;flex:none}.pwa-install__text{min-width:0;flex:1}.pwa-install__text strong{display:block;font-size:14px}.pwa-install__text small{display:block;color:#c9c9c9;margin-top:3px;line-height:1.35}.pwa-install__actions{display:flex;gap:8px}.pwa-install button{border:0;border-radius:999px;padding:9px 13px;cursor:pointer;font-weight:700}.pwa-install .install{background:#25aba2;color:#071918}.pwa-install .dismiss{background:#2b2b2b;color:#fff}
.offline-toast{position:fixed;left:50%;transform:translateX(-50%);top:14px;z-index:10000;background:#111;color:#fff;border-radius:999px;padding:9px 15px;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.2);display:none}.offline-toast.show{display:block}
@media(max-width:760px){.commerce-header-main{gap:10px}.commerce-search{order:3;width:100%;flex-basis:100%}.commerce-icons small{display:none}.commerce-logo img{max-width:150px}.pwa-install{bottom:12px;left:10px;right:10px;padding:12px}.pwa-install__actions{flex-direction:column}.pwa-install button{padding:8px 10px}}
@media(display-mode:standalone){body{overscroll-behavior-y:none}.pwa-install{display:none!important}}


/* Aviso de instalação no iPhone/iPad */
.pwa-ios-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:10050;
}
.pwa-ios-modal.show{display:block}
.pwa-ios-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.48);
}
.pwa-ios-modal__card{
  position:absolute;
  left:16px;
  right:16px;
  bottom:max(18px,env(safe-area-inset-bottom));
  margin:auto;
  max-width:480px;
  background:#fff;
  color:#1f1f1f;
  border-radius:22px;
  padding:24px 22px 22px;
  box-shadow:0 22px 70px rgba(0,0,0,.28);
}
.pwa-ios-modal__close{
  position:absolute;
  top:10px;
  right:12px;
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:#f1f1f1;
  color:#222;
  font-size:25px;
  line-height:1;
}
.pwa-ios-modal__icon{
  width:72px!important;
  height:72px!important;
  display:block;
  margin:0 auto 12px;
  border-radius:16px;
  object-fit:contain;
}
.pwa-ios-modal__card h3{
  margin:0 0 8px;
  text-align:center;
  font-size:21px;
}
.pwa-ios-modal__card p{
  margin:0 0 14px;
  text-align:center;
  color:#696969;
  line-height:1.45;
}
.pwa-ios-modal__card ol{
  margin:0;
  padding-left:22px;
}
.pwa-ios-modal__card li{
  margin:10px 0;
  line-height:1.45;
}
.pwa-share-symbol{
  display:inline-block;
  font-weight:700;
  font-size:20px;
  margin-left:4px;
}
.pwa-ios-modal__ok{
  width:100%;
  min-height:46px;
  margin-top:16px;
  border:0;
  border-radius:14px;
  background:#25211e;
  color:#fff;
  font-weight:800;
  font-size:15px;
}


/* Aviso pós-instalação no computador: fixar na barra de tarefas */
.pwa-taskbar-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:10060;
}
.pwa-taskbar-modal.show{display:block}
.pwa-taskbar-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.48);
}
.pwa-taskbar-modal__card{
  position:absolute;
  left:16px;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  margin:auto;
  max-width:500px;
  background:#fff;
  color:#1f1f1f;
  border-radius:22px;
  padding:24px 22px 22px;
  box-shadow:0 22px 70px rgba(0,0,0,.28);
}
.pwa-taskbar-modal__close{
  position:absolute;
  top:10px;
  right:12px;
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:#f1f1f1;
  color:#222;
  font-size:25px;
  line-height:1;
}
.pwa-taskbar-modal__icon{
  width:72px!important;
  height:72px!important;
  display:block;
  margin:0 auto 12px;
  border-radius:16px;
  object-fit:contain;
}
.pwa-taskbar-modal__card h3{
  margin:0 0 8px;
  text-align:center;
  font-size:21px;
}
.pwa-taskbar-modal__card p{
  margin:0 0 14px;
  text-align:center;
  color:#696969;
  line-height:1.45;
}
.pwa-taskbar-modal__card ol{
  margin:0;
  padding-left:22px;
}
.pwa-taskbar-modal__card li{
  margin:10px 0;
  line-height:1.45;
}
.pwa-taskbar-modal__ok{
  width:100%;
  min-height:46px;
  margin-top:16px;
  border:0;
  border-radius:14px;
  background:#25211e;
  color:#fff;
  font-weight:800;
  font-size:15px;
}