.latest-contribution-wrapper{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;align-items:start!important}
@media (max-width:1199px){.latest-contribution-wrapper{grid-template-columns:repeat(3,1fr)!important}}
@media (max-width:991px){.latest-contribution-wrapper{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:599px){.latest-contribution-wrapper{grid-template-columns:1fr!important;gap:8px!important}}
.latest-contribution-wrapper>h2{grid-column:1/-1!important;margin:0 0 8px 0!important}

.latest-contribution{background:transparent!important;border:0!important;margin:0!important;padding:0!important}
.latest-contribution:last-child{margin-bottom:0!important}


a.latest-contribution-inner{
  display:flex!important;align-items:center!important;gap:10px!important;
  padding:8px 10px!important;border:1px solid #ddd!important;border-radius:6px!important;
  background:#fff!important;box-sizing:border-box!important;text-decoration:none!important;
  height:auto!important;min-height:auto!important
}

.latest-contribution-image{flex:0 0 46px!important}
.latest-contribution-image img{width:46px!important;height:46px!important;object-fit:cover!important;border-radius:4px!important;display:block!important}

.latest-contribution-content{flex:1 1 auto!important;min-width:0!important;line-height:1.25!important}

.latest-contribution-product{font-size:14px!important;font-weight:700!important;margin:0 0 2px 0!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

.latest-contribution-info{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;margin:0 0 2px 0!important;
  font-size:12px!important;color:#666!important
}
.latest-contribution-info i{display:none!important}
.latest-contribution-info .stars{order:-1!important;margin:0!important}

.latest-contribution-description{
  font-size:12px!important;color:#333!important;margin:0!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important
}

.stars .star{margin:0 1px!important}

a.latest-contribution-inner:hover{box-shadow:0 2px 6px rgba(0,0,0,.07)!important}

@media (max-width:599px){
  a.latest-contribution-inner{padding:7px 8px!important;gap:8px!important}
  .latest-contribution-image{flex-basis:42px!important}
  .latest-contribution-image img{width:42px!important;height:42px!important}
  .latest-contribution-product{font-size:13px!important}
  .latest-contribution-info,.latest-contribution-description{font-size:11.5px!important}
}



a.latest-contribution-inner {
  display: grid !important;
  grid-template-columns: 46px 1fr !important;   /* obrázek | obsah */
  grid-column-gap: 10px !important;
  grid-row-gap: 2px !important;
  align-items: start !important;
}

.latest-contribution-image { grid-column: 1 / 2 !important; grid-row: 1 / 5 !important; }
.latest-contribution-image img {
  width: 46px !important; height: 46px !important; object-fit: cover !important; border-radius: 4px !important;
}

.latest-contribution-content {
  grid-column: 2 / -1 !important; grid-row: 1 / 5 !important;
  display: grid !important;
  grid-template-rows: auto auto auto auto !important; 
  row-gap: 2px !important;
  min-width: 0 !important;
}

/* 1) Název */
.latest-contribution-product {
  grid-row: 1 !important;
  font-size: 14px !important; font-weight: 700 !important; margin: 0 !important;
  white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
}

/* 2) Hvězdy – vždy na jednom řádku */
.latest-contribution-info .stars {
  grid-row: 2 !important; order: -1 !important;
  white-space: nowrap !important; line-height: 1 !important;
  transform: scale(0.9) !important; transform-origin: left center !important; /* trošku menší, aby se nevešly na 2 řádky */
  margin: 0 !important;
}
.stars .star { margin: 0 1px !important; }

/* 3) Autor + datum – jeden kompaktní řádek */
.latest-contribution-info {
  grid-row: 3 !important; display: block !important; margin: 0 !important; font-size: 12px !important; color:#666 !important;
}
.latest-contribution-info i { display: none !important; }
.latest-contribution-author, .latest-contribution-date {
  display: inline-block !important; margin-right: 8px !important;
}

/* 4) Popis – 2 řádky, žádné přetékání */
.latest-contribution-description {
  grid-row: 4 !important;
  font-size: 12px !important; line-height: 1.35 !important; margin: 0 !important;
  display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;
}

/* Grid kontejner: 4/3/2/1 sloupce (zůstává stejné) */
.latest-contribution-wrapper{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important}
@media (max-width:1199px){.latest-contribution-wrapper{grid-template-columns:repeat(3,1fr)!important}}
@media (max-width:991px){.latest-contribution-wrapper{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:599px){.latest-contribution-wrapper{grid-template-columns:1fr!important;gap:8px!important}}
.latest-contribution-wrapper>h2{grid-column:1/-1!important;margin:0 0 8px 0!important}

/* Odstranění zbytečných stylů z wrapperů Shoptetu */
.latest-contribution{background:transparent!important;border:0!important;margin:0!important;padding:0!important}

/* === 2 karty vedle sebe, další řádek pod tím === */
.latest-contribution-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 15px !important;
  align-items: start !important;
}

.latest-contribution-wrapper > h2 {
  grid-column: 1 / -1 !important;
  margin: 0 0 12px 0 !important;
}

/* Karta */
a.latest-contribution-inner {
  display: grid !important;
  grid-template-columns: 50px 1fr !important;  /* obrázek + text */
  grid-column-gap: 10px !important;
  padding: 10px !important;
  border: 1px solid #ddd !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

/* Obrázek */
.latest-contribution-image img {
  width: 50px !important;
  height: 50px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
}

/* Texty */
.latest-contribution-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.latest-contribution-product { font-size: 14px !important; font-weight: 600 !important; margin: 0 !important; }
.latest-contribution-info { font-size: 12px !important; color: #666 !important; margin: 0 !important; }
.latest-contribution-description { font-size: 12px !important; line-height: 1.35 !important; margin: 0 !important; }

/* Responzivita */
@media (max-width: 767px) {
  .latest-contribution-wrapper {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}
/* ===== Sekce hodnocení zarovnaná NA STŘED ===== */
.latest-contribution-wrapper{
  display:grid !important;
  /* 2 stejné sloupce, karty mají rozumnou šířku */
  grid-template-columns: repeat(2, minmax(340px, 560px)) !important;
  gap:20px !important;

  /* vycentrování celé mřížky pod nadpisem */
  justify-content:center !important;   /* vodorovně na střed */
  align-content:start !important;

  /* držíme rozumnou šířku a centrování v rámci stránky */
  max-width:1200px !important;
  margin:0 auto !important;
}

/* Nadpis přes celou šířku + na střed */
.latest-contribution-wrapper > h2{
  grid-column:1 / -1 !important;
  text-align:center !important;
  margin:0 0 14px 0 !important;
}

/* Karta – kompaktní “media” layout (obrázek vlevo, text vpravo) */
a.latest-contribution-inner{
  display:grid !important;
  grid-template-columns:50px 1fr !important;
  column-gap:12px !important;
  padding:10px !important;
  border:1px solid #ddd !important;
  border-radius:8px !important;
  background:#fff !important;
  box-sizing:border-box !important;
  text-decoration:none !important;
}

.latest-contribution-image{grid-column:1/2 !important}
.latest-contribution-image img{
  width:50px !important;height:50px !important;object-fit:cover !important;border-radius:4px !important;
}

.latest-contribution-content{
  grid-column:2/-1 !important;display:grid !important;grid-template-rows:auto auto auto auto !important;row-gap:3px !important;min-width:0 !important;
}
.latest-contribution-product{margin:0 !important;font-size:16px !important;font-weight:700 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.latest-contribution-info .stars{white-space:nowrap !important;margin:0 !important;transform:scale(.9) !important;transform-origin:left center !important;}
.latest-contribution-info{display:block !important;margin:0 !important;font-size:13px !important;color:#666 !important;}
.latest-contribution-info i{display:none !important;}
.latest-contribution-description{margin:0 !important;font-size:13px !important;line-height:1.35 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}


.latest-contribution{background:transparent !important;border:0 !important;margin:0 !important;padding:0 !important}

@media (max-width: 767px){
  .latest-contribution-wrapper{grid-template-columns:1fr !important;gap:12px !important;max-width:600px !important;}
  .latest-contribution-product{font-size:15px !important}
  .latest-contribution-info,.latest-contribution-description{font-size:12.5px !important}
}


.latest-contribution-description {
  margin: 10px 0 0 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.latest-contribution-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(340px, 560px)) !important;
  gap: 20px !important;

  justify-content: center !important;
  align-content: start !important;

  max-width: 1200px !important; 
  margin: 0 auto !important;
}


.full-width.homepage-latest-contribution-full-width .container-full-width.homepage-latest-contribution{
  display: flex !important;
  justify-content: center !important;
  padding-left: 0 !important;        
  padding-right: 0 !important;
}

.latest-contribution-wrapper{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(340px, 560px)) !important;
  gap: 20px !important;

  justify-content: center !important;
  align-content: start !important;

  width: min(1200px, 100%) !important;  
  margin-inline: auto !important;       
}

.latest-contribution-wrapper > h2{
  grid-column: 1 / -1 !important;
  text-align: center !important;
  margin: 0 0 14px 0 !important;
}


.latest-contribution-wrapper > h2 { 
  display: none !important; 
}

.full-width.homepage-latest-contribution-full-width .latest-contribution-wrapper::before {
  content: "Poslední hodnocení";
  font-family: 'Exo 2', sans-serif !important;
  display: block;
  font-weight:700 !important;
  font-size: clamp(20px, 2.6vw, 42px);
  /*line-height: 1.1;*/
  text-align: center;  
  margin: 0 0 14px 0;  
}

@media (max-width: 767px) {
  .full-width.homepage-latest-contribution-full-width .latest-contribution-wrapper::before {
    margin-bottom: 10px;
  }
}
.latest-contribution-wrapper > h2 {
  display: none !important;
}

.latest-contribution-wrapper::before {
  content: "Poslední hodnocení";
  grid-column: 1 / -1;          /* roztáhne se přes všechny sloupce */
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  display: block;
}


.latest-contribution-inner-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;   /* na desktopu doprava */
  gap: 20px;
}

@media (max-width: 767px) {
  .latest-contribution-inner-wrapper {
    flex-direction: column;   /* pod sebou */
    justify-content: flex-start;
    align-items: stretch;     /* roztáhne na celou šířku */
  }

  .latest-contribution-inner-wrapper a.latest-contribution-inner {
    width: 100% !important;   /* karta zabere celou šířku */
  }
}

.latest-contribution-wrapper > h2 { display:none !important; }
.latest-contribution-wrapper::before{
  content:"Poslední hodnocení";
  grid-column:1 / -1;
  display:block;
  text-align:center;
  font-weight:800;
  font-size:clamp(22px, 2.6vw, 42px);
  line-height:1.1;
  margin:0 0 14px 0;
}


.full-width.homepage-latest-contribution-full-width > .container-full-width.homepage-latest-contribution{
  padding-left:0 !important;
  padding-right:0 !important;
}


.latest-contribution-wrapper{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(340px, 560px)) !important; /* pevná šířka sloupců – žádné 1fr */
  gap:20px !important;

  width:fit-content !important;   /* vezme jen šířku mřížky */
  margin:0 auto !important;       /* a vycentruje */
  justify-content:center !important;
  align-content:start !important;
}

@media (max-width: 767px){
  .latest-contribution-wrapper{
    grid-template-columns:minmax(280px, 1fr) !important;
    width:100% !important;
    max-width:600px !important;
  }
}

a.latest-contribution-inner{
  display:grid !important;
  grid-template-columns:50px 1fr !important;
  column-gap:10px !important;
  padding:10px !important;
  border:1px solid #ddd !important;
  border-radius:8px !important;
  background:#fff !important;
  box-sizing:border-box !important;
  text-decoration:none !important;
}

.latest-contribution-image img{
  width:50px !important; height:50px !important; object-fit:cover !important; border-radius:4px !important;
}

.latest-contribution-content{
  display:grid !important;
  grid-template-rows:auto auto auto auto !important; /* název / hvězdy / meta / popis */
  row-gap:2px !important;
  min-width:0 !important;
}

.latest-contribution-product{
  margin:0 !important; font-size:16px !important; font-weight:700 !important;
  white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;
}

.latest-contribution-info .stars{
  margin:0 !important; white-space:nowrap !important;
  transform:scale(.9) !important; transform-origin:left center !important;
}
.latest-contribution-info{ display:block !important; margin:0 !important; font-size:13px !important; color:#666 !important; }

.latest-contribution-description{
  margin-top:10px !important;
  font-size:13px !important; line-height:1.35 !important;
  display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important;
}

.latest-contribution-info {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;  
  gap: 6px !important;           
}

.latest-contribution-info .stars {
  display: inline-flex !important; 
  white-space: nowrap !important;
  margin: 0 !important;
}

.latest-contribution-info .stars .star {
  display: inline-block !important;
  margin: 0 1px !important;       
}

@media (max-width: 767px){

  .full-width.homepage-latest-contribution-full-width{
    padding-bottom: 20px !important;   
  }
  .latest-contribution-wrapper{
    margin-bottom: 20px !important;
  }
}

.full-width.homepage-latest-contribution-full-width > 
.container-full-width.homepage-latest-contribution{
  display:flex !important;
  justify-content:center !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.latest-contribution-wrapper{
  display:grid !important;
  grid-template-columns: repeat(auto-fit, minmax(360px, 520px)) !important; 
  gap:20px !important;

  place-content:start center !important;   
  justify-content:center !important;

  width:100% !important;
  max-width:1200px !important;            
  margin-inline:auto !important;
}

.latest-contribution-wrapper > h2{
  grid-column:1 / -1 !important;
  text-align:center !important;
  margin:0 0 14px 0 !important;
}

a.latest-contribution-inner{
  width:100% !important;
  max-width:520px !important;            
  margin-inline:auto !important;         
  display:grid !important;
  grid-template-columns:50px 1fr !important;
  column-gap:12px !important;
  padding:10px !important;
  border:1px solid #ddd !important;
  border-radius:8px !important;
  background:#fff !important;
  box-sizing:border-box !important;
  text-decoration:none !important;
}

.latest-contribution-image img{
  width:50px !important; height:50px !important; object-fit:cover !important; border-radius:4px !important;
}

@media (max-width: 767px){
  .latest-contribution-wrapper{
    grid-template-columns: minmax(280px, 1fr) !important;
    max-width:600px !important;
  }
}
