.travel-offer-card {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 36px;
  padding: 28px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(6, 38, 64, .06);
}
.travel-offer-poster { display: block; flex: 0 0 320px; max-width: 40%; }
.travel-offer-poster img { display: block; width: 100%; height: auto; border-radius: 12px; }
.travel-offer-info { flex: 1; min-width: 0; }
.travel-offer-info h3 { color: #00254d; font-size: 30px; line-height: 1.25; margin-bottom: 16px; }
.travel-offer-info p { color: #5a7086; margin-bottom: 12px; }
.travel-offer-info .travel-offer-price { color: #00254d; font-size: 32px; font-weight: 800; margin-bottom: 4px; }
.travel-offer-inclusions { display: flex; flex-wrap: wrap; gap: 12px 24px; list-style: none; padding: 0; margin: 24px 0; color: #00254d; }
.travel-offer-inclusions i { margin-right: 6px; color: #0d63c7; }
@media (max-width: 767.98px) {
  .travel-offer-card { flex-direction: column; align-items: stretch; gap: 24px; padding: 20px; }
  .travel-offer-poster { flex: auto; width: 100%; max-width: 320px; margin: 0 auto; }
  .travel-offer-info h3 { font-size: 25px; }
  .travel-offer-info .travel-offer-price { font-size: 28px; }
}