/* One mobile presentation layer. Important layered rules supersede older per-page mobile overrides. */
@layer gpuhi-mobile {
@media(max-width:650px){
 body[data-mobile-page]{font-size:14px!important;line-height:1.5!important}
 body[data-mobile-page] main,body[data-mobile-page] section,body[data-mobile-page] article{min-width:0!important;box-sizing:border-box!important}
 body[data-mobile-page] h1{font-size:24px!important;line-height:1.2!important;letter-spacing:-.6px!important;overflow-wrap:break-word!important}
 body[data-mobile-page] h2{font-size:20px!important;line-height:1.3!important;letter-spacing:-.3px!important}
 body[data-mobile-page] p{overflow-wrap:break-word!important}
 body[data-mobile-page] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),body[data-mobile-page] select,body[data-mobile-page] textarea{max-width:100%!important;box-sizing:border-box!important}
 body[data-mobile-page=marketplace] #panel-pdf3d{padding:16px 12px!important}
 #panel-pdf3d>p{font-size:14px!important;line-height:1.5!important;margin:8px 0 16px!important}
 #panel-pdf3d .cad-start-card{padding:14px!important;margin:14px 0 20px!important;border-radius:12px!important;box-shadow:none!important}
 .cad-start-heading{gap:10px!important}.cad-start-heading h2{font-size:19px!important;margin:0 0 5px!important}.cad-start-heading p{font-size:13px!important;line-height:1.45!important;margin:0!important}
 .cad-start-button{min-height:42px!important;padding:10px 14px!important;font-size:14px!important;margin-top:10px!important}
 .cad-start-card ol{gap:10px!important;padding-top:12px!important;margin:12px 0!important}
 .cad-start-card li{padding:0!important;font-size:12px!important;line-height:1.4!important}
 .cad-start-card li p{margin:3px 0 0!important;font-size:12px!important;line-height:1.4!important}
 .cad-start-card>p{font-size:11px!important;line-height:1.45!important;margin:10px 0!important;padding-top:10px!important}
 .pdf3d-live-showcase{margin-top:18px!important}.pdf3d-live-layout{gap:10px!important}.pdf3d-live-layout>article{padding:10px!important}
 /* Catalog fits the viewport. Categories use a compact wrapping grid instead of a clipped strip. */
 #catalog-browse-view{padding:12px!important;gap:12px!important;min-width:0!important}
 .catalog-commerce-hero{padding:12px!important;border-radius:12px!important;min-width:0!important}
 .catalog-title-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}
 .catalog-title-row>div{min-width:0!important;flex:1 1 160px!important}
 #catalog-title-h1{font-size:20px!important;line-height:1.2!important}.catalog-commerce-hero #catalog-title-sub{font-size:11px!important;line-height:1.4!important}
 #catalog-open-cart{min-height:38px!important;padding:8px 10px!important;font-size:11px!important;white-space:normal!important}
 .catalog-toolbar{display:flex!important;flex-wrap:wrap!important;gap:6px!important;min-width:0!important}
 #catalog-search{width:100%!important;flex:1 1 100%!important;min-width:0!important;height:40px!important;font-size:14px!important;padding:9px 10px!important}
 #catalog-category-shortcuts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;width:100%!important;padding-bottom:0!important}
 #catalog-category-shortcuts>*{width:auto!important;min-width:0!important;max-width:none!important;min-height:78px!important;padding:7px 3px!important;border-radius:10px!important;box-sizing:border-box!important}
 #catalog-category-shortcuts img{width:32px!important;height:32px!important;object-fit:contain!important}
 #catalog-category-shortcuts strong{font-size:10px!important;overflow-wrap:anywhere!important}#catalog-category-shortcuts small{font-size:9px!important}
 #catalog-card-grid{gap:8px!important}#catalog-card-grid .catalog-family-card{padding:10px!important;border-radius:12px!important;grid-template-columns:64px minmax(0,1fr)!important;column-gap:10px!important;box-shadow:none!important}
 #catalog-card-grid .catalog-family-image{width:64px!important;height:76px!important}
 #catalog-card-grid .catalog-family-body h3{font-size:16px!important;line-height:1.25!important}
 #catalog-card-grid .catalog-family-ranges{margin-top:6px!important;gap:3px 8px!important}#catalog-card-grid .catalog-family-footer{margin-top:6px!important;padding-top:6px!important}
 #catalog-card-grid .catalog-family-open{min-height:38px!important;font-size:11px!important;padding:7px 9px!important}
 #sales-chat-launcher{width:42px!important;height:42px!important;min-width:0!important;padding:0!important;font-size:0!important;border-radius:50%!important;right:12px!important;bottom:12px!important}
 #sales-chat-launcher:before{content:'☏';font-size:22px!important}
 /* Standalone CAD introduction. */
 body[data-mobile-page=cad-landing] header{height:56px!important;padding:8px 14px!important}
 body[data-mobile-page=cad-landing] .brand{font-size:18px!important}body[data-mobile-page=cad-landing] .brand img{width:32px!important;height:32px!important}
 body[data-mobile-page=cad-landing] .hero{padding:18px!important;margin:10px!important;gap:16px!important;border-radius:12px!important}
 body[data-mobile-page=cad-landing] .hero h1{font-size:28px!important;line-height:1.2!important}
 body[data-mobile-page=cad-landing] .hero .eyebrow{margin-bottom:10px!important}
 body[data-mobile-page=cad-landing] .lead{font-size:13px!important;line-height:1.55!important;margin:14px 0!important}
 body[data-mobile-page=cad-landing] .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
 body[data-mobile-page=cad-landing] .btn{min-height:42px!important;font-size:12px!important;padding:10px 12px!important;gap:8px!important}
 body[data-mobile-page=cad-landing] .hero-art{max-width:280px!important;margin:auto!important;width:100%!important}
 body[data-mobile-page=cad-landing] .art-top{padding:8px 10px!important}.art-bottom{padding:10px!important}
 body[data-mobile-page=cad-landing] .micro{margin:12px 0 0!important}
 body[data-mobile-page=cad-landing] .mobile-start{position:static!important;display:block!important;margin:12px!important;width:auto!important;min-height:42px!important;padding:10px!important;border-radius:9px!important}
 /* Homicen storefront. */
 body[data-mobile-page=homicen] .strip,body[data-mobile-page=homicen] .gpuhi-context{display:none!important}
 body[data-mobile-page=homicen] .header .nav{display:grid!important;grid-template-columns:44px 1fr auto!important;gap:6px!important;min-height:0!important;padding:7px 0!important}
 body[data-mobile-page=homicen] .header .brand{width:44px!important;grid-column:1!important;grid-row:1!important}
 body[data-mobile-page=homicen] .brand-logo{width:42px!important;height:38px!important}body[data-mobile-page=homicen] .brand-tagline{display:none!important}
 body[data-mobile-page=homicen] .header nav{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:4px!important;overflow:visible!important}
 body[data-mobile-page=homicen] .header nav a{font-size:0!important;min-width:0!important;min-height:36px!important;padding:6px!important;gap:0!important}body[data-mobile-page=homicen] .header nav a span{display:none!important}body[data-mobile-page=homicen] .header nav a svg{width:20px!important;height:20px!important}
 body[data-mobile-page=homicen] .admin-nav{grid-column:3!important;grid-row:1!important;padding:8px!important;font-size:11px!important}
 body[data-mobile-page=homicen] .wrap{width:calc(100% - 24px)!important;margin-left:auto!important;margin-right:auto!important}
 body[data-mobile-page=homicen] .banner img{max-height:120px!important;object-fit:contain!important}
 body[data-mobile-page=homicen] .hero{padding:20px 0!important;gap:14px!important}.hero-text{min-width:0!important}
 body[data-mobile-page=homicen] .hero h1{font-size:26px!important;margin:8px 0 12px!important}body[data-mobile-page=homicen] .hero p{font-size:14px!important;line-height:1.5!important;margin:10px 0!important}
 body[data-mobile-page=homicen] .hero .kicker{font-size:9px!important;letter-spacing:.8px!important;white-space:normal!important}
 body[data-mobile-page=homicen] .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:12px 0!important}
 body[data-mobile-page=homicen] .hero-actions .button{font-size:11px!important;min-height:40px!important;padding:9px!important;white-space:normal!important;line-height:1.4!important}.hero-actions .button:last-child:nth-child(3){grid-column:1/-1!important}
 body[data-mobile-page=homicen] .mascot{display:none!important}body[data-mobile-page=homicen] .smallnote{font-size:10px!important;line-height:1.45!important}
 body[data-mobile-page=homicen] .section{padding:24px 0!important}body[data-mobile-page=homicen] .stats{gap:5px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}body[data-mobile-page=homicen] .stats strong{font-size:17px!important}body[data-mobile-page=homicen] .stats span{font-size:10px!important}
 body[data-mobile-page=homicen] #homi-chat-fab{width:42px!important;height:42px!important;min-width:0!important;padding:0!important;right:12px!important;bottom:12px!important;overflow:hidden!important;border-radius:50%!important}body[data-mobile-page=homicen] #homi-chat-fab span{display:none!important}
 /* Game overview and service links. */
 body[data-mobile-page=game] .gpuhi-services-shell nav{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:4px!important;padding:7px 10px!important;overflow:visible!important}
 body[data-mobile-page=game] .gpuhi-home{grid-column:1/-1!important;font-size:12px!important;padding:4px 0!important;margin:0!important}
 body[data-mobile-page=game] .gpuhi-services-shell a:not(.gpuhi-home){font-size:0!important;padding:7px 0!important;min-height:34px!important;text-align:center!important;min-width:0!important}
 body[data-mobile-page=game] .gpuhi-services-shell a:not(.gpuhi-home):before{content:'◇';font-size:19px!important}body[data-mobile-page=game] .gpuhi-services-shell a[href='/cad']:before{content:'▧'}body[data-mobile-page=game] .gpuhi-services-shell a[href='/voice']:before{content:'♬'}body[data-mobile-page=game] .gpuhi-services-shell a[href='/osg']:before{content:'⚙'}body[data-mobile-page=game] .gpuhi-services-shell a[href='/posm/']:before{content:'▣'}body[data-mobile-page=game] .gpuhi-services-shell a[href='/homicen/']:before{content:'☀'}body[data-mobile-page=game] .gpuhi-services-shell a[href='/game-studio/']:before{content:'♜'}body[data-mobile-page=game] .gpuhi-services-shell a[href='/robot-wheelchair/']:before{content:'♿'}
 body[data-mobile-page=game] main{padding:14px 12px 32px!important}body[data-mobile-page=game] .topbar{padding:7px 12px!important;height:48px!important;gap:8px!important}.top-right{gap:6px!important}
 body[data-mobile-page=game] .hero{height:auto!important;min-height:0!important}.hero-content{min-width:0!important}
 body[data-mobile-page=game] .hero-content{margin:16px!important;max-width:100%!important}body[data-mobile-page=game] .hero-portrait,body[data-mobile-page=game] .hero-side-caption,body[data-mobile-page=game] .hero-foot{display:none!important}
 body[data-mobile-page=game] .hero h1{font-size:25px!important;margin:10px 0!important}body[data-mobile-page=game] .hero p{font-size:13px!important;line-height:1.5!important;margin:10px 0!important}
 body[data-mobile-page=game] .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:14px!important}body[data-mobile-page=game] .hero-actions button{min-height:40px!important;padding:8px!important;font-size:11px!important;gap:6px!important}
 body[data-mobile-page=game] .hero .eyebrow{font-size:9px!important;letter-spacing:1px!important}body[data-mobile-page=game] .hero-v{display:none!important}
 body[data-mobile-page=game] .section-head{margin:20px 0 10px!important}.pipeline{gap:7px!important}.step-card{padding:12px!important;min-height:100px!important}.step-ico{width:28px!important;height:28px!important;font-size:18px!important}.step-card strong{margin-top:10px!important;font-size:12px!important}.step-card small{font-size:10px!important;line-height:1.4!important}
 /* Workshop home becomes a compact list with a single clear tap target per row. */
 body[data-mobile-page=account] #account-content{padding:12px!important}.ws-intro{padding:14px!important;margin:0 0 12px!important;border-radius:12px!important}.ws-intro h2{font-size:21px!important;margin:6px 0!important}.ws-intro p{font-size:13px!important;line-height:1.45!important;margin:6px 0 0!important}
 body[data-mobile-page=account] .wm-home{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
 body[data-mobile-page=account] .wm-tile{display:grid!important;grid-template-columns:32px minmax(0,1fr) 20px!important;gap:4px 10px!important;padding:12px!important;min-height:0!important;align-items:center!important;border-radius:11px!important}
 .wm-tile .ws-kpi-icon{grid-column:1!important;grid-row:1/3!important;width:32px!important;height:32px!important;font-size:19px!important;margin:0!important}.wm-tile h3{grid-column:2!important;grid-row:1!important;margin:0!important;font-size:14px!important;line-height:1.35!important}.wm-tile p{grid-column:2!important;grid-row:2!important;margin:0!important;font-size:12px!important;line-height:1.4!important}.wm-tile>strong{grid-column:3!important;grid-row:1/3!important;font-size:0!important}.wm-tile>strong:after{content:'↗';font-size:17px!important}
 /* CAD customer frame fills the phone instead of retaining desktop column widths. */
 body[data-mobile-page=cad-customer]{width:100%!important;min-width:0!important;height:auto!important;margin:0!important}
 body[data-mobile-page=cad-customer] .workspace[data-sales-ui=true]{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;padding:8px!important;gap:8px!important;box-sizing:border-box!important}
 body[data-mobile-page=cad-customer] .workspace[data-sales-ui=true]>.left,body[data-mobile-page=cad-customer] .workspace[data-sales-ui=true]>.right,body[data-mobile-page=cad-customer] .workspace[data-sales-ui=true] .card{width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important;min-height:0!important;height:auto!important;max-height:none!important;margin:0!important;box-sizing:border-box!important}
 body[data-mobile-page=cad-customer] .workspace .card{padding:12px!important;border-radius:10px!important}
 body[data-mobile-page=cad-customer] .cad-mobile-jumps{padding:6px 8px!important;gap:5px!important}.cad-mobile-jumps button{font-size:11px!important;min-height:36px!important;padding:7px!important}
 body[data-mobile-page=cad-customer] .upload{padding:9px!important;min-height:70px!important;gap:6px!important}.cad-tier-picker{gap:5px!important}
 body[data-mobile-page=cad-customer] .workspace button{white-space:normal!important;overflow-wrap:break-word!important;line-height:1.35!important;min-height:36px!important}
 body[data-mobile-page=cad-customer] .cad-sales-heading{margin-top:12px!important}.cad-sales-requirements{margin:6px 0!important}
 body[data-mobile-page=cad-customer] .workspace[data-sales-ui=true] #viewer{height:180px!important;min-height:140px!important;max-height:none!important}
 body[data-mobile-page=cad-customer] .workspace[data-sales-ui=true] #viewer:has(canvas){height:320px!important;min-height:260px!important}
 body[data-mobile-page=cad-customer] .engineering-tabs{gap:4px!important;display:flex!important;flex-wrap:wrap!important}.engineering-tabs button{min-width:0!important;flex:1!important;font-size:11px!important;padding:6px!important}
 body[data-mobile-page=marketplace] #gpuhi-cad-workspace{padding:0!important;min-width:0!important;width:100%!important}
 body[data-mobile-page=marketplace] #gpu-customer-drawing iframe{width:100%!important;min-width:0!important;height:calc(100dvh - 105px)!important;min-height:420px!important}
}
}
@layer gpuhi-mobile {
@media(max-width:650px){
 #catalog-category-shortcuts{grid-auto-flow:row!important;grid-template-rows:auto!important;grid-auto-columns:auto!important}
 .catalog-title-row>div:first-child{flex:1 1 0!important}.catalog-title-row>.catalog-count-badge{display:none!important}.catalog-title-row>.catalog-sales-actions{flex:0 0 auto!important;width:auto!important;margin:0!important}
 #catalog-title-h1{font-size:18px!important}
}
}
@layer gpuhi-mobile {
@media(max-width:650px){
 body[data-mobile-page=cad-customer] .workspace h2{font-size:14px!important;line-height:1.35!important;margin:0 0 8px!important;padding:0 0 7px!important}
 body[data-mobile-page=cad-customer] .cad-create-controls{gap:7px!important;padding-top:8px!important}
 body[data-mobile-page=cad-customer] .cad-sales-heading{font-size:13px!important;line-height:1.4!important;margin:7px 0 0!important;padding:3px 0!important}
 body[data-mobile-page=cad-customer] .cad-consent{padding:4px 0!important;font-size:11px!important}
 body[data-mobile-page=cad-customer] .cad-sales-requirements{padding:7px 9px!important;margin:0!important}
}
}
@layer gpuhi-mobile {
@media(max-width:650px){
 body[data-mobile-page=account] .account-header .account-header-title h1{font-size:15px!important;line-height:1.3!important;letter-spacing:0!important}
 body[data-mobile-page=account] .wm-tile{margin:0!important}
 body[data-mobile-page=homicen] .header nav a span{display:block!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important}
 body[data-mobile-page=homicen] #homi-chat-fab:before{content:'?';font:bold 23px/1 Arial!important;color:#2563eb!important}
 body[data-mobile-page=marketplace] #catalog-search,body[data-mobile-page=account] input[type=text],body[data-mobile-page=account] input[type=search],body[data-mobile-page=cad-customer] textarea{font-size:16px!important}
}
}

@layer gpuhi-mobile { @media(max-width:360px) { body[data-mobile-page=game] .top-right .tiny-pill:first-child{display:none!important} body[data-mobile-page=game] .breadcrumb{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} } }
