/* Reviews share colors and controls with the rest of the site. */
.rv-compact-hero,.rv-form-hero{padding:36px 0;background:linear-gradient(110deg,#f2e4ed,#e6f0f5);border-bottom:1px solid var(--border)}.rv-compact-hero__inner,.rv-form-hero__inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.rv-compact-hero h1,.rv-form-hero h1{margin:7px 0}.rv-compact-hero p,.rv-form-hero p{font-size:14px;max-width:750px}.rv-form-hero h1{font-size:clamp(1.7rem,2.8vw,2.2rem)}.rv-back-link{font-size:12px;white-space:nowrap;text-decoration:underline}.rv-section{padding:36px 0}.rv-section--compact-summary{padding-bottom:8px}.rv-summary-bar{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;align-items:center;gap:25px;border:1px solid var(--border);border-radius:18px;padding:24px 30px;background:var(--surface)}.rv-summary-bar__score{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.rv-summary-bar__score>span{flex-basis:100%;font-size:12px;color:var(--muted)}.rv-summary-bar__score>strong{font-size:36px;font-weight:600;line-height:1.5}.rv-summary-bar__score small{font-size:13px;color:var(--muted);font-weight:400}.rv-summary-bar__score em{font-style:normal;color:var(--rose);font-size:13px}.rv-summary-bar__stat{border-inline-start:1px solid var(--border);padding-inline-start:28px;display:grid;gap:5px}.rv-summary-bar__stat>span{font-size:11px;color:var(--muted)}.rv-summary-bar__stat strong{font-size:22px;font-weight:500}.rv-summary-bar__stat small{font-size:10px}.rv-summary-bar__action{display:none}.rv-list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.rv-list-head h2{font-size:22px}.rv-review-count{font-size:12px;color:var(--muted)}.rv-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.rv-review-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:22px;min-width:0}.rv-review-card__head{display:flex;align-items:center;gap:11px}.rv-avatar{width:37px;height:37px;border-radius:12px;background:var(--blue-soft);color:var(--accent);display:grid;place-items:center;font-size:13px}.rv-reviewer{display:grid;gap:3px;min-width:0}.rv-reviewer strong{font-size:12px}.rv-reviewer>span{font-size:10px;color:var(--muted)}.rv-review-score{display:flex;align-items:center;gap:5px;margin-inline-start:auto;background:var(--pink-soft);color:var(--rose);font-size:13px;padding:3px 8px;border-radius:7px}.rv-review-score svg{width:14px;height:14px;fill:#e5bbcf}.rv-review-comment{font-size:13px;line-height:2.1;margin:17px 0;overflow-wrap:anywhere}.rv-review-meta{display:flex;gap:6px;flex-wrap:wrap}.rv-pill{font-size:9px;background:#edf2f4;border-radius:5px;padding:4px 8px;color:var(--muted)}.rv-pill--recommend{background:#e8f0ed;color:#496d62}.rv-pill--neutral{background:var(--pink-soft);color:var(--rose)}.rv-mini-metrics{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:13px;margin-top:15px;font-size:9px;color:var(--muted)}.rv-mini-metrics strong{font-size:10px;color:var(--ink)}.rv-review-grid__empty{grid-column:1/-1}.rv-empty-state__icon{font-size:28px;color:var(--rose);margin-bottom:10px}.rv-empty-state p{font-size:13px;margin:10px 0 20px}.rv-success-message,.rv-alert{padding:12px 17px;border:1px solid #c9ded7;background:#e6f0ed;border-radius:10px;margin-bottom:20px;font-size:13px}.rv-alert--error{background:#f7e7ee;border-color:#e8c1d2;color:#954969}.rv-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:26px;align-items:start}.rv-form-card{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:30px}.rv-form-section+.rv-form-section{margin-top:28px;padding-top:28px;border-top:1px solid var(--border)}.rv-form-section__head{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}.rv-step{width:30px;height:30px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--blue-soft);color:var(--accent);font-size:12px}.rv-step--pink{background:var(--pink-soft);color:var(--rose)}.rv-form-section h2{font-size:17px}.rv-form-section__head p{font-size:11px;margin-top:3px}.rv-star-input{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:7px;position:relative;direction:ltr}.rv-star-input input{position:absolute;width:1px;height:1px;opacity:0}.rv-star-input label{font-size:34px;line-height:1;width:42px;height:44px;display:grid;place-items:center;color:#c6d3da;cursor:pointer}.rv-star-input input:checked~label,.rv-star-input label:hover,.rv-star-input label:hover~label{color:#a75e84}.rv-star-input input:focus-visible+label{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.rv-star-input--small{gap:2px}.rv-star-input--small label{font-size:25px;width:35px;height:40px}.rv-rating-grid{display:grid;gap:0}.rv-rating-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e8eef1}.rv-rating-row:last-child{border:0}.rv-rating-row>div:first-child strong{font-size:12px;display:block}.rv-rating-row>div:first-child span{font-size:10px;color:var(--muted);display:block;margin-top:3px}.rv-field-error{color:#954969;font-size:11px;display:block;grid-column:1/-1}.rv-field-title{font-size:13px}.rv-choice-grid{display:flex;gap:12px;margin:12px 0 20px}.rv-choice-card{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:#f4f8f9;padding:12px 18px;border-radius:10px;cursor:pointer;flex:1}.rv-choice-card:has(input:checked){border-color:#83adbc;background:var(--blue-soft)}.rv-choice-card strong{font-size:12px;display:block}.rv-choice-card small{font-size:10px;color:var(--muted);display:block}.rv-choice-card__icon{display:none}.rv-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rv-field-grid--stack{grid-template-columns:1fr}.rv-field label{font-size:12px;display:block;margin-bottom:7px}.rv-field label>span{display:inline;font-size:10px;color:var(--muted);margin-inline-start:5px}.rv-field input,.rv-field textarea{font-size:13px}.rv-input-with-suffix{display:flex;position:relative}.rv-input-with-suffix input{padding-inline-end:65px!important}.rv-input-with-suffix>span{position:absolute;inset-inline-end:14px;top:13px;font-size:11px;color:var(--muted)}.rv-privacy-note{display:flex;gap:12px;background:#eaf3f6;padding:13px;border-radius:10px;margin-top:20px;align-items:center}.rv-privacy-note>span{flex:none;display:grid;place-items:center;border:1px solid #aac2ce;width:22px;height:22px;border-radius:50%;font-size:12px;color:var(--accent)}.rv-privacy-note p{font-size:11px}.rv-form-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.rv-form-actions>a{font-size:12px}.rv-form-aside{display:grid;gap:14px}.rv-aside-card{background:var(--blue-soft);padding:22px;border-radius:16px;border:1px solid var(--border)}.rv-aside-card--gradient{background:linear-gradient(120deg,#e3f0f4,#f2e2ed)}.rv-card-label{font-size:11px;color:var(--rose)}.rv-aside-card h3{font-size:16px;margin:7px 0}.rv-aside-card>strong{font-size:13px}.rv-aside-card p{font-size:12px;margin-top:9px}
@media(max-width:1000px){.rv-review-grid{grid-template-columns:1fr 1fr}.rv-form-layout{grid-template-columns:minmax(0,1fr) 210px;gap:18px}.rv-form-card{padding:22px}.rv-summary-bar{gap:15px;padding:20px}.rv-summary-bar__stat{padding-inline-start:18px}}
@media(max-width:760px){.rv-compact-hero,.rv-form-hero{padding:28px 0}.rv-compact-hero__inner,.rv-form-hero__inner{align-items:flex-start;flex-direction:column;gap:18px}.rv-compact-hero p,.rv-form-hero p{font-size:12px}.rv-compact-hero .rv-primary-btn{font-size:12px;min-height:42px}.rv-summary-bar{grid-template-columns:1fr 1fr;gap:20px;padding:20px}.rv-summary-bar__stat{padding-inline-start:0;border:0}.rv-summary-bar__score strong{font-size:29px}.rv-summary-bar__score em{display:none}.rv-review-grid{grid-template-columns:1fr}.rv-section{padding:26px 0}.rv-section--compact-summary{padding-bottom:0}.rv-form-layout{grid-template-columns:1fr}.rv-form-aside{display:none}.rv-form-card{padding:20px}.rv-form-hero h1{font-size:1.6rem}.rv-rating-row{grid-template-columns:1fr;gap:6px}.rv-star-input--small label{width:40px;height:44px;font-size:28px}.rv-choice-card{padding:12px}.rv-field-grid{grid-template-columns:1fr}.rv-form-section__head{margin-bottom:16px}}

/* ===== Type & size scale (tokens defined in site.css) ===== */
.rv-compact-hero h1,.rv-form-hero h1{font-size:var(--fs-h1);line-height:1.6}
.rv-compact-hero p,.rv-form-hero p{font-size:var(--fs-lead)}
.rv-list-head h2{font-size:var(--fs-h3)}
.rv-form-section h2{font-size:var(--fs-h4)}
.rv-aside-card h3{font-size:var(--fs-title)}
.rv-field label,.rv-field-title,.rv-empty-state p{font-size:var(--fs-sm)}
.rv-field input,.rv-field textarea{font-size:var(--fs-body)}
.rv-field label>span,.rv-input-with-suffix>span,.rv-card-label,.rv-summary-bar__score>span,.rv-summary-bar__stat>span,.rv-summary-bar__stat small{font-size:var(--fs-xs)}
.rv-compact-hero .rv-primary-btn{min-height:var(--control-h);font-size:var(--fs-body)}
.rv-rating-row>div:first-child strong,.rv-choice-card strong{font-size:var(--fs-sm)}
.rv-rating-row>div:first-child span,.rv-choice-card small{font-size:var(--fs-xs)}

/* ===== UX layer (tokens in site.css): same page header as other pages ===== */
.rv-compact-hero,.rv-form-hero{padding-block:clamp(32px,1.25rem + 2.6vw,56px);background:linear-gradient(115deg,#f3e7ee,#e6f0f5)}
.rv-compact-hero h1,.rv-form-hero h1{margin:8px 0 6px}
.rv-compact-hero p,.rv-form-hero p{max-width:640px}
.rv-summary-bar,.rv-review-card,.rv-form-card,.rv-aside-card,.rv-empty-state{box-shadow:var(--shadow-card)}
.rv-review-card,.rv-choice-card{transition:border-color .2s,box-shadow .2s,transform .2s var(--ease)}
@media(hover:hover){.rv-review-card:hover{box-shadow:var(--shadow-raise);transform:translateY(-3px)}.rv-choice-card:hover{border-color:#97b9c6}}

/* Star rating: drawn stars instead of the font glyph; fills from the right like Persian text */
.rv-star-input{direction:rtl;justify-content:flex-end;gap:4px}
.rv-star-input label{position:relative;width:46px;height:46px;display:grid;place-items:center;font-size:0;color:transparent;border-radius:12px;transition:background-color .15s}
.rv-star-input label::before{content:'';width:32px;height:32px;background:#d3dfe4;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.4l-5.8 3.1 1.1-6.5L2.6 9.4l6.5-.9z' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.4l-5.8 3.1 1.1-6.5L2.6 9.4l6.5-.9z' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:background-color .15s,transform .2s var(--ease)}
/* Selected stars are filled; while hovering, the hovered range previews the new value. */
.rv-star-input:not(:hover) input:checked~label::before,.rv-star-input label:hover::before,.rv-star-input label:hover~label::before{background:#a75e84}
.rv-star-input label:hover::before{transform:scale(1.15)}
.rv-star-input label:hover{background:var(--pink-soft)}
.rv-star-input--small label{width:38px;height:40px}
.rv-star-input--small label::before{width:24px;height:24px}
