.offer-card {
  padding: 1.3rem;
  background: linear-gradient(145deg, #fff, #fff7f1)
}

.step {
  display: flex;
  gap: 1rem;
  align-items: flex-start
}

.step-num {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--orange);
  color: #fff;
  font-weight: 900;
  flex: none
}

.destination {
  min-height: 220px;
  padding: 1.3rem;
  border-radius: var(--radius);
  display: flex;
  align-items: flex-end;
  color: #fff;
  background: linear-gradient(0deg, rgba(0, 0, 0, .65), transparent), linear-gradient(135deg, #495363, #ff6b35)
}

.partner-panel {
  padding: 3rem;
  border-radius: 28px
}

.detail-layout {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 2rem
}

.sticky-box {
  position: sticky;
  top: 100px;
  height: max-content;
  padding: 1.3rem
}

.gallery {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: .6rem
}

.gallery div {
  min-height: 200px;
  background: linear-gradient(135deg, #3b4656, #ff8a5d);
  border-radius: 16px
}

.gallery div:first-child {
  grid-row: span 2
}

.progress {
  height: 8px;
  background: #eee;
  border-radius: 9px;
  overflow: hidden
}

.progress i {
  display: block;
  height: 100%;
  background: var(--orange);
  width: 82%
}