/* YuanFeng V52.50 — mobile navigation/footer and project-detail parity */

/* Mobile header stays available just like desktop navigation chrome. */
@media (max-width:750px){
  .topMenu.scrollA{
    margin-top:0!important;
    top:0!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    background:#fff!important;
  }
  .subMenu.scrollB{
    margin-top:0!important;
    top:50px!important;
  }
}

/* Mobile footer: two-column editorial sitemap, contact below — reference mobile layout. */
.yf-footer-mobile-category,
.yf-footer-mobile-separator{display:none;}
@media (max-width:650px){
  .bottomMenu .bottomDiv .bottomLinks{
    padding:0 24px 28px!important;
  }
  .bottomMenu .bottomDiv .bottomLinks .linksDiv{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:42px!important;
    row-gap:0!important;
    align-items:start!important;
    padding:48px 0 26px!important;
  }
  .bottomMenu .bottomDiv .bottomLinks .linksDiv .linksItemDiv{
    display:contents!important;
    width:auto!important;
  }
  .bottomMenu .bottomDiv .bottomLinks .linksDiv .linksItem{
    float:none!important;
    width:auto!important;
    min-width:0!important;
    margin:0 0 34px!important;
  }
  .bottomMenu .bottomDiv .bottomLinks .linksDiv .linksItem:nth-child(1){
    grid-column:1;grid-row:1;
  }
  .bottomMenu .bottomDiv .bottomLinks .linksDiv .linksItem:nth-child(2){
    grid-column:2;grid-row:1 / span 3;
  }
  .bottomMenu .bottomDiv .bottomLinks .linksDiv .linksItem:nth-child(3){
    grid-column:1;grid-row:2;
  }
  .bottomMenu .bottomDiv .bottomLinks .linksDiv .linksItem:nth-child(4){
    grid-column:1;grid-row:3;
  }
  .bottomMenu .bottomDiv .bottomLinks .linksDiv .linksItem h1{
    font-size:17px!important;
    line-height:1.25!important;
    margin:0 0 18px!important;
  }
  .bottomMenu .bottomDiv .bottomLinks .linksDiv .linksItem a,
  .bottomMenu .bottomDiv .bottomLinks .linksDiv .linksItem span{
    font-size:15px!important;
    line-height:1.55!important;
  }
  .bottomMenu .bottomDiv .bottomLinks .linksDiv .linksItem ul{
    margin:0!important;
  }
  .bottomMenu .bottomDiv .bottomLinks .linksDiv .linksItem ul p{
    margin:0 0 6px!important;
  }
  .yf-footer-mobile-category{
    display:block!important;
    margin:0 0 4px!important;
  }
  .yf-footer-mobile-category a{
    font-family:HOS-C-Regular!important;
    color:#111!important;
  }
  .yf-footer-mobile-separator{
    display:block!important;
    font-size:14px!important;
    line-height:1!important;
    color:#888!important;
    margin:0 0 16px!important;
  }
  .bottomMenu .bottomDiv .bottomLinks .linksDiv .location{
    grid-column:1 / -1!important;
    grid-row:4!important;
    width:100%!important;
    margin:6px 0 0!important;
    padding-top:8px!important;
  }
  .bottomMenu .bottomDiv .bottomLinks .linksDiv .location h1{
    font-size:17px!important;
    margin:0 0 18px!important;
  }
  .bottomMenu .bottomDiv .bottomLinks .linksDiv .location ul li,
  .bottomMenu .bottomDiv .bottomLinks .linksDiv .location ul li p{
    font-size:14px!important;
    line-height:1.75!important;
    margin:0!important;
  }
  .bottomMenu .bottomDiv .bottomLinks .infoDiv{
    display:block!important;
    padding:22px 0 18px!important;
  }
  .bottomMenu .bottomDiv .bottomLinks .infoDiv .infoList{
    margin-top:18px!important;
  }
  .bottomMenu .bottomDiv .bottomLinks .infoDiv .infoList p{
    text-align:left!important;
    white-space:nowrap!important;
  }
}

/* Project detail on mobile keeps the desktop editorial stagger instead of flattening. */
@media (max-width:900px){
  .yf-project-poster .yfpp-copy{
    text-align:center!important;
  }
  .yf-project-poster .yfpp-copy .lead{
    text-align:center!important;
  }
  .yf-project-poster .yfpp-pair{
    display:grid!important;
    grid-template-columns:.82fr 1.18fr!important;
    gap:12px!important;
    align-items:start!important;
    padding-top:24px!important;
    padding-bottom:24px!important;
    margin-bottom:62px!important;
  }
  .yf-project-poster .yfpp-pair.reverse{
    grid-template-columns:1.18fr .82fr!important;
  }
  .yf-project-poster .yfpp-pair figure:first-child,
  .yf-project-poster .yfpp-pair.reverse figure:first-child{
    margin-top:0!important;
    transform:translateY(-14px)!important;
  }
  .yf-project-poster .yfpp-pair figure:last-child,
  .yf-project-poster .yfpp-pair.reverse figure:last-child{
    margin-top:0!important;
    transform:translateY(16px)!important;
  }
  .yf-project-poster .yfpp-gallery{
    padding-left:12px!important;
    padding-right:12px!important;
  }
}
@media (max-width:520px){
  .yf-project-poster .yfpp-pair{gap:8px!important;margin-bottom:54px!important;}
  .yf-project-poster .yfpp-pair figure:first-child,
  .yf-project-poster .yfpp-pair.reverse figure:first-child{transform:translateY(-10px)!important;}
  .yf-project-poster .yfpp-pair figure:last-child,
  .yf-project-poster .yfpp-pair.reverse figure:last-child{transform:translateY(12px)!important;}
}