/* 投稿メタ情報を非表示にする */
.entry-meta, .post-meta {
    display: none;
}
/* 共有ボタンを非表示にする */
.sharedaddy {
    display: none;
}

/* いいねボタンを非表示にする */
.likes-widget-placeholder {
    display: none;
}

/* コメントセクションを非表示にする */
#comments {
    display: none;
}

/* 前の投稿/次の投稿リンクを非表示にする */
.nav-links {
    display: none;
}

/* 共通のスタイル */
.custom-form input[type="text"], .custom-form input[type="date"], .custom-form textarea {
  width: 100% !important;
  padding: 10px !important;
  margin-bottom: 15px !important;
  box-sizing: border-box !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  background-color: #fff !important;
}

/* モバイル用のスタイル調整 */
@media (max-width: 768px) {
  .custom-form input[type="text"], .custom-form input[type="date"], .custom-form textarea {
    width: 100% !important; /* 親要素の幅に合わせて100% */
  }
}

/* 日付入力欄のカレンダーアイコンのスタイル */
.custom-form input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer !important;
  border: none !important;
  background: transparent !important;
  color: #333 !important;
  position: absolute !important;
  right: 10px !important;
  top: 10px !important;
}

/* エラーメッセージのスタイル */
.custom-form .error-message {
  color: red !important;
  margin-top: -10px !important;
  margin-bottom: 10px !important;
  font-size: 12px !important;
}

/* テキストエリアの高さを調整 */
textarea {
  height: 100px; /* 縦幅を100pxに設定 */
  max-height: 150px; /* 最大縦幅を150pxに設定 */
  width: 100%; /* 横幅は元のままに設定 */
}


/* ヘッダーメニューの文字サイズを変更する */
.site-title {
    font-size: 20px; /* サイトタイトルの文字サイズを変更 */
}

.navbar a {
    font-size: 14px; /* ナビゲーションメニューの文字サイズを変更 */
}

.wpem-event-register, 
.wpem-theme-button, 
button.wpem-theme-button {
    display: none !important;
}

/* WP Event Manager の単一イベントページだけ適用 */
.single-event_listing h1.entry-title,
.single-event_listing .entry-header {
  display: none !important;   /* タイトルとそのヘッダーを非表示 */
}

/* タイトル分の上余白を詰める */
.single-event_listing .ast-container,
.single-event_listing .content-area,
.single-event_listing .site-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 👁 アイコンをCSSでも非表示 */
.single-event_listing .wpem-icon-eye { display: none !important; }

/* ===== HOMEだけ、ヘッダー直下の余白を総リセット ===== */
.home { 
  --wp--style--root--padding-top: 0 !important;
  --wp--style--block-gap: 0 !important;         /* ブロック間の自動ギャップも0 */
}

/* テーマの共通ラッパーの上パディングを0 */
.home .wp-site-blocks,
.home .site-main,
.home main,
.home .content-area,
.home .entry-content,
.home .wp-block-post-content { 
  padding-top: 0 !important; 
  margin-top: 0 !important; 
}

