﻿/* === Citace s recenzí produktu === */


.rv-wrap,
.rv-wrap *{
  box-sizing:border-box;
}


.rv-wrap{
  padding:40px 0;
}


/* karta/blok */
.rv-inner{
  max-width:1200px;
  margin:0 auto;
  padding:40px 48px;
  background:#fbf7f5;
  border:1px solid #e0e0e0;


  display:grid;
  grid-template-columns: 220px minmax(0, 1fr); /* pravý blok se roztáhne */
  gap:24px;
  align-items:center;
}


/* Typografie dle zadání */
.rv-content{
  font-family: Helvetica, Arial, sans-serif;
  font-size:14px;
  line-height:1.6;
  color:inherit;
  width:100%;
}


.rv-content h3,
.rv-content p,
.rv-content blockquote{
  margin:0;
}


/* Nadpis */
.rv-title{
  font-family: Helvetica, Arial, sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:1.25;
  margin:0 0 14px;
  color:inherit;
}


/* Hvězdičky */
.rv-stars{
  margin:0 0 12px;
  color:#7c6e3c;
  font-size:24px;
  line-height:1;
  letter-spacing:2px;
}


/* Citace */
.rv-quote{
  margin:0 !important; /* reset proti globálním stylům */
}


.rv-quote p{
  font-family: Helvetica, Arial, sans-serif;
  font-size:14px;
  line-height:1.75;
  font-style:italic;
  color:inherit;


  max-width:none;     /* DŮLEŽITÉ: ať se to neláme zbytečně brzy */
  width:100%;
}


/* Autor (bez ikony/kolečka) */
.rv-author{
  margin:12px 0 18px !important; /* 12px mezera mezi citací a autorem */
}


.rv-author__name{
  font-weight:700;
  line-height:1.2;
  color:inherit;
}


.rv-author__meta{
  margin-top:2px;
  opacity:.75;
  line-height:1.2;
}


/* Vlevo: bílé kolečko */
.rv-media{
  display:flex;
  justify-content:center;
  align-items:center;
}


.rv-photo{
  width:190px;
  height:190px;
  border-radius:9999px;
  background:#fff;
  border:1px solid #e0e0e0;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}


/* Fotka uvnitř kolečka */
.rv-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}


/* CTA */
.rv-cta{
  margin-top:6px;
}


/* Responsive */
@media (max-width: 999px){
  .rv-inner{
    grid-template-columns:1fr;
    padding:28px 20px;
    gap:16px;
  }


  .rv-media{
    justify-content:flex-start;
  }


  .rv-photo{
    width:150px;
    height:150px;
  }
}