/* Shared by every page under /promotions/. Relies on each page's :root tokens
   (--primary, --accent, --fg, --muted, --border, --shadow-*). */

/* Offer-ended banner, injected by promo.js once data-promo-ends has passed. */
.promo-ended{background:var(--fg);color:#fff;text-align:center;font-size:15px;padding:12px 16px;line-height:1.5}
.promo-ended a{color:var(--accent);font-weight:700;margin-left:6px}

/* Share block */
.share{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px}
.share h3{font-size:22px;margin:0}
.share p{color:var(--muted);margin:6px 0 0;font-size:15px}
.share-btns{display:flex;flex-wrap:wrap;gap:10px}
.share-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--fg);font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.share-btn:hover{border-color:var(--primary);color:var(--primary)}
.share-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.share-btn svg{width:18px;height:18px;flex:none}
.share-btn.wa{background:#25D366;border-color:#25D366;color:#fff}
.share-btn.wa:hover{background:#1EBE5A;border-color:#1EBE5A;color:#fff}
.share-btn[hidden]{display:none}

/* Floating WhatsApp share, shown once the visitor has scrolled past the hero. */
.share-fab{position:fixed;right:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 20px 0 16px;border-radius:999px;background:#25D366;color:#fff;font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 10px 30px -8px rgba(0,0,0,.35);opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .3s,transform .3s}
.share-fab.show{opacity:1;transform:none;pointer-events:auto}
.share-fab svg{width:22px;height:22px}
.share-fab:focus-visible{outline:3px solid var(--fg);outline-offset:3px}

.share-toast{position:fixed;left:50%;bottom:88px;transform:translateX(-50%);z-index:70;background:var(--fg);color:#fff;font-size:14px;padding:10px 16px;border-radius:8px;box-shadow:var(--shadow-medium)}

@media (max-width:640px){
  .share{padding:22px 20px}
  .share-btns{width:100%}
  .share-btn{flex:1 1 calc(50% - 10px);justify-content:center}
  .share-fab{right:14px;bottom:14px;height:48px}
}
@media (prefers-reduced-motion:reduce){.share-fab{transition:none}}