/* FITFAC desktop layer — same content, layout tuned for PC (≥1024px) */
@media (min-width:1024px){
  /* the grey ground frames the #wrap column; a page drawn without one (/about/) keeps its own white */
  body:has(#wrap){background:#EAE7E0 !important}
  body{overflow-x:hidden}
  #wrap{max-width:720px !important;box-shadow:0 0 34px rgba(10,10,10,.14),0 0 1px rgba(10,10,10,.25)}
  /* header: full-width app bar, taller, real nav (two header patterns) */
  #site-header{height:64px !important}
  /* header bar = exactly the content column width, so logo/lang always align with it */
  #site-header[style*="position:fixed"],#site-header.hdr-solid,#site-header.hdr-still{max-width:720px !important;padding:0 14px !important}
  #site-header[style*="position:sticky"]{margin:0 !important;padding:0 14px !important}
  /* no floating chat icons on PC */
  div[style*="50% - 226px"]{display:none !important}
  /* over-hero (top of page): transparent header, light nav. hdr-still is a header on a page that starts on white (header.css) — never over a photo. */
  #site-header[style*="position:fixed"]:not(.hdr-solid):not(.hdr-still){background:linear-gradient(rgba(10,10,10,.55),rgba(10,10,10,0)) !important;box-shadow:none !important}
  #site-header[style*="position:fixed"]:not(.hdr-solid):not(.hdr-still) .dt-nav a{color:#FFFFFF}
  #site-header[style*="position:fixed"]:not(.hdr-solid):not(.hdr-still) .dt-nav a:hover{background:rgba(255,255,255,.16)}
  #site-header[style*="position:fixed"]:not(.hdr-solid):not(.hdr-still) .dt-nav a.on{background:#FFEE00;color:#111111}
  /* The logo is 48px on every page, as the homepages draw it. The sub-pages used to be 56px through #hdr-logo; at 56 it takes 13px from the nav, and German and Portuguese lose "Reviews". */
  #site-header a>img{margin-left:0 !important}
  #site-header .logo-hero,#site-header .logo-solid{height:58px !important}
  #site-header .dt-hb{display:none !important}
  #hdr-book{display:inline-flex !important;height:32px !important;padding:0 15px !important;font-size:12px !important;box-shadow:none !important}
  #site-header > div:last-child{gap:8px !important}
  #lang-btn{height:32px !important;padding:0 12px !important}
  /* PC: no chat pills/FABs — nav + in-page CTAs only. Except the Thai header's LINE
     button (สอบถาม): the Thai header has no #hdr-book, so hiding every pill left a
     Thai reader on a PC with no way to write to the gym above the footer. */
  #site-header a.press:not(#hdr-book):not([href*="line.me"]){display:none !important}
  #site-header a.press[href*="line.me"]{height:32px !important;padding:0 15px !important;font-size:12px !important;font-weight:800 !important;border:1.5px solid #111111;box-shadow:none !important}
  #wa-fab{display:none !important}
  #site-header > div:last-child{flex:none}
  .dt-nav{display:flex !important;align-items:center;gap:2px;flex:1;justify-content:center;min-width:0;overflow:hidden;margin:0 10px}
  .dt-nav a{display:flex;align-items:center;height:34px;padding:0 13px;border-radius:999px;font-size:13px;font-weight:700;color:#111111;text-decoration:none;white-space:nowrap}
  .dt-nav a:hover{background:rgba(10,10,10,.07)}
  .dt-nav a.on{background:#111111;color:#FFEE00}
  /* five items (desktop-nav.html): narrower pills, so all five fit in German and Portuguese. Four keep 13px, so the Thai header does not move. */
  .dt-nav:has(> a:nth-child(5)) a{padding:0 9px}
  /* buttons: cap full-width mobile CTAs to intentional desktop width */
  #wrap a.press[style*="min-height:56"],#wrap a.press[style*="min-height:54"],#wrap a.press[style*="padding:16px 0"],#wrap a.press[style*="padding:15px 0"]{max-width:400px;margin-left:auto !important;margin-right:auto !important}
  /* bottom bar: floating dock instead of edge-to-edge */
  #sticky-cta{max-width:470px;margin:0 auto;bottom:14px !important;border-radius:18px !important;box-shadow:0 18px 50px rgba(0,0,0,.5) !important}
  #staff-list{grid-template-columns:repeat(3,1fr) !important}
  #goal-grid{grid-template-columns:repeat(4,1fr) !important}
}