/* ======================================
   Float Images Block - ゆっくりイン + 影なし版
   （1.8倍 → 等倍のズームイン入場用）
   ====================================== */

   .float-wrap {
    position: relative;
    width: 100%;
    height: 60vh;
    overflow: hidden;
    isolation: isolate;
  }
  
  /* 各画像の基本設定 */
  .float-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) scale(1);
    transform-origin: center center;
    opacity: 0;
    max-width: min(40vw, 420px);
    border-radius: 10px;
    pointer-events: none;
    transition:
      opacity 1.4s ease-out,
      transform 2.4s cubic-bezier(.16,.84,.44,1); /* ← ゆっくり縮小 */
    will-change: opacity, transform;
    animation: none !important;
  }
  
  /* 消えるときの状態（影なし） */
  .float-wrap img[style*="opacity: 0"] {
    /* no shadow */
  }
  
  /* モバイルでは少し大きめ */
  @media (max-width: 600px) {
    .float-wrap img {
      max-width: 60vw;
    }
  }
  
  /* 動きを控えたい設定のユーザー向け */
  @media (prefers-reduced-motion: reduce) {
    .float-wrap img {
      /* transition: none !important; ←必要に応じて有効化 */
      opacity: 1 !important;
      transform: translate3d(-50%, -50%, 0) scale(1) !important;
    }
  }
  
  /* ブロックエディタ内の整え */
  .float-images-editor .float-images-picker {
    margin-bottom: 12px;
  }
  
  .float-images-editor .thumbs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
  }
  
  .float-images-editor .thumb img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
  }