/* OBAL CELÉHO POPISKU */
.listing-detail{
  margin-top:15px;
  width:100%;
  box-sizing:border-box;
}

/* HERO blok: text + (prípadný) obrázok pod sebou */
.listing-detail .ld-hero{
  display:block;
  margin-bottom:20px;
}

.listing-detail .ld-hero-text{
  margin-bottom:12px;
}

.listing-detail .ld-hero-img{
  text-align:center;
  margin-top:8px;
}

.listing-detail .ld-hero-img img{
  max-width:100%;
  width:100%;
  height:auto;
  border-radius:8px;
}

/* DVE „KARTY“ POD SEBOU */
.listing-detail .ld-columns{
  display:block;
  margin-top:10px;
}

.listing-detail .ld-col{
  width:100%;
  margin-bottom:10px;
}

.listing-detail ul{
  margin:0 0 10px 18px;
  padding:0;
}

.listing-detail li{
  margin-bottom:6px;
}

/* Zvýraznený blok – napr. „Ako využiť“ */
.listing-detail .ld-uses-card{
  background-color:#f7fbf0;
  padding:20px;
  border-radius:8px;
  margin-top:10px;
}

/* TIP box – samostatný, s bielou medzerou nad ním */
.listing-detail .ld-tip{
  margin-top:16px;
  padding:10px 14px;
  border-radius:10px;
  background:#f3f9f0;
  border-left:4px solid #99cc00;
}

/* BLOK S VÝŽIVOVOU TABUĽKOU + INFO */
.listing-detail .ld-nutrition{
  margin-top:24px;
  padding-top:16px;
  border-top:1px solid #e3ecda;
}

/* Nadpis nad tabuľkou */
.listing-detail .ld-nutri-title{
  display:block;
  margin-bottom:10px;
  font-weight:700;
}

/* Výživová tabuľka – na celú šírku bloku */
.listing-detail .nutri{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  margin-bottom:12px;
  display:table;
  table-layout:auto;
}

.listing-detail .nutri thead tr{
  background:#2f7a13;
  color:#fff;
}

.listing-detail .nutri th,
.listing-detail .nutri td{
  padding:7px 9px;
  font-size:12pt;
  white-space:normal;
  word-break:break-word;
}

.listing-detail .nutri td:last-child,
.listing-detail .nutri th:last-child{
  text-align:right;
}

.listing-detail .nutri tbody tr:nth-child(even){
  background:#f3f9f0;
}

/* Dolné informácie pod tabuľkou */
.listing-detail .ld-additional-info{
  margin-top:8px;
}

.listing-detail .ld-additional-info ul{
  margin:0 0 8px 18px;
}

/* mobil */
@media (max-width: 640px){
  .listing-detail{
    margin-top:10px;
  }
}