.browser-notice{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 99999;
  padding: 0 env(safe-area-inset-right) calc(10px + env(safe-area-inset-bottom)) env(safe-area-inset-left);
  background: rgba(17,17,17,.95);
  color: #fff;
  transform: translateY(100%);
  transition: transform .25s ease;
  font-size: 15px;
}
.browser-notice.show{ transform: translateY(0); }
.browser-notice .bn-inner{
  max-width: 980px; margin: 0 auto; padding: 14px 16px; display:flex; gap:12px; align-items:center;
}
.browser-notice p{ margin:0; line-height:1.4; }
.browser-notice .bn-emph{ font-weight:700; }
.browser-notice .bn-close{
  margin-left:auto; border:0; border-radius:10px; padding:8px 12px;
  background:#e11d48; color:#fff; cursor:pointer;
}
@media (max-width: 480px){
  .browser-notice .bn-inner{ padding: 12px; }
  .browser-notice .bn-close{ padding:8px 10px; }
}