/* ヘッダー側が持っている下マージン/パディングを0 */
.home .site-header,
.home header,
.home .site-header > .wp-block-group {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* “ヘッダーの次に来る要素”の上マージンを必ず0に */
.home header + * ,
.home .site-header + * ,
.home .wp-site-blocks > *:first-child,
.home main > *:first-child,
.home .wp-block-post-content > *:first-child,
.home .entry-content > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Spacerが最上段に紛れていたら無効化 */
.home .wp-block-spacer:first-child { display: none !important; }

/* ヒーローブロック自身の余白も0に（クラス home-hero を付与している前提） */
.home .home-hero,
.home .home-hero > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* まだ数px残る場合の“最終手段”：微小なネガティブマージンで吸収（必要なら数値調整） */
.home .home-hero { margin-top: -6px !important; }  /* -4〜-10pxの範囲で微調整 */

input[name="venue-key"], input[name="venue-time"] {
  display:none !important;
}

.qty-wrap{
  display:inline-flex; align-items:center; gap:.4rem;
}
.qty-input{
  width:4.5rem; text-align:center; padding:.4rem .6rem;
  font-size:1rem;
  /* ブラウザの上下矢印を消したい場合： */
  -moz-appearance: textfield;
}
.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button{
  -webkit-appearance: none; margin:0;
}
.qty-btn{
  border:1px solid #ccc; background:#f7f7f7; cursor:pointer;
  padding:.35rem .7rem; line-height:1; font-size:1rem; border-radius:.5rem;
}
.qty-btn:active{ transform:translateY(1px); }

:root{
  --teal:#0f8b8d; 
  --orange:#f36c00; 
  --purple:#8a4fff; 
  --green:#2c7a7b;
  --ink:#222; 
  --muted:#666; 
  --bg:#f7f9fc;
}

.one-venue{ 
  background:var(--bg); 
  padding:24px; 
  border-radius:16px; 
}

.ov-head{text-align:center; margin-bottom:20px;}
.ov-pref{font-weight:700; color:var(--muted);}
.ov-pref .en{margin-left:.4em; font-weight:600;}
.ov-title{
  margin:.3em 0 .5em; 
  font-size:1.8rem; 
  font-weight:900; 
  color:var(--ink);
}
.ov-sub{
  font-size:1.2rem; 
  color:#333;       /* 濃くする */
  font-weight:600;  /* 少し太め */
  margin-bottom:1.5em;
}

.ov-actions{
  display:grid; 
  gap:16px; 
  max-width:500px; 
  margin:0 auto 20px;
}
.btn{
  display:flex; 
  flex-direction:column; 
  align-items:center; 
  justify-content:center;
  padding:18px; 
  border-radius:999px;
  font-weight:700; 
  color:#fff; 
  text-decoration:none; 
  box-shadow:0 6px 14px rgba(0,0,0,.08);
  transition:transform .05s ease, box-shadow .2s ease;
}
.btn:hover{box-shadow:0 8px 18px rgba(0,0,0,.12);}
.btn:active{transform:translateY(1px);}

.btn .jp{font-size:1.2rem; line-height:1.3;}
.btn .en{font-size:.95rem; opacity:.95;}

.btn--teal{background:var(--teal);}
.btn--orange{background:var(--orange);}
.btn--purple{background:var(--purple);}
.btn--green{background:var(--green);}

.ov-helper{text-align:center; margin-top:20px;}
.ov-link{color:var(--teal); font-weight:700; text-decoration:underline;}

.ov-info{
  margin:30px auto 10px;
  max-width:700px;
  font-size:.95rem;
  color:#333;
}
.ov-heading{
  font-size:1.1rem;
  font-weight:700;
  margin:1.5em 0 .5em;
  border-left:4px solid var(--teal);
  padding-left:.5em;
  color:#222;
}
.ov-list{
  list-style:none;
  padding:0;
  margin:0 0 1em;
}
.ov-list li{
  margin:.6em 0;
  line-height:1.5;
}
.ov-list .en{
  color:#555;
  font-size:.9em;
}

:root{
  --gold:#d4a017;     /* ルーレット特典 */
  --halloween:#ff5a00; /* ハロウィン特典用（お好みで変更可） */
}

/* 新しいボタン色 */
.btn--gold{ background:var(--gold); color:#fff; }
.btn--halloween{ background:var(--halloween); color:#fff; }

/* ボタン群の間隔 */
.ov-actions{ gap:16px; }

:root{
  --bluegray:#5a6b8c; /* 新しいボタン色（落ち着いたブルーグレー） */
}

/* 新しいボタン */
.btn--bluegray{
  background:var(--bluegray);
  color:#fff;
}


/* ====== 全体カード ====== */
.event-form {
  background: #f8f9fb;
  padding: 1.4em 1.2em;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  max-width: 600px;
  margin: 1.5em auto;
  font-family: "Noto Sans JP", sans-serif;
}

/* =============================
   イベント予約フォーム（最終版）
   ============================= */

/* ===== タイトルを1行でまとめる ===== */
/* タイトル全体を中央寄せ */
.event-form__head{ justify-content:center; }

/* 日本語タイトルを少し小さく */
.event-form__title{
  font-size:1.0em;      /* ← ここで微調整（0.95–1.05あたり） */
  text-align:center;
}

/* 英語はさらに小さく＆色を少し落とす */
.event-form__sub{
  font-size:0.8em;
  color:#666;
}


/* 必須マーク */
.required-note {
  text-align: left;
  color: #777;
  font-size: 0.85rem;
  margin-top: 0.2em;
  margin-bottom: 0.6em;
}

/* スマホ時タイトルサイズ調整 */
@media (max-width: 480px) {
  .event-form__title { font-size: 1em; }
  .event-form__sub { font-size: 0.75em; margin-left: 0.3em; }
}

/* ====== ラッパー・全体 ====== */
.event-form {
  background: #f9fafb;
  padding: 1.6em 1.2em;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  max-width: 600px;
  margin: 1.5em auto;
  font-family: "Noto Sans JP", system-ui, sans-serif;
}

.event-form small,
.event-form p.note {
  font-size: 0.9rem;
  color: #666;
  margin-top: 0.2em;
}

/* ====== ラベル・入力欄 ====== */
.event-form label {
  display: block;
  font-weight: 600;
  margin-top: 0.8em;
  color: #222;
  font-size: 1rem;
  line-height: 1.4;
}

.event-form input,
.event-form select {
  width: 100%;
  padding: 0.55em 0.7em;
  margin-top: 0.3em;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 0.95em;
  box-sizing: border-box;
}

/* ====== 参加人数（＋／−） ====== */
.qty-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
  margin-top: 0.4em;
}

.qty-btn {
  background: #e8f0fe;
  color: #004b9e;
  border: 1px solid #004b9e;
  border-radius: 6px;
  width: 2.2em;
  height: 2.2em;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  transition: 0.2s ease;
}

.qty-btn:hover {
  background: #004b9e;
  color: #fff;
}

.qty-input {
  width: 3em;
  text-align: center;
  font-size: 1.1em;
  font-weight: 600;
  border: 1px solid #ccc;
  border-radius: 6px;
  height: 2.2em;
}

/* ================================
   送信ボタン & 完了メッセージ 最終版（スピナー対応・安定版）
   ================================ */

/* 見た目のボタン */
.event-form__submit{
  position: relative;
  display:block;
  width:100%;
  background: linear-gradient(180deg, #0055c2, #004b9e);
  border-radius: 8px;
  padding: 1.3em 1em;          /* ボタンの高さ（縦幅） */
  box-shadow: 0 3px 0 #003b7a;
  margin-top:.9em;
  margin-bottom:.15em;
  text-align:center;
  overflow: visible;
  transition: all .25s ease;
  min-height: 64px;            /* ← スピナーで縦に伸びないよう固定 */
}

/* 実ボタン（クリック用） */
.event-form__submit input[type="submit"],
.event-form__submit button[type="submit"]{
  position: absolute;
  inset: 0;
  width:100%;
  height:100%;
  opacity: 0;
  cursor: pointer;
  border: 0;
  background: transparent;
  z-index: 3;
}

/* ホバー時 */
.event-form__submit:hover{
  background: linear-gradient(180deg, #0060d4, #004b9e);
  box-shadow: 0 2px 0 #003b7a;
  transform: translateY(-1px);
}

/* 上段：日本語 */
.event-form__submit::before{
  content:"イベントを予約する";
  position:absolute;
  left:0; right:0;
  top: calc(50% - .65em);      /* ← 日本語を少し上に */
  transform: translateY(-50%);
  color:#fff;
  text-align:center;
  font-size:1.05rem;           /* ← 大きめで読みやすく */
  font-weight:700;
  line-height:1.1;
  z-index: 2;
  pointer-events:none;
}

/* 下段：英語 */
.event-form__submit::after{
  content:"Submit Reservation";
  position:absolute;
  left:0; right:0;
  top: calc(50% + .9em);       /* ← 英語を少し下に */
  transform: translateY(-50%);
  color:#fff;
  opacity:.95;
  text-align:center;
  font-size:.82rem;
  font-weight:500;
  line-height:1.1;
  z-index: 2;
  pointer-events:none;
}

/* ===== Contact Form 7 スピナー調整 ===== */
.event-form__submit .wpcf7-spinner{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 !important;
  width: 18px;
  height: 18px;
  z-index: 2;
  display: block;
  pointer-events: none;
}

/* CF7旧CSS保険 */
.wpcf7 .ajax-loader,
.wpcf7-spinner { vertical-align: middle !important; }

/* モバイル調整 */
@media (max-width:420px){
  .event-form__submit{ padding: 1.1em 1em; }
  .event-form__submit::before{ font-size:.98rem; top: calc(50% - .55em); }
  .event-form__submit::after { font-size:.78rem; top: calc(50% + .8em); }
}

/* ===== Contact Form 7 送信完了メッセージ ===== */
.wpcf7 form .wpcf7-response-output{
  margin:.35em 0 0;
  padding:.6em 1em;
  border:1.5px solid #22aa44;
  border-radius:6px;
  background:#f6fff8;
  color:#222;
  text-align:center;
  font-size:.9em;
  line-height:1.4;
}

/* 「送信により〜」の文言 */
.event-form__footer{
  margin-top:.2em;
  font-size:.78rem;
  color:#555;
  text-align:left;
  line-height:1.35;
}
.event-form__footer a{
  color:#004b9e;
  text-decoration:underline;
  font-weight:500;
}


/* =========================
   App Header（GlobalMeet）
   ========================= */

/* ヘッダー全体の余白 */
.app-header{
  padding: 14px 16px;
}

/* ロゴ */
.app-header img{
  height: 36px;        /* ← SPでもしっかり */
  width: auto;
}

/* PC */
@media (min-width: 768px){
  .app-header{
    padding: 18px 24px;
  }

  .app-header img{
    height: 44px;     
}
}

/* CTAボタン全体の統一感 */
.cta-card .wp-block-button__link{
  font-size: 15px;
  font-weight: 600;
  transition: all .2s ease;
}

/* hover */
.cta-card .wp-block-button__link:hover{
  opacity: .9;
  transform: translateY(-1px);
}

/* ===== ヘッダー直下の横スクロール棚 ===== */
.gm-top-slider{
  padding: 10px 0 6px;
}

.gm-top-slider .wp-block-group__inner-container{
  display: flex;
  gap: 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  padding: 0 14px 10px;
}

.gm-top-slider .wp-block-image{
  flex: 0 0 auto;
  width: 86vw;          /* SPで大きく */
  max-width: 560px;     /* PCで巨大化防止 */
  scroll-snap-align: start;
}

.gm-top-slider .wp-block-image img{
  width: 100%;
  height: 160px;        /* myfansの帯っぽい高さ */
  object-fit: cover;
  border-radius: 16px;
  display: block;
}

/* PCはカードを並べる感じに */
@media (min-width: 768px){
  .gm-top-slider .wp-block-image{
    width: 520px;
  }
  .gm-top-slider .wp-block-image img{
    height: 180px;
  }
}

/* スクロールバー薄め（任意） */
.gm-top-slider .wp-block-group__inner-container::-webkit-scrollbar{
  height: 8px;
}
.gm-top-slider .wp-block-group__inner-container::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.12);
  border-radius: 8px;
}
/* ===== GlobalMeet TOP Banner 調整 ===== */

/* ===============================
   GlobalMeet TOP Banner Card UI
   750x450 / Fit / 見切れなし
   =============================== */

/* スライダー全体をカード化 */
.gm-top-banner {
  max-width: 1000px;                 /* PCで広がりすぎない */
  margin: 16px auto 20px;
  padding: 0 16px;                   /* SP左右余白 */
}

/* Smart Slider 本体 */
.gm-top-banner .n2-ss-slider {
  background: #ffffff;
  border-radius: 20px;               /* カード角丸 */
  overflow: hidden;                  /* 角丸を効かせる */
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);  /* 影 */
}

/* 画像は「そのまま表示」＝Fit前提 */
.gm-top-banner img {
  width: 100%;
  height: auto;                      /* 比率維持 */
  object-fit: contain;               /* 切らない */
  object-position: center;
  display: block;
}

/* SPでも高さは変えない（比率を守る） */
@media (max-width: 768px) {
  .gm-top-banner {
    max-width: 100%;
    padding: 0 12px;
  }

  .gm-top-banner .n2-ss-slider {
    border-radius: 16px;
    box-shadow: 0 10px 22px rgba(0,0,0,0.12);
  }
}

/* ===== GlobalMeet ログイン / 新規登録 横並び ===== */
.gm-auth-buttons {
  display: flex;
  justify-content: center;
  gap: 12px;              /* ボタン間の余白 */
  flex-wrap: nowrap;
}

/* SPでも横並びを維持 */
@media (max-width: 768px) {
  .gm-auth-buttons {
    flex-direction: row;
  }

  .gm-auth-buttons .wp-block-button {
    margin: 0;
  }
}
/* ▼ GlobalMeet ヘッダー右上の Lucide アイコン調整 */

/* ベル・検索・メニューの SVG を直接指定 */
svg.lucide-bell,
svg.lucide-search,
svg.lucide-menu {
  width: 30px !important;        /* アイコン大きめ */
  height: 30px !important;
  stroke-width: 2.6 !important;
  stroke: #000 !important;       /* 線の色を黒に固定 */
  color: #000 !important;
}

/* 中のパスにも黒を強制 */
svg.lucide-bell *,
svg.lucide-search *,
svg.lucide-menu * {
  stroke: #000 !important;
  color: #000 !important;
}

/* アイコン同士の横の間隔を調整 */
svg.lucide-bell,
svg.lucide-search {
  margin-right: 20px !important; /* ← 半角スペースだけにする */
}
/* ログイン済みユーザーには TOP のCTAを非表示 */
body.logged-in .cta-wrapper {
  display: none !important;
}
/* =========================
   GlobalMeet 固定フッターナビ（SP用）
   ========================= */

/* 本体 */
.gm-bottom-nav{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  border-top: 1px solid rgba(0,0,0,.06);
  display: flex;
  justify-content: space-around;
  padding: 6px 8px env(safe-area-inset-bottom);
  z-index: 999;
}

/* 各タブ */
.gm-bottom-nav__item{
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  text-decoration: none;
  font-size: 11px;
  color: #6b7280;
}

/* アイコンサイズ（Lucide） */
.gm-bottom-nav__item i[data-lucide]{
  width: 22px;
  height: 22px;
  display: block;
}

/* アクティブ状態（手動でクラス付け想定） */
.gm-bottom-nav__item.is-active{
  color: #111827;
}
.gm-bottom-nav__item.is-active i[data-lucide]{
  color: #ff4b9d;
}

/* ===== GlobalMeet Account Dashboard ===== */
.gm-dash{
  max-width: 920px;
  margin: 30px auto;
  padding: 0 14px;
}
.gm-dash__title{
  font-size: 22px;
  font-weight: 800;
  margin: 0 0 6px;
}
.gm-dash__desc{
  margin: 0 0 16px;
  color: rgba(17,24,39,.65);
}

.gm-dash__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 16px;
}
@media (min-width: 860px){
  .gm-dash__grid{ grid-template-columns: 1fr 1fr; }
}

