/* v3.2.7 — Telegram landing block: phones only (Android + iPhone).
   This stylesheet is loaded with media="(max-width: 820px)", so desktop is untouched. */

.landing-telegram-section{
    width:100% !important;
    max-width:none !important;
    margin:0 auto 64px !important;
    padding:0 14px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

.landing-telegram-intro{
    width:100% !important;
    max-width:560px !important;
    margin:0 auto 24px !important;
    padding:0 4px !important;
    box-sizing:border-box !important;
    text-align:center !important;
}

.landing-telegram-or{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto 14px !important;
    padding:9px 20px !important;
    border:1px solid rgba(239,63,121,.24) !important;
    border-radius:999px !important;
    background:#fff8fb !important;
    color:#e83c75 !important;
    box-shadow:0 8px 22px rgba(188,105,140,.12) !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.11em !important;
}

.landing-telegram-intro h2{
    margin:0 0 10px !important;
    color:#2e2230 !important;
    font-size:clamp(26px,7vw,34px) !important;
    line-height:1.15 !important;
    letter-spacing:-.025em !important;
    text-align:center !important;
}

.landing-telegram-intro p{
    max-width:520px !important;
    margin:0 auto !important;
    color:#6d5b66 !important;
    font-size:17px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
    text-align:center !important;
}

.landing-telegram-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    width:100% !important;
    max-width:520px !important;
    margin:0 auto !important;
}

.landing-telegram-card{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:14px !important;
    gap:14px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    border:1px solid rgba(230,190,208,.9) !important;
    border-radius:24px !important;
    background:linear-gradient(180deg,#fff8fb 0%,#ffffff 100%) !important;
    box-shadow:0 12px 30px rgba(111,67,88,.10) !important;
}

.landing-telegram-card-visual{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    max-width:340px !important;
    margin:0 auto !important;
    padding:8px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:inset 0 0 0 1px rgba(239,207,220,.78) !important;
}

.landing-telegram-card-visual img{
    display:block !important;
    width:100% !important;
    max-width:320px !important;
    height:auto !important;
    max-height:none !important;
    aspect-ratio:1 / 1 !important;
    object-fit:cover !important;
    object-position:center !important;
    margin:0 auto !important;
    border-radius:15px !important;
}

.landing-telegram-card-body{
    width:100% !important;
    max-width:440px !important;
    margin:0 auto !important;
    padding:2px 5px 6px !important;
    box-sizing:border-box !important;
    text-align:center !important;
}

.landing-telegram-card-body strong{
    display:block !important;
    margin:0 0 8px !important;
    color:#2f2330 !important;
    font-size:21px !important;
    line-height:1.25 !important;
    font-weight:900 !important;
}

.landing-telegram-card-body p{
    margin:0 !important;
    color:#675660 !important;
    font-size:16px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
    overflow-wrap:anywhere !important;
}

/* Keep the bot handle readable and prevent it from forcing horizontal overflow. */
.landing-telegram-card-body p,
.landing-telegram-intro p{
    word-break:normal !important;
}

@media (max-width:390px){
    .landing-telegram-section{padding:0 10px !important;margin-bottom:54px !important}
    .landing-telegram-grid{gap:14px !important}
    .landing-telegram-card{padding:11px !important;border-radius:21px !important}
    .landing-telegram-card-visual{max-width:310px !important;padding:7px !important}
    .landing-telegram-card-visual img{max-width:296px !important}
    .landing-telegram-intro h2{font-size:26px !important}
    .landing-telegram-intro p{font-size:16px !important}
    .landing-telegram-card-body strong{font-size:20px !important}
    .landing-telegram-card-body p{font-size:15.5px !important}
}