/* Kaelios — piezas compartidas por las skins (barra inferior del celular). */
.kbb { display: none; }
@media (max-width: 920px) {
  .kbb {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 85; display: flex; justify-content: space-around;
    background: var(--card); border-top: 1px solid var(--border);
    padding: 8px 6px calc(8px + env(safe-area-inset-bottom));
  }
  .kbb-item {
    display: flex; flex-direction: column; align-items: center; gap: 3px; position: relative; min-width: 56px;
    padding: 4px 8px; font: 500 10px/1.2 var(--font-body); letter-spacing: .02em; color: var(--text-2);
    background: none; border: 0; cursor: pointer; text-decoration: none;
  }
  .kbb-item svg { width: 21px; height: 21px; stroke: currentColor; fill: none; stroke-width: 1.6; }
  .kbb-item.on { color: var(--text); font-weight: 600; }
  .kbb-badge {
    position: absolute; top: 0; right: 10px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 99px;
    background: var(--text); color: var(--bg); font: 700 9px/16px var(--font-body); font-style: normal; text-align: center;
  }
  .kbb-badge[hidden] { display: none; }
  body.kae-has-kbb .app { padding-bottom: 72px; }
  body.kae-has-kbb .kae-wa { bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important; }
  body.kae-has-kbb .toasts { bottom: 86px; }
  body.kae-has-kbb.v-checkout .app, body.kae-has-kbb.v-success .app { padding-bottom: 0; }
}