/* Shared review presentation. Customer-supplied feedback and design examples remain distinct. */
#reviews{background:#f7f7f7;color:#191919;padding:80px 0}
#reviews .wrap{max-width:1280px}
#reviews .rhead{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}
#reviews .eyebrow{color:#656565;font:600 .8rem/1.5 Manrope,Arial,sans-serif;letter-spacing:.14em;margin-bottom:12px}
#reviews h2{color:#191919;font:700 clamp(2rem,3.5vw,2.75rem)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.04em}
.review-preview-tag{display:inline-flex;border:1px solid #cecece;border-radius:4px;padding:7px 10px;color:#535353;font:500 .875rem/1.5 Manrope,Arial,sans-serif;flex-shrink:0}
.review-notice{color:#535353;background:#eee;border-left:3px solid #919191;padding:14px 18px;font:400 .875rem/1.65 Manrope,Arial,sans-serif;margin:0 0 32px}
.review-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:38px;align-items:start}
.review-summary{padding:24px 0;position:sticky;top:24px;min-width:0}
.review-summary-label{font:700 1.125rem/1.4 Manrope,Arial,sans-serif;color:#191919;margin:0 0 16px}
.rsum{display:flex;gap:20px;align-items:center;font-family:Manrope,Arial,sans-serif;flex-wrap:wrap}
.rsum .big{font:700 3.5rem/1 Manrope,Arial,sans-serif;color:#191919;letter-spacing:-.05em;white-space:nowrap}
.review-outof{font-size:1.125rem;color:#686868;font-weight:400;letter-spacing:0;margin-left:8px}
.rsum .lbl{display:flex;flex-direction:column;gap:7px;color:#595959;font:400 .875rem/1.5 Manrope,Arial,sans-serif}
.rsum .lbl b{font-size:.875rem;color:#3b3b3b;font-weight:500}
.review-summary .rsum{flex-direction:column;align-items:flex-start;gap:18px}
.review-summary .rsum .tps{margin-bottom:5px}
.review-summary-note{font-size:.8rem;color:#666}
.tps{display:inline-flex;gap:3px;--rs:1!important}
.tps i{display:block;width:25px;height:25px;background:#00b67a;mask:none;-webkit-mask:none;position:relative;border-radius:0;flex:none}
.tps i::after{content:'';display:block;position:absolute;inset:4px 3px;background:#fff;clip-path:polygon(50% 0%,61.8% 35%,100% 35%,69% 58%,81% 95%,50% 72%,19% 95%,31% 58%,0% 35%,38.2% 35%)}
.tps i.half{background:linear-gradient(90deg,#00b67a 80%,#dcdce5 80%)}
.tps i.off{background:#dcdce5}
header .header-rating .tps i::after{inset:2px}
.tp-stars i{background:#00b67a}
.tp-stars i:last-child{background:linear-gradient(90deg,#00b67a var(--f,100%),#dcdce5 var(--f,100%))}
.rbars{display:grid;color:#4b4b4b;font:400 .875rem/1.5 Manrope,Arial,sans-serif;gap:12px 10px;grid-template-columns:max-content minmax(0,1fr) 36px;align-items:center;margin:28px 0 20px;width:100%;font-variant-numeric:tabular-nums}
.rbars>span:nth-child(3n){text-align:right}
.rbars i{display:block;height:10px;background:#e4e4e7;border-radius:2px;overflow:hidden}
.rbars i b{display:block;height:100%;background:#00b67a;border-radius:2px}
.review-summary-foot{border-top:1px solid #dedede;padding-top:18px;color:#666;font:400 .8rem/1.6 Manrope,Arial,sans-serif}
.review-feed{min-width:0}
.rgroup-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 16px;font-family:Manrope,Arial,sans-serif}
.rgroup-title h3{font:700 1rem/1.5 Manrope,Arial,sans-serif;color:#191919;margin:0}
.rgroup-title>span{font-size:.8rem;color:#666;white-space:nowrap}
.rgroup-more{margin-top:36px}
.review-example-note{color:#656565;font:400 .875rem/1.6 Manrope,Arial,sans-serif;margin:-6px 0 18px}
.rgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.rcard{--rs:1!important;container-type:normal;display:flex;flex-direction:column;padding:22px!important;border:1px solid #e1e1e1;border-radius:3px;background:#fff;box-shadow:0 1px 2px #00000005;gap:14px;font-family:Manrope,Arial,sans-serif;min-width:0;color:#191919}
.rcard .rwho{display:grid;grid-template-columns:40px minmax(0,1fr);gap:5px 11px;margin:0;align-items:center}
.rcard .rav{width:40px;height:40px;border-radius:50%;background:#e6edf4;color:#344c66;font:600 .8rem/1 Manrope,Arial,sans-serif;letter-spacing:.02em;grid-row:1/3;display:grid;place-items:center}
.rcard:nth-child(4n+2) .rav{background:#f1e9d8;color:#6b542e}
.rcard:nth-child(4n+3) .rav{background:#e8e3f0;color:#635176}
.rcard:nth-child(4n+4) .rav{background:#e1ede7;color:#3b6550}
.rcard .rnm{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.rcard .rwho b{color:#191919;font-size:.9375rem;line-height:1.4;font-weight:700;white-space:normal;letter-spacing:0;overflow-wrap:anywhere}
.rcard .rline{line-height:1.5;font-size:.8rem;color:#6b6b6b;flex-basis:auto}
.rcard .rver{display:block;grid-column:2;color:#626262;background:none;font:400 .75rem/1.4 Manrope,Arial,sans-serif;padding:0;border-radius:0;letter-spacing:0}
.rcard .rtop{display:flex;justify-content:space-between;align-items:center;margin:2px 0 0;gap:10px;flex-wrap:wrap;padding-top:16px;border-top:1px solid #eee}
.rcard .rdate{color:#6b6b6b;font:400 .75rem/1.5 Manrope,Arial,sans-serif;white-space:normal}
.rcard h3,.rvpop-body .rcard h3{font-size:1.0625rem;line-height:1.45;letter-spacing:-.01em;font-weight:700;margin:1px 0 0;color:#191919}
.rcard p,.rvpop-body .rcard p{font-size:1rem;line-height:1.65;margin:0;color:#3b3b3b}
.rcard .exp{color:#6b6b6b;font-size:.75rem;line-height:1.6;border-top:1px solid #eee;padding-top:14px;margin-top:auto}
#reviews .rfoot{color:#656565;font:400 .8rem/1.6 Manrope,Arial,sans-serif;max-width:760px;margin:32px auto 0;text-align:center}
.rvpop{background:rgba(18,18,18,.65);backdrop-filter:blur(4px)}
.rvpop-card{max-width:820px;background:#f7f7f7;border:1px solid #ddd;border-radius:8px;color:#191919;box-shadow:0 28px 90px #0005}
.rvpop-head{background:#fff;border-color:#e1e1e1;padding:24px;gap:18px}
.rvpop-head .rsum{flex-wrap:nowrap}
.rvpop-head .rsum .big{font-size:2.75rem}
.rvpop-x{min-height:44px;padding:0 16px;border:1px solid #bcbcbc;border-radius:4px;color:#333;font:600 .875rem/1 Manrope,Arial,sans-serif;background:#fff}
.rvpop-x:hover,.rvpop-back:hover{background:#f0f0f0}
.rvpop-body{padding:24px;gap:18px}
.rvpop-body .review-notice{margin:0}
.rvpop-body .rbars{padding:0 0 24px;margin:4px 0;border-bottom:1px solid #ddd}
.rvpop-body .rcard{padding:24px!important}
.rvpop-body .rgroup-title{margin:0}
.rvpop-body .rgroup-more{margin-top:16px}
.rvpop-body .review-example-note{margin:0}
.rvpop-foot{padding:16px 24px calc(16px + env(safe-area-inset-bottom));background:#fff;border-color:#e1e1e1}
.rvpop-back{border:1px solid #bcbcbc;border-radius:4px;color:#333;font:600 .875rem/1.4 Manrope,Arial,sans-serif;min-height:46px;background:#fff}
.rvpop-foot .rvpop-buy{border-radius:4px;min-height:46px;font-size:.875rem;letter-spacing:0;white-space:normal;line-height:1.45;padding:10px 14px}
.rvpop-x:focus-visible,.rvpop-back:focus-visible{outline:3px solid #007a52;outline-offset:3px}
@media(max-width:1050px){.review-layout{grid-template-columns:220px minmax(0,1fr);gap:26px}.rgrid{grid-template-columns:1fr}}
@media(max-width:760px){#reviews{padding:56px 0}#reviews .rhead{align-items:flex-start;flex-direction:column;gap:16px}.review-layout{grid-template-columns:1fr;gap:28px}.review-summary{position:static;padding:24px;background:#fff;border:1px solid #e1e1e1;border-radius:3px}.review-summary .rsum{flex-direction:row;align-items:center;gap:24px}.review-summary .rbars{max-width:none}.review-notice{margin-bottom:24px}.rgroup-more{margin-top:28px}}
@media(max-width:640px){.rvpop-card{border-radius:8px 8px 0 0}.rvpop-head{padding:18px 16px;align-items:flex-start;flex-wrap:wrap}.rvpop-head .rsum{gap:12px}.rvpop-head .rsum .big{font-size:2.25rem}.rvpop-head .rsum .review-outof{font-size:.875rem;margin-left:5px}.rvpop-head .rsum .tps i{width:21px;height:21px}.rvpop-body{padding:16px}.rvpop-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap}.rvpop-foot .rvpop-buy{flex-basis:100%;order:-1}.rvpop-body .rcard,.rcard{padding:20px!important}}
