﻿/* ==========================================================
   13) 移动端：首页隐藏菜单
   ========================================================== */
@media (max-width: 860px){
  .leisu-header .center-cta{display:none !important;}

  .leisu-header .header-bar{justify-content:space-between;}
  .leisu-header .logo-box img{height:42px; width:auto;}
  .leisu-header .nav{overflow-x:auto; -webkit-overflow-scrolling: touch;}
  .leisu-header .menu-primary{flex-wrap:nowrap;}
  .leisu-header .menu-primary a{padding:8px 10px; font-size:13px; border-radius:12px;}

  body.leisu-home .leisu-header .center-cta{display:flex !important;}
  body.leisu-home .leisu-header .nav{display:none !important;}
}

@media (max-width: 860px){
  .hero{padding: 72px 0 26px;}
  body.leisu-home .section.hero h1{font-size: clamp(30px, 8.4vw, 44px);}
  .hero .hero-desc{font-size: 14px;}

  .leisu-hero-actions{gap:10px;}
  .leisu-hero-btn{min-height:44px; padding:10px 14px; border-radius:14px;}

  .searchbar input{height: 52px; padding-right: 118px;}
  .searchbar button{height: 40px; padding: 0 18px; right: 8px;}
  
  .logo-hero {
    width: min(132px, 100%);
    aspect-ratio: 2 / 1;
  }

  .logo-hero img {
    width: 100% !important;
    height: 100% !important;
  }
}

@media (max-width: 860px){
  .filters-4{display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px; margin-bottom: 12px;}
  .filters-4 .btn{padding: 8px 10px; font-size: 13px; min-height: 40px; border-radius: 12px;}
}

