/* Public Platform 23.0 – zentrales SVG-Icon-System */
.gfy-cat-icon {
    --gfy-cat-icon-color: #1677e8;
    --gfy-cat-icon-bg: #edf5ff;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: inline-grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gfy-cat-icon-color);
    background: var(--gfy-cat-icon-bg);
    box-shadow: inset 0 0 0 1px rgba(12, 43, 82, .035);
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.gfy-cat-icon svg {
    width: 21px;
    height: 21px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.gfy-cat-icon--blue { --gfy-cat-icon-color:#1174e8; --gfy-cat-icon-bg:#eaf3ff; }
.gfy-cat-icon--green { --gfy-cat-icon-color:#12a45a; --gfy-cat-icon-bg:#eaf9f0; }
.gfy-cat-icon--violet { --gfy-cat-icon-color:#7c3aed; --gfy-cat-icon-bg:#f3edff; }
.gfy-cat-icon--amber { --gfy-cat-icon-color:#e89b00; --gfy-cat-icon-bg:#fff6df; }
.gfy-cat-icon--red { --gfy-cat-icon-color:#ef3340; --gfy-cat-icon-bg:#fff0f1; }
.gfy-cat-icon--orange { --gfy-cat-icon-color:#ef7d00; --gfy-cat-icon-bg:#fff1e4; }
.gfy-cat-icon--cyan { --gfy-cat-icon-color:#089ab3; --gfy-cat-icon-bg:#e9fbfe; }
.gfy-cat-icon--slate { --gfy-cat-icon-color:#55708f; --gfy-cat-icon-bg:#eef3f8; }

.gfy-pp220__category-current .gfy-cat-icon {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    border-radius: 9px;
}
.gfy-pp220__category-current .gfy-cat-icon svg { width:18px; height:18px; }

.gfy-pp220__category-option-icon {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    display: contents !important;
}

.gfy-pp220__category-option {
    gap: 12px !important;
    min-height: 52px;
}

.gfy-pp220__category-option:hover .gfy-cat-icon,
.gfy-pp220__category-option:focus-visible .gfy-cat-icon,
.gfy-pp220__category-option.is-active .gfy-cat-icon {
    transform: translateY(-1px) scale(1.04);
    box-shadow: 0 7px 18px rgba(15, 83, 166, .12), inset 0 0 0 1px rgba(12, 43, 82, .04);
}

.gfy-pp220__popular-links .gfy-cat-icon {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
    border-radius: 7px;
}
.gfy-pp220__popular-links .gfy-cat-icon svg { width:15px; height:15px; }

@media (max-width: 760px) {
    .gfy-cat-icon { width:34px; height:34px; flex-basis:34px; }
}