/* Telegram channel promotion. Telegram blue is fixed (not theme variables) so it
   reads the same in the light and dark themes. */
.fgn-tg-icon{flex:none;display:inline-block;vertical-align:-3px}

.fgn-tg-btn{display:inline-flex;align-items:center;gap:8px;background:#229ED9;color:#fff;font-weight:700;font-size:14px;line-height:1;padding:11px 18px;border-radius:999px;text-decoration:none;box-shadow:0 6px 18px -8px rgba(34,158,217,.7);transition:transform .15s ease,background .15s ease}
.fgn-tg-btn:hover,.fgn-tg-btn:focus-visible{background:#1b86b9;color:#fff;transform:translateY(-1px)}
.fgn-tg-btn--lg{font-size:16px;padding:15px 26px;gap:10px}
.fgn-tg-btn--lg .fgn-tg-icon{width:22px;height:22px}
.fgn-tg-btn__arrow{margin-left:2px}

/* Panel */
.fgn-tg-panel{background:linear-gradient(135deg,#0d3b57 0%,#1b6f9d 55%,#229ED9 100%);color:#fff;padding:56px 0}
.fgn-tg-panel__inner{text-align:center;max-width:760px}
.fgn-tg-panel__eyebrow{font-family:var(--mono,monospace);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;opacity:.85}
.fgn-tg-panel__title{font-family:var(--display,inherit);font-size:clamp(26px,4vw,38px);line-height:1.12;margin:0 0 14px;color:#fff}
.fgn-tg-panel__text{font-size:16.5px;line-height:1.55;margin:0 auto 24px;max-width:600px;color:rgba(255,255,255,.92)}
.fgn-tg-panel .fgn-tg-btn{background:#fff;color:#0d3b57;box-shadow:0 10px 26px -10px rgba(0,0,0,.5)}
.fgn-tg-panel .fgn-tg-btn:hover,.fgn-tg-panel .fgn-tg-btn:focus-visible{background:#eaf6fc;color:#0d3b57}
.fgn-tg-panel__handle{margin:16px 0 0;font-size:13px;opacity:.85}
.fgn-tg-panel__handle span{font-family:var(--mono,monospace);font-weight:600}

/* Inline prompt (product page / shop) */
.fgn-tg-inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:14px 0;padding:12px 16px;border:1px solid rgba(34,158,217,.45);background:rgba(34,158,217,.08);border-radius:12px}
.fgn-tg-inline__text{margin:0;font-size:14px}
.fgn-tg-inline__link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#229ED9;text-decoration:none}
.fgn-tg-inline__link:hover{text-decoration:underline}

@media (max-width:700px){.fgn-tg-panel{padding:44px 0}}

/* Topbar / footer / hero variants */
.fgn-tg-top{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:600;text-decoration:none}
.fgn-tg-top .fgn-tg-icon{width:14px;height:14px;color:#5bc4f2}
.fgn-tg-top:hover{text-decoration:underline;color:#fff}
.fgn-tg-hero{margin-top:14px}