.gm-dash__card{
  background: #fff;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 18px;
  padding: 16px 16px;
  box-shadow: 0 14px 40px rgba(17,24,39,.08);
}
.gm-dash__card h3{
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 800;
}
.gm-dash__card p{
  margin: 0 0 12px;
  color: rgba(17,24,39,.70);
  line-height: 1.6;
}

.gm-linkbtn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 44px;
  padding: 0 16px;
  border-radius: 14px;
  border: 1px solid rgba(17,24,39,.12);
  background: #fff;
  font-weight: 800;
  text-decoration: none;
}
.gm-linkbtn--primary{
  border: none;
  color: #fff;
  background: linear-gradient(90deg, #ff4b9d, #ff7a42);
  box-shadow: 0 14px 30px rgba(255,75,157,.20);
}

/* CF7 全体（このページだけに当てたいなら .page-id-XXX を先頭につけて） */
.wpcf7 form{
  max-width: 860px;
  margin: 0 auto;
}

.wpcf7 form p{
  margin: 0 0 14px;
}

.wpcf7 label{
  display:block;
  font-weight:600;
  margin: 0 0 6px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea,
.wpcf7 select{
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
}

.wpcf7 textarea{
  min-height: 120px;
}

.wpcf7 .wpcf7-list-item{
  margin: 0 12px 10px 0;
  display: inline-block;
}

.wpcf7 input[type="submit"]{
  padding: 12px 16px;
  border: 0;
  border-radius: 12px;
  font-weight: 700;
  cursor: pointer;
}

/* 送信結果メッセージも整える */
.wpcf7-response-output{
  border-radius: 12px;
}

.gm-after-actions{
  max-width: 760px;
  margin: 12px auto 0;
  text-align: center;
}
.gm-success-actions .gm-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: min(420px, 100%);
  border-radius: 16px;
  padding: 14px 18px;
  font-weight: 800;
  color:#fff;
  background: linear-gradient(90deg, #ff4b9d, #ff7a42);
}

/* 送信ボタンと「戻る」を横並び */
.gm-actions.gm-actions--row{
  display:flex !important;
  gap:12px !important;
  justify-content:center !important;
  align-items:stretch !important;
  flex-wrap:wrap !important;
  margin-top: 18px;
}

/* CF7のsubmit(input)も、リンク(a)も同じ見た目・同じ高さに */
.gm-actions.gm-actions--row .gm-btn,
.gm-actions.gm-actions--row .wpcf7-submit{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:56px !important;
  padding: 0 18px !important;
  border-radius: 16px !important;

  width: min(320px, 100%) !important;
  box-sizing: border-box !important;
  text-decoration:none !important;

  font-weight: 800 !important;
  font-size: 16px !important;
}

/* もしgm-btnがinputに付かない環境でも、CF7 submitは統一 */
.gm-actions.gm-actions--row .wpcf7-submit{
  border: 0 !important;
  cursor: pointer !important;
  color:#fff !important;
  background: linear-gradient(90deg, #ff4b9d 0%, #ff7a42 100%) !important;
}

/* 戻るボタン（サブ） */
.gm-actions.gm-actions--row .gm-btn--sub{
  background:#111827 !important;
  color:#fff !important;
  box-shadow: none !important;
}

/* hover */
.gm-actions.gm-actions--row .gm-btn--sub:hover,
.gm-actions.gm-actions--row .wpcf7-submit:hover{
  filter: brightness(1.03);
  transform: translateY(-1px);
}
.gm-actions.gm-actions--row .gm-btn--sub:active,
.gm-actions.gm-actions--row .wpcf7-submit:active{
  transform: translateY(0);
}