/* Shared, non-modal invitations; the newsletter dialog opens only on request. */
.sc-newsletter-invitation[hidden] { display:none!important; }
.sc-newsletter-invitation { position:fixed; z-index:99980; display:flex; align-items:center; gap:8px; padding:8px; background:var(--sc-dark,#1d3557); color:#fff; box-shadow:0 4px 18px rgba(11,29,51,.2); }
.sc-newsletter-invitation__open { flex:1; min-width:0; min-height:44px; padding:8px; border:0; background:transparent; color:inherit; cursor:pointer; font:600 14px/1.4 Inter,sans-serif; text-align:left; }
.sc-newsletter-invitation__close { flex:0 0 44px; width:44px; height:44px; padding:0; border:1px solid rgba(255,255,255,.35); background:transparent; color:inherit; cursor:pointer; font-size:26px; }
.sc-newsletter-invitation button:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.sc-newsletter-invitation,.sc-product-hint { left:auto; right:16px; bottom:calc(16px + env(safe-area-inset-bottom)); width:min(380px,calc(100vw - 32px)); box-sizing:border-box; }
.sc-product-hint[hidden] { display:none!important; }
.sc-product-hint { position:fixed; z-index:99980; padding:16px; background:#fff; color:#1d3557; border-top:4px solid #457b9d; box-shadow:0 4px 22px #0b1d3333; font:400 14px/1.45 Inter,sans-serif; max-height:65vh; overflow:auto; }
.sc-product-hint__header,.sc-product-hint__controls { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.sc-product-hint button { width:44px; min-height:44px; border:1px solid #457b9d; background:#fff; color:#1d3557; font-size:22px; cursor:pointer; }
.sc-product-hint button:disabled { opacity:.4; cursor:default; }
.sc-product-hint :focus-visible { outline:3px solid #457b9d; outline-offset:2px; }
.sc-product-hint__content { display:grid; grid-template-columns:80px 1fr; gap:8px 12px; margin:12px 0; }
.sc-product-hint__content img { grid-row:span 2; width:80px; height:80px; object-fit:contain; }
.sc-product-hint__content h3 { margin:0; font:600 16px/1.35 Inter,sans-serif; overflow-wrap:anywhere; }
.sc-product-hint__content:not(:has(img)) { grid-template-columns:1fr; }
.sc-product-hint a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.sc-product-hint small { display:block; margin-top:10px; font-size:11px; }
@media(max-width:767px) { .sc-newsletter-invitation,.sc-product-hint { left:12px; right:12px; width:auto; bottom:calc(12px + env(safe-area-inset-bottom)); } }