.vouches-heading { padding:78px 7% 48px; position:relative; }
.vouches-heading h1 { font-size:clamp(3.4rem,7vw,6rem); letter-spacing:-.09em; line-height:.9; margin:22px 0 26px; }
.vouches-heading h1 em { color:#a98cff; font-style:normal; }
.vouches-heading>p:last-of-type { color:var(--muted); line-height:1.6; max-width:470px; }
.vouches-summary { align-items:center; background:rgba(17,22,37,.72); border:1px solid var(--line); display:flex; gap:18px; margin-top:30px; max-width:max-content; padding:13px 16px; }
.vouches-summary div { align-items:baseline; display:flex; gap:8px; }.vouches-summary strong { color:#fff; font-size:1.25rem; }
.vouches-summary span { color:var(--muted); font-family:var(--mono); font-size:.6rem; letter-spacing:.08em; text-transform:uppercase; }
.vouches-summary i { background:var(--line); height:22px; margin:0 8px; width:1px; }
.vouches-list { display:grid; gap:14px; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0 0 70px; }
.vouch-controls { align-items:center; display:flex; grid-column:1 / -1; justify-content:space-between; margin-bottom:2px; }
.vouch-page-numbers { display:flex; gap:6px; }.vouch-page-button,.vouch-page-number { background:rgba(17,22,37,.82); border:1px solid var(--line); color:var(--muted); cursor:pointer; font-family:var(--mono); font-size:.6rem; letter-spacing:.05em; padding:9px 11px; text-transform:uppercase; transition:background .2s,border-color .2s,color .2s; }.vouch-page-number { min-width:32px; padding-left:7px; padding-right:7px; }.vouch-page-button:hover:not(:disabled),.vouch-page-number:hover,.vouch-page-number.active { background:rgba(141,112,238,.22); border-color:#a98cff; color:#fff; }.vouch-page-button:disabled { cursor:not-allowed; opacity:.35; }
.vouch-card { animation:vouchRise .7s both; background:linear-gradient(145deg,rgba(17,22,37,.9),rgba(12,16,31,.82)); border:1px solid var(--line); min-height:220px; overflow:hidden; padding:22px; position:relative; transition:border-color .25s,box-shadow .25s,transform .25s; }
.vouch-card::before { background:linear-gradient(110deg,transparent 30%,rgba(169,140,255,.16),transparent 70%); content:''; inset:0; pointer-events:none; position:absolute; transform:translateX(-120%); transition:transform .7s ease; }
.vouch-card:hover { border-color:rgba(169,140,255,.66); box-shadow:0 18px 42px rgba(0,0,0,.26); transform:translateY(-5px); }
.vouch-card:hover::before { transform:translateX(120%); }
.vouch-card:nth-child(2) { animation-delay:.06s; }.vouch-card:nth-child(3) { animation-delay:.12s; }.vouch-card:nth-child(4) { animation-delay:.18s; }.vouch-card:nth-child(5) { animation-delay:.24s; }.vouch-card:nth-child(6) { animation-delay:.3s; }.vouch-card:nth-child(7) { animation-delay:.36s; }.vouch-card:nth-child(8) { animation-delay:.42s; }.vouch-card:nth-child(9) { animation-delay:.48s; }.vouch-card:nth-child(10) { animation-delay:.54s; }
.vouch-top { align-items:center; display:flex; justify-content:space-between; }
.vouch-index { color:var(--muted); font-family:var(--mono); font-size:.64rem; }
.vouch-stars { color:#f5cc6d; filter:drop-shadow(0 0 8px rgba(245,204,109,.24)); font-size:.95rem; letter-spacing:.12em; }
.vouch-card>p { color:#d7d5e3; font-size:.9rem; line-height:1.65; margin:31px 0 30px; max-width:470px; }
.vouch-customer { align-items:center; border-top:1px solid rgba(242,241,247,.1); display:flex; gap:10px; padding-top:15px; }
.customer-avatar { align-items:center; background:linear-gradient(145deg,#a98cff,#62dc88); border-radius:50%; color:#0d0b18; display:flex; font-family:var(--mono); font-size:.55rem; font-weight:700; height:29px; justify-content:center; width:29px; }
.vouch-customer strong,.vouch-customer small { display:block; }.vouch-customer strong { color:#fff; font-family:var(--mono); font-size:.64rem; font-weight:400; text-transform:uppercase; }.vouch-customer small { color:var(--muted); font-family:var(--mono); font-size:.56rem; margin-top:3px; text-transform:uppercase; }.verified-mark { align-items:center; background:#62dc88; border-radius:50%; color:#07110c; display:flex; font-size:.64rem; height:17px; justify-content:center; margin-left:auto; width:17px; }
@keyframes vouchRise { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
.vouches-shell footer a { color:var(--ink); text-decoration:none; }.vouches-shell footer a:hover { color:#a98cff; }
.product-vouches { border-top:1px solid var(--line); padding:32px 0 70px; }
.product-vouches .section-heading { align-items:center; display:grid; gap:22px; grid-template-columns:40px 1fr auto; margin-bottom:24px; }
.product-vouches h2 { font-size:1.8rem; letter-spacing:-.06em; margin-top:8px; }
.product-vouches-label { color:#62dc88; font-family:var(--mono); font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; }
.product-vouch-grid { display:grid; gap:10px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.product-vouch-row { align-items:center; background:rgba(17,22,37,.72); border:1px solid var(--line); display:flex; gap:18px; justify-content:space-between; padding:16px 18px; transition:background .2s,border-color .2s,transform .2s; }
.product-vouch-row:hover { background:#18224f; border-color:rgba(169,140,255,.6); transform:translateX(4px); }
.product-vouch-row strong { color:#fff; font-size:.8rem; }.product-vouch-row span { color:#b39cff; font-family:var(--mono); font-size:.62rem; text-align:right; }
.rating-notes { border-top:1px solid var(--line); padding:32px 0 60px; }
.rating-notes .section-heading { align-items:center; display:grid; gap:22px; grid-template-columns:40px 1fr auto; margin-bottom:24px; }
.rating-notes h2 { font-size:1.8rem; letter-spacing:-.06em; margin-top:8px; }
.rating-note-grid { display:grid; gap:10px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.rating-note { background:rgba(17,22,37,.72); border:1px solid var(--line); padding:18px; transition:background .2s,border-color .2s,transform .2s; }
.rating-note:hover { background:#18224f; border-color:rgba(169,140,255,.6); transform:translateY(-3px); }
.rating-stars { display:block; font-size:.95rem; letter-spacing:.1em; }.rating-stars.four { color:#e1bd62; }.rating-stars.three { color:#c6a85c; }
.rating-note p { color:#d7d5e3; font-size:.82rem; line-height:1.55; margin:15px 0; }.rating-note strong { color:var(--muted); font-family:var(--mono); font-size:.58rem; font-weight:400; text-transform:uppercase; }
@media(max-width:800px) { .vouches-list { grid-template-columns:repeat(2,minmax(0,1fr)); }.vouches-heading { padding-left:0; padding-right:0; } }
@media(max-width:520px) { .vouches-heading { padding:60px 0 40px; }.vouches-summary { gap:8px; max-width:none; padding:11px; }.vouches-summary div { align-items:flex-start; flex-direction:column; gap:2px; }.vouches-summary span { font-size:.52rem; }.vouch-card { min-height:205px; padding:18px; }.vouch-controls { align-items:stretch; flex-wrap:wrap; gap:10px; }.vouch-page-numbers { order:3; width:100%; }.vouch-page-number { flex:1; }.product-vouches .section-heading,.rating-notes .section-heading { gap:12px; grid-template-columns:28px 1fr; }.product-vouches-label { grid-column:2; }.product-vouch-grid,.rating-note-grid { grid-template-columns:1fr; }.product-vouch-row { align-items:flex-start; flex-direction:column; gap:7px; }.product-vouch-row span { text-align:left; } }
@media(prefers-reduced-motion:reduce) { .vouch-card { animation:none; }.vouch-card::before { display:none; } }