/* assets/css/parts.css — 追加コンポーネントCSS */

/* ヘッダースクロール影 */
#site-header.is-scrolled { box-shadow: 0 4px 20px rgba(0,0,0,.12); }

/* 車両カード */
.car-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap: 2rem; }
.car-card { background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.08); transition:transform .3s,box-shadow .3s; display:flex; flex-direction:column; }
.car-card:hover { transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,.14); }
.car-card__thumb { aspect-ratio:4/3; overflow:hidden; background:#93d1d4; }
.car-card__thumb img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.car-card:hover .car-card__thumb img { transform:scale(1.05); }
.car-card__body { padding:1.25rem; flex:1; display:flex; flex-direction:column; }
.car-card__name { font-family:'Noto Serif JP',serif; font-size:1.05rem; margin-bottom:.3rem; }
.car-card__price { font-family:'Outfit',sans-serif; font-size:1.4rem; font-weight:700; color:#d66c2f; margin-bottom:.4rem; }
.car-card__spec { font-size:.82rem; color:#666; margin-top:auto; }

/* フォーム */
.form-field { margin-bottom:1.5rem; }
.form-field label { display:block; font-weight:700; font-size:.9rem; margin-bottom:.4rem; }
.form-field input[type="text"],
.form-field input[type="email"],
.form-field input[type="tel"],
.form-field select,
.form-field textarea {
  width:100%; padding:.7rem 1rem; border:1px solid #ddd; border-radius:6px;
  font-family:'M PLUS Rounded 1c',sans-serif; font-size:1rem; transition:border-color .2s; background:#fff;
}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus {
  outline:none; border-color:#00a5b1; box-shadow:0 0 0 3px rgba(0,165,177,.15);
}
.form-field textarea { min-height:160px; resize:vertical; }
.form-field .required { display:inline-block; background:#e66c53; color:#fff; font-size:.7rem; font-weight:700; padding:.1rem .45rem; border-radius:99px; margin-left:.4rem; vertical-align:middle; }

/* ユーティリティ */
.text-center { text-align:center; }
.text-main { color:#00a5b1; }
.text-accent { color:#d66c2f; }
.bg-light { background:#fde9c1; }
