@charset "UTF-8";
/* ==========================================================================
   product-search.css
   製品検索ページ専用。静的HTML products-search.html の
   ページスコープ <style> をそのまま移設したもの（値は無変更）。
   製品検索ページでのみ wp_enqueue する。
   ========================================================================== */

@layer pages {
  /* === 製品検索 mock (scoped) === */
  .ps-hero-cta{margin-top:var(--sp-5);}
  .ps-result-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);padding:var(--sp-4) 0;border-bottom:1px solid var(--c-line);margin-bottom:var(--sp-5);font-size:var(--fs-small);color:var(--c-text-muted);}
  .ps-tag{background:var(--c-bg-alt);border:1px solid var(--c-line);border-radius:3px;padding:2px 8px;font-size:var(--fs-caption);}
  .ps-num{font-size:1.5rem;color:var(--c-accent,#0a6ebd);font-weight:var(--fw-bold);}
  .ps-cond{margin-bottom:var(--sp-5);font-size:var(--fs-small);}
  .ps-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);}
  @media(max-width:760px){.ps-grid{grid-template-columns:1fr;}}
  .ps-card{border:1px solid var(--c-line);border-radius:8px;overflow:hidden;background:#fff;}
  .ps-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-bg-alt);border-bottom:1px solid var(--c-line);}
  .ps-card__no{font-weight:var(--fw-bold);font-size:1.05rem;}
  .ps-card__cat{font-size:var(--fs-caption);background:#0a6ebd;color:#fff;padding:2px 10px;border-radius:3px;white-space:nowrap;}
  .ps-spec{width:100%;border-collapse:collapse;font-size:var(--fs-caption);}
  .ps-spec th,.ps-spec td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--c-line);vertical-align:top;}
  .ps-spec th{width:34%;color:var(--c-text-muted);font-weight:var(--fw-semibold);background:rgba(0,0,0,.02);}
  .ps-card__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--c-line);}
  .ps-btn{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-caption);padding:6px 12px;border-radius:5px;border:1px solid var(--c-line);background:#fff;cursor:pointer;text-decoration:none;color:var(--c-text);}
  .ps-btn--spec{border-color:#0a6ebd;color:#0a6ebd;}
  .ps-btn--cad{border-color:#2e7d32;color:#2e7d32;}
  .ps-btn:hover{background:var(--c-bg-alt);}
  .ps-compat{display:none;padding:var(--sp-3) var(--sp-4);background:rgba(10,110,189,.05);border-top:1px dashed var(--c-line);font-size:var(--fs-caption);line-height:1.7;}
  .ps-compat.is-open{display:block;}
  .ps-card__compat-count{align-self:center;font-size:var(--fs-caption);color:var(--c-text-muted,#666);}
  .ps-compat__more{display:block;margin-top:var(--sp-2);font-weight:700;color:var(--c-text-sub,#555);}
  .ps-empty{padding:var(--sp-7) 0;text-align:center;color:var(--c-text-muted);}
  .ps-note{margin-top:var(--sp-5);font-size:var(--fs-caption);color:var(--c-text-subtle);}
  /* 埋め込み検索パネル */
  .ps-search{background:var(--c-bg-alt);border:1px solid var(--c-line);border-radius:10px;padding:var(--sp-6);margin-bottom:var(--sp-6);}
  .ps-search__actions{margin-top:var(--sp-5);text-align:center;}
  .ps-field{margin-bottom:var(--sp-4);}
  .ps-field label{display:block;font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--c-text-muted);margin-bottom:6px;}
  .ps-field input,.ps-field select{width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-line);border-radius:6px;font-size:var(--fs-body);background:#fff;}
  .ps-field--row{display:flex;gap:var(--sp-3);}
  @media(max-width:520px){.ps-field--row{flex-direction:column;}}
  .ps-field--row>div{flex:1;}
}