/* Hand-maintained layout source, loaded separately after generated main.css.
   Keep this file in deployment/build asset copies; do not fold it into main.css. */
.product-ecosystem-section .product-card-grid > .product-card-box {
    min-width: 0;
    max-width: 100%;
}
.pricing-packages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(310px, 100%), 1fr));
    gap: 28px;
    align-items: stretch;
}
.pricing-packages-grid > .pricing-sidebar-card {
    min-width: 0;
    overflow-wrap: anywhere;
}
.pricing-filter-wrapper .pricing-filter-bar,
.pricing-filter-wrapper .pricing-pills-scroll {
    min-width: 0;
    max-width: 100%;
}
.pricing-filter-wrapper .pricing-pill-btn {
    flex-shrink: 0;
}
/* Two product columns at tablet widths must also fit their complete mockup text. */
@media (max-width: 1023px) {
    .product-ecosystem-section .product-image-box { aspect-ratio: auto; min-height: 190px; }
}
@media (max-width: 414px) {
    .product-ecosystem-section .product-card-box { padding: 16px; }
    .product-ecosystem-section .product-image-box { padding: 12px; }
    .product-ecosystem-section .product-ui-checklist { padding: 12px; }
    .product-ecosystem-section .ui-check-item { gap: 8px; padding: 8px; }
    .product-ecosystem-section .ui-text { min-width: 0; overflow-wrap: anywhere; }
    .product-ecosystem-section .upload-status-badge { max-width: 100%; gap: 6px; padding-inline: 10px; }
    .product-ecosystem-section .upload-status-badge > span:nth-child(2) { min-width: 0; overflow-wrap: anywhere; }
}