/* Mobile-only finishing rules for imPressive Ironing. */

@media (max-width: 768px) {
    html,
body {
    max-width: 100%;
}

body {
    overflow-x: clip;
}

    .service-grid,
    .price-cards,
    .testimonial-grid,
    .price-tables {
        align-items: stretch !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin-top: 10px !important;
    }

    .price-block {
        box-sizing: border-box !important;
        flex: none !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .price-block table {
        table-layout: fixed !important;
        width: 100% !important;
    }

    .service-grid .service-item,
    .price-cards .service-item,
    .testimonial-grid .testimonial-item {
        box-sizing: border-box !important;
        padding: 9px 10px !important;
        width: 100% !important;
		 height: auto !important;
        min-height: 0 !important;
        flex: none !important;
    }

    .service-item img {
        display: block !important;
        margin: 0 auto 4px !important;
        max-height: 36px !important;
    }

    .service-item h3,
    .service-item h4 {
        font-size: 0.98rem !important;
        line-height: 1.18 !important;
        margin-bottom: 3px !important;
    }

    .service-item p,
    .testimonial-item p {
        font-size: 0.88rem !important;
        line-height: 1.32 !important;
        margin-bottom: 5px !important;
    }

    .testimonial-item .stars {
        line-height: 1 !important;
        margin-bottom: 4px !important;
    }

    .testimonial-item .author {
        display: block !important;
        font-size: 0.86rem !important;
        line-height: 1.2 !important;
        margin-top: 2px !important;
    }
}