/* Homepage - "Machinery for sale" section (EN + IT): text on the left, "view all" card on the right.
   Temporary section: remove the block between <!-- Machinery Start --> and <!-- Machinery End -->
   (and this file) once the fleet is sold. */

/* Heading: the company name sits on its own line and scales with its column, so in English and Italian it fits on one
   line ("Quality Used Machinery from" is about 13.9em wide, "ROUTH FARMING LIMITED" 12.7em). A longer translation wraps
   at its spaces (and breaks a word that is still too long) instead of widening the page (320 px gate, D-14). */
.mc-nowrap { display: block; overflow-wrap: break-word; }   /* company name on its own line */
.mc-h1 { font-size: 1.9rem; }                              /* fallback for older browsers */
.mc-text { container-type: inline-size; }
@supports (width: 1cqw) {
    .mc-h1 { font-size: min(2.5rem, calc(100cqw / 14.2)); }   /* also fits "Quality Used Machinery from" on one line */
}

/* "View all machines for sale" card */
.mc-all {
    position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;
    text-align: center; gap: .6rem; padding: 2rem 1.5rem; text-decoration: none;
    background: var(--light); border: 1px solid #c3e6cb; border-radius: var(--radius-lg); color: var(--dark); overflow: hidden;
    box-shadow: var(--shadow-sm); transition: transform .2s ease, box-shadow .2s ease;
}
.mc-all:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); color: var(--dark); }
@media (prefers-reduced-motion: reduce) {
    .mc-all { transition: none; }
    .mc-all:hover { transform: none; }
}
.mc-all-lg { min-height: 340px; padding: 3rem 2rem; max-width: 470px; margin-left: auto; margin-right: auto; }
.mc-all .mc-all-icon {
    display: flex; align-items: center; justify-content: center; width: 92px; height: 92px; border-radius: 50%;
    background: #fff; color: var(--primary); font-size: 2.4rem; margin-bottom: .6rem;
}
.mc-all strong { font-size: var(--fs-h3); line-height: var(--lh-heading); }
.mc-all span.mc-all-sub { font-size: 1rem; color: #4f6b57; }
.mc-cta { font-weight: 600; font-size: .95rem; color: var(--dark); margin-top: .4rem; }
.mc-cta i { margin-left: 4px; transition: transform .2s; }
.mc-all:hover .mc-cta i { transform: translateX(4px); }

@media (max-width: 991.98px) {
    .mc-all-lg { min-height: 0; padding: 2.2rem 1.5rem; max-width: none; }
}