/* Cieľ: Všetky riadky v tabuľke cenníka */
.price-table tr {
    position: relative; 
}

/* Pridanie bodkovanej čiary ako pseudoelement - Rozširujeme oblasť */
.price-table tr:after {
    content: "";
    position: absolute;
    /* Ponecháme viac priestoru medzi textom a čiarou */
    left: 10px; 
    right: 10px; 
    top: 50%;
    transform: translateY(-50%);
    border-bottom: 1px dotted #e8e8e8; 
    z-index: 1; 
}

/* Zabezpečí, že názov a cena "prekryjú" bodky a budú mať viac priestoru */
.price-table td h5 {
    /* Toto je farba tvojho pozadia (nastav tú správnu!) */
    background-color: #222222; 
    position: relative; 
    z-index: 2; 
    /* Dôležité: Zväčšíme padding, aby sa bodky lepšie odrezali */
    padding: 0 10px 0 0; /* Zväčšíme priestor na pravej strane */
    display: inline-block; /* Aby sa padding aplikoval správne len na text */
}

/* Úprava pre bunku s cenou (zarovnanie) */
.price-table td.price h5 {
    background-color: #222222; 
    /* Dôležité: Zväčšíme padding, aby sa bodky lepšie odrezali */
    padding: 0 0 0 10px; /* Zväčšíme priestor na ľavej strane */
    float: right; /* Zaručí, že cena je pevne zarovnaná doprava */
}