/*
 * Mobile usability fixes for Google "mobile friendly" checks.
 * Keep this file loaded last: it normalizes tap targets on the home page
 * without changing the desktop layout.
 */
@media (max-width: 780px){
  html,
  body{
    max-width:100%;
    overflow-x:hidden;
  }

  a,
  button,
  input,
  select,
  textarea{
    touch-action:manipulation;
  }

  .header-top{
    gap:10px !important;
  }

  .logo{
    min-width:48px !important;
    min-height:48px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .logo-icon{
    width:44px !important;
    height:44px !important;
  }

  .search-bar{
    min-height:48px !important;
    border-radius:14px !important;
  }

  .search-bar input{
    min-height:48px !important;
    font-size:16px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  .search-bar button{
    min-width:48px !important;
    width:48px !important;
    min-height:48px !important;
    height:48px !important;
    padding:0 !important;
    border-radius:12px !important;
  }

  .search-bar button svg{
    width:20px !important;
    height:20px !important;
  }

  .burger-btn,
  .btn-notif{
    min-width:48px !important;
    width:48px !important;
    min-height:48px !important;
    height:48px !important;
    border-radius:14px !important;
  }

  .burger-btn svg,
  .btn-notif svg{
    width:22px !important;
    height:22px !important;
  }

  .main-nav.is-open a{
    min-height:46px !important;
    align-items:center !important;
  }

  .ch-hero-btn{
    min-height:48px !important;
    padding:12px 16px !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .ch-hero-feed-all,
  .section-more,
  .home-modpacks-head .more{
    min-height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:10px 14px !important;
    line-height:1.15 !important;
  }

  .footer-socials{
    flex-wrap:wrap;
  }

  .fsoc{
    min-height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:10px 14px !important;
  }

  .footer-col{
    gap:2px !important;
  }

  .footer-col a,
  .footer-bottom a{
    min-height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    padding:6px 0 !important;
    line-height:1.25 !important;
  }

  .footer-bottom{
    align-items:flex-start !important;
  }

  .news-item{
    min-height:48px;
  }

  .breadcrumb a,
  .breadcrumbs a,
  .crumbs a,
  .cat-subcat-chip,
  .cat-filter-btn,
  .cat-pg-btn,
  .cat-sort-select,
  .page-btn,
  .pg-link,
  .ftag,
  .view-btn,
  .mpf-tab,
  .mpf-pack-title a,
  .mpf-vote-btn,
  .mpf-action-btn,
  .lenta-tabs a,
  .lenta-cta,
  .lc-title a,
  .lc-act,
  .lc-open,
  .lsh-action,
  .lsh-follow,
  .lenta-suggest-btn,
  .ch-follow,
  .ch-btn,
  .ch-card-name a,
  .ch-card-foot > a:last-child,
  main nav[role="navigation"] a,
  main nav[role="navigation"] span,
  .mine-actions a,
  .mine-actions button{
    min-height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1.2 !important;
  }

  .cat-pg-btn,
  .page-btn,
  .pg-link,
  .view-btn{
    min-width:44px !important;
  }

  .cat-subcat-chip,
  .cat-filter-btn,
  .ftag,
  .mpf-tab,
  .mpf-pack-title a,
  .mpf-vote-btn,
  .mpf-action-btn,
  .lenta-tabs a,
  .lenta-cta,
  .lc-act,
  .lc-open,
  .lsh-action,
  .lsh-follow,
  .lenta-suggest-btn,
  .ch-follow,
  .ch-btn,
  .mine-actions a,
  .mine-actions button{
    padding-top:10px !important;
    padding-bottom:10px !important;
  }

  .lenta-list--grid2 .lenta-card--compact .lc-act,
  .lenta-list--grid2 .lenta-card--compact .lc-open,
  .lenta-card--compact .lc-act,
  .lenta-card--compact .lc-open{
    min-height:44px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }

  .lc-tags a,
  .lc-tag-meta{
    min-height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
  }

  .mpf-author-name{
    min-height:44px !important;
    min-width:44px !important;
    display:inline-flex !important;
    align-items:center !important;
  }

  .mpf-pack-title{
    line-height:1.35 !important;
  }

  .mpf-filters button,
  .mpf-filters input,
  .mpf-filters select,
  .mpf-filter-panel button,
  .mpf-filter-panel input,
  .mpf-filter-panel select,
  form[action*="modpacks"] button,
  form[action*="modpacks"] input,
  form[action*="modpacks"] select{
    min-height:44px !important;
    font-size:16px !important;
  }

  .lc-title{
    line-height:1.35 !important;
  }

  .lc-title a{
    align-items:flex-start !important;
    justify-content:flex-start !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }

  .pg-nav{
    gap:8px !important;
  }

  .pg-link{
    height:auto !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }

  .ch-page form input,
  .ch-page form select,
  .ch-page form button{
    min-height:44px !important;
    font-size:16px !important;
  }

  .ch-by a{
    min-height:44px !important;
    min-width:44px !important;
    display:inline-flex !important;
    align-items:center !important;
  }

  .ch-card-name a,
  .ch-card-foot a{
    min-width:44px !important;
  }

  main nav[role="navigation"] a,
  main nav[role="navigation"] span{
    min-width:44px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }

  .conv-block{
    display:none !important;
  }
}

@media (max-width: 420px){
  .header-top{
    padding:8px 10px !important;
  }

  .ch-hero-actions{
    gap:10px !important;
  }

  .ch-hero-btn{
    flex-basis:100% !important;
  }
}