/* ==========================================================
   case.css — 買取事例一覧（archive-kaitori_case.php）
              買取事例詳細（single-kaitori_case.php）
              お客様の声セクション
   ========================================================== */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:24px;}
@media (max-width:900px){.case-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.case-grid{grid-template-columns:1fr;}}
.case-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff;display:block;transition:box-shadow .15s, transform .15s;}
.case-card:hover{box-shadow:0 6px 18px rgba(27,43,75,.08);transform:translateY(-1px);}
.case-thumb{
  height:150px;background:linear-gradient(135deg,var(--cream),#eee5d2);overflow:hidden;
  display:flex;align-items:center;justify-content:center;color:var(--gold-dark);font-size:30px;
}
.case-thumb img{width:100%;height:100%;object-fit:cover;}
.case-body{padding:16px 18px;}
.case-cat{display:inline-block;background:var(--gold-dark);color:#fff;font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:4px;margin-bottom:10px;}
.case-title{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:8px;line-height:1.5;}
.case-price{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:4px;}
.case-price span{font-size:11px;font-weight:600;color:var(--muted);margin-right:4px;}
.case-date{font-size:11px;color:var(--muted);}

/* お客様の声 */
.voice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
@media (max-width:760px){.voice-grid{grid-template-columns:1fr;}}
.voice-card{border:1px solid var(--border);border-radius:10px;padding:24px;background:#fff;}
.voice-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.voice-avatar{
  width:44px;height:44px;border-radius:50%;background:var(--cream);border:1.5px solid var(--gold);
  display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--gold-dark);flex-shrink:0;
}
.voice-attr{font-size:12px;color:var(--muted);}
.voice-attr strong{color:var(--navy);font-size:13.5px;display:block;}
.voice-stars{color:var(--gold-dark);font-size:13px;margin-left:auto;white-space:nowrap;}
.voice-tag{display:inline-block;background:var(--cream);border:1px solid var(--border);color:var(--navy);font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px;margin-bottom:10px;}
.voice-comment{font-size:13.5px;color:var(--text);line-height:1.8;}
.voice-box{
  background:var(--cream);border-left:4px solid var(--gold);border-radius:0 8px 8px 0;
  padding:20px 24px;margin:28px 0;
}
.voice-box .attr{font-size:12px;color:var(--muted);margin-bottom:8px;font-weight:600;}
.voice-box p{font-size:13.5px;color:var(--text);font-style:italic;}

/* ===== 買取事例 詳細 ===== */
.case-single .case-cat{margin-bottom:14px;}
.case-single h1{font-size:24px;font-weight:700;color:var(--navy);margin-bottom:16px;line-height:1.5;}
.price-box{
  display:flex;align-items:center;gap:24px;background:var(--cream);border:1px solid var(--border);
  border-radius:10px;padding:22px 26px;margin-bottom:24px;flex-wrap:wrap;
}
.price-box .price{font-size:32px;font-weight:700;color:var(--navy);}
.price-box .price span{font-size:12px;font-weight:600;color:var(--muted);display:block;margin-bottom:4px;}
.price-box .divider{width:1px;height:40px;background:var(--border);}
.price-meta{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted);}
.price-meta strong{color:var(--navy);}

.photo-block{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-bottom:32px;}
@media (max-width:600px){.photo-block{grid-template-columns:1fr 1fr;}}
.photo-item{
  background:linear-gradient(135deg,var(--cream),#eee5d2);border-radius:8px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;color:var(--gold-dark);font-size:28px;aspect-ratio:4/3;
}
.photo-item img{width:100%;height:100%;object-fit:cover;}
.photo-item.main{grid-row:span 2;font-size:44px;}
@media (max-width:600px){.photo-item.main{grid-column:span 2;}}

.case-single h2{font-size:18px;color:var(--navy);margin:34px 0 16px;padding-bottom:10px;border-bottom:2px solid var(--gold);}
.detail-table{width:100%;border-collapse:collapse;margin-bottom:8px;}
.detail-table tr{border-bottom:1px solid var(--border);}
.detail-table tr:first-child{border-top:1px solid var(--border);}
.detail-table th{width:160px;text-align:left;padding:14px 16px;background:var(--cream);color:var(--navy);font-size:13px;font-weight:700;}
.detail-table td{padding:14px 16px;font-size:13.5px;color:var(--text);}
@media (max-width:520px){
  .detail-table, .detail-table tbody, .detail-table tr, .detail-table th, .detail-table td{display:block;width:100%;}
  .detail-table th{padding-bottom:4px;}
  .detail-table td{padding-top:0;padding-bottom:14px;}
}

.staff-box{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--border);border-radius:10px;padding:22px 24px;margin:28px 0;}
.staff-avatar{
  width:48px;height:48px;border-radius:50%;background:var(--cream);border:1.5px solid var(--gold);
  display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--gold-dark);flex-shrink:0;overflow:hidden;
}
.staff-avatar img{width:100%;height:100%;object-fit:cover;}
.staff-box h4{font-size:14px;color:var(--navy);margin-bottom:8px;}
.staff-box p{font-size:13.5px;color:var(--text);}