/* The share button on each design and the sheet that lists where it can go. */
.catalog-share{position:absolute;right:-1px;top:38px;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:6px;border:1px solid #eee9e2;border-radius:50%;background:#fffc;color:inherit;box-shadow:0 3px 8px #00000009;cursor:pointer}
.catalog-share:hover{color:#9e743b;border-color:#d4c5ae}
.design-card{position:relative}
.landing-share{position:absolute;right:10px;top:10px;z-index:2;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #e3e1d5;border-radius:50%;background:#fffdf8f0;color:#546249;cursor:pointer}
.landing-share:hover{color:#9e743b}
.page-share{position:fixed;top:48px;right:max(12px,calc(50% - 228px));z-index:61;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #b8a58a70;border-radius:50%;background:#fffdf5ed;color:#5f4b35;box-shadow:0 2px 12px #31241412;cursor:pointer}
.theme-royal .page-share{top:44px}
@media(max-width:333px){.theme-royal .page-share{top:59px}}
.page-share:focus-visible,.catalog-share:focus-visible,.landing-share:focus-visible,.preview-share:focus-visible,.share-tile:focus-visible,.share-copy button:focus-visible,.share-sheet-close:focus-visible{outline:2px solid #9e743b;outline-offset:2px}
.page-share[hidden],.catalog-share[hidden],.landing-share[hidden],.preview-dialog .preview-share[hidden],.share-tile[hidden]{display:none}

.share-sheet{width:min(420px,calc(100vw - 24px));max-height:calc(100dvh / var(--catalog-zoom,1) - 24px);margin:auto;padding:0;overflow:auto;border:1px solid #e3d9cb;border-radius:18px;background:#fffdf8;color:#3d3024;box-shadow:0 20px 70px #2d211f55;font:400 14px/1.4 var(--ui,var(--font-ui,Arial,sans-serif))}
.share-sheet::backdrop{background:#25211c99}
.share-sheet-body{display:grid;gap:18px;padding:20px}
.share-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.share-sheet-head h2{margin:0;font:600 19px/1.25 var(--ui,var(--font-ui,Arial,sans-serif));letter-spacing:0;color:inherit}
.share-sheet-head p{margin:3px 0 0;color:#8a765b;font-size:13px;overflow-wrap:anywhere}
.share-sheet-close{display:grid;place-items:center;flex:none;width:40px;height:40px;margin:-8px -8px 0 0;padding:0;border:0;border-radius:50%;background:none;color:#5f4b35;cursor:pointer}
.share-sheet-close:hover{background:#f3ebdd}
.share-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px}
.share-tile{display:grid;justify-items:center;gap:7px;min-width:0;padding:4px 0;border:0;background:none;color:#4d3f30;font:400 12px/1.25 var(--ui,var(--font-ui,Arial,sans-serif));text-align:center;text-decoration:none;cursor:pointer}
.share-tile:hover{color:#9e743b}
.share-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#efe6d6;color:#6b5236;transition:transform .15s}
.share-tile:hover .share-logo{transform:translateY(-2px)}
.share-logo-whatsapp{background:#25d366;color:#fff}
.share-logo-instagram{background:linear-gradient(45deg,#f9a825,#e4405f 45%,#c13584 70%,#5b51d8);color:#fff}
.share-logo-facebook{background:#1877f2;color:#fff}
.share-logo-tiktok,.share-logo-x,.share-logo-threads{background:#111;color:#fff}
.share-logo-telegram{background:#26a5e4;color:#fff}
.share-copy{display:flex;gap:8px;min-width:0}
.share-copy input{flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid #dfd1bc;border-radius:10px;background:#faf6ee;color:#5f4b35;font:400 13px var(--ui,var(--font-ui,Arial,sans-serif));text-overflow:ellipsis}
.share-copy button{flex:none;height:44px;padding:0 14px;border:1px solid #aa854e;border-radius:10px;background:linear-gradient(125deg,#bc9c64,#9d7844);color:#fff9ef;font:600 13px var(--ui,var(--font-ui,Arial,sans-serif));cursor:pointer}
.share-status{margin:-8px 0 0;color:#6a7a4f;font-size:13px}
.share-status:empty{display:none}
@media(max-width:680px){
  .catalog-share{top:34px;width:28px;height:28px;right:-2px;padding:5px}
  .catalog-share::after{content:"";position:absolute;inset:-3px -6px -8px}
  .share-sheet{width:100%;max-width:none;margin:auto 0 0;border-width:1px 0 0;border-radius:18px 18px 0 0}
  .share-sheet-body{padding:20px 16px max(16px,env(safe-area-inset-bottom))}
}