/* Consistente Tempolessen-voordelen op traject-, tarief-, info- en pakketpagina's. */
.tl-shared-benefits {
  margin: 28px auto 48px;
  padding-top: 0;
  padding-bottom: 0;
  max-width: 1190px;
}
.tl-shared-benefits .tl-shared-benefits-label {
  color: #ae5426;
  font-size: 12px;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-weight: 850;
  margin: 0 0 16px;
}
.tl-shared-benefits .tl-hero-benefits {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.tl-shared-benefits .tl-benefit {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  min-height: 132px;
  padding: 20px 16px;
  gap: 12px;
  color: #26312e;
  background: rgba(255,255,255,.92);
  border: 1px solid #f0e3d7;
  border-radius: 19px;
  box-shadow: 0 12px 29px rgba(77,48,24,.07);
}
.tl-shared-benefits .tl-benefit-highlight {
  background: linear-gradient(124deg,#ffe7d5,#fff4ea);
  border-color: rgba(232,104,39,.45);
}
.tl-shared-benefits .tl-benefit-icon {
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  height: 38px;
  width: 38px;
  background: #fff3ea;
  color: #e96824;
  border: 1px solid #f6dbc8;
  border-radius: 12px;
}
.tl-shared-benefits .tl-benefit-icon svg {width: 23px; height: 23px;display:block;}
.tl-shared-benefits .tl-benefit-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}
.tl-shared-benefits .tl-benefit-content strong {
  color: #26312e;
  font-size: 15px;
  font-weight: 780;
  line-height: 1.28;
  letter-spacing: -.018em;
}
.tl-shared-benefits .tl-benefit-content > span {
  color: #515950;
  font-size: 12px;
  line-height: 1.4;
}
.tl-shared-benefits .tl-benefit-content small {
  color: #ab4b20;
  font-size: 10px;
  line-height: 1.4;
}
.tl-retry-spotlight.container {max-width: 1160px;}
.tl-unified-faq {margin: 38px auto 50px;max-width: 1140px;}
.tl-unified-faq .tl-unified-faq-kicker {
  color: #ad572a;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 11px;
}
.tl-unified-faq h2 {
  color: #202f2c;
  font-size: clamp(30px, 3.5vw, 44px);
  letter-spacing: -.045em;
  line-height: 1.2;
  margin: 12px 0 25px;
}
.tl-unified-faq .tl-unified-faq-list {
  background: #fff;
  border: 1px solid #efdfd0;
  border-radius: 20px;
  overflow: hidden;
}
.tl-unified-faq details+details {border-top: 1px solid #f1e5d9;}
.tl-unified-faq details[open] {background: #fffaf5;}
.tl-unified-faq summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 19px 24px;
  cursor: pointer;
  color: #27322d;
  font-size: 15px;
  font-weight: 700;
  list-style: none;
}
.tl-unified-faq summary::-webkit-details-marker {display: none;}
.tl-unified-faq summary::after {content: "+";color: #da692c;font-size: 25px;line-height: 1;}
.tl-unified-faq details[open] summary::after {content: "−";}
.tl-unified-faq details p {
  color: #62615a;
  padding: 0 24px 23px;
  font-size: 13px;
  line-height: 1.75;
  margin: 0;
}
@media(max-width: 1040px) {
  .tl-shared-benefits .tl-hero-benefits {grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media(max-width: 650px) {
  .tl-shared-benefits {margin-top: 16px;margin-bottom: 28px;}
  .tl-shared-benefits .tl-hero-benefits {gap: 10px;}
  .tl-shared-benefits .tl-benefit {
    flex-direction: column;
    gap: 9px;
    min-height: 138px;
    padding: 13px 12px 15px;
    border-radius: 16px;
  }
  .tl-shared-benefits .tl-benefit-icon {width: 33px;height: 33px;flex-basis: 33px;}
  .tl-shared-benefits .tl-benefit-icon svg {width: 19px;height: 19px;}
  .tl-shared-benefits .tl-benefit-content strong {font-size: clamp(12px,3.4vw,14px);}
  .tl-shared-benefits .tl-benefit-content > span {font-size: 11px;}
  .tl-shared-benefits .tl-benefit-content small {font-size: 9px;}
  .tl-unified-faq summary {padding: 17px 16px;font-size: 13px;gap: 10px;}
  .tl-unified-faq details p {padding: 0 16px 18px;font-size: 12px;}
}