.sternbrecher-promo[hidden] { display: none !important; }
.sternbrecher-promo {
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  bottom: calc(82px + env(safe-area-inset-bottom));
  z-index: 1100;
  display: flex;
  width: 360px;
  max-width: calc(100vw - 32px);
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #628fda;
  border-radius: 18px;
  background: #101d3e;
  color: #f5f8ff;
  box-shadow: 0 16px 44px #071022aa;
  font: 14px/1.4 system-ui, sans-serif;
}
.sternbrecher-promo img {
  width: 112px;
  min-width: 112px;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.sternbrecher-promo-body { padding: 15px 29px 15px 15px; }
.sternbrecher-promo-label { display: block; margin-bottom: 5px; color: #86d9f6; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.sternbrecher-promo h2 { margin: 0 0 7px; font: 800 17px/1.2 system-ui, sans-serif; }
.sternbrecher-promo p { margin: 0 0 12px; font-size: 13px; }
.sternbrecher-promo-play { display: inline-flex; min-height: 38px; align-items: center; box-sizing: border-box; border-radius: 10px; padding: 8px 12px; background: #47c8e7; color: #08213a; font-size: 13px; font-weight: 800; text-decoration: none; }
.sternbrecher-promo-close { position: absolute; right: 4px; top: 4px; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: #233860; color: #fff; font: 25px/1 system-ui, sans-serif; cursor: pointer; }
.sternbrecher-promo a:focus-visible, .sternbrecher-promo button:focus-visible { outline: 3px solid #ffd669; outline-offset: 2px; }
@media (max-width: 480px) {
  .sternbrecher-promo { width: 320px; bottom: calc(82px + env(safe-area-inset-bottom)); }
  .sternbrecher-promo img { width: 86px; min-width: 86px; }
  .sternbrecher-promo-body { padding: 13px 28px 13px 12px; }
  .sternbrecher-promo h2 { font-size: 15px; }
  .sternbrecher-promo p { font-size: 12px; }
}