.opinie{padding:24px 0}
.opinie__wrap{width:min(1100px,92vw);margin:0 auto}
.opinie__head{margin:0 0 18px}
.opinie__title{font-size:28px;margin:0 0 6px}
.opinie__sub{opacity:.85;margin:0}
.opinie__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:920px){.opinie__grid{grid-template-columns:1fr}}

.card{
  background:rgba(10,18,32,.65);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:14px;
  box-shadow:0 12px 40px rgba(0,0,0,.25);
  backdrop-filter: blur(10px)
}

.card__title{margin:0 0 10px;font-size:18px}
.card__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.summary{font-size:13px;opacity:.85;white-space:nowrap}

.form__row{margin:10px 0}
.label{display:block;font-size:13px;opacity:.9;margin:0 0 6px}

.input,.textarea{
  width:100%;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  padding:10px 12px;
  color:inherit;
  outline:none
}

.input:focus,.textarea:focus{
  border-color:rgba(125,211,252,.5);
  box-shadow:0 0 0 3px rgba(125,211,252,.15)
}

.textarea{resize:vertical;min-height:110px}

.stars{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap
}

.star{
  color:rgba(255,255,255,.85);
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  border-radius:12px;
  padding:8px 10px;
  cursor:pointer;
  font-size:18px;
  line-height:1;
  opacity:.65;
  transition:all .2s ease;
}

/* ⭐ ZŁOTE GWIAZDKI AKTYWNE */
.star.is-on{
  opacity:1 !important;
  color:#f5c542 !important;
  border-color:rgba(245,197,66,.6) !important;
  background:rgba(245,197,66,.12) !important;
  text-shadow:0 0 8px rgba(245,197,66,.35);
}

/* Hover efekt */
.star:hover{
  transform:translateY(-1px);
  opacity:1;
}

/* Przycisk 0 */
.star--zero{
  font-size:13px;
  padding:9px 11px
}

.hint{font-size:12px;opacity:.7;margin-top:6px}
.form__actions{display:flex;align-items:center;gap:10px;margin-top:12px}

.btn{
  background:linear-gradient(180deg, rgba(14,165,233,.95), rgba(2,132,199,.9));
  border:none;
  border-radius:14px;
  padding:10px 14px;
  color:white;
  cursor:pointer;
  font-weight:700
}

.btn:hover{filter:brightness(1.05)}
.msg{font-size:13px;opacity:.9}

.list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:10px
}

.item{
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03)
}

.item__top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:baseline
}

.item__name{font-weight:700}
.item__when{font-size:12px;opacity:.7}

/* ⭐ ZŁOTE GWIAZDKI W WYŚWIETLONYCH OPINIACH */
.item__stars{
  font-size:14px;
  color:#f5c542 !important;
  text-shadow:0 0 6px rgba(245,197,66,.35);
}

/* Komentarz */
.item__comment{
  margin:6px 0 0;
  opacity:.92;
  white-space:pre-wrap
}

/* ŚREDNIA OCENA U GÓRY */
.summary,
.summary span{
  color:#f5c542 !important;
  font-weight:600;
}


/* Admin reply (public opinions) */
.item__admin{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255, 215, 0, .08);
  border: 1px solid rgba(255, 215, 0, .18);
}
.item__adminLabel{ font-size:12px; opacity:.8; margin-bottom:6px; }
.item__adminText{ font-size:14px; line-height:1.35; }