/* ==========================================================================
   Group "jump": tandem, packages, solo fun jump pages.
   ========================================================================== */

/* ---- facts row inside a page header ------------------------------------- */
.dz-ph .dz-facts{border-top:1px solid #22344C}
.dz-ph .dz-facts .dz-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px 32px;padding-top:24px;padding-bottom:24px}
.dz-ph .dz-facts .dz-fact dd{font-size:clamp(21px,2vw,26px)}
.dz-ph .dz-facts .dz-fact dd.dz-jump-from{font-family:var(--f-mono);font-weight:600;font-size:clamp(19px,1.8vw,22px);color:var(--dawn)}

/* ---- prose and media ---------------------------------------------------- */
.dz-jump-prose{display:flex;flex-direction:column;gap:14px;margin-top:6px;max-width:60ch}
.dz-jump-media{border-radius:14px;overflow:hidden;background:#E3DED3}
.dz-jump-media img,.dz-jump-media video,.dz-jump-media .media-video{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:0}

.dz-jump-specs{margin:clamp(40px,5vw,64px) 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;border-top:1px solid var(--line);padding-top:28px}

@media (min-width:900px){
  .dz-jump-sticky{position:sticky;top:110px}
}

/* ---- before you come tiles --------------------------------------------- */
.dz-jump-dl{grid-template-columns:minmax(96px,auto) 1fr;gap:10px 16px;font-size:15px}
.dz-jump-dl dt{font-size:11px}
.dz-jump-checks{font-size:15px;line-height:1.5;gap:10px}
.dz-jump-checks svg{width:20px;height:20px;margin-top:1px}

/* ---- videos ------------------------------------------------------------- */
.dz-jump-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}
.dz-jump-video{margin:0;border-radius:12px;overflow:hidden;background:var(--night-2);border:1px solid var(--night-line);aspect-ratio:16/9}
.dz-jump-video img,.dz-jump-video video,.dz-jump-video .media-video,.dz-jump-video iframe{width:100%;height:100%;object-fit:cover;display:block}

/* ---- comparison table --------------------------------------------------- */
.dz-cmp{min-width:640px}
.dz-cmp tbody th{font-weight:500;text-align:left}
.dz-cmp td.c svg{display:block;width:20px;height:20px;margin:0 auto}
.dz-cmp td.c svg.tick{color:var(--lake)}
.dz-cmp-cap{margin:12px 0 0;font-size:13.5px;color:var(--mut)}
.dz-cmp tbody th{min-width:170px}
.dz-cmp tr.total td .js-price{white-space:nowrap}

/* ---- add ons and included ---------------------------------------------- */
.dz-jump-anchor{scroll-margin-top:100px}
#paying .dz-head{border-top:1px solid var(--line);padding-top:clamp(40px,5vw,64px)}
.dz-jump-h2s{font-size:clamp(28px,3vw,38px);margin-top:10px}
.dz-rows th small{display:inline-block}
.dz-jump-out li{color:var(--mut)}
.dz-jump-out svg{color:#9AA1AA}
.dz-jump-opts .opt{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;min-height:44px;cursor:pointer}
.dz-jump-opts .opt small{display:block;margin-top:4px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.dz-grid.g2.dz-jump-opts{gap:16px}

/* ---- solo: load board panel in the header ------------------------------ */
.dz-ph-art:has(.dz-lb){height:auto;overflow:visible;border-radius:0}
.dz-lb{background:#0A1522;border:1px solid var(--night-line);border-radius:14px;padding:22px;font-family:var(--f-mono);color:#E6ECF2}
.dz-lb-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dawn-sf)}
.dz-lb-top > span:last-child{display:flex;gap:8px;align-items:center;letter-spacing:0;text-transform:none;font-size:12.5px;color:#E6ECF2}
.dz-lb-table{width:100%;border-collapse:collapse;font-size:15px}
.dz-lb-table thead th{text-align:left;font-weight:500;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#8796A8;padding:0 0 10px}
.dz-lb-table thead th:last-child,.dz-lb-table td{text-align:right}
.dz-lb-table tbody th{text-align:left;font-weight:500;padding:12px 0}
.dz-lb-table tbody tr{border-top:1px solid #1E3048}
.dz-lb-table td{color:var(--dawn)}
.dz-lb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:6px;padding-top:16px;border-top:1px solid #1E3048}
.dz-lb-grid small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8796A8}
.dz-lb-grid b{display:block;margin-top:4px;font-weight:500;font-size:15px}
.dz-lb-note{margin:16px 0 0;font-family:var(--f-body);font-size:13.5px;line-height:1.55;color:#A3B0BF}
.dz-lb-note a{color:var(--dawn);text-decoration:underline}

.dz-jump-band{height:clamp(220px,28vw,360px);overflow:hidden;background:var(--ink)}
.dz-jump-band img,.dz-jump-band video,.dz-jump-band .media-video{width:100%;height:100%;object-fit:cover;display:block}

/* ---- solo price rows ---------------------------------------------------- */
.dz-jump-rows th{line-height:1.4}
.dz-jump-detail{display:block;font-size:14px;font-weight:400;color:var(--mut);margin-top:3px}
.lake .dz-jump-detail,.lake .dz-rows th small{color:#BFDCDF}
.dz-jump-rows td .price-usd{font-family:var(--f-mono)}

/* ---- how manifest works ------------------------------------------------- */
.dz-jump-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.dz-jump-flow li{padding:26px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);margin:0 -1px -1px 0}
.dz-jump-flow .n{font-family:var(--f-display);font-weight:800;font-size:40px;line-height:1;color:var(--accent)}
.dz-jump-flow strong{font-size:18px}
.dz-jump-flow li > span:last-child{font-size:15px;line-height:1.55;color:var(--ink-2)}

/* ---- phone -------------------------------------------------------------- */
@media (max-width:640px){
  .dz-ph .dz-facts .dz-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dz-jump-dl{grid-template-columns:1fr;gap:2px 0}
  .dz-jump-dl dd{margin-bottom:8px}
  .dz-lb{padding:18px}
  .dz-lb-grid b{font-size:14px}
  .dz-rows th small{display:block}
}
