/* =========================================================
   スマホ追従ボタン（sticky CTA・2026-10-27）
   767px 以下だけ表示。300px スクロールで .is-visible（_tools/sticky_cta.py が店舗ページ以外に差し込む）
   余白（.sticky-cta-spacer）は最初から付けておく（出し入れでレイアウトがずれないように）
   色・形はトップのヘッダー（rgba(40,46,52,.92)）と .btn.gold / .btn.ghost に合わせる
   ========================================================= */
.sticky-cta,.sticky-cta-spacer{display:none}
@media (max-width:767px){
  /* フッター（コピーライト）の下にボタンの高さ分の余白。フッターと同じ色でつなげる */
  .sticky-cta-spacer{display:block;height:calc(68px + env(safe-area-inset-bottom));background:#242b31}
  .sticky-cta{
    display:flex;gap:8px;
    position:fixed;left:0;right:0;bottom:0;z-index:90;
    padding:9px 12px calc(9px + env(safe-area-inset-bottom));
    background:rgba(40,46,52,.96);
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    border-top:1px solid rgba(238,241,243,.12);
    transform:translateY(100%);visibility:hidden;
    transition:transform .35s ease,visibility .35s ease;
  }
  .sticky-cta.is-visible{transform:none;visibility:visible}
  body.ns-lock .sticky-cta{visibility:hidden}
  .sticky-cta__btn{
    display:flex;align-items:center;justify-content:center;
    height:50px;padding:0 10px;border-radius:999px;
    font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","YuGothic","Meiryo",sans-serif;
    font-size:14px;font-weight:700;letter-spacing:.04em;line-height:1.3;text-align:center;
    text-decoration:none;white-space:nowrap;
  }
  .sticky-cta__btn--shop{flex:1.7 1 0;background:#5A6E7B;color:#fff}
  .sticky-cta__btn--ring{flex:1 1 0;background:transparent;color:#EEF1F3;border:1px solid rgba(238,241,243,.6)}
  .sticky-cta__btn:hover{opacity:.88}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){
  .sticky-cta{transition:none}
}