/* ===== Лендинг «Модуль бронирования»: постраничные стили ===== */

/* Мокап модуля в hero: календарь с ценами + выбранный домик */
.bkw{background:var(--c-surface);border-radius:var(--r-3);box-shadow:var(--shadow-lift);width:110%;min-width:440px;padding:22px;font-size:13px}
@media(max-width:960px){.bkw{width:100%;min-width:0}}
.bkw-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.bkw-head b{font-family:var(--f-head);font-weight:600;font-size:15px}
.bkw-head span{border:1px solid var(--c-line);border-radius:999px;padding:5px 12px;font-weight:700;font-size:12px;color:var(--c-ink-2)}
.bkw-month{font-weight:800;font-size:12.5px;margin-bottom:8px}
.bkw-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:16px}
.bkw-dw{text-align:center;color:var(--c-muted);font-size:10.5px;font-weight:700;padding-bottom:4px}
.bkw-d{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:42px;border-radius:9px;font-weight:700;font-size:13px;line-height:1.1}
.bkw-d small{font-size:9.5px;font-weight:600;color:var(--c-muted);margin-top:2px}
.bkw-d.off{color:var(--c-line-strong);text-decoration:line-through}
.bkw-d.sel{background:var(--c-accent);color:#fff}
.bkw-d.sel small{color:rgba(255,255,255,.8)}
.bkw-d.rng{background:var(--c-sky)}
.bkw-obj{display:flex;align-items:center;gap:12px;border:1px solid var(--c-line);border-radius:14px;padding:10px;margin-bottom:12px}
.bkw-ph{flex:none;width:52px;height:52px;border-radius:10px;background:linear-gradient(150deg,#7fa38a,#2f4a38)}
.bkw-obj b{display:block;font-size:13px}
.bkw-obj small{display:block;color:var(--c-muted);font-size:11.5px}
.bkw-price{margin-left:auto;font-family:var(--f-head);font-weight:600;font-size:15px;white-space:nowrap}
.bkw-btn{display:flex;align-items:center;justify-content:center;height:44px;border-radius:var(--r-pill);background:var(--c-ink);color:#fff;font-weight:800;font-size:14px}
@media(max-width:480px){
  .bkw{padding:16px}
  .bkw-d{min-height:36px;font-size:12px}
  .bkw-d small{font-size:8.5px}
}

/* Карточка оплаченной брони (блок «вся сумма остаётся у вас») */
.keep--bk .keep-in{align-items:center}
.keep-visual--bk{background:var(--c-sky);display:grid;place-items:center;min-height:0;padding:clamp(24px,4vw,48px)}
.bk-pay{width:100%;max-width:400px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-3);padding:30px;color:var(--c-ink);box-shadow:0 12px 32px rgba(10,102,255,.06)}
.bk-pay__heading{font-size:14px;font-weight:600;color:var(--c-muted);margin-bottom:14px}
.bk-pay__amount{font-family:var(--f-head);font-weight:600;font-size:clamp(32px,3.5vw,44px);letter-spacing:-.03em;line-height:1.2;white-space:nowrap}
.bk-pay__status{display:inline-block;margin-top:12px;padding:6px 12px;border-radius:var(--r-pill);background:var(--c-mint);color:#1e7a43;font-size:13px;font-weight:700}
.bk-pay__rows{margin-top:22px;border-top:1px solid var(--c-line);padding-top:8px}
.bk-pay__rows div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;font-size:14px}
.bk-pay__rows span{color:var(--c-muted)}
.bk-pay__rows b{text-align:right}
@media(max-width:960px){.keep--bk .keep-in{gap:28px}.keep-visual--bk{padding:28px}}
@media(max-width:560px){.keep-visual--bk{padding:20px;border-radius:var(--r-3)}.bk-pay{padding:22px;border-radius:var(--r-2)}}

/* Тарифы в мокапе */
.bk-rates{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.bk-rate{display:flex;align-items:center;gap:12px;border:1.5px solid var(--c-line);border-radius:12px;padding:11px 14px}
.bk-rate.on{border-color:var(--c-accent);background:#f5f9ff}
.bk-rate b{display:block;font-size:12.5px}
.bk-rate small{display:block;color:var(--c-muted);font-size:11px}
.bk-rate span{margin-left:auto;font-weight:800;font-size:12.5px;white-space:nowrap}
.mock h5.bk-sub{margin-bottom:4px}

/* Код вставки */
.bk-code{background:#141b14;color:#cfe8d6;border-radius:10px;padding:12px 14px;margin-bottom:8px;overflow-x:auto}
.bk-code code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;white-space:nowrap}

/* Зелёный статус в строках мокапов */
.list-rows .tail.bk-ok{color:#1e7a43;background:var(--c-mint)}

.darkband p a{color:#fff;text-decoration:underline;text-underline-offset:3px}