:root {
  --qx-sand1: #D4A373;
  --qx-sand2: #B08C23;
  --qx-text: #2f2410;
  --qx-muted: #5e4e2f;
  --qx-bg-form: rgba(255,255,255,0.95);
}

.me-reviews {
  background: linear-gradient(135deg, var(--qx-sand1), var(--qx-sand2));
  color: var(--qx-text);
  padding: 2.5rem 0 3rem;
}
.me-reviews .reviews-head { text-align:center; margin-bottom:1.3rem; }
.me-reviews .reviews-head .sub { color:var(--qx-muted); }

/* --- Carousel --- */
.qx-reviews-carousel { overflow:hidden; }
.qx-reviews-track {
  display:flex; gap:1rem; transition:transform .6s ease;
}
.qx-review-slide { flex:0 0 360px; }
.qx-review-card {
  background:rgba(255,255,255,.75);
  border-radius:18px;
  box-shadow:0 4px 16px rgba(0,0,0,.15);
  padding:1.2rem 1.3rem;
  backdrop-filter:blur(3px);
}
.qx-review-stars { color:#B08C23; font-size:1.15rem; }
.qx-review-text { margin:.8rem 0; font-size:1rem; line-height:1.6; }
.qx-review-meta { text-align:right; font-weight:600; color:var(--qx-muted); }

/* --- Button --- */
.qx-add-review {
  display:block;
  margin:1.5rem auto 0;
  background:#fff;
  color:var(--qx-text);
  font-weight:600;
  padding:.7rem 1.4rem;
  border-radius:12px;
  border:2px solid rgba(0,0,0,.15);
  cursor:pointer;
  transition:.3s ease;
}
.qx-add-review:hover { background:rgba(255,255,255,.9); transform:translateY(-1px); }

/* --- Form slide --- */
.qx-form-wrap { max-width:720px; margin:0 auto; overflow:hidden; position:relative; height:0; transition:height .6s ease; }
.qx-review-form {
  background:var(--qx-bg-form);
  border-radius:16px;
  padding:1rem 1.2rem;
  transform:translateY(100%);
  opacity:0;
  transition:transform .6s ease, opacity .6s ease;
}
.qx-review-form.active { transform:translateY(0); opacity:1; }
.qx-form-wrap.active { height:auto; }

.qx-review-form .field { display:grid; gap:.4rem; margin-bottom:.9rem; }
.qx-review-form input[type="text"], .qx-review-form textarea {
  border:1px solid rgba(0,0,0,.1);
  border-radius:10px;
  padding:.65rem .8rem;
  font-size:1rem;
  width:100%;
}
.stars-input { display:flex; gap:.2rem; font-size:1.4rem; color:#B08C23; }
.stars-input .s { background:transparent; border:none; cursor:pointer; opacity:.4; transition:opacity .2s ease; }
.stars-input .s.is-on { opacity:1; }
.qx-review-form .btn.btn-primary {
  background:var(--qx-sand2);
  color:#fff;
  border:0;
  border-radius:8px;
  padding:.65rem 1.3rem;
  font-weight:600;
}
.form-msg { margin-top:.5rem; font-size:.9rem; }
.form-msg.ok { color:#166534; }
.form-msg.err { color:#991b1b; }

@media (max-width:640px){ .qx-review-slide{flex:0 0 85%;} }