.hcj-scope .jet-comparison-wrapper  {
  background: linear-gradient(135deg, #0c1524, #0c0f1c) !important;
  padding: 60px 20px !important;
  color: #C0C0C0 !important;
  border-radius: 16px !important;
  margin: 40px auto !important;
  max-width: 1300px !important;
  box-shadow: 0 0 60px rgba(192, 192, 192, 0.10) !important;
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif !important;
}

.hcj-scope .card-container,
.hcj-scope .compare-container  {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 20px !important;
  margin: 30px 0 !important;
}

.hcj-scope .jet-card  {
  background: #1a263b !important;
  color: #C0C0C0 !important;
  padding: 20px !important;
  border-radius: 16px !important;
  width: 300px !important;
  box-shadow: 0 8px 40px rgba(192, 192, 192, 0.12) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  overflow: hidden !important;
  transition: transform 0.12s, box-shadow 0.2s;
}

.hcj-scope .jet-card:hover  {
  transform: translateY(-5px) scale(1.01);
  box-shadow: 0 16px 48px rgba(192,192,192,0.17) !important;
}

.hcj-scope .jet-image  {
  display: block !important;
  width: 100% !important;
  height: 160px !important;
  background-size: cover !important;
  background-position: center center !important;
  border-radius: 10px !important;
  margin-bottom: 12px !important;
  background-color: #222 !important;
}

.hcj-scope .category-tag  {
  display: block !important;
  font-size: 13px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  margin: 0 auto 10px auto !important;
  color: #C0C0C0 !important;
  text-align: center !important;
  width: fit-content !important;
  border: 1px solid rgba(192,192,192,0.15) !important;
}

.hcj-scope .jet-card-title,
.hcj-scope .jet-card h2,
.hcj-scope .jet-card h2.jet-card-title,
.hcj-scope .jet-card h2.elementor-heading-title  {
  all: unset !important;
  display: block !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #E0E0E0 !important;
  text-align: center !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.hcj-scope .info  {
  font-size: 14px !important;
  margin-bottom: 12px !important;
  display: none !important;
}

.hcj-scope #compareGrid .info  {
  display: block !important;
}

.hcj-scope .compare-btn,
.hcj-scope .clear-btn  {
  background-color: #C0C0C0 !important;
  color: #090945 !important;
  padding: 10px !important;
  font-weight: bold !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  margin-top: 12px !important;
  font-size: 14px !important;
  transition: background-color 0.3s ease, color 0.3s ease !important;
}

.hcj-scope .compare-btn:hover,
.hcj-scope .clear-btn:hover  {
  background-color: #ffffff !important;
  color: #090945 !important;
}

.hcj-scope #departureAirport,
.hcj-scope #departure-select  {
  background-color: #1a263b !important;
  color: #C0C0C0 !important;
  border: 1px solid #C0C0C0 !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  font-size: 15px !important;
}

.hcj-scope #map  {
  height: 500px !important;
  margin: 40px auto !important;
  width: 95% !important;
  max-width: 1000px !important;
  border: 2px solid #C0C0C0 !important;
  border-radius: 12px !important;
}

.hcj-scope #legend div  {
  padding: 6px 14px 6px 34px !important;
  border-radius: 6px !important;
  background: rgba(20, 25, 45, 0.95) !important;
  border: 1px solid #C0C0C0 !important;
  color: #fff !important;
  font-size: 16px !important;
  margin: 4px !important;
  display: inline-block !important;
  position: relative !important;
  min-width: 140px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}

.hcj-scope .legend-color  {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  position: absolute !important;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #fff !important;
}

.hcj-scope .jet-comparison-wrapper h3  {
  color: #fff !important;
  font-size: 22px !important;
  letter-spacing: 1px;
  text-align: center;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  text-shadow: 0 1px 6px #090945, 0 0 2px #fff;
}

.hcj-scope .jet-card.selected {
  box-shadow: 0 0 24px 6px #61d6ff, 0 2px 18px #61d6ff80;
  border: 2px solid #61d6ff;
  z-index: 2;
  transition: box-shadow 0.2s, border 0.2s;
}

.hcj-scope #jetPagination {
  margin-top: 24px;
}

.hcj-scope .pag-btn {
  background: #C0C0C0;
  border: none;
  color: #090945;
  margin: 0 2px;
  padding: 6px 16px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s;
}

.hcj-scope .pag-btn-active,
.hcj-scope .pag-btn:hover {
  background: #58aaff;
  color: #fff;
}