.sg-claim-tip { position: absolute; z-index: 9999; width: min(340px, calc(100vw - 20px)); padding: 16px 18px 15px; border-radius: 16px;
    background: #1C1810; color: #F2EBDD; box-shadow: 0 22px 44px -18px rgba(20,14,8,.55); font: 14px/1.55 Manrope, system-ui, sans-serif;
    text-align: left; opacity: 0; transform: translateY(4px); transition: opacity .18s ease, transform .18s ease; }
  .sg-claim-tip.on { opacity: 1; transform: none; }
  .sg-claim-tip[hidden] { display: none; }
  .sg-claim-tip::after { content: ""; position: absolute; left: var(--ax, 50%); top: 100%; margin-left: -7px; border: 7px solid transparent; border-top-color: #1C1810; }
  .sg-claim-tip.below::after { top: auto; bottom: 100%; border-top-color: transparent; border-bottom-color: #1C1810; }
  .sg-claim-tip .ct-k { display: block; font-size: 10.5px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #D6A45D; margin-bottom: 6px; }
  .sg-claim-tip .ct-lead { margin: 0 0 8px; color: #F2EBDD; }
  .sg-claim-tip .ct-sub { margin: 0 0 10px; color: #CFC4AE; font-size: 13px; }
  .sg-claim-tip .ct-a { color: #EAC894; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
  @media (prefers-reduced-motion: reduce) { .sg-claim-tip { transition: none; } }