/* =====================================================
   MA Safety B2B Information Bar
===================================================== */

.mas-b2b-bar {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    gap: 18px;

    width: 100%;
    margin: 20px 0;
    padding: 14px 18px;

    background: #fff8e7;
    border: 1px solid #f2d27d;

    /* Desktop: ALWAYS one line */
    flex-wrap: nowrap;
    overflow: hidden;
}

.mas-b2b-item {
    display: inline-flex;
    align-items: center;

    flex: 0 0 auto;

    gap: 10px;

    font-size: 14px;
    line-height: 1.3;
    color: #333;

    white-space: nowrap;
}

.mas-b2b-item strong {
    font-weight: 700;
    margin-right: 6px;
}

.mas-b2b-value {
    font-weight: 600;
    white-space: nowrap;
}

.mas-b2b-divider {
    width: 1px;
    height: 24px;

    flex: 0 0 1px;

    background: #e3c15d;
}


/* =====================================================
   Mobile
===================================================== */

@media (max-width: 768px) {

    .mas-b2b-bar {
        flex-direction: column;
        align-items: flex-start;

        gap: 14px;

        overflow: visible;
    }

    .mas-b2b-item {
        width: 100%;
        flex: 0 0 auto;

        white-space: nowrap;
    }

    .mas-b2b-divider {
        display: none;
    }
}