/* Scoped product photographs: other sections and shared site styles stay intact. */
.mifar-order-home #how-it-works .how-it-works__graph,
.mifar-order-home #how-it-works-vint .how-it-works__graph,
.machine-cost--order-flow .machine-cost__img {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 3;
    padding: 20px;
    background: #f7fbfa;
    border-radius: 16px;
}
.mifar-order-home #how-it-works .how-it-works__graph img,
.mifar-order-home #how-it-works-vint .how-it-works__graph img,
.machine-cost--order-flow .machine-cost__img img {
    display: block;
    position: static;
    width: 100%;
    height: 100%;
    max-width: 560px;
    max-height: 440px;
    object-fit: contain;
    object-position: center;
    transform: none;
}
.machine-cost--order-flow .machine-cost__img { max-width: 560px; justify-self: center; }
@media (max-width: 600px) {
    .mifar-order-home #how-it-works .how-it-works__graph,
    .mifar-order-home #how-it-works-vint .how-it-works__graph,
    .machine-cost--order-flow .machine-cost__img { padding: 12px; }
}

/* Legacy mobile styles place both children in an implicit second column. */
@media (max-width: 768px) {
    .machine-cost--order-flow .machine-cost__inner { grid-template-columns: minmax(0, 1fr); }
    .machine-cost--order-flow .machine-cost__price { grid-column: 1; grid-row: 1; min-width: 0; }
    .machine-cost--order-flow .machine-cost__img { grid-column: 1; grid-row: 2; min-width: 0; }
}

/* Long publication URLs must remain readable within narrow mobile layouts. */
.mifar-order-home main a { overflow-wrap: anywhere; }
