/* MEISTER Marbella v1.2.0 · Compatibilidad visual con el plugin independiente Meister Caller */
@media (max-width:782px){
  html.meistia-call-viewport-lock,
  body.meistia-call-open{overflow:hidden!important;overscroll-behavior:none!important}

  .meistia-call-root .meistia-call-backdrop{
    position:fixed!important;inset:0!important;z-index:999991!important
  }

  .meistia-call-root .meistia-call-panel,
  .meistia-call-root.is-left .meistia-call-panel{
    position:fixed!important;
    inset:calc(12px + env(safe-area-inset-top)) 10px calc(76px + env(safe-area-inset-bottom)) 10px!important;
    width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;
    margin:0!important;padding:22px 18px 24px!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior:contain!important;overflow-anchor:none!important;
    scroll-behavior:auto!important;scroll-padding-top:112px!important;
    -webkit-overflow-scrolling:touch!important;
    border-radius:18px!important;z-index:999992!important
  }

  .meistia-call-root .meistia-call-panel[hidden]{display:none!important}
  .meistia-call-root .meistia-call-form-view{overflow-anchor:none!important}
  .meistia-call-root .meistia-call-close{
    position:sticky!important;top:0!important;right:auto!important;z-index:8!important;
    float:right!important;margin:-4px -2px 4px 12px!important;
    background:#f0ece5!important;box-shadow:0 3px 12px rgba(0,0,0,.08)!important
  }
  .meistia-call-root .meistia-call-kicker{padding-top:2px!important;font-size:0!important}
  .meistia-call-root .meistia-call-kicker::after{
    content:'MEISTER CALLER';font-size:10px;font-weight:900;letter-spacing:.15em;color:#f28c00
  }
  .meistia-call-root .meistia-call-panel h2{
    clear:left;margin:5px 48px 9px 0!important;font-size:clamp(27px,7.5vw,34px)!important;line-height:1.08!important
  }
  .meistia-call-root .meistia-call-panel p{margin-bottom:16px!important;line-height:1.48!important}
  .meistia-call-root .meistia-call-panel form>label,
  .meistia-call-root .meistia-call-grid label{margin-bottom:12px!important}
  .meistia-call-root .meistia-call-panel input,
  .meistia-call-root .meistia-call-panel select{min-height:45px!important}
  .meistia-call-root .meistia-call-panel textarea{min-height:92px!important}
  .meistia-call-root .meistia-call-panel input,
  .meistia-call-root .meistia-call-panel select,
  .meistia-call-root .meistia-call-panel textarea{scroll-margin-top:124px!important}
}

@media (max-width:380px){
  .meistia-call-root .meistia-call-panel,
  .meistia-call-root.is-left .meistia-call-panel{inset-inline:7px!important;padding-inline:15px!important}
  .meistia-call-root .meistia-call-panel h2{font-size:26px!important}
}

@media (max-height:620px) and (max-width:782px){
  .meistia-call-root .meistia-call-panel,
  .meistia-call-root.is-left .meistia-call-panel{inset-block-start:calc(7px + env(safe-area-inset-top))!important;padding-block-start:17px!important}
  .meistia-call-root .meistia-call-panel p{font-size:13px!important}
}