/* Targeted homepage corrections from the latest visual review. */

/* Keep the three left and three right process cards on clean vertical rails. */
@media (min-width:1101px) {
    .hero-system .system-card--sales,
    .hero-system .system-card--docs,
    .hero-system .system-card--analytics { left: 4%; }

    .hero-system .system-card--stock,
    .hero-system .system-card--logistics,
    .hero-system .system-card--production { right: 4%; }

    .hero-system .system-card--sales,
    .hero-system .system-card--stock { top: 12px; }

    .hero-system .system-card--docs,
    .hero-system .system-card--logistics { top: 157px; }

    .hero-system .system-card--analytics,
    .hero-system .system-card--production { bottom: 54px; }
}

/* Logistics preview: one consistent route stroke instead of the old thick/thin polygon. */
.hero-system .system-card--logistics .mock-map::before {
    left: 12%;
    top: 37%;
    width: 72%;
    height: 24px;
    background: none;
    border-top: 3px solid #2f6fdd;
    border-radius: 50%;
    clip-path: none;
    transform: rotate(-5deg);
    transform-origin: center;
}

/* The process CTA needs its own width so the arrow never collides with the label. */
@media (min-width:1101px) {
    .process-breaks__inner {
        grid-template-columns: 230px minmax(0, 1fr) 238px;
    }
}

@media (min-width:981px) {
    .process-breaks__inner > .button {
        min-width: 238px;
        padding-inline: 18px;
        gap: 12px;
        justify-content: space-between;
        white-space: nowrap;
    }

    .process-breaks__inner > .button > span {
        white-space: nowrap;
    }

    .process-breaks__inner > .button .button__icon {
        margin-left: 10px;
        flex: 0 0 18px;
        width: 18px;
        height: 18px;
    }
}

/* Management CTA: its generic footer text rule must not mute the button label. */
.manager-dashboard__footer .button--violet,
.manager-dashboard__footer .button--violet > span {
    color: #fff;
}

/* Footer logo must remain a single IntroCRM wordmark despite generic footer span rules. */
.site-footer .brand {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.site-footer .brand-name {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 20px;
    line-height: 1;
}

.site-footer .brand-name > span,
.site-footer .brand-name > b {
    display: inline;
    font-size: inherit;
    line-height: inherit;
    white-space: nowrap;
}

.site-footer .brand-name > span { color: #fff; }
.site-footer .brand-name > b { color: #ff7a38; }

/* Telegram and MAX are deliberate peer contact actions. */
.site-footer__messengers {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    flex-wrap: wrap;
}
.site-footer .site-footer__messengers a {
    min-height: 30px;
    padding: 5px 10px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 9px;
    background: rgba(255,255,255,.055);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.site-footer .site-footer__messengers a:hover,
.site-footer .site-footer__messengers a:focus-visible {
    background: rgba(255,255,255,.11);
    border-color: rgba(255,255,255,.32);
}