.coupon-ad {
  width: 100%;
  min-width: 0;
  margin: 20px 0;
  text-align: center;
  grid-column: 1 / -1;
}
.coupon-ad-label {
  display: block;
  margin-bottom: 6px;
  color: #777;
  font-size: 11px;
  letter-spacing: .06em;
}
.coupon-ad-slot { display: block; width: 100%; min-height: 0; }
.coupon-ad.is-empty .coupon-ad-slot { display: none; }
.coupon-ad.is-layout-hidden, .coupon-ad--mobile { display: none; }
.coupon-ad.coupon-ad--tile { grid-column: auto; margin: 0; align-self: center; }
.coupon-sidebar > .coupon-ad,
.compact-page .coupon-sidebar > .coupon-ad {
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
}
.article-recommendations { display: grid; min-width: 0; }
@media (max-width: 700px) {
  .coupon-ad--desktop { display: none; }
  .coupon-ad--mobile { display: block; }
  .coupon-ad.is-layout-hidden { display: none; }
}
.reward-dialog {
  box-sizing: border-box;
  width: min(420px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  padding: 32px 28px 26px;
  border: 1px solid #eadfc9;
  border-radius: 18px;
  background: #fffaf0;
  color: #171717;
  text-align: center;
  box-shadow: 0 24px 80px #0003;
}
.reward-dialog::backdrop { background: #18181880; backdrop-filter: blur(3px); }
.reward-dialog form { margin: 0; }
.reward-close {
  position: absolute;
  right: 12px;
  top: 8px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  font-size: 25px;
  cursor: pointer;
}
.reward-mark {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: #f6ce62;
}
.reward-mark svg { width: 26px; height: 26px; }
.reward-dialog h2 { margin: 0 0 12px; font-size: 24px; line-height: 1.2; }
.reward-dialog p { margin: 0 0 18px; color: #61594c; line-height: 1.55; font-size: 15px; }
.reward-actions { display: grid; gap: 10px; }
.reward-actions button {
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid #171717;
  border-radius: 24px;
  background: #171717;
  color: #fff;
  font: inherit;
  cursor: pointer;
}
.reward-actions .reward-cancel { background: transparent; color: #171717; border-color: #d9cfba; }
.reward-actions button:disabled { opacity: .5; cursor: wait; }
.reward-dialog button:focus-visible { outline: 2px solid #b87818; outline-offset: 3px; }
.reward-dialog [hidden] { display: none; }