.vtm-share { background:#fff; border:1px solid #eee; border-radius:12px; padding:14px; }
.vtm-share__title { font-weight:600; font-size:15px; margin-bottom:10px; }
.vtm-share__row { display:flex; flex-wrap:wrap; gap:8px; }
.vtm-share__btn {
    width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center;
    border-radius:50%; color:#fff; text-decoration:none; cursor:pointer; transition:transform .15s ease;
    box-shadow:0 2px 6px rgba(0,0,0,.08);
}
.vtm-share__btn:hover { transform:translateY(-2px); }
.vtm-fb{ background:#1877f2; }       .vtm-x{ background:#111; }
.vtm-linkedin{ background:#0a66c2; }  .vtm-reddit{ background:#ff4500; }
.vtm-telegram{ background:#229ed9; }  .vtm-whatsapp{ background:#25d366; }
.vtm-pinterest{ background:#e60023; } .vtm-zalo{ background:#0a5fff; }
.vtm-copy{ background:#6c757d; }      .vtm-webshare{ background:#4f46e5; }
.vtm-email{ background:#dc3545; }     .vtm-qr{ background:#16a34a; }
.vtm-share__btn i{ font-size:18px; }

/* QR modal */
.vtm-qr-modal[hidden]{ display:none; }
.vtm-qr-backdrop{
    position:fixed; inset:0; background:rgba(0,0,0,.4);
}
.vtm-qr-card{
    position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);
    background:#fff; border-radius:12px; padding:16px; width:320px; max-width:90vw;
    box-shadow:0 10px 30px rgba(0,0,0,.18); text-align:center;
}
.vtm-qr-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.vtm-qr-header .vtm-qr-close{
    background:transparent; border:0; font-size:24px; line-height:1; cursor:pointer;
}
.vtm-qr-url{ font-size:12px; word-break:break-all; margin-top:8px; color:#555; }
@media (max-width:480px){
    .vtm-share { border-radius:10px; padding:12px; }
    .vtm-share__btn{ width:36px; height:36px; }
}