/* ─── ASM Specs Widget ─── */

.asm-specs-widget {
    width: 100%;
}

/* ─── Image ─── */

.asm-specs-image {
    margin: 0 auto 20px;
}

.asm-specs-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* ─── Table ─── */

.asm-specs-table-wrap {
    overflow-x: auto;
    margin-bottom: 16px;
    -webkit-overflow-scrolling: touch;
}

.asm-specs-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    line-height: 1.5;
    overflow: hidden;
}

.asm-specs-table th {
    padding: 10px 16px;
    text-align: left;
    font-weight: 600;
    white-space: nowrap;
}

.asm-specs-table td {
    padding: 10px 16px;
    border-top: 1px solid;
    white-space: nowrap;
}

.asm-specs-table th:first-child,
.asm-specs-table td:first-child {
    font-weight: 600;
}

/* Ensure border-radius clips content */
.asm-specs-table thead tr:first-child th:first-child { border-top-left-radius: inherit; }
.asm-specs-table thead tr:first-child th:last-child { border-top-right-radius: inherit; }
.asm-specs-table tbody tr:last-child td:first-child { border-bottom-left-radius: inherit; }
.asm-specs-table tbody tr:last-child td:last-child { border-bottom-right-radius: inherit; }

/* ─── Notes ─── */

.asm-specs-notes {
    padding: 12px 16px;
    margin-top: 12px;
}

.asm-specs-note {
    padding: 4px 0;
}

.asm-specs-note:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/* ─── Responsive ─── */

@media (max-width: 768px) {
    .asm-specs-image {
        max-width: 100% !important;
    }

    .asm-specs-table th,
    .asm-specs-table td {
        padding: 8px 12px;
    }

    .asm-specs-notes {
        padding: 10px 14px;
    }
}