.rz-callbar{display:none}

@media (max-width: 767.98px) {
  .rz-callbar{
    position:fixed;
    z-index:1800;
    right:0;
    bottom:0;
    left:0;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:var(--rz-space-2);
    align-items:stretch;
    height:calc(var(--rz-callbar-h) + env(safe-area-inset-bottom, 0px));
    padding:var(--rz-space-2) var(--rz-space-3);
    padding-bottom:calc(var(--rz-space-2) + env(safe-area-inset-bottom, 0px));
    background:var(--rz-white);
    border-top:1px solid var(--rz-line-300);
    box-shadow:var(--rz-shadow-sticky);
    transform:translateY(calc(-1 * var(--rz-callbar-lift, 0px)));
    transition:transform var(--rz-transition),opacity var(--rz-transition);
  }

  .rz-callbar__action{
    display:flex;
    min-height:var(--rz-tap-min);
    align-items:center;
    justify-content:center;
    gap:var(--rz-space-2);
    border:1px solid transparent;
    border-radius:var(--rz-radius-s);
    font:var(--rz-button);
    text-align:center;
  }


  .rz-callbar__call{background:var(--rz-action-600);color:var(--rz-white)}
  .rz-callbar__call:active{background:var(--rz-action-700)}

  /* Secondary style. */
  .rz-callbar__photos{
    background:var(--rz-white);
    color:var(--rz-blue-600);
    border-color:var(--rz-line-300);
  }

  .rz-callbar__action svg{width:1.1em;height:1.1em;flex:none}

  /* Hidden states: pre-scroll on the homepage, keyboard open, footer reached. */

  .rz-callbar--gated,
  .rz-callbar--focus,
  .rz-callbar--keyboard{
    transform:translateY(100%);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }



  /* Sticky header + call bar may consume at most 128px combined (§2D). */
  body{padding-bottom:calc(var(--rz-callbar-h) + env(safe-area-inset-bottom, 0px))}
}

@media (prefers-reduced-motion: reduce){
  .rz-callbar{transition:none}
}