/* The production desktop shell is unchanged. Compact devices use the approved app layout. */
.mobile-bottom,.mobile-header-help{display:none}
.mobile-profile{max-width:1050px;margin:auto}.mobile-profile-heading{margin-bottom:24px}.mobile-profile-heading h1{margin-top:0}.mobile-profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.mobile-profile-intro,.mobile-profile-account,.mobile-profile-settings{border:1px solid var(--line);border-radius:24px;background:var(--panel);overflow:hidden}.mobile-profile-intro{padding:24px;background:radial-gradient(ellipse at 100% 0,#7452f02e,transparent 70%),var(--panel)}.mobile-profile-intro h2{font-size:23px}.mobile-profile-intro p{font-size:14px}.mobile-profile-intro .button{width:100%;gap:10px}.mobile-profile-intro svg{width:20px;height:20px;flex:none}.mobile-profile-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:var(--hover);color:var(--violet)}.mobile-profile-symbol svg{width:26px;height:26px}.mobile-profile-account{padding:22px}.mobile-profile-account:empty{display:none}.mobile-profile-row{display:flex;align-items:center;gap:12px;padding:18px;text-decoration:none;color:var(--text)!important;min-height:76px}.mobile-profile-row+.mobile-profile-row{border-top:1px solid var(--line)}.mobile-profile-row svg{width:22px;height:22px;flex:none;color:var(--violet)}.mobile-profile-row span{flex:1}.mobile-profile-row strong{display:block;font-size:14px}.mobile-profile-row small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.mobile-profile-links{display:grid;gap:16px}.mobile-profile-payment-note{padding-inline:8px;color:var(--muted)}.mobile-profile-guest-link{font-size:13px}.mobile-profile #account-panel{position:static;display:flex;max-height:none;max-width:none;width:100%;box-shadow:none;border:0;border-radius:0;padding:0;background:transparent}.mobile-profile #account-panel>strong{display:none}.mobile-profile .appearance-settings{margin:0;padding:0;border:0}.mobile-profile #account-panel .appearance-settings{padding-block:12px;border-bottom:1px solid var(--line)}.mobile-profile #account-panel #account-email{font-size:14px}
@media (max-width:1100px), (max-width:1366px) and (hover:none) and (pointer:coarse){
 .pro-shell{--surface:#171b2d;--surface-2:#20253a;--ink:var(--text);--glass:#141829ed;--mint:#91e6ce;--mint-bg:#163a36;--shadow:0 10px 36px #03051124;--tile-publish:linear-gradient(145deg,#30234d,#1c1e39);--tile-sites:linear-gradient(145deg,#193533,#1a2338);--tile-visual:linear-gradient(145deg,#35253e,#25203a);--mobile-bottom-space:110px;--mobile-header-height:calc(72px + env(safe-area-inset-top));--header-glass-rgb:8 11 28;display:grid;grid-template-rows:minmax(0,1fr);gap:0;padding:0;background:var(--bg);height:100dvh;overflow:hidden}
 [data-theme=light] .pro-shell{--surface:#fff;--surface-2:#edecf7;--glass:#fafaffed;--mint:#18745e;--mint-bg:#dcf6ed;--shadow:0 8px 32px #30335809;--tile-publish:linear-gradient(140deg,#eeebff,#e8e1fc);--tile-sites:linear-gradient(140deg,#e4f8ef,#e6f0f6);--tile-visual:linear-gradient(140deg,#faeaf4,#eee9ff)}
 [data-theme=light] .pro-shell{--header-glass-rgb:245 245 252}
 .pro-shell .pro-topbar,.cabinet-shell.signed-in .pro-topbar{grid-area:1/1;align-self:start;display:flex;gap:10px;height:var(--mobile-header-height);width:100%;max-width:1180px;margin:0 auto;padding:env(safe-area-inset-top) 24px 0;border:0;border-radius:0;background:transparent;box-shadow:none;z-index:10}
 /* Keep the scroller behind the header. Only these two glass layers blur, never the controls. */
 .pro-shell .pro-topbar::before,.pro-shell .pro-topbar::after{content:"";position:absolute;inset:0 0 -14px;pointer-events:none;z-index:0}
 .pro-shell .pro-topbar::before{background:linear-gradient(to bottom,rgb(var(--header-glass-rgb)/.82),rgb(var(--header-glass-rgb)/.36) 65%,rgb(var(--header-glass-rgb)/0));backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);mask-image:linear-gradient(to bottom,#000 45%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 45%,transparent)}
 .pro-shell .pro-topbar::after{background:linear-gradient(to bottom,rgb(var(--header-glass-rgb)/.99),rgb(var(--header-glass-rgb)/.96) 48%,rgb(var(--header-glass-rgb)/0) 90%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);mask-image:linear-gradient(to bottom,#000 45%,transparent 90%);-webkit-mask-image:linear-gradient(to bottom,#000 45%,transparent 90%)}
 .pro-shell .pro-topbar>*{position:relative;z-index:1}
 .pro-shell .brand{font-size:16px;gap:10px;margin-right:auto}.pro-shell .brand b{font-size:16px}.pro-shell .brand>span:last-child{display:block;position:static;width:auto;height:auto;clip:auto;overflow:visible;max-width:none;line-height:1.2;white-space:nowrap}.pro-shell .logo{flex:none;width:38px;min-width:38px;height:38px;border-radius:13px;font-size:18px;line-height:1}
 .pro-shell .top-actions{gap:3px;margin:0}.pro-shell .top-actions .account-menu{display:none}.pro-shell .pro-topbar>.top-links{display:none}.pro-shell .theme-toggle,.pro-shell .mobile-header-help{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:14px;background:transparent;box-shadow:none;color:var(--muted)}.mobile-header-help svg{width:21px;height:21px}.pro-shell .theme-symbol{width:22px;height:22px}
 .pro-shell .menu-toggle{display:none}.cabinet-shell .menu-toggle{display:grid;place-items:center;width:40px;min-width:40px;height:44px;padding:0;border:0;background:transparent;color:var(--muted);box-shadow:none}.menu-toggle svg{width:22px;height:22px}
 .pro-shell .pro-layout,.cabinet-shell.signed-in .pro-layout{grid-area:1/1;grid-template-columns:minmax(0,1fr);gap:0;width:100%;max-width:1180px;min-height:0;margin:0 auto;transition:none}.pro-layout #sidebar-host{display:none}
 .pro-shell .pro-layout>main,.cabinet-shell.signed-in .pro-layout>main{padding:calc(var(--mobile-header-height) + 14px) 24px calc(var(--mobile-bottom-space) + env(safe-area-inset-bottom))!important;width:100%;min-width:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none!important;scrollbar-gutter:auto!important;scroll-padding-bottom:calc(var(--mobile-bottom-space) + env(safe-area-inset-bottom));scroll-behavior:auto}
 .pro-shell .pro-layout>main::-webkit-scrollbar,.pro-shell .pro-layout>.pro-scroll{display:none!important;width:0}
 .pro-shell .pro-layout>main,.pro-shell .pro-layout>main.pro-modern-scroll{scroll-padding-top:calc(var(--mobile-header-height) + 14px);mask-image:none;-webkit-mask-image:none}
 .mobile-catalog .category-rail{top:calc(var(--mobile-header-height) + 14px)}
 .mobile-catalog{display:block;padding:0!important;min-height:0!important;max-width:none!important}.mobile-catalog~.desktop-catalog{display:none}.public-shell:has(.mobile-catalog) .page-footer{display:none}
 .mobile-catalog .result-heading{margin-top:26px}.mobile-catalog .result-heading:first-child{margin-top:0}.mobile-catalog svg{flex:none}.mobile-catalog .service-card-link{color:var(--text)}.mobile-catalog .direction-tile{color:var(--text)}.mobile-catalog .direction-tile img{height:132px}.mobile-catalog .favorite-button{padding:0;background:transparent;border:0;box-shadow:none;transform:none}.mobile-catalog .clear-search{margin:0;border:0;padding:0;box-shadow:none;background:transparent}.mobile-catalog input{margin:0}.mobile-catalog .search-box{cursor:text}.mobile-catalog h1{font-size:30px;letter-spacing:-1px;font-weight:700}.mobile-catalog .page-title h1{margin:0}.mobile-catalog p{margin-bottom:0}.mobile-catalog .tool-grid h3{margin:0}.mobile-catalog .quick-item,.mobile-catalog .recent-link,.mobile-catalog .simple-banner,.mobile-catalog .rail-link{color:var(--text)}
 .mobile-bottom{display:block;position:fixed;z-index:30;left:0;right:0;bottom:0;padding:8px 16px calc(12px + env(safe-area-inset-bottom));pointer-events:none;background:none}
 /* Let cards enter the glass, then dissolve completely before they emerge below the dock. */
 .mobile-bottom::before{content:"";position:absolute;inset:8px 0 0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,rgb(var(--header-glass-rgb)/0),var(--bg) calc(100% - 12px - env(safe-area-inset-bottom)))}
 .mobile-bottom-inner{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:480px;margin:auto;padding:6px;border:1px solid var(--line);border-radius:24px;background:var(--glass);backdrop-filter:blur(22px) saturate(.35);-webkit-backdrop-filter:blur(22px) saturate(.35);box-shadow:0 5px 22px #00000014;isolation:isolate;pointer-events:auto}
 .mobile-nav-indicator{position:absolute;left:6px;top:6px;bottom:6px;width:calc((100% - 12px)/3);border-radius:18px;background:#8e71ff18;border:1px solid #9b83ff15;z-index:-1;transform:translateX(calc(var(--nav-index,0)*100%));transition:transform .44s cubic-bezier(.18,.88,.2,1.05);will-change:transform}
 .pro-shell .mobile-bottom-item{height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:11px;font-weight:600;border-radius:18px;text-decoration:none}.mobile-bottom-item svg{width:21px;height:21px}.pro-shell .mobile-bottom-item[aria-current=page]{color:var(--violet)}
 .pro-shell.mobile-keyboard .mobile-bottom{display:none}.pro-shell.mobile-keyboard{--mobile-bottom-space:24px}
 /* Feedback stays above the dock; the keyboard state already reduces its reserved space. */
 .pro-shell #toast{z-index:40;left:50%;right:auto;bottom:calc(var(--mobile-bottom-space) + env(safe-area-inset-bottom));width:max-content;max-width:min(480px,calc(100vw - 32px));transform:translateX(-50%);text-align:center;overflow-wrap:anywhere}
 .pro-shell .drawer-title{display:flex;align-items:center;justify-content:space-between;padding:0 4px 18px}.sidebar-heading{display:none}.pro-shell .nav-drawer .pro-sidebar{height:100%;border:0;border-radius:0;padding:18px}.drawer-global{display:block;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}.pro-sidebar .top-links{display:flex;flex-direction:column;align-items:stretch;gap:6px}.pro-sidebar .top-links a{display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 12px}.pro-sidebar .top-links svg{display:block;width:21px;height:21px}.pro-shell .side-label{display:initial!important;opacity:1!important;width:auto!important}.pro-shell .nav-caption{display:block!important}.pro-shell .side-item{justify-content:flex-start!important}
 .mobile-profile-heading h1{font-size:30px}.pro-shell .page-footer{padding-bottom:0}.mobile-profile #account-panel{display:flex}
}
@media(max-width:600px){.mobile-profile-layout{grid-template-columns:1fr}.pro-shell .pro-topbar,.cabinet-shell.signed-in .pro-topbar{padding-inline:18px}.pro-shell .pro-layout>main,.cabinet-shell.signed-in .pro-layout>main{padding-inline:18px!important}.pro-shell .brand,.pro-shell .brand b{font-size:14px}.cabinet-shell .brand>span:last-child{display:none}.mobile-catalog .direction-tile img{height:103px}.mobile-catalog h1{font-size:27px}.mobile-catalog .service-name{font-size:14px}.mobile-catalog .direction-tile strong{font-size:12px}}
@media(max-width:350px){.pro-shell .pro-topbar,.cabinet-shell.signed-in .pro-topbar{padding-inline:14px;gap:6px}.pro-shell .brand,.pro-shell .brand b{font-size:12px}.pro-shell .brand{gap:7px}.pro-shell .pro-layout>main,.cabinet-shell.signed-in .pro-layout>main{padding-inline:14px!important}.mobile-catalog .direction-tile img{height:85px}.mobile-catalog .direction-tile strong{font-size:11px}.mobile-catalog .service-name{font-size:13px}}
@media(min-width:680px) and (max-width:1100px){.pro-shell .pro-topbar{padding-inline:32px}.pro-shell .pro-layout>main{padding-inline:32px!important}.mobile-catalog .direction-tile img{height:170px}.mobile-bottom-item{flex-direction:row!important;gap:9px!important;font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.mobile-nav-indicator{transition:none}}
