.black-friday-promotion {
  width: min(520px, calc(100% - 2rem));
  max-height: calc(100dvh - 2rem);
  margin: auto;
  padding: 2.5rem;
  overflow-y: auto;
  border: 1px solid #827348;
  border-radius: 24px;
  background: radial-gradient(ellipse at top, #343026, #181818 65%);
  color: #fffdf5;
  text-align: center;
  box-shadow: 0 25px 90px #0008;
}
.black-friday-promotion::backdrop { background: #080808cc; }
.black-friday-promotion-close { position: absolute; top: .6rem; right: .8rem; width: 44px; height: 44px; border: 0; border-radius: 50%; background: transparent; color: #fffdf5; font-size: 2rem; line-height: 1; }
.black-friday-promotion-art { color: #ebd58e; font-size: 4.5rem; line-height: 1; margin-bottom: 1rem; }
.black-friday-promotion-badge { color: #ebd58e; font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
.black-friday-promotion h2 { color: #e8cc75; font-size: clamp(2.3rem, 7vw, 3.7rem); font-weight: 800; margin-bottom: 1rem; }
.black-friday-promotion p { line-height: 1.6; }
.black-friday-promotion-deadline { font-size: .85rem; color: #d0cec5; }
.black-friday-promotion-cta { display: block; padding: .95rem 1rem; margin-top: 1.5rem; border-radius: 10px; background: #e8cc75; color: #171717; font-weight: 700; text-decoration: none; }
.black-friday-promotion-cta:hover { background: #f6e5ae; color: #171717; }
.black-friday-promotion-later { display: block; margin: 1rem auto 0; padding: .5rem; background: transparent; border: 0; color: #e9e5d7; text-decoration: underline; font-size: .9rem; }
.black-friday-promotion :focus-visible { outline: 3px solid #fffdf5; outline-offset: 4px; }
@media (max-width: 480px) { .black-friday-promotion { padding: 2.5rem 1.4rem 1.5rem; } }