/* Site Icon Helpers - Stage 5 Icon Pack Integration */
.site-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.site-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.site-icon--sm {
    width: 20px;
    height: 20px;
}

.site-icon--md {
    width: 42px;
    height: 42px;
}

.site-icon--lg {
    width: 40px;
    height: 40px;
}

/* Context-specific icon sizes */
.site-icon--header {
    width: 42px;
    height: 42px;
}

.site-icon--footer {
    width: 42px;
    height: 42px;
}

/* Optical normalization for social icons - context-specific */

/* Header context */
.site-icon--vk-header img {
}

.site-icon--telegram-header img {
}

/* Footer context */
.site-icon--vk-footer img {
    transform: none;
}

.site-icon--telegram-footer img {
}

/* Mobile rail context */
.site-icon--vk-mobile img {
    transform: none;
}

.site-icon--telegram-mobile img {
  /*  transform: scale(1.12);
    transform-origin: center;*/
}