/* T7 Expedition Pro — additions on top of model-page.css */

/* ═══ HERO ═══ */
.launch-deal{position:absolute;top:calc(var(--nav-h) + 20px);left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:14px;width:max-content;max-width:min(92vw,860px);padding:8px 20px 8px 8px;background:rgba(10,10,10,.46);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.14);border-radius:100px;color:#fff;font-size:12.5px;line-height:1.45}
.launch-deal-tag{flex-shrink:0;padding:7px 14px;border-radius:100px;background:var(--accent);font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;white-space:nowrap}
.launch-deal-text strong{font-weight:700}
.launch-deal-text span{color:rgba(255,255,255,.7)}
.t7-hero-lead{margin-top:18px;max-width:34rem;font-size:clamp(.95rem,1.2vw,1.12rem);font-weight:600;line-height:1.45;color:#fff}
.t7-hero-lead span{display:block;margin-top:8px;font-size:.88em;font-weight:300;line-height:1.6;color:rgba(255,255,255,.74)}
@media(max-width:820px){
  .launch-deal{top:calc(var(--nav-h) + 10px);left:14px;right:14px;transform:none;width:auto;max-width:none;align-items:flex-start;gap:10px;padding:8px 14px 8px 8px;border-radius:16px;font-size:11px}
  .launch-deal-tag{padding:5px 10px;font-size:8.5px;letter-spacing:1.4px}
  .t7-hero-lead{margin-top:10px;font-size:.8rem;line-height:1.4}
  .t7-hero-lead span{display:none}
}
@media(max-width:768px){
  .hero-media img{object-position:center 85%}
}

/* ═══ GALLERY ═══ */
/* Exterior shots are wide vehicle views; square swipe cards would cut off front and rear */
@media(max-width:700px){
  #pane-exterior.gallery-pane.active .gallery-item{aspect-ratio:4/3}
}

/* ═══ ZWEI WEGE ═══ */
.ways-section{background:var(--bg2)}
.ways-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.way-card{display:flex;flex-direction:column;gap:14px;padding:clamp(24px,3vw,40px);background:var(--bg);border:1px solid var(--border);border-radius:24px;transition:border-color .3s,box-shadow .35s}
.way-card:hover{border-color:rgba(165,134,86,.6);box-shadow:0 28px 70px -44px rgba(0,0,0,.22)}
.way-card-family{font-size:10.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent)}
.way-card-price{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:800;letter-spacing:-1px;line-height:1;color:var(--txt)}
.way-card-price small{font-size:.45em;font-weight:500;letter-spacing:0;color:var(--muted);margin-right:6px}
.way-card-text{font-size:14px;line-height:1.7;color:var(--muted);flex:1}
.way-card .btn{align-self:flex-start;margin-top:6px}
.compare{margin-top:clamp(28px,4vh,44px);background:var(--bg);border:1px solid var(--border);border-radius:24px;overflow:hidden}
.compare-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.compare table{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.5}
.compare th,.compare td{padding:14px clamp(14px,2vw,28px);text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}
.compare tr:last-child th,.compare tr:last-child td{border-bottom:none}
.compare thead th{font-size:10.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent);background:var(--bg2)}
.compare tbody th{width:28%;font-weight:600;color:var(--txt)}
.compare tbody td{width:36%;color:var(--muted)}
@media(max-width:820px){
  .ways-grid{grid-template-columns:minmax(0,1fr)}
  .way-card .btn{width:100%;justify-content:center;white-space:normal;text-align:center;line-height:1.35}
  .compare{border-radius:18px}
  .compare table,.compare thead,.compare tbody{display:block}
  .compare tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;padding:12px 16px;border-bottom:1px solid var(--border)}
  .compare tbody tr:last-child{border-bottom:none}
  .compare thead tr{background:var(--bg2)}
  .compare thead th:first-child{display:none}
  .compare th,.compare td{width:auto!important;padding:0;border:none;font-size:12.5px}
  .compare thead th{font-size:9.5px;letter-spacing:1.4px}
  .compare tbody th{grid-column:1/-1;margin-bottom:4px}
}

/* Mobile: long copy collapses behind a toggle; buttons are injected by js/t7-expedition-pro.js */
.t7-toggle,.compare-more{display:none}
@media(max-width:820px){
  .t7-toggle{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:2px 0;font-size:10.5px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--txt);cursor:pointer}
  .t7-toggle-chev{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}
  .t7-toggle-chev svg{width:12px;height:12px;fill:var(--muted);transition:transform .3s}
  .t7-toggle[aria-expanded="true"] .t7-toggle-chev{background:var(--txt);border-color:var(--txt)}
  .t7-toggle[aria-expanded="true"] .t7-toggle-chev svg{fill:#fff;transform:rotate(180deg)}

  .way-card.is-collapsible .way-card-text{flex:none;overflow:hidden;max-height:var(--full-h,40em);transition:max-height .45s ease}
  .way-card.is-collapsible:not(.open) .way-card-text{max-height:3.4em;-webkit-mask-image:linear-gradient(#000 35%,transparent);mask-image:linear-gradient(#000 35%,transparent)}

  .compare-more{display:block;padding:12px 16px;border-top:1px solid var(--border)}
  .compare.is-collapsible:not(.open) tbody tr:nth-child(n+5){display:none}
  .compare.is-collapsible:not(.open) tbody tr:nth-child(4){border-bottom:none}
  .compare.is-collapsible.open tbody tr:nth-child(n+5){animation:t7-row-in .35s ease both}
}
@media(max-width:400px){
  .way-card .btn{padding:13px 16px;letter-spacing:1.1px}
}
@keyframes t7-row-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ═══ HIGHLIGHTS ═══ */
.t7-page .highlights-section{background:var(--bg2)}

/* ═══ TECHNISCHE DATEN ═══ */
.techdata-section{background:var(--bg)}
.techdata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(9,auto);grid-auto-flow:column;gap:0 clamp(24px,4vw,64px);border-top:1px solid var(--border)}
.techdata-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;padding:15px 0;border-bottom:1px solid var(--border);font-size:13.5px;line-height:1.55}
.techdata-row dt{font-weight:600;color:var(--txt)}
.techdata-row dd{color:var(--muted)}
@media(max-width:900px){
  .techdata{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}
  .techdata-row{font-size:13px;padding:13px 0}
}

/* ═══ VIDEO (no film yet) ═══ */
.video-frame--soon:hover::after{opacity:1}
.t7-video-soon{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}
.t7-video-soon span{display:inline-flex;align-items:center;padding:13px 28px;background:rgba(15,15,15,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:100px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
@media(max-width:760px){.t7-video-soon span{padding:11px 22px;font-size:11px;letter-spacing:1.8px}}

/* ═══ CLOSING ═══ */
.other-interiors-grid--single{grid-template-columns:minmax(0,1fr);max-width:960px}
.other-card-price{font-size:13px;font-weight:700;letter-spacing:.3px;color:#fff}