/* Recharts on /technical — pre-rendered HTML has fixed pixel widths that overflow mobile */

.card-glass {
    max-width: 100%;
    overflow: hidden;
}

.card-glass .recharts-responsive-container {
    width: 100% !important;
    max-width: 100%;
}

.card-glass .recharts-responsive-container > div {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.card-glass .recharts-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

.card-glass .recharts-wrapper > svg.recharts-surface {
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    display: block;
}

.card-glass .recharts-legend-wrapper {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    bottom: auto !important;
    margin-top: 0.5rem;
}

.card-glass .recharts-default-legend {
    white-space: normal;
}

.card-glass .recharts-legend-item {
    margin-bottom: 0.25rem;
}

/* Product specs table — balanced mobile scroll */
.technical-spec-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.technical-spec-table {
    min-width: 100%;
}

@media (max-width: 767px) {
    .technical-spec-table-wrap {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
        padding-bottom: 0.25rem;
    }

    .technical-spec-table {
        width: max-content;
        min-width: 36rem;
        font-size: 0.75rem;
        line-height: 1.35;
    }

    .technical-spec-table th,
    .technical-spec-table td {
        padding: 0.5rem 0.625rem !important;
        white-space: nowrap;
        vertical-align: middle;
    }

    .technical-spec-table th {
        font-size: 0.6875rem;
        letter-spacing: 0.02em;
    }

    .technical-spec-table td.text-fenix-red {
        font-size: 0.6875rem;
    }
}