/* product-reviews.css — per-product reviews block (House of Canopies).
   Bracketed as its own zone (rules top and bottom) so it never blends into
   Product details above or Downloads below. Editorial hairlines, tabular
   score, JB-style numbered pager. --green = action only; amber carries stars. */

.prodrev{margin:2.75rem 0;padding:2.5rem 0;border-top:1px solid var(--rule,#e6e6e2);border-bottom:1px solid var(--rule,#e6e6e2)}

.prodrev__head{margin-bottom:1.5rem}
.prodrev__head .eyebrow{margin:0 0 .55rem}
.prodrev__title{font-size:1.4rem;font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0;text-transform:none;color:#171714}
.prodrev__sub{margin:.5rem 0 0;color:#4a4a45;font-size:.95rem;max-width:48ch}
.prodrev__sub a{color:var(--green,#5c8d3f);font-weight:600;text-decoration:none}
.prodrev__sub a:hover{text-decoration:underline}

/* aggregate (pure mode) */
.prodrev__agg{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.prodrev__score{font-size:2.5rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:#171714}
.prodrev__stars span,.prodrev-card__stars span{color:#dcdcd6;font-size:1.05rem;letter-spacing:.08em}
.prodrev__stars span.on,.prodrev-card__stars span.on{color:var(--amber,#e6a417)}
.prodrev__based{font-size:.72rem;color:#6b6b66;text-transform:uppercase;letter-spacing:.09em}

/* list — hairline-separated rows, no boxes */
.prodrev__list{display:block}
.prodrev-card{margin:0;padding:1.4rem 0;border-top:1px solid var(--rule,#ececE8)}
.prodrev-card:first-child{border-top:0;padding-top:0}
.prodrev-card__stars{margin-bottom:.5rem;letter-spacing:.08em}
.prodrev-card__subject{font-weight:650;margin:0 0 .35rem;font-size:1.02rem;color:#171714}
.prodrev-card__body{margin:0 0 .65rem;color:#33332e;line-height:1.6;font-size:.98rem}
.prodrev-card__by{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;font-size:.82rem}
.prodrev-card__name{font-weight:700;color:#1a1a17}
.prodrev-card__chip{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5c8d3f;border:1px solid rgba(92,141,63,.45);border-radius:3px;padding:.1rem .4rem;line-height:1.4}
.prodrev-card__date{color:#8a8a84;text-transform:uppercase;letter-spacing:.07em;font-size:.7rem}

/* pager — JB-style squares, graphite active */
.prodrev__pager{margin-top:1.6rem}
.prodrev-pager{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.prodrev-pager button{min-width:34px;height:34px;padding:0 9px;background:#fff;border:1px solid var(--rule,#d8d8d2);border-radius:2px;font:inherit;font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums;color:#1a1a17;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .12s,background .12s,color .12s}
.prodrev-pager button:hover:not(:disabled):not(.is-on){border-color:var(--green,#5c8d3f);color:var(--green,#5c8d3f)}
.prodrev-pager button.is-on{background:var(--ink,#171714);border-color:var(--ink,#171714);color:#fff;cursor:default}
.prodrev-pager button:disabled{opacity:.35;cursor:default}
.prodrev-pager__gap{color:#9a9a94;padding:0 2px;font-size:.82rem}

/* write */
.prodrev__writebtn{margin-top:1.6rem;background:none;border:0;padding:0;font:inherit;font-size:.78rem;font-weight:700;color:#1a1a17;cursor:pointer;text-transform:uppercase;letter-spacing:.07em}
.prodrev__writebtn:hover{color:var(--green,#5c8d3f)}
.prodrev__banner{margin:0 0 1.25rem;padding:.75rem 1rem;border-radius:2px;font-size:.9rem}
.prodrev__banner--good{background:#eef5e8;border:1px solid #cfe2bf;color:#33521f}
.prodrev__banner--warn{background:#fdf3e7;border:1px solid #f0d5a8;color:#7a4d12}
.prodrev__write{margin-top:1.5rem;max-width:32rem}
.prodrev-field{margin-bottom:.9rem;display:flex;flex-direction:column;gap:.3rem}
.prodrev-field label{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:#6b6b66;font-weight:700}
.prodrev-field input,.prodrev-field select,.prodrev-field textarea{font:inherit;padding:.55rem .65rem;border:1px solid var(--rule,#d0d0ca);border-radius:2px;background:#fff;color:#1a1a17}
.prodrev-field input:focus,.prodrev-field select:focus,.prodrev-field textarea:focus{outline:2px solid var(--green,#5c8d3f);outline-offset:1px;border-color:transparent}
.prodrev-field textarea{resize:vertical;min-height:6rem}
.prodrev-opt{font-weight:400;text-transform:none;letter-spacing:0;color:#9a9a94}
.prodrev-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.prodrev__submit{margin-top:.25rem;background:var(--green,#5c8d3f);color:#fff;border:0;border-radius:2px;padding:.65rem 1.4rem;font:inherit;font-weight:700;cursor:pointer}
.prodrev__submit:hover{filter:brightness(.95)}

@media(max-width:640px){.prodrev__score{font-size:2rem}.prodrev__title{font-size:1.2rem}}