/* kAPPeL.ru V4.7: mobile-only, preserve desktop and review/download features. */
@media (max-width:767px) {
  /* No duplicate hero CTA on mobile. Real /download/ section and sticky CTA remain. */
  .k4-app-body .k42-hero-grid .k4-actions,
  .k4-app-body .k4-hero .k4-actions {display:none!important;}
  /* Four metrics on ONE row; scroll horizontally if phone is too narrow. */
  .k4-app-body .k42-hero-grid .k4-stat-row {
    display:flex!important;
    flex-flow:row nowrap!important;
    grid-template-columns:none!important;
    gap:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    max-width:100%;
    min-width:0;
    padding:6px 0 10px;
    margin-top:12px;
  }
  .k4-app-body .k42-hero-grid .k4-stat-row::-webkit-scrollbar {display:none;}
  .k4-app-body .k42-hero-grid .k4-stat-row > div,
  .k4-app-body .k42-hero-grid .k4-stat-row > div:nth-child(2n),
  .k4-app-body .k42-hero-grid .k4-stat-row > div:nth-child(2n+1) {
    flex:0 0 auto!important;
    width:auto!important;
    min-width:92px!important;
    padding:0 15px 0 0!important;
    margin:0!important;
    border:0!important;
    scroll-snap-align:start;
  }
  .k4-app-body .k42-hero-grid .k4-stat-row dd {white-space:nowrap!important;overflow:visible!important;font-weight:600!important;}
  .k4-app-body .k42-hero-grid .k4-stat-row small {display:block;white-space:nowrap!important;}
  .k4-app-body .k41-sticky-inner {gap:7px;}
  .k4-app-body .k41-sticky-inner strong {flex:0 1 auto;min-width:0;max-width:32vw;font-weight:600;}
  .k4-app-body .k41-sticky-rating,
  .k4-app-body .k41-sticky-inner .k41-sticky-rating {display:inline-flex!important;flex:0 0 auto;align-items:center;font-size:12px!important;font-weight:600!important;white-space:nowrap!important;color:#172333!important;}
  .k4-app-body .k41-sticky-inner .k4-btn {flex:0 0 auto;margin-left:auto;padding:7px 9px!important;font-size:11px!important;}
}
@media (max-width:360px) {
  .k4-app-body .k41-sticky-inner strong {max-width:23vw;}
  .k4-app-body .k41-sticky-inner img {width:30px;height:30px;}
}
.k4-app-body #changelog .k47-release-text {font-size:16px;line-height:1.58;white-space:normal;overflow-wrap:anywhere;}
.k4-app-body #changelog .k47-release-origin {display:block;margin-top:8px;color:#778396;font-size:13px;}

/* V4.7.1: center the actual SVG search icon on mobile (not a font glyph). */
.k4-app-body .k4-header-search button {
  display:grid!important;place-items:center!important;
  flex:0 0 44px;min-width:44px;max-width:44px;
  width:44px;height:44px;margin:0!important;padding:0!important;
  line-height:1!important;text-align:center!important;color:#5c677a;
}
.k4-app-body .k4-header-search button svg {display:block;width:24px;height:24px;margin:0!important;position:static;transform:none;}
@media (max-width:767px) {
  .k4-app-body .k4-global-header .k4-header-search {
    display:flex!important;align-items:center!important;justify-content:center!important;
    padding:0!important;width:48px!important;max-width:48px!important;min-width:48px!important;
    flex:0 0 48px!important;box-sizing:border-box!important;
  }
  .k4-app-body .k4-header-search button {width:48px;height:48px;flex-basis:48px;min-width:48px;max-width:48px;}
}