/* Every change below is native-bed only, strictly below 1200px. */
body.boko-new-bed .boko-nb-zoom-button,
body.boko-new-bed .boko-nb-to-top { display:none!important; }
@media(max-width:1199.98px) {
  body.boko-new-bed .boko-nb-image {
    object-position:var(--nb-focal-x,54%) var(--nb-focal-y,77%);
    transform-origin:var(--nb-focal-x,54%) var(--nb-focal-y,77%);
    transform:scale(var(--nb-focal-zoom,1.12));
  }
  body.boko-new-bed .boko-nb-image-enter { animation-name:boko-nb-mobile-zoom; }
  @keyframes boko-nb-mobile-zoom {
    from { opacity:0; transform:scale(var(--nb-focal-enter,1.1984)); }
    to { opacity:1; transform:scale(var(--nb-focal-zoom,1.12)); }
  }
  /* The existing 900–1199 layout rule must not override the mobile focal. */
  body.boko-new-bed .boko-nb .boko-nb-stage .boko-nb-image {
    object-position:var(--nb-focal-x,54%) var(--nb-focal-y,77%);
    transform-origin:var(--nb-focal-x,54%) var(--nb-focal-y,77%);
    transform:scale(var(--nb-focal-zoom,1.12));
  }
  body.boko-new-bed .boko-nb-stage { cursor:zoom-in; }
  body.boko-new-bed .boko-nb .boko-nb-zoom-button {
    display:flex!important; position:absolute; left:12px; bottom:12px; z-index:3;
    width:36px; height:36px; min-height:36px; padding:0; border:0;
    align-items:center; justify-content:center; border-radius:50%;
    background:rgb(255 255 255/.85); color:#171717;
    backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); cursor:zoom-in;
  }
  body.boko-new-bed .boko-nb-zoom-button svg { width:19px; height:19px; }
  body.boko-new-bed .boko-nb-to-top:not([hidden]) {
    display:flex!important; position:fixed; right:12px; bottom:107px; z-index:1033;
    height:44px; min-height:44px; min-width:76px; padding:0 15px; margin:0;
    align-items:center; justify-content:center; border:1px solid #e5e5e5;
    border-radius:999px; background:#fff; color:#171717;
    box-shadow:0 3px 12px rgb(0 0 0/.1); font:500 14px/1 Geist,system-ui,sans-serif;
    text-transform:none; letter-spacing:0; cursor:pointer;
  }
  body.boko-new-bed .boko-nb-to-top:focus-visible { outline:2px solid #171717; outline-offset:3px; }
  body.boko-new-bed.boko-nb-lock .boko-nb-to-top,
  body.boko-new-bed.boko-mf-zoom-lock .boko-nb-to-top { display:none!important; }
  body.boko-new-bed .tbay-to-top-mobile,
  body.boko-new-bed #back-to-top,
  body.boko-new-bed #back-to-top-mobile { display:none!important; }

  /* The exact existing fullscreen zoom presentation, scoped to native beds. */
  body.boko-new-bed.boko-mf-zoom-lock { overflow:hidden!important; }
  body.boko-new-bed .boko-mf-zoom { position:fixed; inset:0; z-index:100000;
    display:flex; flex-direction:column; background:#0b0b0b; color:#fff;
    opacity:0; transition:opacity .2s; padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom); }
  body.boko-new-bed .boko-mf-zoom.is-on { opacity:1; }
  body.boko-new-bed .boko-mf-zoom-top { display:flex; justify-content:space-between; align-items:center;
    padding:14px 16px; font:500 13px Geist,system-ui,sans-serif; }
  body.boko-new-bed .boko-mf-zoom-top button { width:36px; height:36px; padding:0; border:0;
    border-radius:50%; background:rgb(128 128 128/.25); color:inherit; font-size:16px; line-height:36px; }
  body.boko-new-bed .boko-mf-zoom-area { flex:1; position:relative; overflow:hidden; touch-action:none; }
  body.boko-new-bed .boko-mf-zoom-area img { position:absolute; left:50%; top:50%; max-width:100%; max-height:100%;
    transform-origin:center; user-select:none; -webkit-user-select:none; -webkit-user-drag:none; }
  body.boko-new-bed .boko-mf-zoom-tip { font:400 12px Geist,system-ui,sans-serif; opacity:.6; text-align:center; padding-bottom:6px; }
}