/* Keep the desktop CTA unchanged; show the aligned icon on phones. */
.telegram-cta__icon{display:none}

@media(max-width:760px){
  .hero .actions{grid-template-columns:minmax(0,1fr)}
  .hero .actions .telegram-cta{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-width:0;
    min-height:52px;
    padding:12px 16px;
    font-size:17px;
    line-height:1.4;
  }
  .telegram-cta__icon{display:block;flex:0 0 22px}
  .telegram-cta>span{white-space:nowrap}
  .mobilebar a[href="https://t.me/robota_club"]{min-width:0;padding:6px 8px}
  .mobilebar a[href="https://t.me/robota_club"] span{font-size:12px;line-height:1.3;white-space:nowrap}

  #faq details{
    box-sizing:border-box;
    width:100%;
    margin:0 0 12px;
    border:1px solid #dfe5e8;
    border-radius:12px;
    background:#fff;
    text-align:left;
  }
  #faq details:last-child{margin-bottom:0}
  #faq summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:16px;
    margin:0;
    list-style:none;
    text-align:left;
    font-size:16px;
    font-weight:700;
    line-height:1.5;
    cursor:pointer;
    overflow-wrap:break-word;
  }
  #faq summary::-webkit-details-marker{display:none}
  #faq summary::marker{content:""}
  #faq summary::after{
    content:"";
    display:block;
    width:8px;
    height:8px;
    flex:0 0 8px;
    margin-right:3px;
    border-right:2px solid #087f91;
    border-bottom:2px solid #087f91;
    transform:rotate(45deg);
  }
  #faq details[open]>summary::after{transform:rotate(225deg)}
  #faq summary:focus-visible{outline:2px solid #087f91;outline-offset:3px;border-radius:12px}
  #faq details>p{margin:0;padding:0 16px 16px;text-align:left;font-size:16px;line-height:1.65;color:#3b4247}
}