/* Ações de compartilhamento reutilizáveis sem interferir na navegação mobile. */
.semper-share-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:9px 12px;border:1px solid #b7cfe9;border-radius:10px;background:#fff;color:#0751a1;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.semper-share-trigger:hover,.semper-share-trigger:focus-visible{background:#edf5ff}
.semper-share-trigger:focus-visible,.semper-share-dialog :focus-visible{outline:3px solid #ff8b17;outline-offset:2px}
.home-product-actions .semper-share-trigger{grid-column:1/-1}
.semper-product-share{width:100%;margin-top:10px}
.semper-share-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(10,33,61,.68)}
.semper-share-dialog{width:min(100%,430px);max-height:calc(100dvh - 32px);overflow:auto;border-radius:20px;background:#fff;color:#12365f;padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.semper-share-dialog h2{margin:0 0 10px;font-size:23px}
.semper-share-dialog p{line-height:1.5;overflow-wrap:anywhere}
.semper-share-help{font-size:12px;color:#536e8a}
.semper-share-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.semper-share-option{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px;border:1px solid #a5c6e9;border-radius:11px;background:#f4f8ff;color:#0751a1;font:inherit;font-weight:800;font-size:14px;text-decoration:none;cursor:pointer}
.semper-share-option:hover{background:#e4f1ff}
.semper-share-feedback{min-height:20px;font-size:13px;color:#22613c}
.semper-share-manual{width:100%;min-height:40px;padding:8px;border:1px solid #a5c6e9;border-radius:8px;color:#12365f}
.semper-share-manual[hidden]{display:none}
.semper-share-close{min-height:44px;padding:10px 16px;border:0;border-radius:10px;background:#0b3b82;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.semper-share-copy-input{position:fixed;left:-9999px;top:0;opacity:0}
@media(max-width:600px){.semper-share-dialog{padding:20px}.semper-share-trigger{min-height:40px;font-size:12px}.semper-share-options{gap:8px}}

/* Story card: o usuário visualiza e salva o PNG sem depender de atalhos do Instagram. */
.semper-share-options .semper-share-story{grid-column:1/-1;background:#0b3b82;color:#fff;border-color:#0b3b82;font-weight:900}
.semper-share-options .semper-share-story:hover{background:#1261b8}
.semper-share-option:disabled{opacity:.65;cursor:progress}
.semper-share-option[hidden],.semper-story-section[hidden]{display:none!important}
.semper-story-section{margin:18px 0 12px;padding:13px;border:1px solid #d5e3f2;border-radius:16px;background:#f4f8ff}
.semper-story-preview{display:block;margin:0 auto;width:min(100%,220px);height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:11px;box-shadow:0 6px 18px #133c6d30}
.semper-story-section .semper-share-options{margin-top:12px}
.semper-share-dialog .semper-share-close{margin-top:10px}
.semper-share-feedback{overflow-wrap:anywhere}
.semper-share-options a:focus-visible,.semper-share-option:focus-visible{outline:3px solid #ff8b17;outline-offset:2px}
@media(max-width:360px){.semper-share-options{grid-template-columns:1fr}.semper-story-section .semper-share-options{grid-template-columns:1fr}}

/* Mobile-first: o card e suas ações devem caber no diálogo com rolagem interna. */
.semper-share-overlay{overscroll-behavior:contain}
.semper-share-dialog{overscroll-behavior:contain;scrollbar-gutter:stable}
.semper-story-preview{max-height:min(42dvh,370px);width:auto;max-width:100%;aspect-ratio:9/16;object-fit:contain}
.semper-story-section{min-width:0}
.semper-story-section .semper-share-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.semper-story-section .semper-share-option{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){
  .semper-share-overlay{padding:8px;align-items:center}
  .semper-share-dialog{width:100%;max-height:calc(100dvh - 16px);padding:16px;border-radius:18px}
  .semper-share-dialog h2{font-size:21px}
  .semper-share-options{gap:8px;margin-top:12px}
  .semper-share-option{padding:9px 7px;min-height:44px;font-size:13px}
  .semper-story-section{margin:12px 0 8px;padding:10px}
  .semper-story-preview{max-height:min(34dvh,280px);width:auto}
  .semper-story-section .semper-share-options{grid-template-columns:1fr 1fr}
  .semper-share-close{position:sticky;bottom:0;box-shadow:0 0 0 8px #fff;z-index:1}
}
@media(max-width:360px){.semper-story-section .semper-share-options{grid-template-columns:1fr}}

/* Menu social simplificado: somente três destinos visíveis, sem botões de download ou cópia. */
.semper-share-compact{position:relative;width:min(100%,460px);padding:24px}
.semper-share-compact h2{padding-right:48px;margin-bottom:8px}
.semper-share-product-title{font-size:14px;color:#476482;margin:0 0 14px;line-height:1.45}
.semper-share-dismiss{position:absolute;right:14px;top:12px;width:44px;height:44px;border:0;border-radius:50%;background:#edf4ff;color:#0b3b82;font-size:30px;line-height:1;cursor:pointer}
.semper-share-dismiss:hover{background:#d9e9ff}
.semper-share-dismiss:focus-visible{outline:3px solid #ff8b17;outline-offset:2px}
.semper-story-gallery{display:flex;align-items:center;justify-content:center;min-height:96px;margin:10px 0}
.semper-story-gallery .semper-story-preview{max-height:min(31dvh,305px)}
.semper-story-gallery [hidden]{display:none!important}
.semper-share-compact .semper-share-social-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.semper-share-social-options .semper-share-option{min-width:0;min-height:50px;padding:10px 5px;font-size:14px}
.semper-share-social-options .semper-share-tiktok{background:#17171f;border-color:#17171f;color:#fff}
.semper-share-social-options .semper-share-instagram{background:#a62d82;border-color:#a62d82;color:#fff}
.semper-share-social-options .semper-share-whatsapp{background:#168252;border-color:#168252;color:#fff}
.semper-share-social-options .semper-share-option:hover{filter:brightness(1.08)}
.semper-share-social-options .semper-share-option:disabled{opacity:.55}
.semper-share-compact .semper-share-feedback{margin-top:8px}
@media(max-width:600px){
  .semper-share-compact{padding:18px;max-height:calc(100dvh - 16px)}
  .semper-share-compact h2{font-size:21px}
  .semper-story-gallery .semper-story-preview{max-height:min(32dvh,270px)}
  .semper-share-compact .semper-share-social-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .semper-share-social-options .semper-share-option{font-size:13px;min-height:48px}
}
@media(max-width:340px){
  .semper-share-social-options .semper-share-option{font-size:12px}
}