#winter-coating-promo {
  padding: 0;
  border: 1px solid #ffffff26;
  border-radius: 12px;
  background: #05080c;
  width: min(360px, calc((100dvh - 64px) * 2 / 3), calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 40px);
  overflow: hidden;
  box-shadow: 0 12px 40px #0003;
}
#winter-coating-promo[open] { animation: winter-promo-fade-in 1200ms ease-in-out both; }
#winter-coating-promo::backdrop {
  background: #0003;
  animation: winter-promo-fade-in 1200ms ease-in-out both;
}
@keyframes winter-promo-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  #winter-coating-promo[open], #winter-coating-promo::backdrop { animation: none; }
}
#winter-coating-promo .winter-promo-art { display: block; }
#winter-coating-promo img { display: block; width: 100%; height: auto; }
#winter-coating-promo .winter-promo-close {
  position: absolute; top: 8px; right: 8px;
  width: 44px; height: 44px; padding: 0;
  border: 1px solid #ffffff70; border-radius: 50%;
  background: #080d14e8; color: white;
  font: 30px/1 Arial, sans-serif;
}
#winter-coating-promo :focus-visible { outline: 3px solid #168cff; outline-offset: -4px; }