/* kachagin.com — burger breakpoint 980px -> 1280px */

/* 1. Show hamburger at 981-1280px (Tilda default: <=980px only) */
@media screen and (min-width: 981px) and (max-width: 1280px) {
  .tmenu-mobile {
    display: block !important;
  }
  /* Hide desktop nav by default.
     No !important here — JS fadeIn (style.display=block) will override this
     to show the nav when hamburger is clicked */
  .t228 {
    display: none;
    position: static !important;
    height: auto !important;
  }
  .t228__maincontainer {
    display: block !important;
    height: auto !important;
  }
  .t228__leftside, .t228__rightside, .t228__centerside {
    display: block !important;
    text-align: center !important;
    float: none !important;
  }
  .t228__leftcontainer, .t228__centercontainer, .t228__rightcontainer {
    padding: 20px 0px !important;
  }
  .t228__padding40px, .t228__padding10px {
    display: none !important;
  }
  .t228__rightcontainer {
    flex-direction: column !important;
    margin: 0 auto !important;
  }
  .t228__right_buttons_wrap {
    padding: 0 20px !important;
    flex-wrap: wrap !important;
  }
}

/* 2. Ensure hamburger is hidden at >=1281px (desktop) */
@media screen and (min-width: 1281px) {
  .tmenu-mobile {
    display: none !important;
  }
}