/* Shared standalone document actions. Inline notes, footer links and dialog controls retain their context. */
main :is(button,a):is([data-supplement-open],[data-coa-open]):not(.sv-ages__note *,dialog *,.sv-kit-offer *){display:inline-flex!important;align-items:center;justify-content:center;gap:8px!important;min-height:44px;max-width:100%;padding:10px 14px!important;border:1px solid var(--doc-edge,#d9e1ed)!important;border-radius:8px!important;background:var(--doc-surface,#f4f6fa)!important;color:var(--doc-ink,#16264d)!important;font-family:var(--font-body,Poppins,sans-serif);font-size:13px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:normal!important;text-transform:none!important;text-decoration:none!important;text-align:left;white-space:normal;box-shadow:none!important;cursor:pointer;transition:background-color 160ms ease-out,border-color 160ms ease-out}
main :is(button,a):is([data-supplement-open],[data-coa-open]):not(.sv-ages__note *,dialog *,.sv-kit-offer *)::before{content:"";display:block;width:16px;height:16px;flex:0 0 16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203H6a1%201%200%200%200-1%201v16a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1V8z%22/%3E%3Cpath%20d%3D%22M14%203v5h5M8%2012h8M8%2016h6%22/%3E%3C/svg%3E") center/contain no-repeat}
main :is(button,a):is([data-supplement-open],[data-coa-open]):not(.sv-ages__note *,dialog *,.sv-kit-offer *)::after{display:none!important}
main :is(button,a):is([data-supplement-open],[data-coa-open]):not(.sv-ages__note *,dialog *,.sv-kit-offer *) > svg{display:none!important}
main :is(button,a):is([data-supplement-open],[data-coa-open]):not(.sv-ages__note *,dialog *,.sv-kit-offer *):hover{background:var(--doc-hover,#e8eef6)!important;border-color:var(--doc-edge-hover,#9eacc3)!important}
main :is(button,a):is([data-supplement-open],[data-coa-open]):not(.sv-ages__note *,dialog *,.sv-kit-offer *):active{background:var(--doc-active,#dde6f2)!important}
main :is(button,a):is([data-supplement-open],[data-coa-open]):not(.sv-ages__note *,dialog *,.sv-kit-offer *):focus-visible{outline:2px solid var(--doc-ink,#16264d);outline-offset:3px}
main .sv-documents button>span[aria-hidden]{display:none}
main .sv-documents,main .sf-links{gap:8px;flex-wrap:wrap}

/* Inherit the previewed flavor on the PDP, including full-box flavor previews. */
main .pdp-hero {
  --doc-ink: var(--bl-accent,#16264d);
  --doc-surface: color-mix(in srgb,var(--doc-ink) 5%,white);
  --doc-edge: color-mix(in srgb,var(--doc-ink) 18%,white);
  --doc-hover: color-mix(in srgb,var(--doc-ink) 10%,white);
  --doc-edge-hover: color-mix(in srgb,var(--doc-ink) 40%,white);
  --doc-active: color-mix(in srgb,var(--doc-ink) 15%,white);
}

/* Intro actions sit quietly on the hero; light detail-panel actions retain their surface. */
main .pdp-hero .pdp-intro-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
main .pdp-hero .pdp-intro-meta .sf-text-link{font-size:12px!important;padding:10px 12px!important;gap:7px!important;flex:0 1 auto;min-height:44px}
@media(max-width:1024px){
  main .pdp-hero .pdp-intro-meta{
    --doc-ink:#fff;
    --doc-surface:rgba(255,255,255,.06);
    --doc-edge:rgba(255,255,255,.26);
    --doc-hover:rgba(255,255,255,.12);
    --doc-edge-hover:rgba(255,255,255,.5);
    --doc-active:rgba(255,255,255,.18);
  }
}
