/* Crisp vector replacements for the small header raster layers in 1.psd. */
.header-socials a{width:22px;height:22px;background:transparent;color:#fff;opacity:1;border:1px solid rgba(255,255,255,.92);transition:background .22s,transform .22s,box-shadow .22s}
.header-socials a img{width:13px;height:13px;max-width:none;max-height:none;object-fit:contain;image-rendering:auto}
.header-socials a img{filter:brightness(0) invert(1)}
/* The design mockup keeps the blue play/VK marks inside white rounded squares. */
.header-socials a:nth-child(3) img,.header-socials a:nth-child(4) img{filter:none}
.desktop-language>button>img{width:20px;height:20px;max-width:none;max-height:none;object-fit:contain;image-rendering:auto}
.desktop-language>button{gap:7px}
.desktop-header.is-compact .header-socials a{width:20px;height:20px}
.desktop-header.is-compact .header-socials a img{width:12px;height:12px}
.desktop-header.is-compact .desktop-language>button>img{width:20px;height:20px}
.header-socials a:hover,.header-socials a:focus-visible{background:#fff;border-color:#fff;color:#078bc0;transform:translateY(-3px);box-shadow:0 4px 12px rgba(4,112,160,.3);outline:none}
.header-socials a:hover img,.header-socials a:focus-visible img{filter:brightness(0) saturate(100%) invert(34%) sepia(67%) saturate(1046%) hue-rotate(151deg) brightness(88%) contrast(101%)}
.header-socials a:hover:nth-child(3) img,.header-socials a:hover:nth-child(4) img,.header-socials a:focus-visible:nth-child(3) img,.header-socials a:focus-visible:nth-child(4) img{filter:none}
.header-socials a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:1100px){
 .product-page .header-socials a{width:21px;height:21px}
 .product-page .header-socials a img{width:13px;height:13px}
}
@media(max-width:900px){
 .product-page .mobile-language>button>img{width:26px;height:26px}
}