/* Landing style "Trust Side by Side": only what differs from landing-trust.css (the body carries style-trust too).
   Layout from landing-duo.css. Loaded after both. */
.td-head, .td-hero .duo-row { position: relative; } /* above the fine-line pattern */
.td-head .tr-eyebrow { justify-content: center; }
.td-head .tr-lede { margin-bottom: 0; }

/* Seal beside the three points, centered under the lede */
.td-seal-row { justify-content: center; align-items: center; gap: 20px; margin: 24px auto 0; text-align: left; }
.td-seal-row .tr-seal { width: 84px; height: 84px; }
.td-seal-row .tr-points { display: flex; flex-wrap: wrap; gap: 8px 22px; max-width: 600px; }
.td-seal-row .tr-points li { font-size: .95rem; }

/* The certificate-style quote card fills its grid column */
.td-hero .duo-row > .tr-card { width: 100%; }

@media (min-width: 900px) {
  .td-hero .duo-head h1 { margin-bottom: 14px; }
  .td-hero .bk-card { padding: 30px 26px 26px; }
}
@media (max-width: 599px) {
  .td-seal-row { flex-direction: column; gap: 14px; }
  .td-seal-row .tr-points { display: grid; gap: 10px; }
}

/* Stronger OR lines than Trust's (the OR sits between two cards here, not above one). Beats booking.css's body.style-trust rule. */
body.style-trust.style-trustduo .bk-wrap { --bk-or-line: rgba(255, 255, 255, .4); }

/* Phones: the eyebrow wraps to two lines, so drop the gold rule beside it. */
@media (max-width: 600px) { body.style-trustduo .duo-head .tr-rule { display: none; } }