.page-share-dialog {
    width: min(460px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 26px;
    border: 1px solid #e0dbd4;
    border-radius: 10px;
    background: #fff;
    color: #241c15;
    box-shadow: 0 16px 60px rgba(0, 0, 0, .22);
}
.page-share-dialog::backdrop { background: rgba(20, 30, 32, .5); }
.page-share-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.page-share-heading h2 { margin: 0; font-size: 1.4rem; font-family: 'Playfair Display', serif; line-height: 1.3; }
.page-share-close { border: 0; background: transparent; color: #666; font-size: 28px; line-height: 1; padding: 5px; cursor: pointer; }
.page-share-options { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.page-share-option { display: flex; flex-direction: column; align-items: center; gap: 9px; text-decoration: none; color: #4a4a4a; font-family: sans-serif; font-size: 11px; text-align: center; }
.page-share-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--share-color); color: #fff; }
.page-share-icon svg { width: 23px; height: 23px; fill: currentColor; }
.page-share-facebook { --share-color: #1877f2; }
.page-share-x { --share-color: #141414; }
.page-share-linkedin { --share-color: #0a66c2; }
.page-share-pinterest { --share-color: #bd081c; }
.page-share-whatsapp { --share-color: #128c7e; }
.page-share-option:hover { color: #241c15; }
.page-share-option:hover .page-share-icon { filter: brightness(.9); }
.page-share-dialog a:focus-visible, .page-share-dialog button:focus-visible { outline: 2px solid #c07a42; outline-offset: 4px; border-radius: 4px; }
@media (max-width: 380px) {
    .page-share-dialog { padding: 20px; }
    .page-share-options { gap: 6px; }
    .page-share-icon { width: 40px; height: 40px; }
    .page-share-option { font-size: 10px; }
}