/* =========================================
   IKONY SPECJALIZACJI (Maski SVG Line-Art)
   ========================================= */

/* Baza dla wszystkich ikon .ov */
.ov {
    display: inline-block;
    width: 42px; /* Idealny, duży rozmiar */
    height: 42px;
    background-color: var(--primary-teal, #107C74); /* Automatycznie zaciąga Twój kolor */
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    margin-bottom: 16px;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

/* Efekt najechania (Hover) odziedziczony z karty */
.category-card:hover .ov {
    transform: scale(1.1);
    background-color: var(--primary-teal-hover, #0d635c);
}

/* --- Definicje ścieżek SVG (Base64) --- */

/* 1. Kardiologia i Serce (Serce z pulsem) */
.ov-kardiologia {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.42 4.58a5.4 5.4 0 0 0-7.65 0l-.77.78-.77-.78a5.4 5.4 0 0 0-7.65 0C1.46 6.7 1.33 10.28 4 13l8 8 8-8c2.67-2.72 2.54-6.3.42-8.42z'/%3E%3Cpolyline points='3 12 8 12 10 8 14 16 16 12 21 12'/%3E%3C/svg%3E");
}

/* 2. Stomatologia (Ząb) */
.ov-stomatologia {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6A6 6 0 0 0 6 6v3.5a10.5 10.5 0 0 0 2.5 6.8l1.4 1.7a2 2 0 0 0 3.2 0l1.4-1.7a10.5 10.5 0 0 0 2.5-6.8V6z'/%3E%3Cpath d='M12 12v9'/%3E%3C/svg%3E");
}

/* 3. Głowa i Zmysły / Okulista (Oko) */
.ov-zmysly {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

/* 4. Ortopedia i Układ Ruchu (Kość / Fizjoterapia) */
.ov-ortopedia {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 10c.7-.7 1.69 0 2.5 0a2.5 2.5 0 1 0 0-5 .5.5 0 0 1-.5-.5 2.5 2.5 0 1 0-5 0c0 .8.7 1.8 0 2.5l-7 7c-.7.7-1.69 0-2.5 0a2.5 2.5 0 0 0 0 5c0 .3.2.5.5.5a2.5 2.5 0 0 0 5 0c0-.8-.7-1.8 0-2.5Z'/%3E%3C/svg%3E");
}

/* 5. Medycyna Pracy i Ratunkowa (Torba medyczna) */
.ov-medycyna-pracy {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='8' width='16' height='12' rx='2' ry='2'/%3E%3Cpath d='M8 8V6a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M12 11v6'/%3E%3Cpath d='M9 14h6'/%3E%3C/svg%3E");
}

/* 6. Dermatologia i Estetyka (Gwiazdki blasku) */
.ov-dermatologia {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v4'/%3E%3Cpath d='M12 18v4'/%3E%3Cpath d='M4.93 4.93l2.83 2.83'/%3E%3Cpath d='M16.24 16.24l2.83 2.83'/%3E%3Cpath d='M2 12h4'/%3E%3Cpath d='M18 12h4'/%3E%3Cpath d='M4.93 19.07l2.83-2.83'/%3E%3Cpath d='M16.24 7.76l2.83-2.83'/%3E%3C/svg%3E");
}

/* 7. Zdrowie Psychiczne i Neurologia (Mózg) */
.ov-neurologia {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5a3 3 0 1 0-5.997.12