/* HK Core — "Mnenja" section ([hk_reviews]). Scoped under .hkr.
   Fonts (Aleo + Merriweather Sans) are served globally by Breakdance.
   No star ratings by design — these are testimonials, not an aggregate rating. */
.hkr{
  --ink:#F3EEE6; --mut:#ABA399; --am:#d9962b; --amd:#f0ad44;
  --card:#232019; --card2:#2c281f; --ln:#3a342b;
  --disp:'Aleo',Georgia,serif; --body:'Merriweather Sans',system-ui,sans-serif;
  font-family:var(--body); color:var(--ink); line-height:1.55;
  max-width:1160px; margin:0 auto; padding:8px 0;
}
.hkr *{ box-sizing:border-box; }

.hkr-eyebrow{
  font-family:var(--disp); font-weight:700; text-transform:uppercase;
  letter-spacing:.16em; font-size:12px; color:var(--am); margin:0 0 10px;
}
.hkr-title{
  font-family:var(--disp); font-weight:800; font-size:clamp(28px,3.4vw,40px);
  line-height:1.08; margin:0 0 10px; color:var(--ink);
}
.hkr-sub{ font-size:17px; color:var(--mut); margin:0 0 30px; max-width:640px; }

.hkr-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; align-items:stretch; }

.hkr-card{
  position:relative; background:var(--card); border:1px solid var(--ln);
  border-radius:18px; padding:28px 30px 24px;
  display:flex; flex-direction:column; gap:18px;
}
/* decorative quote mark */
.hkr-card::before{
  content:"\201C"; position:absolute; top:10px; right:22px;
  font-family:var(--disp); font-weight:800; font-size:64px; line-height:1;
  color:var(--am); opacity:.22; pointer-events:none;
}
.hkr-quote{
  margin:0; font-size:18px; line-height:1.6; color:var(--ink);
  position:relative; z-index:1; flex:1 1 auto;
}

.hkr-foot{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  border-top:1px solid var(--ln); padding-top:18px; margin-top:auto;
}
.hkr-avatar{
  flex:0 0 auto; width:40px; height:40px; border-radius:50%;
  background:var(--card2); border:1px solid var(--ln); color:var(--amd);
  font-family:var(--disp); font-weight:700; font-size:15px;
  display:flex; align-items:center; justify-content:center;
}
.hkr-who{ display:flex; flex-direction:column; line-height:1.25; }
.hkr-who b{ font-family:var(--disp); font-weight:700; font-size:18px; color:var(--ink); }
.hkr-who span{ font-size:14px; color:var(--mut); }

.hkr-verified{
  margin-left:auto; display:inline-flex; align-items:center; gap:6px;
  background:rgba(217,150,43,.12); border:1px solid var(--am); border-radius:15px;
  padding:5px 12px; font-family:var(--disp); font-weight:600; font-size:12px;
  color:var(--amd); white-space:nowrap;
}

/* one or two reviews shouldn't sit in a lonely 3-column grid */
.hkr-grid:has(> .hkr-card:only-child){ grid-template-columns:minmax(0,680px); justify-content:center; }
.hkr-grid:has(> .hkr-card:nth-child(2):last-child){ grid-template-columns:repeat(2,minmax(0,1fr)); }

@media (max-width:1000px){ .hkr-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:680px){
  .hkr-grid{ grid-template-columns:1fr; }
  .hkr-verified{ margin-left:0; }
}