/* ---- otzyvy.php ---- */
:root{--r:#c0364e;--rd:#9e2c3f;--rp:#fdf0f2;--k:#111;--w:#fff;--g:#f7f7f7;--b:#e8e8e8;--t:#555;--lt:#666;--mx:1084px}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:var(--w);color:var(--k);font-family:'PT Sans',sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}

/* HEADER */
header{background:var(--w);border-bottom:1px solid var(--b);position:sticky;top:0;z-index:200}
.hi{max-width:var(--mx);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:13px 24px}
.logo{font-family:'PT Serif',serif;font-size:22px;font-weight:700;color:var(--k);letter-spacing:-.5px}
.logo b{color:var(--r)}
.hnav{display:flex;align-items:center;gap:6px}
.hl{font-size:13px;font-weight:700;color:var(--t);padding:7px 12px;border-radius:5px;transition:color .15s,background .15s}
.hl:hover{color:var(--k);background:var(--g)}
.hl.active{color:var(--r)}
.hb{background:var(--r);color:#fff;padding:8px 20px;font-size:13px;font-weight:700;border-radius:5px;transition:background .15s}
.hb:hover{background:var(--rd)}
.aa{display:inline-block;animation:ap 1.4s ease-in-out infinite}
@keyframes ap{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}

/* BREADCRUMB */
.bc{border-bottom:1px solid var(--b)}
.bci{max-width:var(--mx);margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:6px;height:36px;font-size:12px;color:var(--lt)}
.bci a{color:var(--lt);transition:color .15s}.bci a:hover{color:var(--k)}
.bcs{color:var(--b);font-size:10px}
.bcc{color:var(--k);font-weight:700}

/* HERO */
.rev-hero{max-width:var(--mx);margin:0 auto;padding:52px 24px 36px;text-align:center}
.rev-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--r);margin-bottom:12px}
.rev-h1{font-family:'PT Serif',serif;font-size:44px;font-weight:700;color:var(--k);line-height:1.1;letter-spacing:-.5px;margin-bottom:14px}
.rev-sub{font-size:16px;color:var(--t);max-width:520px;margin:0 auto 36px}

/* STATS BAR */
.stats-bar{display:flex;align-items:center;justify-content:center;gap:40px;background:var(--k);border-radius:12px;padding:22px 32px;max-width:560px;margin:0 auto 48px}
.stat-item{text-align:center}
.stat-val{font-family:'PT Serif',serif;font-size:32px;font-weight:700;color:#fff;line-height:1}
.stat-stars{font-size:20px;color:#f5c542;letter-spacing:2px;line-height:1;margin-bottom:2px}
.stat-lbl{font-size:12px;color:#888;margin-top:4px}
.stat-div{width:1px;height:40px;background:#2a2a2a}

/* FILTER TABS */
.rev-filters{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:40px;max-width:var(--mx);margin-left:auto;margin-right:auto;padding:0 24px}
.ftab{display:inline-flex;align-items:center;gap:5px;padding:8px 18px;border-radius:20px;font-size:13px;font-weight:700;color:var(--t);background:var(--g);border:1px solid var(--b);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.ftab:hover{color:var(--k);border-color:#ccc}
.ftab.active{background:var(--r);color:#fff;border-color:var(--r)}
.ftab-count{font-size:11px;opacity:.75}

/* GRID */
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:var(--mx);margin:0 auto;padding:0 24px 72px}

/* CARD */
.rcard{background:var(--w);border:1px solid var(--b);border-radius:10px;padding:22px;transition:box-shadow .15s,border-color .15s;display:flex;flex-direction:column;gap:14px}
.rcard:hover{border-color:rgba(192,54,78,.3);box-shadow:0 4px 20px rgba(192,54,78,.07)}
.rcard-top{display:flex;align-items:center;gap:12px}
.rcard-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#7a1228,#c0364e);display:flex;align-items:center;justify-content:center;font-family:'PT Serif',serif;font-size:17px;font-weight:700;color:#fff;flex-shrink:0}
.rcard-meta{flex:1;min-width:0}
.rcard-name{font-size:14px;font-weight:700;color:var(--k)}
.rcard-date{font-size:12px;color:var(--lt)}
.rcard-stars{font-size:16px;color:#f5c542;letter-spacing:1px}
.rcard-body{font-size:14px;color:var(--t);line-height:1.7;flex:1}
.rcard-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--g)}
.rcard-tag{font-size:11px;font-weight:700;color:var(--r);background:var(--rp);padding:3px 10px;border-radius:10px}
.rcard-verified{font-size:11px;color:#888;display:flex;align-items:center;gap:3px}
.rcard-verified svg{flex-shrink:0}

/* INLINE CTA (inside grid, full-width) */
.rev-cta-inline{grid-column:1/-1;background:var(--k);border-radius:12px;padding:40px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.rev-cta-inline .rev-cta-text h2{font-family:'PT Serif',serif;font-size:28px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.2}
.rev-cta-inline .rev-cta-text p{font-size:14px;color:#888;line-height:1.65}
.rev-cta-btn{background:var(--r);color:#fff!important;text-decoration:none!important;padding:14px 28px;font-size:15px;font-weight:700;border-radius:6px;white-space:nowrap;transition:background .15s;display:inline-block}
.rev-cta-btn:hover{background:var(--rd)}

/* EMPTY */
.rev-empty{text-align:center;padding:60px 24px;color:var(--lt);font-size:15px;max-width:var(--mx);margin:0 auto}

@media(max-width:900px){
  .rev-grid{grid-template-columns:repeat(2,1fr)}
  .rev-h1{font-size:34px}
  .rev-cta-inline{flex-direction:column;align-items:flex-start;gap:20px}
  .stats-bar{gap:24px;padding:18px 20px}
}
@media(max-width:600px){
  .rev-grid{grid-template-columns:1fr}
  .stats-bar{flex-direction:column;gap:16px}
  .stat-div{width:80px;height:1px}
  .rev-cta-inline{padding:28px 24px}
  .rev-cta-btn{width:100%;text-align:center}
}