.Icon-block {
    background: linear-gradient(90deg, var(--colorLeft, #ffffff), var(--colorRight, #ffffff));
    width: 6rem; height: 6rem; display: flex; justify-content: center; align-items: center;
    margin: 0 auto; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); overflow: hidden;
    position: absolute; top: -1.5rem; left: 10%; transform: translateX(-50%);
}
.info-icon, .info-link {
    display: inline-flex; justify-content: center; align-items: center; margin-left: 0.5em;
    width: 0.8em; height: 0.8em;
    fill: #7f85e4; padding: 0;
    line-height: 1; vertical-align: text-top; border-radius: 50%; transition: background 0.25s ease;
    position: relative; top: -0.1em;
}
.produkt-block>label>.info-icon, .produkt-block>label>.info-link {
    margin-top: 0;
}
.info-icon:hover, .info-link:hover { fill: #ffffff; }
.info-link { text-decoration: none; }
.produkt-block.selected>label>.info-icon, .produkt-block.selected>label>.info-link { fill: #7f85e4; }
.produkt-block.selected>label>.info-icon:hover, .produkt-block.selected>label>.info-link:hover { fill: #ffffff; }
.features-controls label input.feature-checkbox:checked ~ .info-icon,
.features-controls label input.feature-checkbox:checked ~ .info-link { fill: #7f85e4; }
.features-controls label input.feature-checkbox:checked ~ .info-icon:hover,
.features-controls label input.feature-checkbox:checked ~ .info-link:hover { fill: #ffffff; }

.pc-tooltip {
    position: fixed;
    z-index: 10000;
    background: rgba(44,44,70,0.95);
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.3;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
    max-width: 240px;
    pointer-events: none;
    opacity: 0;
    transform: translateX(6px);
    transition: opacity .18s ease, transform .18s ease;
}
.pc-tooltip[data-show="true"] {
    opacity: 1;
    transform: translateX(0);
}