.touch-nav,.touch-actions-toggle{display:none}
@media(max-width:1100px){
 html{scroll-padding-top:120px;scroll-padding-bottom:150px}
 .site-root{--touch-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
 .touch-nav{position:fixed;inset:auto 0 0;z-index:100;display:flex;justify-content:space-around;gap:2px;padding:5px max(6px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom));background:var(--site-surface,#fff);color:var(--site-text,#292b2c);border-top:1px solid var(--site-border,#d9dde2);box-shadow:0 -4px 20px #00000012}
 .site-root .touch-nav>:is(a,button){flex:1 1 0;min-width:0;max-width:160px;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 2px;border:0;border-radius:10px;background:transparent;color:var(--site-muted,#636c72);font:500 10px/1.2 Poppins,system-ui,sans-serif;text-align:center;text-decoration:none!important;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent}
 .site-root .touch-nav>a:not(.btn){color:var(--site-muted,#636c72)!important}.site-root .touch-nav>a.active:not(.btn){color:var(--site-text,#292b2c)!important}
 .touch-nav svg{display:block;width:22px;height:22px;flex:none}
 .site-root .touch-nav>.active,.site-root .touch-nav>:hover{color:var(--site-text);background:color-mix(in srgb,var(--accent2,#fdc101) 22%,var(--site-surface,#fff))}
 .site-root .touch-nav>.active svg{color:#a56f00}
 .touch-actions-toggle{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #ffffff50;border-radius:12px;background:#ffffff0d;color:inherit;cursor:pointer}
 .touch-actions-toggle svg{width:24px;height:24px}
 .site-dashboard>.topbar{position:sticky;top:0;z-index:50;min-height:56px;padding:6px 12px;gap:8px;flex-wrap:nowrap;align-items:center}
 .site-dashboard>.topbar>.brand{flex:1 1 220px;max-width:min(240px,50vw);min-width:0}
 .site-dashboard>.topbar :is(.brand-logo,.brand-wordmark){height:38px!important;max-height:38px;width:100%!important}
 .site-dashboard>.topbar>.actions,.site-public .header-main .actions{display:none}
 .site-dashboard>.topbar>.touch-actions-toggle{margin-left:auto;order:4}
 .site-dashboard>.topbar>:is(.dashboard-action-dock,.sb-actions){flex:0 1 auto;max-width:48%;width:auto;gap:4px;order:3;overflow-x:auto;scrollbar-width:thin;flex-wrap:nowrap;min-width:0}
 .site-dashboard>.topbar :is(.dashboard-action-dock,.sb-actions) .btn{min-height:40px;padding:8px 10px;white-space:nowrap}
 .site-dashboard>.topbar .sb-actions [role=status]{display:none}
 .site-dashboard .layout{display:block}
 .site-dashboard .sidebar{display:none}
 .site-dashboard .workspace{padding:14px 16px calc(var(--touch-bottom) + 82px);min-width:0;max-width:none;overflow:visible}
 .site-dashboard .dashboard-section-nav{position:sticky;top:var(--dashboard-header-height,56px);z-index:25;background:var(--site-page,#fff);padding-top:6px;margin-bottom:16px}
 .site-dashboard .dashboard-section-title{font-size:11px;margin-bottom:4px}
 .site-dashboard .dashboard-section-tabs{gap:4px;border-bottom:0;padding:0 0 6px;scroll-snap-type:x proximity}
 .site-dashboard .dashboard-section-tabs .dashboard-section-tab{min-height:44px;padding:12px 14px;font-size:12px;border-radius:12px;border:0;scroll-snap-align:start;background:var(--site-surface,#fff)}
 .site-dashboard .dashboard-section-tabs .dashboard-section-tab.active{background:var(--accent2,#fdc101);color:#141414}
 .site-public{padding-bottom:calc(var(--touch-bottom) + 76px)}
 .site-public>.topbar{position:sticky;top:0;z-index:50}
 .site-public .header-main .header-inner{width:100%;min-height:64px;padding:8px 16px;gap:10px;flex-wrap:nowrap}
 .site-public .header-main .brand{flex:1 1 200px;max-width:240px;min-width:0}
 .site-public .header-main :is(.brand-logo,.brand-wordmark){width:100%!important;height:38px!important;max-height:38px;max-width:100%;object-fit:contain;object-position:left center}
 .site-public .header-main .touch-actions-toggle{margin-left:auto}
 .site-public .site-menu{display:none}
 .site-public .container{padding:24px 16px}
 .site-root :is(.card,.panel,.metric,.machine-filter-panel){border-radius:14px}
 .site-root .btn{min-height:44px;touch-action:manipulation}
 .site-root :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea){min-height:44px;font-size:16px}
 .site-root .tablewrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
 .site-root :is(.split,.machine-detail-layout,.image-copy){grid-template-columns:1fr;min-width:0}
 .cms-theme-toggle,.site-theme-toggle{bottom:calc(80px + env(safe-area-inset-bottom));left:12px;min-height:44px;max-width:calc(100vw - 180px);z-index:95}
 .sanne-widget{bottom:calc(80px + env(safe-area-inset-bottom));right:12px}
 .sanne-launch{padding:10px 12px;min-height:44px;font-size:12px}
 .sanne-panel{max-height:calc(100dvh - 220px);max-width:calc(100vw - 24px)}
 html[data-site-theme] .fa-cookie-panel{bottom:calc(142px + env(safe-area-inset-bottom));max-height:calc(100dvh - 160px)}
 .touch-sheet{position:fixed;inset:auto 0 0;width:min(620px,100%);max-width:100%;max-height:80dvh;margin:0 auto;padding:20px 18px calc(20px + env(safe-area-inset-bottom));border:1px solid var(--site-border,#ddd);border-radius:24px 24px 0 0;background:var(--site-surface,#fff);color:var(--site-text,#292b2c);box-shadow:0 -12px 60px #0003;overscroll-behavior:contain}
 .touch-sheet::backdrop{background:#05080b99}
 .touch-sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
 .touch-sheet h2{font-size:22px;margin:0}
 .touch-sheet-items{display:grid;gap:10px}
 .touch-sheet-items>:is(a,button,select){display:flex;align-items:center;gap:12px;min-height:48px;width:100%;padding:12px 14px;border:1px solid var(--site-border,#ddd);border-radius:12px;background:var(--site-page,#f5f5f5);color:var(--site-text,#292b2c);font:500 14px/1.4 Poppins,system-ui,sans-serif;text-decoration:none}
 .touch-sheet-items svg{width:20px;height:20px}
 html[data-site-theme=dark] .touch-nav>.active svg,html[data-cms-theme=dark] .touch-nav>.active svg{color:#ffd36d}
}
@media(max-width:620px){
 .site-dashboard .workspace{padding:10px 12px calc(var(--touch-bottom) + 82px)}
 .site-root :is(.form,.grid,.metrics,.pricing-grid,.professional-cv-grid){grid-template-columns:minmax(0,1fr)}
 .site-root .field.full{grid-column:auto}
 .site-public.photo-led .hero{padding:32px 18px;min-height:460px}
 .site-public .hero h1{font-size:36px}
 .site-dashboard>.topbar>.brand{max-width:45vw}
 .touch-nav span{font-size:9px}
 .touch-sheet header .btn{min-height:44px}
}

.touch-sheet-items .nav-home-label{display:inline}
