/* Thank-you pages (inc/thank-you/page.php). Values = live's Elementor post-<id>.css (5587 / 42733 /
   10134 / 6274 identical bar the h1 size) + kit post-11 + Astra defaults, measured on live
   2026-09-28 at 1440/375. Content box is the house 1340 (.z-container); live runs 1365 at 1440
   (1440 at 1920) - owner rule, do not widen. Element ids kept in data-b for traceability. */
.ty { font-family: "Poppins", sans-serif; font-size: 16px; line-height: 26.4px; color: #000;
      margin-bottom: -33px; }           /* live: #primary margin-bottom -33px - footer overlaps the logo band's padding */
.ty * { box-sizing: border-box; }
.ty h1, .ty h2 { margin: 0; padding: 0; font-family: "Poppins", sans-serif; letter-spacing: normal; color: #141414; }

/* 7db659a - two-column intro */
.ty-main { padding: 80px 0; }
.ty-row { display: flex; align-items: center; gap: 50px; }
.ty-copy, .ty-fig { flex: 1 1 0; min-width: 0; }
.ty-copy { display: flex; flex-direction: column; }

.ty h1 { font-size: 56px; font-weight: 600; line-height: 1.4; margin-bottom: 24px; }        /* d45df5e */
.ty--h48 h1 { font-size: 48px; }                                                            /* newsletter / vendors */
.ty .ty-sub { font-size: 26px; font-weight: 500; line-height: 1.5; margin-bottom: 24px; }   /* 3a32977 */
.ty-text { font-size: 16px; line-height: 1.65; color: #141414b3; }                          /* c96e522 */
.ty .ty-text p { margin: 0 0 1.6em; font-size: inherit; line-height: inherit; color: inherit; }
.ty .ty-h { font-size: 18px; font-weight: 500; line-height: 28px; margin-bottom: 8px; }     /* 5273d48 / 644f783 */
.ty .ty-h--next { color: #0161ff; }

/* e9d9293 / da94ac4 / a0b8540 - icon lists */
.ty-list li { display: flex; align-items: center; }
.ty-list li:not(:last-child) { padding-bottom: 4px; }
.ty-list li:not(:first-child) { margin-top: 4px; }
.ty-ic { display: flex; flex: none; width: calc(var(--ic) * 1.25); }
.ty-ic svg { width: var(--ic); height: var(--ic); fill: #0161ff; }
.ty-list span.ty-tx { padding-left: 5px; font-size: 16px; font-weight: 400; line-height: 24px; color: #000000c2; }
.ty .ty-list--check { --ic: 19px; margin-bottom: 32px; }   /* .zmit ul { margin: 0 } outranks a single class */
.ty-list--check .ty-ic svg { fill: #1fc16b; }
.ty-list--dot { --ic: 10px; }

/* ef7fe6f / dd8c4e9 - text buttons (kit hover = same white bg + accent text, so no visible change) */
.ty-btnw { align-self: flex-start; margin: 6px 0 2px; padding-left: 20px; }
.ty .ty-btn { display: inline-block; padding: 0; border: 0; border-radius: 0; background: #fff;
              font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 500; line-height: 24px;
              color: #0161ff; text-decoration: none; transition: all .3s; }
.ty .ty-btn:hover, .ty .ty-btn:focus { background: #fff; color: #0161ff; text-decoration: none; }
.ty-btn > span { display: flex; flex-direction: row-reverse; justify-content: center; gap: 5px; }
.ty-btn svg { width: .875em; height: 1em; fill: currentColor; align-self: center; }

/* 7b0e8f6 - image */
.ty-fig { text-align: center; }
.ty .ty-fig img { display: inline-block; vertical-align: middle; border-radius: 5px; }

/* f38f8ef - trust band + aaef05f carousel (6 / 4 / 4 / 3 per view, 35px spacing) */
.ty-trust { padding-bottom: 80px; }
.ty-trust-row { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; }
.ty .ty-trust h2 { font-size: 16px; font-weight: 400; line-height: 24px; color: #5e5e5e; }
.ty-car { --n: 6; width: 100%; overflow: hidden; }
.ty-car-track { display: flex; align-items: flex-start; gap: 35px; }
.ty-slide { flex: 0 0 calc((100% - 35px * (var(--n) - 1)) / var(--n)); min-width: 0; }
.ty .ty-slide img { margin: 0 auto; }

@media (max-width: 1200px) {
    .ty-row { flex-direction: column; align-items: stretch; }
    .ty-copy, .ty-fig { flex: none; width: 100%; }
    .ty .ty-fig img { width: 100%; max-width: 1000px; }
}
@media (max-width: 1024px) {
    .ty .ty-trust h2 { font-size: 15px; }
    .ty-car { --n: 4; }
}
@media (max-width: 880px) {
    .ty-fig { order: -1; }
    .ty-trust-row { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px; }
    .ty .ty-trust h2 { flex: 0 0 20%; max-width: 20%; font-size: 16px; }
    .ty-car { flex: 1 1 100%; min-width: 0; }
}
@media (min-width: 768px) and (max-width: 880px) {
    .ty-trust-row { flex-wrap: nowrap; }
}
@media (max-width: 767px) {
    .ty-main { padding: 50px 0; }
    .ty-main .z-container { padding: 0 20px; }
    .ty h1 { font-size: 40px; }
    .ty .ty-sub { font-size: 20px; }
    .ty-text { font-size: 14px; }
    .ty .ty-trust h2 { flex-basis: 100%; max-width: 100%; margin-bottom: 10px; }
    .ty-car { --n: 3; }
}
/* Astra drops html font-size to 91.2% at <=544px (body strut under the inline-block buttons) */
@media (max-width: 544px) {
    .ty { font-size: 14.592px; line-height: 24.0768px; }
}
.ty h2[data-b="644f783"] { color: #000; }                                                   /* live: In the Meantime h2 is #000 */
/* Live box (measured 2026-09-29): content max 1440 with a 30px gutter (x30 w1365 @1440,
   x233 w1440 @1920) - the 695px column @1920 keeps "Thank You for Reaching Out" on one line. */
.zmit .z-container.ty-row, .zmit .z-container.ty-trust-row { max-width: 1500px; padding: 0 30px; }
@media (max-width: 767px) { .zmit .ty-main .z-container.ty-row { padding: 0 20px; } }
/* OWNER 2026-09-29: the "Trusted by" logo strip must sit in the first fold on desktop.
   Deliberate deviation from live's roomier rhythm - trims band padding and copy gaps only
   (sizes, widths and copy unchanged). Phone/tablet keep live's stacked layout. */
@media (min-width: 1025px) {
    .ty-main { padding: 32px 0 28px; }
    .ty h1 { margin-bottom: 14px; }
    .ty .ty-sub { margin-bottom: 14px; }
    .ty .ty-text p { margin-bottom: 1em; }
    .ty-trust-row { gap: 14px; }
}
/* Short laptop screens (1536x864, 1366x768, 1280x800): scale the copy down with the
   viewport height so the logo strip still lands in the first fold. */
@media (min-width: 1025px) and (max-height: 880px) {
    .ty h1 { font-size: 44px; line-height: 1.25; margin-bottom: 10px; }
    .ty--h48 h1 { font-size: 40px; }
    .ty .ty-sub { font-size: 21px; margin-bottom: 10px; }
    .ty-text { font-size: 15px; line-height: 1.5; }
    .ty .ty-text p { margin-bottom: .7em; }
    .ty-list span.ty-tx { font-size: 15px; line-height: 21px; }
    .ty-list li:not(:last-child) { padding-bottom: 1px; }
    .ty-list li:not(:first-child) { margin-top: 1px; }
    .ty .ty-list--check { margin-bottom: 16px; }
    .ty-main { padding: 22px 0 18px; }
}
@media (min-width: 1025px) and (max-height: 790px) {
    .ty h1 { font-size: 38px; }
    .ty--h48 h1 { font-size: 36px; }
    .ty .ty-sub { font-size: 19px; }
    .ty-text, .ty-list span.ty-tx { font-size: 14px; }
    .ty-row img { max-height: calc(100vh - 260px); object-fit: cover; }
}

/* ---- /thank-you-page only (.ty--wp): match the live WordPress /thank-you-page-wp UI ----
   OWNER 2026-09-29: this page must match the WordPress design, so it OPTS OUT of the
   first-fold desktop deviation above and restores live's roomier rhythm (measured on
   /thank-you-page-wp at 1440: hero band 80/80, h1 56/1.4 mb24, sub 26 mb24, para mb1.6em,
   check-list mb32, trust-row gap32, and NO height-based type shrink). Verified in-browser:
   the "Trusted by" logo strip lands at y973, identical to WordPress. Scoped to .ty--wp so
   the other four thank-you pages that share this sheet keep the first-fold tightening
   unchanged. Higher specificity (.ty.ty--wp) + later source order override the blocks above. */
@media (min-width: 1025px) {
    .ty.ty--wp .ty-main { padding: 80px 0; }
    .ty.ty--wp h1 { margin-bottom: 24px; }
    .ty.ty--wp .ty-sub { margin-bottom: 24px; }
    .ty.ty--wp .ty-text p { margin-bottom: 1.6em; }
    .ty.ty--wp .ty-trust-row { gap: 32px; }
}
@media (min-width: 1025px) and (max-height: 880px) {
    .ty.ty--wp .ty-main { padding: 80px 0; }
    .ty.ty--wp h1 { font-size: 56px; line-height: 1.4; margin-bottom: 24px; }
    .ty.ty--wp .ty-sub { font-size: 26px; margin-bottom: 24px; }
    .ty.ty--wp .ty-text { font-size: 16px; line-height: 1.65; }
    .ty.ty--wp .ty-text p { margin-bottom: 1.6em; }
    .ty.ty--wp .ty-list span.ty-tx { font-size: 16px; line-height: 24px; }
    .ty.ty--wp .ty-list li:not(:last-child) { padding-bottom: 4px; }
    .ty.ty--wp .ty-list li:not(:first-child) { margin-top: 4px; }
    .ty.ty--wp .ty-list--check { margin-bottom: 32px; }
}
@media (min-width: 1025px) and (max-height: 790px) {
    .ty.ty--wp h1 { font-size: 56px; }
    .ty.ty--wp .ty-sub { font-size: 26px; }
    .ty.ty--wp .ty-text, .ty.ty--wp .ty-list span.ty-tx { font-size: 16px; }
    .ty.ty--wp .ty-row img { max-height: none; object-fit: fill; }
}