/* Homepage tour cards: photographic charcoal behind distinct green glass. */
.hbt-site #hbt-journeys {
  background: linear-gradient(180deg,#faf9f5,#fff 65%);
  border-top-color: #e7e3da;
  scroll-margin-top: 130px;
}
.hbt-site #hbt-journeys .hbt-card-refined {
  background: #242526;
  border-color: #b8aa936e;
  box-shadow: 0 19px 42px #24221f1c;
}
.hbt-site #hbt-journeys .hbt-card-refined .hbt-card-photo::after {
  background: linear-gradient(180deg,#10121205 0%,#14161708 20%,#16191ab8 52%,#121718f0 100%);
}
.hbt-site #hbt-journeys .hbt-card-refined .hbt-card-bottom {
  position: relative;
  display: block;
  overflow: hidden;
  background: linear-gradient(130deg,#376b53c7,#17483ce3 60%,#143b33ec);
  border: 1px solid #e9d3a85e;
  border-radius: 17px;
  padding: 17px 18px 14px;
  backdrop-filter: blur(22px) saturate(1.2);
  -webkit-backdrop-filter: blur(22px) saturate(1.2);
  box-shadow: inset 0 1px 0 #f9efdc25,inset 0 -1px 0 #061c2b45,0 12px 28px #030e1540;
  transition: border-color .4s,box-shadow .4s;
}
.hbt-card-refined .hbt-card-bottom::before {
  content: '';
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  height: 1px;
  background: linear-gradient(90deg,transparent,#ffe9bb99,transparent);
  pointer-events: none;
}
.hbt-card-quote-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.hbt-card-quote { display: block; min-width: 0; }
.hbt-site #hbt-journeys .hbt-card-quote small { color: #e1eadd; font-size: 11px; line-height: 1.6; }
.hbt-site #hbt-journeys .hbt-card-quote strong {
  color: #ffe3b5;
  font-size: 37px;
  line-height: 1.25;
  margin-top: 4px;
  letter-spacing: -.025em;
  text-shadow: 0 2px 12px #071d2040;
}
.hbt-site #hbt-journeys .hbt-compare-label {
  display: inline-flex;
  flex-shrink: 0;
  min-height: 44px;
  padding: 8px 10px;
  gap: 7px;
  border: 1px solid #f3dfb43d;
  border-radius: 24px;
  background: #0a302b4d;
  color: #f7f2e5;
  font-size: 12px;
  transition: background .3s,border-color .3s;
}
.hbt-site #hbt-journeys .hbt-compare-label:has(input:checked) { border-color: #eed0a7; background: #d6bc7c25; }
.hbt-site #hbt-journeys .hbt-compare-label input { width: 15px; height: 15px; accent-color: #e4c18c; margin: 0; }
.hbt-site #hbt-journeys .hbt-card-inclusions {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  list-style: none;
  padding: 13px 0 0;
  margin: 13px 0 0;
  border-top: 1px solid #efe3c830;
  gap: 10px;
}
.hbt-site #hbt-journeys .hbt-card-inclusions li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  min-width: 0;
  text-align: center;
  font: 400 12px/1.5 Montserrat,Arial,sans-serif;
  color: #eef2e3;
}
.hbt-site #hbt-journeys .hbt-card-inclusions svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: #efd2a0;
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}
.hbt-site #hbt-journeys .hbt-card-inclusions li + li { position: relative; }
.hbt-card-inclusions li + li::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 23px;
  left: -5px;
  top: 12px;
  background: linear-gradient(transparent,#e1d2b738,transparent);
}
.hbt-site #hbt-journeys .hbt-card-refined:focus-within { border-color: #c7a77a; }
@media (hover: hover) and (pointer: fine) {
  .hbt-site #hbt-journeys .hbt-card-refined:hover { box-shadow: 0 27px 58px #24221f32; }
  .hbt-site #hbt-journeys .hbt-card-refined:hover .hbt-card-bottom { border-color: #f6dbac9c; box-shadow: inset 0 1px 0 #fff3dc40,0 15px 32px #020e164d; }
  .hbt-site #hbt-journeys .hbt-compare-label:hover { background: #e7ce8c18; border-color: #efdcad8c; }
}
@media (max-width: 700px) {
  .hbt-site #hbt-journeys { scroll-margin-top: 100px; }
  .hbt-site #hbt-journeys .hbt-card-refined .hbt-card-bottom { padding: 16px 15px 14px; }
  .hbt-site #hbt-journeys .hbt-card-quote strong { font-size: 35px; }
  .hbt-site #hbt-journeys .hbt-card-quote small { font-size: 10px; }
}
@media (max-width: 360px) {
  .hbt-site #hbt-journeys .hbt-card-refined .hbt-card-bottom { padding: 14px 12px 12px; }
  .hbt-card-quote-row { gap: 8px; }
  .hbt-site #hbt-journeys .hbt-card-quote strong { font-size: 30px; }
  .hbt-site #hbt-journeys .hbt-compare-label { padding-inline: 8px; font-size: 11px; gap: 5px; }
  .hbt-site #hbt-journeys .hbt-card-inclusions { gap: 8px; }
  .hbt-site #hbt-journeys .hbt-card-inclusions li { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .hbt-site #hbt-journeys .hbt-card-refined .hbt-card-bottom,
  .hbt-site #hbt-journeys .hbt-compare-label { transition: none; }
}