@media(max-width:720px){
  .bevo-custom-overlay{padding:12px;align-items:center}
  .bevo-custom-modal{width:100%;height:min(780px,92dvh);max-height:92dvh;border-radius:22px}
  .bevo-custom-header{padding:18px 18px 16px}
  .bevo-custom-modal h2{font-size:23px!important}
  .bevo-custom-heading-wrap p{font-size:12px}
  .bevo-custom-body{padding:18px}
  .bevo-custom-grid{grid-template-columns:1fr;gap:15px}
  .bevo-custom-wide{grid-column:auto}
  .bevo-custom-footer{padding:13px 18px max(15px,env(safe-area-inset-bottom))}
  .bevo-custom-actions{display:grid;grid-template-columns:1fr 1fr}
  .bevo-custom-actions[data-bevo-custom-actions="request"],.bevo-custom-actions[data-bevo-custom-actions="success"]{grid-template-columns:1fr}
  .bevo-custom-actions button{width:100%}
  .bevo-custom-order-root [data-bevo-custom-review]>div{grid-template-columns:1fr;gap:5px}
  .bevo-custom-mic{width:104px!important;height:104px!important;min-width:104px!important;min-height:104px!important}
  .bevo-custom-mic-core{width:90px;height:90px}
}
@media(max-width:420px){
  .bevo-custom-overlay{padding:8px}
  .bevo-custom-modal{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:18px}
  .bevo-custom-header{padding:16px}
  .bevo-custom-close{width:40px!important;height:40px!important}
  .bevo-custom-body{padding:16px}
  .bevo-custom-footer{padding-left:16px;padding-right:16px}
}

/* v2.1.2 responsive navigation and optional fields */
@media (max-width:640px){
  .bevo-custom-header{gap:10px;padding:18px 18px 16px}
  .bevo-custom-header-actions{gap:4px}
  .bevo-custom-header-back{height:38px!important;min-height:38px!important;padding:0 5px!important;font-size:12px!important}
  .bevo-custom-close{width:40px!important;height:40px!important}
  .bevo-custom-option-toggle{grid-template-columns:36px minmax(0,1fr) 18px!important;padding:10px 11px!important}
  .bevo-custom-option-copy small{display:none}
  .bevo-custom-option-grid{grid-template-columns:1fr}
  .bevo-custom-review-actions{grid-template-columns:1fr}
}