/* Desktop – auto width, not full screen */
.helpHtml table {
    width: max-content; /* ცხრილი იკავებს იმდენს, რამდენიც სჭირდება */
    max-width: 100%; /* მაგრამ არასოდეს გასცდება ეკრანის სიგანეს */
    table-layout: auto;
    border-collapse: collapse;
    border: 1px solid #dee2e6;
    margin-bottom: 1rem;
}

    .helpHtml table td,
    .helpHtml table th {
        border: 1px solid #ccc;
        padding: .2rem .4rem;
        vertical-align: top;
        white-space: normal; /* ტექსტი გადატყდება */
        word-break: break-word;
    }

/* First column minimal */
        .helpHtml table td:first-child,
        .helpHtml table th:first-child {
            white-space: nowrap;
            width: 1%;
        }

/* Mobile – full width + horizontal scroll */
@media (max-width: 1600px) {
    .helpHtml table {
        display: block;
        width: 100% !important;
        max-width: none;
        overflow-x: auto; /* მხოლოდ ჰორიზონტალური scroll */
        overflow-y: visible; /* ვერტიკალური scroll არ ჩაერთოს */
        white-space: nowrap; /* სვეტები არ დაიშალოს */
    }

        .helpHtml table td,
        .helpHtml table th {
            white-space: normal; /* ტექსტი მაინც გადაიტანოს */
            word-break: break-word;
        }
}






.helpHtml [id] {
    scroll-margin-top: 80px; /* შენი header-ის სიმაღლე */
}

.helpHtml table p {
    padding: 0 !important;
    margin: 0 !important;
}

.helpHtml hr {
    margin-bottom: 30px;
}

/* Desktop + Large screens */
.helpHtml img {
    margin-bottom: 1rem;
    max-width: 100%;
    height: auto;
}

/* Mobile (≤1200px) — always full width */
@media (max-width: 1200px) {
    .helpHtml img {
        width: 100% !important;
    }
}

.helpHtml li {
    margin-bottom: 0.5rem;
}