/* =========================================================
   SHOWSHANK™ — CUSTOM SVG ICONS V2
   Ikony są jaśniejsze, bardziej glass i lepiej wtapiają się w stronę.
   ========================================================= */

.ss-icon {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background:
        radial-gradient(circle at 50% 50%, rgba(255,122,0,.11), transparent 62%),
        linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.022)),
        rgba(255,255,255,.018);
    border: 1px solid rgba(255,122,0,.20);
    box-shadow:
        inset 0 0 22px rgba(255,122,0,.045),
        0 0 24px rgba(255,122,0,.055);
    overflow: hidden;
}

.ss-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(1.02);
    filter: drop-shadow(0 0 10px rgba(255,122,0,.18));
    transition: transform .28s ease, filter .28s ease;
}

.service-card:hover .ss-icon img,
.mobile-practice-steps article:hover .ss-icon img,
.practice-step-card:hover .ss-icon img {
    transform: scale(1.08);
    filter: drop-shadow(0 0 16px rgba(255,122,0,.28));
}

.service-number--custom-icon {
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: inherit !important;
}

.service-topline--custom {
    justify-content: flex-start !important;
}