/* 2026-09-19 大隆さん決定「トップの主役は値下がり待ち」→ 2026-09-20 検索窓を一番上に戻し、専用入力欄は廃止（見出し・通知の例・折りたたみは残す） */
.hero-watch{margin:18px 0 0;padding:16px;border:1px solid var(--line,#e9e5f5);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(115,87,255,.08)}
.hero-watch-label{display:flex;align-items:baseline;gap:8px;flex-wrap:nowrap;margin:0 0 8px;font-size:15px;font-weight:700;color:var(--ink,#17172b);white-space:nowrap}
.hero-watch-label-sub{font-size:12px;font-weight:600;color:var(--violet,#7357ff)}
@media (max-width:360px){.hero-watch-label{font-size:14px}.hero-watch-label-sub{font-size:11px}}
.hero-watch-row{display:grid;grid-template-columns:1fr;gap:8px}
@media (min-width:640px){.hero-watch-row{grid-template-columns:1fr auto}}
.hero-watch-row input{min-width:0;width:100%;padding:14px 14px;border:1.5px solid #cfc6ff;border-radius:12px;font:inherit;font-size:16px;color:var(--ink,#17172b);background:#fff}
.hero-watch-row input:focus{outline:none;border-color:var(--violet,#7357ff);box-shadow:0 0 0 3px rgba(115,87,255,.18)}
.hero-watch-submit{padding:14px 18px;border:0;border-radius:12px;background:linear-gradient(90deg,#ff4f9a,#7357ff 55%,#23b8ff);color:#fff;font:inherit;font-size:16px;font-weight:800;cursor:pointer;white-space:nowrap}
.hero-watch-submit:active{transform:translateY(1px)}
.hero-watch-note{margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--muted,#6d6b80)}
.hero-watch-alt{margin:8px 0 0;font-size:13px}
.hero-watch-alt a{color:var(--violet,#7357ff);text-decoration:underline;text-underline-offset:3px}
.hero-watch-example{margin:14px 0 0;padding:12px 14px;border-radius:14px;background:var(--soft,#f4f0ff);border:1px dashed #cfc6ff}
.hero-watch-example-kicker{margin:0 0 4px;font-size:11px;letter-spacing:.12em;font-weight:700;color:var(--violet,#7357ff)}
.hero-watch-example-title{margin:0;font-size:15px;font-weight:800;color:var(--ink,#17172b)}
.hero-watch-example-body{margin:2px 0 0;font-size:13px;color:var(--ink,#17172b)}
.hero-watch-example-note{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--muted,#6d6b80)}
/* 検索パネル: 手がかり4ボタンは折りたたみ（IDと処理はそのまま） */
.search-clues-details{margin:8px 0 12px}
.search-clues-details>summary{cursor:pointer;list-style:none;padding:10px 12px;border:1px solid var(--line,#e9e5f5);border-radius:12px;font-size:14px;font-weight:600;color:var(--violet,#7357ff);background:#fff}
.search-clues-details>summary::-webkit-details-marker{display:none}
.search-clues-details>summary::before{content:'＋ ';font-weight:800}
.search-clues-details[open]>summary::before{content:'－ '}
.search-clues-details[open]>summary{margin-bottom:8px}
/* 探し方の説明4節は折りたたみ */
/* 2026-09-22 大隆さん報告「これだけデザインが合ってない」。
   自前の白い箱と ▾ をやめ、他の畳める欄と同じ枠・同じ開閉表示にそろえた
   （枠は .marketplace-coverage / .hero-marketplace-coverage が持つ）。
   長い日本語の見出しなので、字間だけ詰めて読みやすくする。 */
/* 2026-09-22 大隆さん報告「改行位置が変だよ」。
   他の欄の見出しは短い英語なので、横に並べる置き方（inline-flex・幅いっぱい）で
   「（開く）」が右端に付く。ここだけ長い日本語なので、その置き方だと本文と
   「（開く）」が別々に折り返して読めなくなっていた。
   ここは普通の文章として流し、「（開く）」は文の最後に続ける。 */
.lp-more-details>summary{
  display:block;
  width:auto;
  white-space:normal;
  letter-spacing:.02em;
  line-height:1.6;
}
.lp-more-details>summary::after{margin-left:6px;white-space:nowrap}
/* 結果カードのウォッチボタンを光らせる（第一画面から来た時だけ） */
.watch-intent-banner{margin:8px 0 12px;padding:10px 12px;border-radius:12px;background:#fff4fa;border:1px solid #ffc6de;color:#b3005f;font-size:14px;font-weight:600;line-height:1.5}
@keyframes hoshiluWatchPulse{0%{box-shadow:0 0 0 0 rgba(255,79,154,.55)}70%{box-shadow:0 0 0 10px rgba(255,79,154,0)}100%{box-shadow:0 0 0 0 rgba(255,79,154,0)}}
.results.watch-intent .watch-settings-button{animation:hoshiluWatchPulse 1.6s ease-out infinite;outline:2px solid #ff4f9a;outline-offset:1px}
/* 登録: LINE を第一候補に */
.watch-quick-line.watch-quick-line-primary{font-size:15px;padding:12px 14px;margin-bottom:6px}
.watch-quick-or{margin:4px 0 2px;font-size:12px;color:var(--muted,#6d6b80)}
.watch-quick-or:empty{display:none}

.hero-watch-hint{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--muted,#6d6b80)}
.hero-watch-hint strong{color:#b3005f}
/* 2026-09-20 大隆さん指示: 🎙は右端へ。見出しの上に約3mm（12px）の余白。
   2026-09-22 大隆さん指示「クリアボタンは右上から右下に移動」。
   入力した文字に重ならないよう、クリアは枠の右下へ。🎙は右上のまま。 */
.query-field .speech-input{right:12px}
.query-field .clear-query{top:auto;bottom:12px;right:12px}
#heroTitle{margin-top:12px}

/* 2026-09-22 大隆さん指示「届く通知の例もモール一覧の枠と同じデザインにして」。
   枠・開閉の見た目は .marketplace-coverage / .hero-marketplace-coverage をそのまま使う。
   ここは中の文の余白だけそろえる。 */
#heroWatchExample>.hero-watch-example-title{margin-top:10px}

/* 2026-09-22 大隆さん指示「ショッピングサイトで探す欄と
   『この条件、ホシっといて探し続けてもらう？』欄の間を数ミリ空けて」。 */
.marketplace-quick-strip + .continuous-search-card,
.marketplace-fallback + .continuous-search-card,
.continuous-search-card{margin-top:12px}