/* Lander quote step. PREVIEW. Same tokens as site.css, nothing new in the palette. */
.pvbar{background:#000;color:#fff;border-radius:var(--r-panel);padding:10px 20px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:13px;line-height:19px}
.pvbar .kick{background:var(--kc-gold);color:#000;border-radius:var(--r-pill);padding:5px 10px}
.qtrip{margin:0 0 14px;font-size:15px;line-height:22px;color:#111}
.qbox{display:flex;flex-direction:column;gap:12px}
.qcard{background:#000;color:#fff;border-radius:var(--r-card);padding:24px;display:flex;flex-direction:column;gap:10px}
.qk{margin:0;color:var(--kc-gold)}
.qcamper{margin:0;font-size:15px;line-height:21px;color:var(--g300)}
.qrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.qwaslbl{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--g400);font-weight:700}
.qyousave{color:var(--kc-gold);font-weight:700;font-size:14px;line-height:20px;font-style:italic;text-transform:uppercase;letter-spacing:1px}
.qgst{margin:0;color:var(--g300);font-size:15px;line-height:22px}
.qwas{font-size:16px;line-height:22px;color:var(--g400);text-decoration:line-through;text-decoration-thickness:2px}
.qpill{background:var(--kc-gold);color:#000;border-radius:var(--r-pill);padding:6px 12px;white-space:nowrap}
.qnow{font-size:52px;line-height:52px;color:var(--kc-gold)}
.qsave{margin:0;color:#fff;font-size:15px;line-height:22px;font-weight:700}
.qlines{margin:6px 0 0;border-top:1px solid #333;display:flex;flex-direction:column}
.qlines>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #222;font-size:15px;line-height:21px;color:var(--g300)}
.qlines dt,.qlines dd{margin:0}
.qlines dd{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.qlines .qtot{border-bottom:0;color:#fff;font-weight:700}
.qlines .qtot dd{color:var(--kc-gold);font-size:18px}
.qfirm{margin:4px 0 0;font-size:15px;line-height:22px;color:#fff}
.qhint{margin:0;font-size:14px;line-height:21px;color:var(--kc-gold)}
/* The card surcharge sits OUTSIDE the total and is styled to read as a note rather than as a
   line item, because a line item beside the total reads as part of it. Chris's locked flow:
   3 percent, added at payment, calculated after the discount. */
.qsur{margin:6px 0 0;font-size:14px;line-height:21px;color:var(--g300)}
.qavail{margin:0;font-size:14px;line-height:21px;color:#111;display:flex;gap:8px;align-items:flex-start}
.qdot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:var(--kc-gold);margin-top:6px;outline:2px solid #111}
.qalt{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1.5px solid #111;border-radius:12px;background:#fff}
.qalt li{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;font-size:14px;line-height:20px}
.qalt li+li{border-top:1px solid var(--g300)}
.qalt s{color:var(--g500)}
.qnone{background:#fff;color:#111;border:2px solid #111}
.qnone p{margin:0;font-size:15px;line-height:22px}
.qnone a{color:#111}
.qnh{font-size:22px!important;line-height:24px!important}
.qwait{margin:0;font-size:14px;line-height:21px;color:var(--g700)}
.qbooklink{margin:8px 0 0}
.sk{background:linear-gradient(90deg,#1b1b1b 25%,#2a2a2a 50%,#1b1b1b 75%);background-size:200% 100%;animation:skm 1.3s linear infinite;border-radius:8px}
.sk-pill{height:22px;width:120px;border-radius:40px}
.sk-price{height:52px;width:60%}
.sk-line{height:14px}.w80{width:80%}.w60{width:60%}.w40{width:40%}
@keyframes skm{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.sk{animation:none}}
@media (max-width:640px){.qnow{font-size:44px;line-height:44px}.qcard{padding:20px}}

/* Task 8907. Reorder: the request panel for a party that needs two campers, the line that says the enquiry is in,
   and the note under the details fields. Same tokens as above, nothing new in the palette. */
.qreq{gap:14px}
.qreq .btn{align-self:flex-start}
.qsent{margin:12px 0 0;font-size:14px;line-height:21px;color:#111}
.dnote{margin:12px 0 0}