/* ==========================================================
   BUSINESS VALUE SZEKCIÓ (value-equation)
   ----------------------------------------------------------
   Full-width flex layout: Card + Card + Card = Card
   Operators centered between cards.
   ========================================================== */

.business-value-banner {
    width: 100%;
    max-width: var(--layout-max-width);
    margin: 0 auto;
    padding: 20px 0 0;
}

.business-value-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
}

.business-value-card {
    text-align: center;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
}

.business-value-circle {
    width: 110px;
    height: 110px;
    padding: 10px 0;
    margin: 0 auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .03);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    overflow: hidden;
}

.business-value-circle img {
    width: 65%;
    height: 65%;
    object-fit: contain;
}

/* Kártya színváltozatok */

.business-value-card.retail .business-value-circle {
    border: 2px solid var(--color-primary);
    box-shadow: 0 0 12px var(--color-primary), 0 0 30px rgba(0, 168, 255, .35);
}

.business-value-card.infra .business-value-circle {
    border: 2px solid var(--color-infra-cyan);
    box-shadow: 0 0 12px var(--color-infra-cyan), 0 0 30px rgba(53, 231, 255, .35);
}

.business-value-card.solutions .business-value-circle {
    border: 2px solid var(--color-secondary);
    box-shadow: 0 0 12px var(--color-secondary), 0 0 30px rgba(155, 87, 255, .35);
}

.business-value-card.value .business-value-circle {
    width: 118px;
    height: 118px;
    border: 2px solid var(--color-accent);
    box-shadow: 0 0 16px var(--color-accent), 0 0 42px rgba(255, 181, 46, .45);
    animation: business-value-pulse 3s infinite ease-in-out;
}

@keyframes business-value-pulse {
    50% { transform: scale(1.05); }
}

/* Kártya-címek */

.business-value-card h3 {
    margin: 18px 0 10px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.business-value-card.retail h3    { color: var(--color-primary); }
.business-value-card.infra h3     { color: var(--color-infra-cyan); }
.business-value-card.solutions h3 { color: var(--color-secondary); }
.business-value-card.value h3     { color: var(--color-accent); }

/* Kártya-bekezdések */

.business-value-card p {
    margin: 0;
    color: var(--color-text);
    font-size: 15px;
    line-height: 1.55;
}

/* ----- Operátorok: a kártyák között középre ----- */

.business-value-operator {
    -webkit-flex: 0 0 80px;
    flex: 0 0 80px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    height: 110px;
    padding: 10px 0;
    user-select: none;
}

.business-value-operator svg {
    overflow: visible;
}

.business-value-operator.plus.blue svg {
    width: 65px;
    height: 65px;
    color: var(--color-primary);
    filter: drop-shadow(0 0 8px currentColor) drop-shadow(0 0 16px currentColor);
}

.business-value-operator.plus.purple svg {
    width: 65px;
    height: 65px;
    color: var(--color-secondary);
    filter: drop-shadow(0 0 8px currentColor) drop-shadow(0 0 16px currentColor);
}

.business-value-operator.equal svg {
    width: 85px;
    height: 65px;
    color: var(--color-accent);
    filter: drop-shadow(0 0 8px currentColor) drop-shadow(0 0 16px currentColor);
}