.promo-corner{display:none;--pc-h:260px;--pc-w:420px;--pc-gap:16px}
.promo-corner.is-open{
  display:block;
  position:fixed;
  right:max(var(--pc-gap), env(safe-area-inset-right));
  bottom:max(var(--pc-gap), env(safe-area-inset-bottom));
  z-index:99999
}
.promo-corner__box{
  position:relative;
  width:min(92vw, var(--pc-w));
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 12px 40px rgba(0,0,0,.35);
  background:#fff
}
.promo-corner__link{display:block;text-decoration:none;line-height:0}
.promo-corner__img{
  display:block;
  width:100%;
  height:var(--pc-h);
  object-fit:contain;
  background:#fff
}
.promo-corner__close{
  position:absolute;
  top:10px;
  right:10px;
  z-index:2;
  width:36px;
  height:36px;
  border-radius:999px;
  border:none;
  cursor:pointer;
  background:rgba(0,0,0,.55);
  color:#fff;
  font-size:26px;
  line-height:36px;
  text-align:center;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px)
}
.promo-corner__close:hover{background:rgba(0,0,0,.7)}
@media (max-width:420px){
  .promo-corner{--pc-h:180px;--pc-w:320px;--pc-gap:12px}
  .promo-corner__close{top:8px;right:8px;width:34px;height:34px;line-height:34px}
}