/* Womi mobile adaptation. Every page rule is scoped by body class. */
@media (max-width: 760px){
  html{overflow-x:hidden;-webkit-text-size-adjust:100%;}
  body{overflow-x:hidden;}
  img,video,canvas,svg{max-width:100%;}

  .site-nav{position:sticky;top:0;z-index:1200;}
  .site-nav__inner{padding:10px 14px 9px;gap:9px;}
  .site-nav__brand{width:100%;justify-content:space-between;align-items:center;}
  .site-nav__brand strong{font-size:18px;}
  .site-nav__brand span{font-size:11px;}
  .site-nav__links{
    width:100%;
    display:flex;
    gap:8px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    padding:2px 0 5px;
  }
  .site-nav__links a{
    scroll-snap-align:start;
    min-height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:9px 12px;
    font-size:13px;
    white-space:nowrap;
  }
  .site-nav__links a.site-nav__cta{padding-inline:14px;}

  /* Home + custom */
  body.page-home .womi,
  body.page-custom .womi{padding:34px 0 44px!important;}
  body.page-home .womi-wrap,
  body.page-custom .womi-wrap{width:min(100% - 28px,1180px)!important;}
  body.page-home .womi-top,
  body.page-custom .womi-top{grid-template-columns:1fr!important;gap:22px!important;}
  body.page-home .womi-copy,
  body.page-custom .womi-copy{min-width:0;}
  body.page-home .womi-eyebrow,
  body.page-custom .womi-eyebrow{font-size:11px!important;margin-bottom:12px!important;}
  body.page-home .womi-h2,
  body.page-custom .womi-h2{font-size:clamp(28px,9vw,38px)!important;line-height:1.16!important;}
  body.page-home .womi-lead,
  body.page-custom .womi-lead{font-size:15px!important;line-height:1.82!important;}
  body.page-home .womi-stats{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;}
  body.page-home .womi-stat{padding:14px 10px!important;}
  body.page-home .womi-stat .n{font-size:22px!important;}
  body.page-home .womi-hero,
  body.page-custom .womi-hero{aspect-ratio:16/10!important;min-height:0!important;}
  body.page-home .womi-steps,
  body.page-custom .womi-steps{grid-template-columns:1fr 1fr!important;gap:18px 12px!important;margin-top:34px!important;}
  body.page-home .womi-imgframe,
  body.page-custom .womi-imgframe{aspect-ratio:4/3!important;margin-bottom:10px!important;}
  body.page-home .womi-title,
  body.page-custom .womi-title{font-size:15px!important;}
  body.page-home .womi-desc,
  body.page-custom .womi-desc{font-size:12.5px!important;}
  body.page-home .womi-logo-row{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;}
  body.page-home .womi-logo{height:58px!important;border-radius:10px!important;}
  body.page-home .womi-cards,
  body.page-custom .womi-cards,
  body.page-custom .womi-cards.four,
  body.page-custom .cmp,
  body.page-home .womi-panorama-grid{grid-template-columns:1fr!important;}
  body.page-home .womi-card,
  body.page-custom .womi-card,
  body.page-custom .cmp-col,
  body.page-home .womi-pano-card{border-radius:10px!important;}
  body.page-home .womi-block,
  body.page-custom .womi-block{margin-top:42px!important;padding-top:42px!important;}
  body.page-home .womi-more a,
  body.page-custom .womi-more a{font-size:15px!important;line-height:1.5;}
  body.page-home .womi-qr,
  body.page-custom .womi-qr{max-width:220px;margin:0 auto;}
  body.page-home .womi-qr img,
  body.page-custom .womi-qr img{width:100%!important;height:auto!important;}
  body.page-home #womi-edbar,
  body.page-custom #womi-edbar{
    left:10px!important;right:10px!important;bottom:10px!important;
    transform:none!important;width:auto!important;justify-content:space-between!important;
  }
  body.page-home #womi-edbar .tip,
  body.page-custom #womi-edbar .tip{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

  /* Project ledger */
  body.page-projects .wrap{padding-left:14px!important;padding-right:14px!important;}
  body.page-projects .mast-in{padding:34px 0 28px!important;}
  body.page-projects .brandline{gap:8px!important;}
  body.page-projects .logo{font-size:24px!important;}
  body.page-projects .ledger-tag{font-size:10px!important;letter-spacing:.12em!important;}
  body.page-projects .tagline{font-size:14px!important;line-height:1.75!important;}
  body.page-projects .figs{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:18px 16px!important;}
  body.page-projects .fig .n{font-size:28px!important;}
  body.page-projects .band-in{
    flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;
    gap:12px!important;padding:11px 0!important;
  }
  body.page-projects .band-in .dot{display:none!important;}
  body.page-projects .band-in .plogo,
  body.page-projects .band-in .p{flex:0 0 auto;}
  body.page-projects .band-in .plogo img{width:68px!important;height:28px!important;}
  body.page-projects .tools{top:0!important;padding:10px 0!important;}
  body.page-projects .tools-in{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  body.page-projects .tools-in .search{grid-column:1/-1;min-width:0!important;width:100%!important;}
  body.page-projects .tools-in select,
  body.page-projects .tools-in .btn{width:100%;min-height:40px;}
  body.page-projects .count{grid-column:1/-1;margin-left:0!important;}
  body.page-projects .grid{grid-template-columns:1fr!important;gap:14px!important;}
  body.page-projects main{padding:22px 0 48px!important;}
  body.page-projects .dist{padding:0 14px!important;}
  body.page-projects .thumb{aspect-ratio:16/10!important;}
  body.page-projects .body{padding:14px!important;}
  body.page-projects .modal{padding:12px!important;}
  body.page-projects .mbody{grid-template-columns:1fr!important;padding:16px!important;}
  body.page-projects .mfoot{padding:12px 16px!important;position:sticky;bottom:0;background:var(--white);}

  /* Real case library */
  body.page-cases .wrap{padding-left:14px!important;padding-right:14px!important;}
  body.page-cases .hero{padding:38px 0 30px!important;}
  body.page-cases h1{font-size:clamp(30px,10vw,42px)!important;}
  body.page-cases .lead{font-size:15px!important;line-height:1.8!important;}
  body.page-cases .hero-actions .btn{width:100%;}
  body.page-cases .section{padding:36px 0!important;}
  body.page-cases .section-head{display:block!important;}
  body.page-cases .section-head p{margin-top:10px!important;}
  body.page-cases .toolbar{display:block!important;}
  body.page-cases .search{width:100%!important;min-width:0!important;margin-bottom:12px;}
  body.page-cases .filters{
    flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;
  }
  body.page-cases .filter{flex:0 0 auto;}
  body.page-cases .district-strip,
  body.page-cases .case-grid{grid-template-columns:1fr!important;}
  body.page-cases .case-cover{min-height:210px!important;}
  body.page-cases .case-body{padding:18px!important;}
  body.page-cases .case-actions{display:grid!important;grid-template-columns:1fr!important;}
  body.page-cases .copy-btn,
  body.page-cases .link-btn{width:100%;flex:none!important;}
  body.page-cases .admin-bar{top:0!important;}
  body.page-cases .admin-bar .wrap{align-items:stretch!important;flex-direction:column!important;}
  body.page-cases .admin-left,
  body.page-cases .admin-right{display:grid!important;grid-template-columns:1fr 1fr!important;}
  body.page-cases .admin-tip{grid-column:1/-1;}
  body.page-cases .dialog{max-height:92vh!important;border-radius:12px!important;}
  body.page-cases .dialog-head,
  body.page-cases .dialog-body,
  body.page-cases .dialog-foot{padding-left:16px!important;padding-right:16px!important;}
  body.page-cases .form-grid{grid-template-columns:1fr!important;}

  /* Product library */
  body.page-products header{position:relative!important;top:auto!important;padding:12px 14px!important;}
  body.page-products header .srch{order:5;width:100%;}
  body.page-products header .srch input{width:100%!important;}
  body.page-products .adminbar{padding:8px 14px!important;overflow-x:auto;}
  body.page-products .body{flex-direction:column!important;}
  body.page-products aside{
    width:100%!important;min-height:0!important;border-right:0!important;border-bottom:1px solid var(--line)!important;
    padding:10px 10px!important;overflow-x:auto;-webkit-overflow-scrolling:touch;
  }
  body.page-products aside .navrow,
  body.page-products aside .special{width:auto!important;display:inline-flex!important;margin:0 4px 6px 0!important;}
  body.page-products aside .subtree{display:inline;margin:0;padding:0;border:0;}
  body.page-products .sidelabel,
  body.page-products .divider{display:none!important;}
  body.page-products #brandbar{padding:8px 14px!important;}
  body.page-products main{padding:18px 14px 42px!important;}
  body.page-products .stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;}
  body.page-products .stat{min-width:0!important;padding:11px 12px!important;}
  body.page-products .filterbar{align-items:stretch!important;gap:8px!important;}
  body.page-products .filterbar .h2{width:100%;font-size:18px!important;}
  body.page-products .sel{flex:1 1 calc(50% - 6px);}
  body.page-products .sel select{width:100%;}
  body.page-products .grid{grid-template-columns:1fr 1fr!important;gap:13px!important;}
  body.page-products .card{border-radius:13px!important;}
  body.page-products .cimg{height:150px!important;padding:10px!important;}
  body.page-products .cbody{padding:12px!important;gap:7px!important;}
  body.page-products .cname{font-size:14px!important;}
  body.page-products .csum{display:none!important;}
  body.page-products .price .now{font-size:17px!important;}
  body.page-products .costline{display:none!important;}
  body.page-products .cact{overflow-x:auto;padding-top:8px!important;}
  body.page-products .cact button{padding:6px!important;}
  body.page-products .pager{gap:8px!important;flex-wrap:wrap;}
  body.page-products .dpanel{padding:16px!important;border-radius:18px!important;}
  body.page-products .dgrid{grid-template-columns:1fr!important;gap:18px!important;}
  body.page-products .dimg{height:260px!important;}
  body.page-products .dname{font-size:23px!important;}
  body.page-products .hero-main .himg{height:230px!important;}
  body.page-products .hero-side{grid-template-columns:1fr 1fr!important;}
  body.page-products .hero-sm .himg{height:132px!important;}
  body.page-products .fwimg,
  body.page-products .fwband.scene .fwimg{height:205px!important;}
  body.page-products .szimg{height:205px!important;}
}

@media (max-width: 420px){
  body.page-home .womi-steps,
  body.page-custom .womi-steps{grid-template-columns:1fr!important;}
  body.page-home .womi-logo-row{grid-template-columns:1fr!important;}
  body.page-products .grid{grid-template-columns:1fr!important;}
  body.page-products .stats,
  body.page-projects .figs{grid-template-columns:1fr 1fr!important;}
  body.page-products .hero-side{grid-template-columns:1fr!important;}
  body.page-products .hero-sm .himg{height:180px!important;}
}