/* Phase 7: page-specific styles extracted from reviews.php for maintainability. */

/* Original style block 1 */
.blogs-filters { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin-bottom:28px; }
.bf-btn { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.1); color:rgba(255,255,255,0.6); padding:8px 20px; border-radius:50px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; cursor:pointer; transition:0.25s; }
.bf-btn:hover, .bf-btn.active { background:rgba(69,248,130,0.12); border-color:#45F882; color:#45F882; }
.rv-stats { display:flex; flex-wrap:wrap; gap:30px; align-items:center; justify-content:center; background:rgba(255,255,255,0.03); border:1px solid rgba(69,248,130,0.2); border-radius:18px; padding:26px 30px; margin-bottom:26px; }
.rv-avg { text-align:center; }
.rv-avg-num { display:block; font-family:'Goldman',sans-serif; font-size:52px; color:#45F882; line-height:1; }
.rv-avg-stars { color:#FFBE18; font-size:18px; letter-spacing:2px; }
.rv-avg-count { display:block; color:rgba(255,255,255,0.5); font-size:13px; margin-top:6px; }
.rv-bars { flex:1; min-width:240px; max-width:420px; display:flex; flex-direction:column; gap:6px; }
.rv-bar { display:flex; align-items:center; gap:10px; font-size:12px; color:rgba(255,255,255,0.6); }
.rv-bar .lbl { width:38px; } .rv-bar .track { flex:1; height:8px; background:rgba(255,255,255,0.08); border-radius:6px; overflow:hidden; } .rv-bar .fill { height:100%; background:linear-gradient(90deg,#45F882,#2fd06a); } .rv-bar .n { width:28px; text-align:right; }
.rv-write { background:rgba(255,255,255,0.03); border:1px solid rgba(69,248,130,0.2); border-radius:16px; padding:22px; margin-bottom:24px; max-width:720px; margin-left:auto; margin-right:auto; }
.rv-write h4 { color:#fff; font-family:'Rajdhani',sans-serif; margin:0 0 4px; }
.rv-form { display:flex; flex-direction:column; gap:10px; margin-top:12px; }
.rv-in { width:100%; background:rgba(0,0,0,0.35); border:1px solid rgba(255,255,255,0.12); border-radius:10px; color:#fff; padding:12px; font-size:14px; }
.rv-starpick i { font-size:26px; color:rgba(255,255,255,0.3); cursor:pointer; margin-right:4px; transition:.15s; }
.rv-starpick i.on { color:#FFBE18; }
.rv-perk { max-width:720px; margin:0 auto 16px; display:flex; align-items:center; gap:12px; background:linear-gradient(135deg,rgba(255,190,24,0.12),rgba(69,248,130,0.08)); border:1px solid rgba(255,190,24,0.35); border-radius:14px; padding:14px 18px; color:rgba(255,255,255,0.85); font-size:14px; }
.rv-perk i { color:#FFBE18; font-size:22px; flex:0 0 auto; }
.rv-perk strong { color:#FFBE18; }
.rv-reward { display:flex; align-items:flex-start; gap:12px; background:rgba(69,248,130,0.1); border:1px solid rgba(69,248,130,0.4); border-radius:12px; padding:14px 16px; color:#fff; font-size:14px; }
.rv-reward i { color:#45F882; font-size:22px; flex:0 0 auto; }
.rv-reward .rv-code { font-family:'Goldman',sans-serif; letter-spacing:2px; color:#45F882; background:rgba(0,0,0,0.4); border:1px dashed rgba(69,248,130,0.5); border-radius:8px; padding:3px 10px; margin:0 6px; }
.rv-copy { background:none; border:1px solid rgba(255,255,255,0.2); color:rgba(255,255,255,0.7); border-radius:6px; font-size:11px; padding:3px 10px; cursor:pointer; }
.rv-copy:hover { border-color:#45F882; color:#45F882; }
.rv-card { height:100%; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:14px; padding:18px; display:flex; flex-direction:column; transition:.2s; }
.rv-card:hover { border-color:rgba(69,248,130,0.35); transform:translateY(-3px); }
.rv-card .stars { color:#FFBE18; font-size:15px; letter-spacing:1px; margin-bottom:8px; }
.rv-card .txt { color:rgba(255,255,255,0.75); font-size:14px; line-height:1.7; flex:1; margin:0; }
.rv-card .who { margin-top:12px; display:flex; align-items:center; gap:8px; font-size:12px; flex-wrap:wrap; }
.rv-card .who strong { color:#fff; } .rv-card .who .prod { color:rgba(255,255,255,0.4); }
.rv-badge { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; padding:2px 7px; border-radius:20px; }
.rv-badge.v { color:#45F882; background:rgba(69,248,130,0.12); } .rv-badge.m { color:#8b95ff; background:rgba(139,149,255,0.12); }



/* V81 — reviews page polish: cleaner social proof, better filter hierarchy and mobile cards. */
.nx81-reviews-page{background:radial-gradient(circle at 50% 0%,rgba(69,248,130,.085),transparent 30%),linear-gradient(180deg,#050a0f,#071018 45%,#050b10)}
.nx81-reviews-page .space{position:relative}.nx81-reviews-page .space:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(69,248,130,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(69,248,130,.03) 1px,transparent 1px);background-size:100px 100px;opacity:.28}
.nx81-reviews-page .space>.container{position:relative;z-index:1;max-width:1180px}.rv-stats{padding:24px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018))!important;box-shadow:0 20px 48px rgba(0,0,0,.18)}
.rv-avg-num{font-size:58px!important}.rv-bars{max-width:520px!important}.rv-write{max-width:820px!important;padding:22px!important;border-radius:18px!important}.rv-in{min-height:46px!important;border-radius:12px!important}.rv-starpick{padding:10px 0}.rv-starpick i{font-size:28px!important}
.blogs-filters{padding:10px;margin:0 auto 20px!important;width:max-content;max-width:100%;background:rgba(6,12,17,.88);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.06);border-radius:999px}.bf-btn{padding:8px 15px!important}
#rvGrid{row-gap:16px!important}.rv-card,.review-card{height:100%;padding:18px!important;border-radius:17px!important;background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.016))!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:0 14px 34px rgba(0,0,0,.14)}
@media(max-width:767px){.nx81-reviews-page .space>.container{padding-inline:14px}.rv-stats{padding:18px!important;gap:18px!important}.rv-avg-num{font-size:48px!important}.rv-bars{min-width:0!important;width:100%}.rv-write{padding:16px!important}.blogs-filters{border-radius:16px;width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap!important}.bf-btn{flex:0 0 auto}.rv-card,.review-card{padding:15px!important}}