/* ── Google 検索順位バッジ（PC用） ── */

.badge.rank-srch {
  background: rgba(255, 251, 244, 0.92) !important;
  border: 1px solid rgba(180, 145, 60, 0.55) !important;
  border-radius: 12px !important;
  padding: 14px 22px !important;
  gap: 5px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  flex: none !important;
  min-width: 0 !important;
}

.badge.rank-srch .badge-src {
  font-size: 16px !important;
  color: #7a6540 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  letter-spacing: 0.06em !important;
}

.badge.rank-srch .badge-num {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 56px !important;
  color: #3a2a08 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  letter-spacing: -0.02em !important;
}
.badge.rank-srch .badge-num small {
  font-family: inherit !important;
  font-size: 22px !important;
  font-weight: 400 !important;
}
.badge.rank-srch.rank-first .badge-num { color: #B8820A !important; }
.badge.rank-srch .badge-stars { font-size: 17px !important; color: #6a5a38 !important; }
.rank-srch-date { font-size: 11px; color: rgba(100,80,40,0.50); margin-top: 1px; }
.rank-srch-note { font-size: 12px; color: rgba(100,80,40,0.55); margin-top: 3px; }
.rank-srch-g { width: 20px; height: 20px; flex-shrink: 0; vertical-align: middle; }

/* PC: strip非表示（eyeページは常時表示） */
.rank-strip { display: none; }
.rank-strip-eye { display: flex; }

/* モバイル */
@media (max-width: 900px) {
  /* PCバッジを非表示 */
  .rank-srch-pc { display: none !important; }

  /* ヒーロー下のストリップ表示 */
  .rank-strip {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
    padding: 16px 20px;
    background: rgba(255, 251, 244, 0.98);
    border-bottom: 1px solid rgba(180, 145, 60, 0.30);
    color: #6a5a38;
  }
  .rank-strip-head {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: #8a7050;
    letter-spacing: 0.05em;
  }
  .rank-strip-sep { color: rgba(180,145,60,0.4); font-size: 13px; }
  .rank-strip-num {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 24px;
    color: #B8820A;
    line-height: 1;
  }
  .rank-strip-num small { font-size: 13px; }
  .rank-strip.rank-first .rank-strip-num { color: #B8820A; }
  .rank-strip-kw { font-size: 12px; color: #6a5a38; }
  .rank-strip-date { font-size: 10px; color: rgba(100,80,40,0.50); }
  .rank-strip-note { font-size: 10px; color: rgba(100,80,40,0.45); margin-left: auto; }
}

/* ── new-badge-row 内（page-eye.php） ── */
.new-badge.rank-srch { border: 1px solid rgba(180,145,60,0.55) !important; background: rgba(255,251,244,0.90) !important; }
.new-badge.rank-srch .new-badge-icon { color: transparent; }
.new-badge.rank-srch .rank-srch-g { width: 24px; height: 24px; }
.new-badge.rank-srch .new-badge-title { font-family: 'Playfair Display', Georgia, serif; font-size: 22px; color: #3a2a08; }
.new-badge.rank-srch.rank-first .new-badge-title { color: #B8820A; }
.new-badge.rank-srch .new-badge-sub { font-size: 11px; color: #6a5a38; }
.new-badge.rank-srch .rank-srch-note { font-size: 9px; color: rgba(100,80,40,0.50); margin-top: 3px; }

/* ── /eye ページのバッジ（inline で幅を内容に合わせる） ── */
.lily-eye-page .badge.rank-srch {
  display: inline-flex !important;
  flex-direction: column !important;
}

/* ── /nail ページのバッジ（inline で幅を内容に合わせる） ── */
.svc-page .badge.rank-srch {
  display: inline-flex !important;
  flex-direction: column !important;
}

/* ── /nail ページのセンタリング修正 ── */
.page-id-1380 .article-hero {
  display: block;
}