/* ============================================
   Поделиться статьёй — современный минималистичный блок
   Монохромные контурные кнопки, цвет сети появляется на hover
============================================ */

.post-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
    width: 100%;
    margin: 32px 0;
    padding: 18px 20px;
    border-top: 1px solid #e7ebe9;
    border-bottom: 1px solid #e7ebe9;
}

.post-share__label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .02em;
    color: var(--text-light, #8b909d);
    white-space: nowrap;
}

.post-share__label svg {
    flex-shrink: 0;
    color: var(--primary-color, #0f6d4c);
    opacity: .85;
}

.post-share__icons {
    display: flex;
    align-items: center;
    gap: 8px;
}

.post-share__btn {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    color: #fff;
    text-decoration: none;
    transition: background-color .22s ease, border-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease;
}

.post-share__btn::before {
    content: "";
    width: 15px;
    height: 15px;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: background-color .22s ease;
}

.post-share__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px -6px var(--btn-shadow, rgba(0,0,0,.25));
}

.post-share__btn--vk       { background:#4a76a8; --btn-shadow: rgba(74,118,168,.45); }
.post-share__btn--fb       { background:#3b5998; --btn-shadow: rgba(59,89,152,.45); }
.post-share__btn--x        { background:#000;    --btn-shadow: rgba(0,0,0,.35); }
.post-share__btn--ok       { background:#ee8208; --btn-shadow: rgba(238,130,8,.45); }
.post-share__btn--telegram { background:#2ca5e0; --btn-shadow: rgba(44,165,224,.45); }
.post-share__btn--linkedin { background:#0a66c2; --btn-shadow: rgba(10,102,194,.45); }

.post-share__btn--vk::before       { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M13.5 17c-5 0-8-3.5-8.2-9h2.7c.1 3.9 1.9 5.6 3.3 5.9V8h2.5v3.6c1.4-.2 2.8-1.7 3.3-3.6h2.5c-.4 2.3-2 4-3.2 4.7 1.2.6 3 2.1 3.7 4.3h-2.8c-.5-1.7-1.8-3-3.5-3.2V17h-.3z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M13.5 17c-5 0-8-3.5-8.2-9h2.7c.1 3.9 1.9 5.6 3.3 5.9V8h2.5v3.6c1.4-.2 2.8-1.7 3.3-3.6h2.5c-.4 2.3-2 4-3.2 4.7 1.2.6 3 2.1 3.7 4.3h-2.8c-.5-1.7-1.8-3-3.5-3.2V17h-.3z'/%3E%3C/svg%3E"); }
.post-share__btn--fb::before       { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M15 8h2V5h-2c-2.2 0-4 1.8-4 4v2H9v3h2v7h3v-7h2.2l.8-3H14V9c0-.6.4-1 1-1z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M15 8h2V5h-2c-2.2 0-4 1.8-4 4v2H9v3h2v7h3v-7h2.2l.8-3H14V9c0-.6.4-1 1-1z'/%3E%3C/svg%3E"); }
.post-share__btn--x::before        { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M3 3l7.5 9.1L3.3 21h2.3l6-6.7 4.6 6.7H21l-7.9-9.6L20 3h-2.3l-5.6 6.2L7.4 3H3z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M3 3l7.5 9.1L3.3 21h2.3l6-6.7 4.6 6.7H21l-7.9-9.6L20 3h-2.3l-5.6 6.2L7.4 3H3z'/%3E%3C/svg%3E"); }
.post-share__btn--ok::before       { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='3' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath fill='white' d='M8.5 12.5a5 5 0 007 0l2 2a8 8 0 01-3.5 2l2 3h-2.8l-1.2-2-1.2 2H7.8l2-3a8 8 0 01-3.5-2z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='3' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath fill='white' d='M8.5 12.5a5 5 0 007 0l2 2a8 8 0 01-3.5 2l2 3h-2.8l-1.2-2-1.2 2H7.8l2-3a8 8 0 01-3.5-2z'/%3E%3C/svg%3E"); }
.post-share__btn--telegram::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M21 4L3 11l5 2 2 6 3-4 5 3z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M21 4L3 11l5 2 2 6 3-4 5 3z'/%3E%3C/svg%3E"); }
.post-share__btn--linkedin::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M4 9h3v11H4zM5.5 4A1.8 1.8 0 103.7 5.8 1.8 1.8 0 005.5 4zM10 9h3v1.5c.5-.9 1.7-1.7 3.3-1.7 3 0 4.2 2 4.2 5.3V20h-3v-5.4c0-1.6-.6-2.6-2-2.6-1.1 0-1.8.7-2.1 1.4-.1.3-.1.6-.1 1V20h-3z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M4 9h3v11H4zM5.5 4A1.8 1.8 0 103.7 5.8 1.8 1.8 0 005.5 4zM10 9h3v1.5c.5-.9 1.7-1.7 3.3-1.7 3 0 4.2 2 4.2 5.3V20h-3v-5.4c0-1.6-.6-2.6-2-2.6-1.1 0-1.8.7-2.1 1.4-.1.3-.1.6-.1 1V20h-3z'/%3E%3C/svg%3E"); }

/* Мобильные экраны: подпись сверху, кнопки — отдельной строкой на всю ширину */
@media (max-width: 480px) {
    .post-share {
        flex-direction: column;
        align-items: flex-start;
    }
    .post-share__icons {
        width: 100%;
        justify-content: flex-start;
    }
}