/* ===== Web Share fallback sheet ===== */
.dg-share-backdrop{
    position:fixed;inset:0;z-index:9999;
    background:rgba(0,0,0,0.6);
    backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
    display:flex;align-items:flex-end;justify-content:center;
    opacity:0;transition:opacity .18s;
}
.dg-share-backdrop.is-open{opacity:1}
.dg-share-sheet{
    position:relative;width:100%;max-width:480px;
    background:#0c0e12;
    border:1px solid rgba(255,255,255,0.08);
    border-radius:18px 18px 0 0;
    padding:24px 22px 32px;
    transform:translateY(20px);transition:transform .22s ease-out;
    color:#e4e7ec;font-family:inherit;
}
.dg-share-backdrop.is-open .dg-share-sheet{transform:translateY(0)}
@media (min-width:600px){
    .dg-share-backdrop{align-items:center}
    .dg-share-sheet{border-radius:14px;max-width:420px}
}
.dg-share-close{
    position:absolute;top:10px;right:14px;
    width:36px;height:36px;
    background:transparent;border:0;color:#888;
    font-size:28px;cursor:pointer;line-height:1;
    transition:.15s;border-radius:8px;
}
.dg-share-close:hover{color:#fff;background:rgba(255,255,255,0.06)}
.dg-share-title{
    font-size:11px;letter-spacing:4px;color:#aaa;
    text-transform:uppercase;font-weight:600;margin-bottom:14px;
}
.dg-share-preview{
    margin:0 -8px 14px;
    border-radius:10px;overflow:hidden;
    border:1px solid rgba(255,255,255,0.06);
    background:#050608;
}
.dg-share-preview img{display:block;width:100%;height:auto}
.dg-share-text{
    font-size:13px;color:#b0b5be;line-height:1.45;
    background:rgba(255,255,255,0.03);
    padding:10px 12px;border-radius:8px;
    margin-bottom:18px;
    border:1px solid rgba(255,255,255,0.05);
}
.dg-share-grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:8px;
}
.dg-share-btn{
    display:flex;flex-direction:column;align-items:center;gap:6px;
    padding:14px 6px;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:10px;
    color:#e4e7ec;text-decoration:none;
    font:inherit;cursor:pointer;
    transition:.15s;
}
.dg-share-btn:hover{
    background:rgba(255,255,255,0.08);
    border-color:rgba(255,255,255,0.18);
    transform:translateY(-1px);
}
.dg-share-btn:active{transform:translateY(0)}
.dg-share-icon{
    width:36px;height:36px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:18px;font-weight:700;
}
.dg-share-btn.tg .dg-share-icon{background:rgba(40,159,217,0.18);color:#5fb6e0}
.dg-share-btn.vk .dg-share-icon{background:rgba(70,128,194,0.18);color:#7fa8e0}
.dg-share-btn.wa .dg-share-icon{background:rgba(37,211,102,0.18);color:#4dd486}
.dg-share-btn.copy .dg-share-icon{background:rgba(180,180,200,0.18);color:#c8cdd6}
.dg-share-lab{
    font-size:10px;letter-spacing:1px;color:#aab0b8;
    text-transform:uppercase;font-weight:500;
}

/* кнопка-триггер «Поделиться» — универсальный стиль */
.dg-share-trigger{
    display:inline-flex;align-items:center;gap:6px;
    padding:6px 14px;
    background:rgba(205,210,220,0.08);
    border:1px solid rgba(205,210,220,0.18);
    border-radius:999px;
    color:#cdd2dc;font:inherit;cursor:pointer;
    font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:500;
    transition:.15s;
}
.dg-share-trigger:hover{
    background:rgba(205,210,220,0.14);
    border-color:rgba(205,210,220,0.32);
    color:#fff;
}
.dg-share-trigger svg{width:14px;height:14px;flex-shrink:0}

/* «иконочная» версия — компактнее, без подписи */
.dg-share-trigger.icon-only{
    padding:6px;width:32px;height:32px;justify-content:center;
}
.dg-share-trigger.icon-only span{display:none}

/* Простой тост на случай если у страницы нет своего */
.dg-share-flash{
    position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);
    background:#15191f;border:1px solid rgba(255,255,255,0.1);
    border-radius:8px;padding:12px 20px;color:#fff;
    font-size:14px;z-index:10000;opacity:0;transition:.2s;
}
.dg-share-flash.is-on{opacity:1;transform:translateX(-50%) translateY(0)}