/* Two distinct customer paths on the home page. */
.offer-section {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 84px;
  border-top: 1px solid var(--border);
}
.offer-section .container { position: relative; z-index: 1; }
.offer-section::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 430px;
  pointer-events: none;
}
.offer-section#offers-small { background: #0d121b; }
.offer-section#offers-small::before {
  background: radial-gradient(ellipse 65% 95% at 0% 0%, rgba(0, 212, 255, .13), transparent 70%);
}
.offer-section#offers-large { background: #100f19; }
.offer-section#offers-large::before {
  background: radial-gradient(ellipse 65% 95% at 100% 0%, rgba(139, 92, 246, .16), transparent 70%);
}
.offer-heading {
  max-width: 900px;
  padding: 4px 0 5px 28px;
  border-left: 3px solid var(--cyan);
}
#offers-large .offer-heading { border-left-color: #a990ff; }
.offer-kicker {
  color: var(--cyan);
  font: 600 .78rem/1.4 var(--f-mono);
  letter-spacing: .13em;
  text-transform: uppercase;
}
#offers-large .offer-kicker { color: #b8a5ff; }
.offer-title {
  margin-top: 15px;
  color: var(--text);
  font: 700 clamp(2.6rem, 5.5vw, 5rem)/1.04 var(--f-head);
  letter-spacing: -.05em;
}
.offer-title span { color: #70dfff; }
#offers-large .offer-title span { color: #b8a5ff; }
.offer-intro {
  max-width: 640px;
  margin-top: 22px;
  color: #c4c9d7;
  font-size: clamp(1.05rem, 1.6vw, 1.25rem);
  line-height: 1.65;
}
.offer-list { list-style: none; display: grid; gap: 10px; margin-top: 44px; }
.offer-row {
  display: grid; grid-template-columns: 145px minmax(0, 1fr) auto;
  align-items: center; gap: 24px; min-width: 0;
  padding: 22px 26px; border: 1px solid var(--border-2);
  border-radius: var(--radius-lg); background: rgba(19, 20, 27, .9);
  scroll-margin-top: 84px;
  transition: border-color .2s, background .2s;
}
.offer-row:hover { border-color: rgba(255, 255, 255, .29); background: #1a1b25; }
#offers-small .offer-row[data-price-rub="3499"] { border-color: rgba(0, 212, 255, .42); }
#offers-large .offer-row[data-price-rub="15000"] { border-color: rgba(169, 144, 255, .45); }
.offer-row .h3 { margin-bottom: 4px; }
.offer-row .muted { max-width: 660px; }
.offer-row .btn { white-space: nowrap; }
.offer-amount { color: var(--text); font: 700 1.42rem/1.15 var(--f-head); white-space: nowrap; }
.offer-row[data-price-rub="0"] .offer-amount { color: var(--green); font-size: 1.1rem; }
.offer-recovery { margin-top: 1.5rem; }
@media (max-width: 760px) {
  .offer-heading { padding-left: 20px; }
  .offer-title { font-size: clamp(2.45rem, 9vw, 3.8rem); }
  .offer-list { margin-top: 34px; }
  .offer-row { grid-template-columns: 1fr; gap: 12px; padding: 22px; }
  .offer-row .btn { width: 100%; justify-content: center; }
}
