@media (max-width: 860px) {
    .hero-copy,
    .hero-card,
    .panel,
    .product-summary,
    .gallery-panel,
    .page-hero-card,
    .testimonial-card,
    .listing-toolbar,
    .promo-banner,
    .cta-panel,
    .map-placeholder,
    .contact-form {
        border-radius: 22px;
    }

    .section {
        scroll-margin-top: 6rem;
    }
}

@media (max-width: 640px) {
    .container {
        width: min(100vw - 1.1rem, 100%);
    }

    .hero-copy,
    .hero-card,
    .panel,
    .product-summary,
    .gallery-panel,
    .page-hero-card,
    .testimonial-card,
    .listing-toolbar,
    .promo-banner,
    .cta-panel,
    .map-placeholder,
    .contact-form,
    .spec-table,
    .summary-card,
    .detail-panel,
    .support-card,
    .product-card,
    .listing-card {
        padding: 1.1rem;
    }

    .utility-copy,
    .utility-links,
    .hero-actions,
    .hero-meta,
    .product-actions,
    .product-card-actions,
    .support-actions {
        width: 100%;
    }

    .hero-actions .button,
    .product-actions .button,
    .product-card-actions .button,
    .support-actions .button {
        width: 100%;
    }

    .gallery-main img {
        min-height: 260px;
    }

    .spec-table th,
    .spec-table td {
        display: block;
        width: 100%;
        padding: 0.55rem 0;
    }
}