/* NCCM 58.6 — App search results + soft motion on home */

@media (max-width:760px){
  html body.home-page .nccm-app-search-results{
    display:none;
    margin:-6px 0 16px;
    padding:14px;
    border-radius:18px;
    background:rgba(255,250,243,.96);
    color:#23160d;
    border:1px solid rgba(75,44,27,.12);
    box-shadow:0 18px 40px rgba(0,0,0,.22);
  }
  html body.home-page .nccm-app-search-results.open{
    display:block;
    animation:nccmAppFadeUp .28s ease both;
  }
  html body.home-page .nccm-app-search-results b{
    display:block;
    font-size:14px;
    margin:0 0 8px;
    color:#1a120d;
  }
  html body.home-page .nccm-app-search-results p{
    margin:0 0 12px;
    font-size:13px;
    line-height:1.4;
    color:#4b2c1b;
  }
  html body.home-page .nccm-app-search-results .nccm-search-actions{
    margin-top:0;
  }
  html body.home-page .nccm-app-search-results .nccm-search-actions a{
    background:#efe0ca;
    color:#23160d;
    border-color:rgba(75,44,27,.12);
  }
  html body.home-page .nccm-app-search-results .nccm-search-actions a.primary{
    background:linear-gradient(135deg,#c7975e,#e5c28c);
    color:#23160d;
  }
  html body.home-page .nccm-app-search-results .nccm-app-search-close{
    float:right;
    border:0;
    background:transparent;
    color:#6b4a30;
    font-size:22px;
    line-height:1;
    cursor:pointer;
    padding:0 2px;
  }

  /* Soft presence motion (home app only) */
  html body.home-page .nccm-app-hero-card{
    animation:nccmAppFadeUp .45s ease both;
  }
  html body.home-page .nccm-app-search{
    animation:nccmAppFadeUp .5s ease .05s both;
  }
  html body.home-page .nccm-app-cats{
    animation:nccmAppFadeUp .55s ease .1s both;
  }
  html body.home-page .nccm-app-block{
    animation:nccmAppFadeUp .55s ease .14s both;
  }
  html body.home-page .nccm-app-cats a:active span,
  html body.home-page .nccm-app-card:active{
    transform:scale(.97);
  }
  html body.home-page .nccm-app-cats a span,
  html body.home-page .nccm-app-card{
    transition:transform .18s ease;
  }
}

@keyframes nccmAppFadeUp{
  from{opacity:0; transform:translateY(10px);}
  to{opacity:1; transform:translateY(0);}
}

@media (prefers-reduced-motion:reduce){
  html body.home-page .nccm-app-hero-card,
  html body.home-page .nccm-app-search,
  html body.home-page .nccm-app-cats,
  html body.home-page .nccm-app-block,
  html body.home-page .nccm-app-search-results.open{
    animation:none!important;
  }
}