[data-cs-reviews]{
  --csr-ink:#16120e;--csr-muted:#6a6059;--csr-faint:#9d9087;
  --csr-card:#fff;--csr-tinted:#f5efe7;--csr-line:rgba(22,18,14,.08);--csr-line2:rgba(22,18,14,.14);
  --csr-sand:#b08a5e;--csr-ok:#1f7a4f;--csr-ok-bg:#e8f4ed;--csr-err:#8c2e1f;--csr-err-bg:#fbeae6;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--csr-ink);margin-top:32px;
}
.csr-loading{padding:32px;text-align:center;color:var(--csr-faint);font-size:13px}
.csr-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:var(--csr-card);border:1px solid var(--csr-line);border-radius:14px;margin-bottom:16px;flex-wrap:wrap}
.csr-bar__left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.csr-avg{font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;font-weight:500;line-height:1}
.csr-stars{display:inline-flex;gap:1px}
.csr-count{font-size:12px;color:var(--csr-muted)}
.csr-write{height:38px;padding:0 18px;background:var(--csr-ink);color:#fff;border:none;border-radius:999px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}
.csr-write:hover{opacity:.85}
.csr-form{background:var(--csr-card);border:1px solid var(--csr-line);border-radius:14px;padding:20px;margin-bottom:16px}
.csr-form h4{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;font-weight:500;margin:0 0 16px}
.csr-row{margin-bottom:12px}
.csr-row label{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--csr-muted);margin-bottom:6px}
.csr-opt{font-weight:400;text-transform:none;letter-spacing:0}
.csr-row input,.csr-row textarea{width:100%;padding:10px 12px;border:1.5px solid var(--csr-line2);border-radius:10px;font-family:inherit;font-size:14px;color:var(--csr-ink);background:var(--csr-card);outline:none;transition:border-color .15s,box-shadow .15s}
.csr-row input:focus,.csr-row textarea:focus{border-color:var(--csr-sand);box-shadow:0 0 0 3px rgba(176,138,94,.1)}
.csr-row textarea{resize:vertical;min-height:88px;line-height:1.5}
.csr-rating{display:flex;gap:3px;margin-top:2px}
.csr-rstar{background:none;border:none;padding:3px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.csr-rstar:hover{transform:scale(1.12)}
.rstar-path{fill:rgba(22,18,14,.18);transition:fill .14s}
.csr-form-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}
.csr-cancel,.csr-submit{height:38px;padding:0 18px;border-radius:999px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.csr-cancel{background:transparent;color:var(--csr-muted);border:1px solid var(--csr-line2)}
.csr-submit{background:var(--csr-ink);color:#fff;border:none}
.csr-submit:disabled{opacity:.6;cursor:not-allowed}
.csr-msg{margin-top:10px;padding:9px 12px;border-radius:8px;font-size:12px;display:none}
.csr-msg--ok{display:block;background:var(--csr-ok-bg);color:var(--csr-ok)}
.csr-msg--err{display:block;background:var(--csr-err-bg);color:var(--csr-err)}
.csr-list{display:flex;flex-direction:column;gap:10px}
.csr-item{background:var(--csr-card);border:1px solid var(--csr-line);border-radius:12px;padding:16px 18px}
.csr-item header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.csr-item__meta{display:flex;flex-direction:column;gap:2px}
.csr-item__meta strong{font-size:13px;font-weight:600}
.csr-item__meta time{font-size:11px;color:var(--csr-muted)}
.csr-item__title{font-size:14px;font-weight:600;margin:0 0 4px}
.csr-item__body{font-size:13px;line-height:1.55;margin:0;white-space:pre-wrap;word-break:break-word}
.csr-empty{padding:28px 16px;text-align:center;font-size:13px;color:var(--csr-muted);background:var(--csr-card);border:1px dashed var(--csr-line2);border-radius:12px}
@media(max-width:600px){.csr-form{padding:16px}.csr-form-footer{flex-direction:column-reverse}.csr-cancel,.csr-submit{width:100%}}

/* ── Edit form ─────────────────────────────────────────────── */
.csr-edit-form { border-left: 3px solid #b08a5e; }
.csr-edit-btn {
  background: none;
  border: 1px solid rgba(22,18,14,.14);
  color: var(--csr-muted, #6a6059);
  font-size: 11px; font-weight: 600; font-family: inherit;
  padding: 4px 12px; border-radius: 999px;
  cursor: pointer; margin-top: 8px;
  transition: border-color .14s, color .14s;
}
.csr-edit-btn:hover { border-color: var(--csr-ink, #16120e); color: var(--csr-ink, #16120e); }

.csr-item__actions { margin-top: 8px; }

/* ── Review images ─────────────────────────────────────────── */
.csr-item__photos {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin-top: 10px;
}
.csr-item__photo-link { display: block; }
.csr-item__photo {
  width: 72px; height: 72px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid rgba(22,18,14,.08);
}

/* ── Photo upload preview ──────────────────────────────────── */
.csr-photo-preview {
  display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px;
}
.csr-photo-thumb img {
  width: 64px; height: 64px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid rgba(22,18,14,.08);
}

/* ── Edited badge ──────────────────────────────────────────── */
.csr-edited {
  font-size: 10px;
  color: var(--csr-muted, #6a6059);
  background: rgba(22,18,14,.05);
  border-radius: 4px;
  padding: 1px 6px;
  margin-left: 6px;
}
