/* ToTheLink Excursions Booking 0.9.18 — related excursion carousel */
.ttl-related-excursions{
  position:relative;
  margin:72px 0 18px;
  padding:34px 30px 38px;
  overflow:hidden;
  border:1px solid rgba(35,62,82,.08);
  border-radius:28px;
  background:#fff;
  box-shadow:0 12px 34px rgba(18,38,56,.07);
}
.ttl-related-heading{
  display:flex;
  gap:20px;
  align-items:flex-end;
  justify-content:space-between;
  margin:0 0 24px;
}
.ttl-related-heading span{
  display:block;
  margin-bottom:5px;
  color:#ff4b0b;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
}
.ttl-related-heading h2{
  margin:0;
  color:#132331;
  font-size:30px;
  line-height:1.15;
}
.ttl-related-nav{display:flex;gap:8px;flex:0 0 auto}
.ttl-related-nav button{
  width:42px;
  height:42px;
  padding:0;
  border:1px solid #d7e1e8;
  border-radius:50%;
  background:#fff;
  color:#18354b;
  font-size:27px;
  line-height:1;
  cursor:pointer;
  transition:.18s ease;
}
.ttl-related-nav button:hover:not(:disabled){border-color:#ff4b0b;color:#ff4b0b;transform:translateY(-1px)}
.ttl-related-nav button:disabled{opacity:.35;cursor:default}
.ttl-related-viewport{overflow:hidden}
.ttl-related-track{
  display:flex;
  gap:18px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:3px 2px 12px;
}
.ttl-related-track::-webkit-scrollbar{display:none}
.ttl-related-track>.ttl-excursion-card{
  flex:0 0 calc((100% - 54px)/4)!important;
  scroll-snap-align:start;
}
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-image{height:210px!important}
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-date-ribbon{height:82px!important;min-height:82px!important}
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-wave-box{height:82px!important}
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-wave{height:82px!important}
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-date-labels{bottom:10px!important;min-height:25px!important}
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-date-labels strong{font-size:14px!important}
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-price-sun{top:12px!important;left:12px!important;width:62px!important;height:62px!important}
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-price-sun::before{width:84px!important;height:84px!important}
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-price-sun{gap:2px!important}
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-price-sun small{margin:0!important;font-size:9px!important}
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-price-sun strong{margin:0!important;font-size:23px!important}
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-body{min-height:190px!important;padding:16px 17px 16px!important}
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-body h3{
  margin-bottom:8px!important;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  font-size:17px!important;
  line-height:1.42!important;
}
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-excerpt{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:13px!important;
  line-height:1.5!important;
}
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-actions{padding-top:14px!important}
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-cta{min-height:39px!important;padding:0 17px!important;font-size:12px!important}

@media(max-width:1180px){
  .ttl-related-track>.ttl-excursion-card{flex-basis:calc((100% - 36px)/3)!important}
}
@media(max-width:900px){
  .ttl-related-track>.ttl-excursion-card{flex-basis:calc((100% - 18px)/2)!important}
}
@media(max-width:620px){
  .ttl-related-excursions{margin-top:52px;padding:26px 16px 28px;border-radius:22px}
  .ttl-related-heading{align-items:center;margin-bottom:18px}
  .ttl-related-heading h2{font-size:24px}
  .ttl-related-nav button{width:38px;height:38px;font-size:24px}
  .ttl-related-track>.ttl-excursion-card{flex-basis:88%!important}
}


/* v0.9.16 — compact price sun: numeric price remains at the exact circle centre. */
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-price-sun small{
  left:50%!important;
  bottom:calc(50% + 11.6px)!important;
  transform:translateX(-50%)!important;
}
.ttl-related-excursions .ttl-excursion-card--compact .ttl-card-price-sun strong{
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
}