@charset "UTF-8";

:root {
  --offer-bg-1: #183f35;
  --offer-bg-2: #0d2a23;
  --offer-text: #fffaf0;
  --offer-muted: #d9e4de;
  --offer-accent: #f1c77e;
  --offer-border: rgba(255, 250, 240, .22);
  --offer-button-bg: #fffaf0;
  --offer-button-text: #15352c;
  --offer-shadow: 0 24px 70px rgba(8, 32, 26, .28);
}

html[data-theme="dark"] {
  --offer-bg-1: #1a342c;
  --offer-bg-2: #0c1e19;
  --offer-text: #fffaf0;
  --offer-muted: #d4dfd9;
  --offer-accent: #f0c780;
  --offer-border: rgba(255, 250, 240, .24);
  --offer-button-bg: #fffaf0;
  --offer-button-text: #15352c;
  --offer-shadow: 0 28px 82px rgba(0, 0, 0, .42);
}

.entry-offer {
  padding: 24px 0 10px;
}

.entry-offer.is-priority {
  padding-top: 28px;
}

.entry-offer__panel {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--offer-border);
  border-radius: 30px;
  padding: 34px 36px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 32px;
  align-items: center;
  background:
    radial-gradient(circle at 82% 8%, rgba(241, 199, 126, .20), transparent 19rem),
    linear-gradient(135deg, var(--offer-bg-1), var(--offer-bg-2));
  color: var(--offer-text);
  box-shadow: var(--offer-shadow);
}

.entry-offer__panel::after {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  right: -125px;
  bottom: -155px;
  border: 1px solid rgba(255, 250, 240, .18);
  border-radius: 50%;
  pointer-events: none;
}

.entry-offer .market-kicker {
  margin-bottom: 10px;
  color: var(--offer-accent);
}

.entry-offer h2 {
  margin: 0;
  max-width: 900px;
  color: var(--offer-text);
  font: 700 clamp(2rem, 4vw, 4rem)/1 Georgia, "Times New Roman", serif;
  letter-spacing: -.035em;
}

.entry-offer p {
  max-width: 780px;
  margin: 14px 0 0;
  color: var(--offer-muted);
  font-size: 1rem;
  line-height: 1.65;
}

.entry-offer__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.entry-offer__badges span {
  border: 1px solid var(--offer-border);
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(255, 255, 255, .04);
  color: var(--offer-text);
  font-size: .76rem;
  font-weight: 850;
}

.entry-offer .market-button {
  position: relative;
  z-index: 1;
  min-width: 190px;
  background: var(--offer-button-bg);
  color: var(--offer-button-text);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .22);
}

.entry-offer .market-button:hover {
  background: var(--offer-accent);
  color: #17261f;
}

/* Legacy lower free panel uses the same dedicated high-contrast palette if it is reused. */
.free-panel {
  background:
    radial-gradient(circle at 82% 8%, rgba(241, 199, 126, .20), transparent 19rem),
    linear-gradient(135deg, var(--offer-bg-1), var(--offer-bg-2));
  color: var(--offer-text);
}
.free-panel .market-kicker { color: var(--offer-accent) !important; }
.free-panel h2 { color: var(--offer-text); }
.free-panel p { color: var(--offer-muted); }
.free-panel__badges span { border-color: var(--offer-border); color: var(--offer-text); }
.free-panel .market-button { background: var(--offer-button-bg); color: var(--offer-button-text); }
.free-panel .market-button:hover { background: var(--offer-accent); color: #17261f; }

@media (max-width: 760px) {
  .entry-offer { padding: 18px 0 6px; }
  .entry-offer__panel {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 27px 20px;
    border-radius: 24px;
  }
  .entry-offer h2 { font-size: clamp(2rem, 10vw, 3.1rem); }
  .entry-offer p { font-size: .96rem; }
  .entry-offer .market-button { width: 100%; }
}

@media (max-width: 430px) {
  .entry-offer__panel { padding: 24px 16px; }
  .entry-offer__badges { gap: 6px; }
  .entry-offer__badges span { padding: 6px 8px; font-size: .7rem; }
}