.stoett-promotion-callout { position:fixed; right:24px; bottom:80px; width:340px; max-width:calc(100vw - 32px); z-index:35; font-family:inherit; pointer-events:none; }
.stoett-promotion-panel { position:relative; box-sizing:border-box; padding:24px; border:3px solid #0f4aa6; border-radius:18px; background:rgba(255,255,255,.88); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); color:#123763; box-shadow:0 12px 32px rgba(7,20,39,.16),inset 0 1px 0 rgba(255,255,255,.8); transform:translateY(0); opacity:1; transition:transform .35s ease,opacity .25s ease; pointer-events:auto; }
.stoett-promotion-heading { display:block; margin:0 40px 5px 0; color:#0f4aa6; font-size:22px; letter-spacing:-.025em; line-height:1.15; font-weight:700; }
.stoett-promotion-message { margin:0; color:#123763; font-size:15px; line-height:1.55; }
.stoett-promotion-validity { margin:6px 0 0; color:#123763; font-size:12px; font-style:italic; line-height:1.5; }
.stoett-promotion-close { position:absolute; top:10px; right:10px; display:flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border:1px solid transparent; border-radius:12px; background:transparent; color:#435b76; box-shadow:none; cursor:pointer; transition:background .2s ease,border-color .2s ease,color .2s ease; }
.stoett-promotion-close::before,.stoett-promotion-close::after { content:""; position:absolute; width:16px; height:2px; border-radius:2px; background:currentColor; transform:rotate(45deg); }
.stoett-promotion-close::after { transform:rotate(-45deg); }
.stoett-promotion-close:hover { border-color:rgba(15,74,166,.14); background:rgba(15,74,166,.07); color:#0f4aa6; }
.stoett-promotion-reopen { position:absolute; right:0; bottom:0; display:flex; gap:14px; align-items:center; justify-content:center; min-width:112px; height:48px; padding:0 18px; border:1px solid rgba(255,255,255,.3); border-radius:14px; background:#0f4aa6; color:#fff; box-shadow:0 8px 24px rgba(7,20,39,.18),inset 0 1px 0 rgba(255,255,255,.12); font-family:inherit; font-size:14px; font-weight:600; line-height:1; cursor:pointer; pointer-events:auto; transition:background .2s ease,transform .2s ease,box-shadow .2s ease; }
.stoett-promotion-reopen::after { content:""; width:8px; height:8px; margin-top:4px; border-top:2px solid currentColor; border-right:2px solid currentColor; transform:rotate(-45deg); }
.stoett-promotion-reopen:hover { background:#0b3d89; color:#fff; transform:translateY(-2px); box-shadow:0 12px 28px rgba(7,20,39,.22); }
.stoett-promotion-reopen:active { transform:translateY(0); }
.stoett-promotion-close:focus-visible,.stoett-promotion-reopen:focus-visible { outline:3px solid #56a9e1; outline-offset:3px; }
.stoett-promotion-callout [hidden] { display:none !important; }
.stoett-promotion-callout.is-collapsed .stoett-promotion-panel { transform:translateY(calc(100% + 120px)); opacity:0; pointer-events:none; }
@media (max-width:600px) {
.stoett-promotion-callout { right:16px; bottom:calc(88px + env(safe-area-inset-bottom,0px)); width:320px; }
.stoett-promotion-panel { padding:20px; }
}
@media (prefers-reduced-motion:reduce) {
.stoett-promotion-panel,.stoett-promotion-close,.stoett-promotion-reopen { transition:none; }
}