/* AROMA AURA LEE ヘッダー調整（ハンバーガーを上品に／ロゴ表示の担保）
   最後に読み込んで上書き。テーマの home 専用ルールに勝つため要所は !important。 */

/* ---- ハンバーガー：真円＋すりガラス＋細線（SP/PC共通） ---- */
.site-header .mobile-menu-button{
  width:46px !important; height:46px !important;
  display:grid !important; place-items:center !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.72) !important;
  background:rgba(255,255,255,.60) !important;
  box-shadow:0 1px 2px rgba(40,45,60,.06), 0 8px 20px rgba(40,45,60,.10) !important;
  -webkit-backdrop-filter:blur(12px) saturate(150%);
  backdrop-filter:blur(12px) saturate(150%);
  transition:background .2s ease, box-shadow .2s ease;
}
.site-header .mobile-menu-button span{
  width:18px !important; height:1.6px !important; margin:2.6px auto !important;
  border-radius:99px !important; background:#3b4147 !important;
}
.site-header .mobile-menu-button:hover{ background:rgba(255,255,255,.74) !important; }
.site-header .mobile-menu-button:active{ background:rgba(255,255,255,.86) !important; }
.site-header .mobile-menu-button:focus-visible{ outline:2px solid rgba(96,137,221,.7); outline-offset:3px; }

/* ---- ロゴが縮まないよう最低高さを担保（webp生成済み） ---- */
.site-header .brand-row img,
.site-header .brand-lockup img{ min-height:26px; }

/* ---- ボタン背後の白い長方形(.brand-row の白背景)を消す ----
   PCでロゴ/ナビが隠れると brand-row がボタンだけを包む白boxになり、
   円形ボタンの後ろに白い長方形が見えてしまうため透明化。ヘッダーは元々ヒーロー上に浮く設計。 */
.site-header .brand-row{ background:transparent !important; box-shadow:none !important; }