/* csak minimális kiegészítés */
.review-box {
  max-width: 700px;
  margin: 120px auto 40px auto;
  background: #ffffff;
  padding: 30px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.rating-wrap{
  display:flex;
  justify-content:center;
  margin: 18px 0 10px 0;
}

.stars{
  display:flex;
  gap:6px;
  cursor:pointer;
  user-select:none;
}

.stars span{
  font-size:40px;
  color:#d0d0d0;
  transition: color 0.15s ease, transform 0.08s ease;
}

.stars span.active{
  color:#f5b301;
}

.stars span:hover{
  transform: scale(1.05);
}

.stars{
  display:flex;
  justify-content:center;
  gap:8px;
  user-select:none;
}

.rating-error{
  text-align:center;
  color:#c0392b;
  font-size:0.95rem;
  margin-top:6px;
}

.stars.error{
  animation: shake 0.25s;
}

.g-recaptcha{
  margin: 15px 0;
  display: flex;
  justify-content: center;
}

@keyframes shake{
  0% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  50% { transform: translateX(4px); }
  75% { transform: translateX(-4px); }
  100% { transform: translateX(0); }
}

.success-msg{
  margin-top: 15px;
  padding: 12px;
  background: rgba(44, 110, 71, 0.8);
  color: #1c1d1c;
  border-left: 4px solid #03a376;
  font-weight: 600;
   margin: auto;
}  

.stars span{
  font-size:36px;
  color:#d0d0d0;
  cursor:pointer;
  transition: color 0.15s ease, transform 0.1s ease;
}

.stars span.active{
  color:#f5b301;
}

/* HOVER CSAK EGÉRREL RENDELKEZŐ ESZKÖZÖKÖN */
@media (hover: hover) and (pointer: fine) {
  .stars span:hover{
    transform: scale(1.1);
  }
}

.review-box input[type="text"],
.review-box input[type="file"],
.review-box textarea {
  width: 100%;
  padding: 10px;
  margin: 10px 0;
}

.csillag{
    color: #f5b301;
}


.review-box button {
  background-color: #03a376;
  color: #fff;
  border: none;
  padding: 12px;
  width: 100%;
  font-size: 1.1rem;
}

.review-box button:hover {
  background-color: #71cb92;
}

.pad-img {
  max-width: 260px;
  margin: 20px auto;
  display: block;
}
.consent-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:12px;
}

.consent-row input{
  margin-top:4px;
  flex-shrink:0;
}

.consent-row label{
  font-size:0.95rem;
  line-height:1.4;
  padding-bottom: 10px;
}

.review-bg{
  position: relative;
  padding: 80px 20px;
  background-color: #f5f7f6;
  overflow: hidden;
}

/* ===== KOLLÁZS ===== */
.review-bg::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    url("img/m1.png") left 50% top 0% / 360px no-repeat,
    url("img/m2.png") right 50% bottom -10% / 360px no-repeat;
   
  opacity: 0.18;
  filter: blur(1.5px);
  z-index: 0;
}

/* az űrlap mindig felül legyen */
.review-box{
  position: relative;
  z-index: 1;
}

.velemeny-card{
  background:#fff;
  padding:20px;
  border-left:5px solid #03a376;
  box-shadow:0 4px 12px rgba(0,0,0,0.08);
  max-width:600px;
  margin:0 auto;
}

.velemeny-fej{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}

.csillagok{
  color:#f5b301;
  font-size:20px;
}

.velemeny-card img{
  max-width:100%;
  margin-top:15px;
  border-radius:6px;
}