.selected-itinerary,
.final-itinerary {
  background: #fff;
  border: 1px solid #cfdcf9;
  border-radius: 11px;
  margin-bottom: 20px;
  padding: 20px;
}

.selected-title { display: flex; gap: 10px; align-items: center; margin-bottom: 15px; }
.selected-title > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #e6f7ee; color: #168561; font-weight: 800; }
.selected-title h2 { margin: 0; font-size: 16px; }
.selected-title p { margin: 3px 0 0; color: #7b879b; font-size: 12px; }

.selection-card { margin-top: 9px; overflow: hidden; border: 1px solid #e0e7f2; border-radius: 8px; }
.selection-label { padding: 7px 12px; background: #f3f6fb; color: #70809a; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.selection-main { display: grid; grid-template-columns: minmax(180px, .9fr) minmax(280px, 1.25fr) minmax(145px, .6fr) auto; gap: 22px; align-items: center; padding: 14px 16px; }
.selection-main.without-price { grid-template-columns: minmax(180px, .9fr) minmax(280px, 1.25fr) minmax(145px, .6fr); }
.selection-carrier { display: flex; align-items: center; gap: 10px; min-width: 0; }
.selection-airline-logo { display: grid; flex: 0 0 31px; width: 31px; height: 31px; place-items: center; overflow: hidden; border-radius: 50%; background: #f0f5ff; color: #245fd7; font-size: 17px; font-style: normal; }
.selection-airline-logo img { width: 24px; max-height: 24px; object-fit: contain; }
.selection-carrier strong,
.selection-schedule strong { display: block; color: #142e57; font-size: 14px; line-height: 1.2; }
.selection-carrier span,
.selection-schedule span,
.selection-duration span { display: block; margin-top: 4px; color: #687993; font-size: 11px; line-height: 1.3; }
.selection-carrier span b { color: #275fd0; font-weight: 700; }
.selection-schedule strong { color: #163d80; font-size: 14px; }
.selection-schedule .selection-date { color: #556b8d; font-weight: 600; }
.selection-schedule .selection-times { color: #1f60d8; font-weight: 700; }
.selection-duration { text-align: center; white-space: nowrap; }
.selection-duration b { display: block; color: #255cd2; font-size: 13px; font-weight: 750; }
.selection-duration span { margin-top: 5px; }
.selection-main > b { color: #18387c; font-size: 15px; white-space: nowrap; }

.fare-total { display: flex; justify-content: space-between; align-items: center; margin: 16px 0; padding: 15px 2px 0; border-top: 1px solid #e5eaf2; color: #60708a; }
.fare-total strong { color: #17387e; font-size: 20px; }
.continue-ticket { float: right; }

@media (max-width: 760px) {
  .selection-main,
  .selection-main.without-price { grid-template-columns: 1fr; gap: 10px; }
  .selection-duration { text-align: left; }
}

@media (max-width: 650px) {
  .continue-ticket { float: none; width: 100%; }
}