/* Baskibu Designer 0.25.48 — scoped mobile UX, editor only.
   Keep the 0.25.47 canvas layout, snap geometry and inspector sizing intact.
   The bbd-02548-mobile-ux class/setting makes every rule reversible. */
@media (max-width: 899px), (min-width: 900px) and (max-width: 1100px) and (orientation: portrait) {
  /* iOS Safari zooms the entire page when text controls are below 16px. */
  #bbd-modal.bbd-02548-mobile-ux .bbd-app #bbd-panel
  :is(input[type="text"],input[type="number"],input[type="email"],input[type="url"],input[type="tel"],input[type="search"],textarea,select) {
    font-size:16px!important;
    line-height:1.35!important;
    box-sizing:border-box!important;
    max-width:100%!important;
  }
  #bbd-modal.bbd-02548-mobile-ux .bbd-app .bbd-dialog
  :is(input[type="text"],input[type="number"],input[type="email"],input[type="url"],input[type="tel"],textarea,select) {
    font-size:16px!important;
  }
  /* Internal sheet scrolling should not pull the entire product page. */
  #bbd-modal.bbd-02548-mobile-ux .bbd-app #bbd-panel .bbd-panel-section:not([hidden]) {
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
  }
  /* Panel controls remain reachable without changing sheet dimensions. */
  #bbd-modal.bbd-02548-mobile-ux #bbd-mobile-sheet-close,
  #bbd-modal.bbd-02548-mobile-ux #bbd-mobile-sheet-back {
    min-width:36px!important;
    min-height:36px!important;
  }
  #bbd-modal.bbd-02548-mobile-ux .bbd-app #bbd-panel
  :is(input,select,textarea,button):focus-visible,
  #bbd-modal.bbd-02548-mobile-ux .bbd-app .bbd-v72-mobile-dock button:focus-visible,
  #bbd-modal.bbd-02548-mobile-ux .bbd-app .bbd-dialog :is(input,button):focus-visible {
    outline:2px solid #087c69!important;
    outline-offset:2px!important;
  }
}
/* Accessible controls on both desktop and phone; no canvas geometry changes. */
#bbd-modal.bbd-02548-mobile-ux .bbd-mobile-sheet-grip:focus-visible,
#bbd-modal.bbd-02548-mobile-ux #bbd-close:focus-visible,
#bbd-modal.bbd-02548-mobile-ux #bbd-save:focus-visible {
  outline:2px solid #087c69!important;
  outline-offset:3px!important;
}
@media (prefers-reduced-motion: reduce) {
  #bbd-modal.bbd-02548-mobile-ux .bbd-app #bbd-panel,
  #bbd-modal.bbd-02548-mobile-ux .bbd-app #bbd-panel .bbd-panel-section,
  #bbd-modal.bbd-02548-mobile-ux .bbd-app .bbd-v72-mobile-dock .bbd-v72-dock-item {
    animation:none!important;
    transition:none!important;
  }
}