/* ── DESKTOP (default — screens wider than 768px) ── */
p.prod {
    font-size: 15px;
    line-height: 1.8;
    color: #000;
    margin: 0 0 8px;
}

.prod ul li {
    font-size: 15px;
    padding: 8px 0;
}

.prod.table-bordered td {
    font-size: 15px;
    padding: 10px 12px !important;
}

h2.prod,
.prod h2 {
    font-size: 13px !important;
}

/* ── Spacer ──────────────────────────────────── */
.prod-spacer {
    padding-top: 0.8rem;
}

/* ── MOBILE (screens 767px and under) ────────────── */
@media (max-width: 767px) {

    p.prod {
        font-size: 17px; /* bigger for small screens */
        line-height: 1.75;
    }

    .prod ul li {
        font-size: 17px;
        padding: 12px 0; /* more breathing room between items */
        gap: 14px;
    }

        .prod ul li::before {
            font-size: 18px;
        }

    .prod.table-bordered td {
        font-size: 16px;
        padding: 12px 10px !important;
        line-height: 1.5;
    }

    h2.prod,
    .prod h2 {
        font-size: 16px !important; /* keep it a small label */
        letter-spacing: 0.08em !important;
        margin: 0 0 10px !important;
    }

    p.prod.note {
        font-size: 15px;
        line-height: 1.65;
    }
}