.customer-feedback-section{
  padding:88px clamp(20px,8vw,125px);
  background:linear-gradient(135deg,#fffaf4,#f7fbf6);
  border-block:1px solid rgba(23,72,71,.10);
}
.customer-feedback-layout{
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(330px,.97fr);
  gap:clamp(24px,4vw,56px);
  align-items:start;
}
.feedback-copy{max-width:640px}
.feedback-copy h2{
  margin:8px 0 12px;
  color:var(--forest-deep);
  font-size:clamp(2rem,3.2vw,3rem);
}
.feedback-copy>p{margin:0;color:var(--muted);line-height:1.85}
.feedback-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:26px;
}
.feedback-card{
  padding:18px;
  border:1px solid rgba(23,72,71,.12);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 24px rgba(23,72,71,.06);
}
.feedback-card.is-pinned{border-color:rgba(127,37,57,.32)}
.feedback-card-top,.feedback-card footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.feedback-stars{color:#b78551;letter-spacing:2px;white-space:nowrap}
.feedback-type{
  padding:5px 9px;
  border-radius:99px;
  background:#edf5ef;
  color:#17623e;
  font-size:.75rem;
  font-weight:800;
}
.feedback-card p{margin:15px 0;color:#405454;line-height:1.9;font-size:.91rem}
.feedback-card footer{
  padding-top:12px;
  border-top:1px solid #eef0eb;
  color:#718080;
  font-size:.78rem;
}
.feedback-card footer strong{color:var(--forest-deep)}
.feedback-empty{
  grid-column:1/-1;
  padding:18px;
  border:1px dashed rgba(23,72,71,.22);
  border-radius:16px;
  background:#fff;
  color:var(--muted);
}
.feedback-form-wrap{
  padding:28px;
  border:1px solid rgba(127,37,57,.16);
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 38px rgba(23,72,71,.08);
}
.feedback-form-wrap h3{margin:0 0 8px;color:var(--forest-deep)}
.feedback-form-wrap>p{margin:0 0 18px;color:var(--muted);line-height:1.75}
.feedback-rating{margin:0 0 18px}
.feedback-rating-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
  color:var(--forest-deep);
  font-weight:800;
}
.feedback-rating-note{color:var(--muted);font-size:.8rem;font-weight:600}
.feedback-star-buttons{
  display:flex;
  direction:ltr;
  justify-content:flex-end;
  gap:7px;
}
.feedback-star-buttons button{
  width:42px;
  height:42px;
  border:1px solid #eadfce;
  border-radius:12px;
  background:#fffaf5;
  color:#c7b8a7;
  font:inherit;
  font-size:1.34rem;
  cursor:pointer;
}
.feedback-star-buttons button:hover,
.feedback-star-buttons button.selected{
  color:#b78551;
  border-color:#d8aa77;
}
.feedback-status{min-height:22px;margin:12px 0 0;font-size:.88rem;font-weight:700}
.feedback-status.success{color:#237047}
.feedback-status.error{color:#a12f2f}
@media(max-width:980px){
  .customer-feedback-layout{grid-template-columns:1fr}
}
@media(max-width:620px){
  .customer-feedback-section{padding:62px 20px}
  .feedback-list{grid-template-columns:1fr}
  .feedback-form-wrap{padding:20px}
}