/* Minification failed. Returning unminified contents.
(33,28): run-time error CSS1039: Token not allowed after unary operator: '-border-light'
(40,28): run-time error CSS1039: Token not allowed after unary operator: '-brand'
(41,21): run-time error CSS1039: Token not allowed after unary operator: '-brand'
 */
/* ── OVERVIEW CARDS (flex column, no grid) ── */
.feat-overview-cards {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* ── POS BRANDS ── */
.pos-brands {
    margin-top: 28px;
}

.pos-brands-label {
    font-size: 11px;
    font-weight: 700;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 12px;
}

.pos-brands-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pos-brand-chip {
    font-size: 12.5px;
    font-weight: 600;
    color: #555;
    background: #fff;
    border: 1px solid var(--border-light);
    border-radius: 8px;
    padding: 6px 14px;
    transition: border-color .15s, color .15s;
}

    .pos-brand-chip:hover {
        border-color: var(--brand);
        color: var(--brand);
    }

/* ── RESPONSIVE ── */
@media (max-width: 767.98px) {
    .feat-cta-box {
        padding: 32px 20px;
    }

        .feat-cta-box .d-flex {
            flex-direction: column;
        }

    .feat-detail {
        padding: 56px 0;
    }
}