/* v17: deep mobile visual refinement, loaded after v16 */

/* Ensure PC dropdown remains one-column and complete */
@media (min-width:821px){
  body.home-page-v6 .nav-dropdown,
  body:not(.home-page-v6) .nav-dropdown{
    width:380px!important;
    min-width:380px!important;
    max-width:420px!important;
    grid-template-columns:none!important;
    display:block!important;
    max-height:min(78vh,720px)!important;
    overflow-y:auto!important;
  }
}

/* Mobile header and homepage visual */
@media (max-width:820px){
  body.home-page-v6 .header-main{height:82px!important}
  body.home-page-v6 .brand{grid-template-columns:50px minmax(0,1fr)!important;gap:9px!important;max-width:calc(100% - 58px)!important}
  body.home-page-v6 .brand img{width:50px!important;height:50px!important}
  body.home-page-v6 .brand-text strong{
    font-size:clamp(16px,4.45vw,20px)!important;
    line-height:1.06!important;
    letter-spacing:-.075em!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body.home-page-v6 .brand-text span{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
  body.home-page-v6 .mobile-home-v16{padding-top:94px!important}
  body.home-page-v6 .m16-hero-card{
    min-height:606px!important;
    padding:24px 20px 20px!important;
    border-radius:28px!important;
    background:#061b36!important;
    box-shadow:0 26px 60px rgba(3,18,37,.26)!important;
  }
  body.home-page-v6 .m16-hero-bg{background-image:url('/assets/images/hero-premium-office-mobile-v17.jpg?v=20260609-v17');background-size:cover;background-position:72% center;background-repeat:no-repeat}
  body.home-page-v6 .m16-hero-bg img{
    object-position:74% center!important;
    filter:saturate(1.08) contrast(1.08) brightness(.86)!important;
    transform:scale(1.02);
  }
  body.home-page-v6 .m16-hero-shade{
    background:
      linear-gradient(90deg,rgba(2,12,28,.99) 0%,rgba(4,22,49,.95) 45%,rgba(7,32,67,.58) 68%,rgba(7,32,67,.26) 100%),
      radial-gradient(circle at 10% 8%,rgba(241,199,122,.20),transparent 34%),
      radial-gradient(circle at 78% 18%,rgba(69,129,205,.22),transparent 32%),
      linear-gradient(166deg,transparent 72%,rgba(217,160,82,.33) 73%,rgba(217,160,82,.0) 82%)!important;
  }
  body.home-page-v6 .m16-badge{
    padding:8px 12px!important;
    border-color:rgba(241,199,122,.66)!important;
    color:#f4d99c!important;
    font-size:12.5px!important;
    background:rgba(255,255,255,.08)!important;
  }
  body.home-page-v6 .m16-hero-card h1{
    margin-top:18px!important;
    margin-bottom:8px!important;
    font-size:clamp(32px,8.9vw,42px)!important;
    line-height:1.12!important;
    letter-spacing:-.055em!important;
    color:#f8dca1!important;
    white-space:nowrap!important;
  }
  body.home-page-v6 .m16-hero-line{
    font-size:clamp(14px,4vw,17px)!important;
    line-height:1.55!important;
    font-weight:900!important;
    color:#fff!important;
    white-space:normal!important;
    max-width:82%!important;
  }
  body.home-page-v6 .m16-hero-desc{
    max-width:76%!important;
    margin-top:14px!important;
    font-size:13.5px!important;
    line-height:1.78!important;
    color:rgba(255,255,255,.88)!important;
  }
  body.home-page-v6 .m16-kpi-grid{
    max-width:76%!important;
    margin-top:16px!important;
    gap:8px!important;
  }
  body.home-page-v6 .m16-kpi{
    min-height:84px!important;
    border-radius:14px!important;
    background:rgba(4,22,49,.46)!important;
    border:1px solid rgba(255,255,255,.23)!important;
  }
  body.home-page-v6 .m16-kpi svg{width:22px!important;height:22px!important}
  body.home-page-v6 .m16-kpi strong{font-size:15.5px!important}
  body.home-page-v6 .m16-kpi span{font-size:10px!important}
  body.home-page-v6 .m16-hero-actions{max-width:76%!important;margin-top:17px!important}
  body.home-page-v6 .m16-btn{height:52px!important;border-radius:16px!important;font-size:16px!important}
  body.home-page-v6 .m16-trust-strip{
    margin-top:17px!important;
    background:rgba(3,18,37,.42)!important;
    border-color:rgba(255,255,255,.22)!important;
  }
  body.home-page-v6 .m16-trust-strip span{font-size:11.5px!important;color:rgba(255,255,255,.88)!important}

  /* Replace text-looking cards with true icon-card feel */
  body.home-page-v6 .m16-topic-card{padding-left:54px!important}
  body.home-page-v6 .m16-icon{color:#fff!important}
  body.home-page-v6 .m16-icon svg{width:20px!important;height:20px!important;display:block!important}
  body.home-page-v6 .m16-topic-card.is-gold .m16-icon{background:linear-gradient(135deg,#d9a052,#b8873a)!important}

  /* More premium lower page */
  body.home-page-v6 .m16-section{margin-top:20px!important}
  body.home-page-v6 .m16-section h2{font-size:20px!important}
  body.home-page-v6 .m16-feature-card{border-radius:18px!important}
  body.home-page-v6 .m16-prepare-grid div,
  body.home-page-v6 .m16-adv-grid,
  body.home-page-v6 .m16-process,
  body.home-page-v6 .m16-topic-card{
    box-shadow:0 12px 28px rgba(12,35,75,.07)!important;
  }
  body.home-page-v6 .m16-cert-row img{
    filter:saturate(.9) brightness(1.04)!important;
  }
  body.home-page-v6 .mobile-consult-bar{
    z-index:1200!important;
  }
}
@media (max-width:430px){
  body.home-page-v6 .m16-hero-card{min-height:620px!important;padding:22px 16px 18px!important}
  body.home-page-v6 .m16-hero-line,
  body.home-page-v6 .m16-hero-desc,
  body.home-page-v6 .m16-kpi-grid,
  body.home-page-v6 .m16-hero-actions{max-width:100%!important}
  body.home-page-v6 .m16-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.home-page-v6 .m16-kpi{min-height:78px!important;padding:7px 2px!important}
  body.home-page-v6 .m16-kpi strong{font-size:13.5px!important}
  body.home-page-v6 .m16-kpi span{font-size:9.5px!important}
}
@media (max-width:370px){
  body.home-page-v6 .brand-text strong{font-size:15.5px!important;letter-spacing:-.085em!important}
  body.home-page-v6 .m16-hero-card h1{font-size:29px!important}
  body.home-page-v6 .m16-kpi svg{width:19px!important;height:19px!important}
  body.home-page-v6 .m16-kpi strong{font-size:12.5px!important}
}

@media (max-width:820px){body.home-page-v6 .m16-hero-bg img{display:none!important}}