/* DataSearch Mobile 2026 — clean mobile layer. Desktop is intentionally untouched. */
.ds-mobile-appbar{display:none}

@media (max-width:860px){
  :root{
    --ds-mobile-gutter:14px;
    --ds-mobile-top:64px;
    --ds-mobile-nav:76px;
    --ds-mobile-radius:18px;
  }

  html,body{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
  html{scroll-padding-top:calc(var(--ds-mobile-top) + env(safe-area-inset-top,0px) + 12px)!important}
  body{overscroll-behavior-x:none!important;touch-action:pan-x pan-y pinch-zoom!important}
  *,*::before,*::after{box-sizing:border-box!important}
  img,svg,video,canvas{max-width:100%!important}
  button,a,.nav-item,.sort-btn,.wildcard-box{-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}
  input,select,textarea,button{font-size:16px!important}

  /* Kill legacy zoom/desktop positioning on mobile. */
  #page-search.active .content,#page-discord-osint.active .content,#page-data.active .data-content,
  #page-api.active .data-content,#page-profile.active .profile-page-wrap,#page-pricing.active .pricing-carousel-page{
    zoom:1!important;transform:none!important;width:100%!important;max-width:100%!important;margin:0 auto!important;left:auto!important;right:auto!important
  }
  .main{position:relative!important;left:0!important;margin-left:0!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:100svh!important;padding:0!important;overflow:visible!important;background:#0f0f0f!important}
  html.ds-mobile-app .main{padding-top:calc(var(--ds-mobile-top) + env(safe-area-inset-top,0px))!important;padding-bottom:calc(var(--ds-mobile-nav) + env(safe-area-inset-bottom,0px) + 12px)!important}
  .page-view{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
  .page-view>.content,.data-content,.profile-page-wrap,.pricing-carousel-page{width:100%!important;max-width:100%!important;padding:16px var(--ds-mobile-gutter) 24px!important;margin:0 auto!important}

  /* New app header. */
  html.ds-mobile-app .ds-mobile-appbar{display:flex!important;position:fixed!important;z-index:12050!important;top:0!important;left:0!important;right:0!important;height:calc(var(--ds-mobile-top) + env(safe-area-inset-top,0px))!important;padding:env(safe-area-inset-top,0px) 12px 0!important;align-items:center!important;gap:10px!important;background:rgba(16,16,16,.97)!important;border-bottom:1px solid rgba(255,255,255,.13)!important;box-shadow:0 10px 30px rgba(0,0,0,.28)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
  .ds-mobile-appbar-brand{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;flex:1 1 auto!important}
  .ds-mobile-appbar-mark{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.18)!important;background:#1e1e1e!important;color:#fff!important;font:700 18px/1 system-ui,sans-serif!important}
  .ds-mobile-appbar-copy{min-width:0!important}
  .ds-mobile-appbar-title{display:block!important;max-width:52vw!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font:700 14px/1.15 system-ui,-apple-system,sans-serif!important}
  .ds-mobile-appbar-sub{display:block!important;margin-top:3px!important;color:#989898!important;font:600 10px/1 system-ui,-apple-system,sans-serif!important;text-transform:uppercase!important;letter-spacing:.08em!important}
  .ds-mobile-account{flex:0 0 auto!important;min-height:38px!important;height:38px!important;max-width:112px!important;padding:0 11px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;background:#1f1f1f!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:none!important;font:700 11px/1 system-ui,-apple-system,sans-serif!important}
  .ds-mobile-credit-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#fff!important;opacity:.9!important}
  #zTopProfileChip,.z-top-profile-chip{display:none!important}

  /* New bottom thumb navigation using the existing route items. */
  html.ds-mobile-app .sidebar{display:flex!important;position:fixed!important;z-index:12060!important;left:10px!important;right:10px!important;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;width:auto!important;height:68px!important;min-height:68px!important;padding:6px!important;margin:0!important;transform:none!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:22px!important;background:rgba(23,23,23,.97)!important;box-shadow:0 16px 42px rgba(0,0,0,.46)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
  html.ds-mobile-app .sidebar-logo,html.ds-mobile-app .sidebar-footer,html.ds-mobile-app .sidebar-bottom{display:none!important}
  html.ds-mobile-app .sidebar-nav{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:minmax(48px,1fr)!important;gap:4px!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important}
  html.ds-mobile-app .sidebar-nav::-webkit-scrollbar{display:none!important}
  html.ds-mobile-app .sidebar .nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:100%!important;min-width:0!important;height:56px!important;min-height:56px!important;margin:0!important;padding:5px 2px!important;border-radius:16px!important;border:1px solid transparent!important;background:transparent!important;color:#a5a5a5!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;font:600 9.5px/1.05 system-ui,-apple-system,sans-serif!important;white-space:nowrap!important}
  html.ds-mobile-app .sidebar .nav-item>.nav-icon{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;margin:0!important;font-size:18px!important;line-height:1!important;color:currentColor!important}
  html.ds-mobile-app .sidebar .nav-item>.nav-icon svg{width:19px!important;height:19px!important}
  html.ds-mobile-app .sidebar .nav-item>span:not(.nav-icon):not(.badge){display:none!important}
  html.ds-mobile-app .sidebar .nav-item>.ds-mobile-nav-label{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;color:currentColor!important}
  html.ds-mobile-app .sidebar .nav-item>.badge{position:absolute!important;top:3px!important;right:5px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#fff!important;color:#0b0b0b!important;font-size:8px!important;line-height:1!important}
  html.ds-mobile-app .sidebar .nav-item{position:relative!important}
  html.ds-mobile-app .sidebar .nav-item.active{background:#fff!important;color:#0b0b0b!important;border-color:#fff!important;box-shadow:none!important}
  html.ds-mobile-keyboard .sidebar{display:none!important}

  /* Landing header + hero rebuilt for small screens. */
  #landingPage{width:100%!important;max-width:100%!important;overflow:hidden!important}
  #landingPage .landing-navbar{position:sticky!important;top:0!important;z-index:10020!important;width:100%!important;min-height:64px!important;height:auto!important;padding:calc(env(safe-area-inset-top,0px) + 9px) 12px 9px!important;background:rgba(16,16,16,.96)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
  #landingPage .landing-navbar-content{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
  #landingPage .landing-logo{min-width:0!important;max-width:42vw!important;overflow:hidden!important}
  #landingPage .landing-logo span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:18px!important;line-height:1!important}
  #landingPage .landing-nav-links{display:none!important}
  #landingPage .landing-nav-buttons{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important;margin:0!important}
  #landingPage .landing-nav-buttons button,#landingPage .landing-btn-primary,#landingPage .landing-btn-secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:84px!important;max-width:104px!important;height:42px!important;min-height:42px!important;padding:0 10px!important;margin:0!important;border-radius:13px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #landingPage .landing-hero{min-height:auto!important;width:100%!important;padding:50px 16px 42px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:16px!important}
  #landingPage .landing-hero-badge{max-width:94vw!important;padding:7px 10px!important;font-size:10px!important;white-space:normal!important;text-align:center!important}
  #landingPage .landing-hero-title{width:100%!important;max-width:430px!important;margin:0 auto!important;font-size:clamp(36px,10.8vw,50px)!important;line-height:1.04!important;letter-spacing:-.045em!important;text-align:center!important;text-wrap:balance!important}
  #landingPage .landing-hero-desc{width:100%!important;max-width:390px!important;margin:0 auto!important;font-size:15px!important;line-height:1.55!important;text-align:center!important}
  #landingPage .landing-eye-container,#landingPage .landing-eye-svg{width:118px!important;height:118px!important;max-width:118px!important;max-height:118px!important;margin:4px auto!important;transform:none!important}
  #landingPage .landing-search-box{display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;width:100%!important;max-width:430px!important;height:54px!important;min-height:54px!important;margin:2px auto 0!important;border-radius:16px!important;overflow:hidden!important}
  #landingPage .landing-search-box input{width:100%!important;min-width:0!important;height:54px!important;padding:0 13px!important;border-radius:16px 0 0 16px!important;font-size:16px!important}
  #landingPage .landing-search-box button{width:112px!important;height:54px!important;min-height:54px!important;padding:0 8px!important;border-radius:0 16px 16px 0!important;font-size:12px!important;white-space:nowrap!important}
  #landingPage .landing-search-types{width:100%!important;max-width:430px!important;display:flex!important;gap:7px!important;justify-content:flex-start!important;overflow-x:auto!important;padding:2px 2px 8px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  #landingPage .landing-search-types::-webkit-scrollbar{display:none!important}
  #landingPage .landing-search-types span{flex:0 0 auto!important;min-height:32px!important;padding:0 10px!important;display:flex!important;align-items:center!important;font-size:10px!important}
  #landingPage :is(.landing-stats,.landing-features,.zresults-showcase,.z-home-security-lock-section,.landing-faq,.landing-footer){width:100%!important;max-width:100%!important;padding-left:16px!important;padding-right:16px!important}
  #landingPage .landing-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #landingPage .landing-stat{min-width:0!important;padding:16px 10px!important;border-radius:16px!important}
  #landingPage .landing-features-grid,#landingPage .z-home-security-grid{grid-template-columns:1fr!important;gap:12px!important}
  #landingPage .landing-feature-card,#landingPage .z-home-security-card,#landingPage .zresults-card{border-radius:18px!important}
  #landingPage .z-home-security-lock-section{grid-template-columns:1fr!important;gap:18px!important;padding-top:44px!important;padding-bottom:44px!important}
  #landingPage .z-home-security-lock-visual{min-height:250px!important;height:250px!important;overflow:hidden!important}
  #landingPage .z-home-security-orbit{transform:scale(.65)!important;transform-origin:center!important}
  #landingPage .z-home-security-copy{text-align:left!important}
  #landingPage .zresults-showcase{padding-top:46px!important;padding-bottom:46px!important}
  #landingPage .zresults-showcase-grid,#landingPage .zresults-grid{grid-template-columns:1fr!important}
  #landingPage .landing-faq-list{width:100%!important;max-width:100%!important}
  #landingPage .landing-faq-question{min-height:54px!important;padding:14px!important;font-size:14px!important;text-align:left!important}

  /* Login/register: one clean panel, no cramped desktop promo column. */
  .z-login-gate{min-height:100svh!important;height:auto!important;padding:calc(env(safe-area-inset-top,0px) + 18px) 14px calc(env(safe-area-inset-bottom,0px) + 24px)!important;overflow-y:auto!important;align-items:flex-start!important;justify-content:center!important}
  .z-login-gate>.z-login-side,.z-login-side{display:none!important}
  .z-login-shell{width:100%!important;max-width:430px!important;min-width:0!important;margin:0 auto!important;padding:22px 18px!important;border-radius:22px!important}
  .z-login-form{width:100%!important;max-width:100%!important}
  .z-login-head h2{font-size:28px!important;line-height:1.12!important}
  .z-login-field input,.z-login-captcha input{width:100%!important;min-height:50px!important;height:50px!important;font-size:16px!important}
  .z-login-btn,.z-login-discord{width:100%!important;min-height:50px!important;height:auto!important;border-radius:14px!important}
  .z-login-captcha{grid-template-columns:84px minmax(0,1fr)!important;gap:9px!important}

  /* Search / Discord lookup. */
  #page-search .hero,#page-discord-osint .hero{min-height:0!important;padding:4px 2px 15px!important;margin:0!important;text-align:left!important}
  #page-search .hero h1,#page-discord-osint .hero h1,#page-search #searchHeroRotatingTitle .datasearch-hero-rotating-title-text,#page-discord-osint .datasearch-hero-rotating-title-text{font-size:clamp(28px,8.4vw,38px)!important;line-height:1.06!important;text-align:left!important}
  #page-search .hero p,#page-discord-osint .hero p{max-width:100%!important;margin:8px 0 0!important;font-size:13px!important;line-height:1.48!important;text-align:left!important}
  #page-search .hero-badges,#page-discord-osint .hero-badges{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:6px!important;width:100%!important;overflow-x:auto!important;padding:8px 0 2px!important;scrollbar-width:none!important}
  #page-search .hero-badges::-webkit-scrollbar,#page-discord-osint .hero-badges::-webkit-scrollbar{display:none!important}
  #page-search .hero-badge,#page-discord-osint .hero-badge{flex:0 0 auto!important;padding:6px 8px!important;font-size:9px!important;white-space:nowrap!important}
  .alert-banner{width:100%!important;margin:0 0 12px!important;padding:12px!important;gap:10px!important;border-radius:16px!important;align-items:flex-start!important}
  .alert-banner .alert-icon{flex:0 0 28px!important;width:28px!important;height:28px!important}
  .alert-banner .alert-title{font-size:12px!important}.alert-banner .alert-text{font-size:11px!important;line-height:1.45!important}.alert-tags{gap:5px!important}.alert-tag{font-size:8px!important;padding:4px 6px!important}

  #page-search .search-card,#page-discord-osint .search-card{width:100%!important;max-width:100%!important;margin:0 0 14px!important;border-radius:20px!important;overflow:hidden!important}
  #page-search .card-header,#page-discord-osint .card-header{min-height:50px!important;height:auto!important;padding:11px 13px!important;gap:10px!important}
  #page-search .card-header-left,#page-search .card-header-right,#page-discord-osint .card-header-left,#page-discord-osint .card-header-right{font-size:11px!important;line-height:1.25!important}
  #page-search .card-body,#page-discord-osint .card-body{padding:14px!important}
  #page-search .section-label,#page-discord-osint .section-label{display:flex!important;align-items:center!important;gap:7px!important;margin:17px 0 8px!important;font-size:10px!important;letter-spacing:.06em!important}
  #page-search .section-label:first-child,#page-discord-osint .section-label:first-child{margin-top:0!important}
  #page-search .input-grid,#page-discord-osint .input-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important}
  #page-search .inp-wrap,#page-discord-osint .inp-wrap{width:100%!important;min-width:0!important}
  #page-search .inp-wrap input,#page-discord-osint .inp-wrap input,#page-search input,#page-discord-osint input{width:100%!important;min-width:0!important;min-height:50px!important;height:50px!important;padding-top:0!important;padding-bottom:0!important;border-radius:13px!important;font-size:16px!important}
  #page-search .free-search-wrap,#page-discord-osint .free-search-wrap{width:100%!important;min-height:52px!important;height:auto!important;border-radius:14px!important;overflow:hidden!important}
  #page-search .free-search-wrap input,#page-discord-osint .free-search-wrap input{height:52px!important;min-height:52px!important;padding-right:12px!important}
  #page-search .kbd-hint,#page-discord-osint .kbd-hint{display:none!important}
  #page-search .divider-row,#page-discord-osint .divider-row{margin:16px 0!important}
  #page-search .card-footer,#page-discord-osint .card-footer{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;margin-top:14px!important}
  #page-search .btn-search,#page-discord-osint .btn-search,#page-search button[onclick*="launchSearch"],#page-discord-osint button[onclick*="launch"]{width:100%!important;min-height:52px!important;height:52px!important;margin:0!important;border-radius:14px!important;font-size:13px!important}
  #page-search .wildcard-box,#page-discord-osint .wildcard-box{width:100%!important;min-height:48px!important;height:48px!important;padding:0 13px!important;border-radius:13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
  .spinner{max-width:100%!important;margin:18px auto!important}

  /* Results: no horizontal overflow, readable cards, one-column fields. */
  #resultsSection,#discordOsintResultsSection,#resultsBody,#discordOsintResultsBody{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
  .results-header{min-height:50px!important;padding:10px 13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
  .results-count{min-width:0!important;font-size:11px!important}.results-count .num{font-size:13px!important}
  #resultsBody,#discordOsintResultsBody,.zsmart-progressive-list,.zuf-list{display:block!important;padding:10px!important}
  :is(.zsmart-result,.smart-result,.qdb-result,.zuf-result,.result-card,.result-item){width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 10px!important;padding:13px!important;border-radius:16px!important;overflow:hidden!important;contain:layout style!important}
  :is(.zsmart-grid,.smart-grid,.zuf-grid){display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}
  :is(.zsmart-panel,.smart-panel,.zsmart-field,.smart-field,.qdb-field,.zuf-field){width:100%!important;max-width:100%!important;min-width:0!important}
  :is(.zsmart-value,.smart-value,.smart-field-value,.qdb-value,.zuf-value,.result-value,.zsmart-raw){overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important;max-width:100%!important}
  :is(.zsmart-top,.zuf-top){display:flex!important;align-items:flex-start!important;gap:9px!important;flex-wrap:wrap!important}
  :is(.zsmart-title,.smart-title){font-size:14px!important;line-height:1.3!important}
  :is(.zsmart-source,.smart-source,.zuf-source){max-width:100%!important;overflow-wrap:anywhere!important;font-size:10px!important}
  :is(.zsmart-summary,.zuf-summary){font-size:11px!important;line-height:1.45!important}
  .zsmart-export-actions,.zuf-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
  .zsmart-export-btn,.zuf-export,.zsmart-exp-btn{min-height:40px!important;height:auto!important;padding:8px 10px!important;font-size:10px!important;border-radius:11px!important}
  .zsmart-load-more-btn,.zuf-load-more{width:100%!important;min-height:48px!important;border-radius:13px!important}

  /* Data catalog. */
  #page-data .page-title-row,#page-api .page-title-row{align-items:flex-start!important;gap:10px!important;margin-bottom:14px!important}
  #page-data .page-title-icon,#page-api .page-title-icon{flex:0 0 38px!important;width:38px!important;height:38px!important}
  #page-data .page-title h2,#page-api .page-title h2{font-size:25px!important;line-height:1.08!important}
  #page-data .page-title p,#page-api .page-title p{font-size:12px!important;line-height:1.4!important}
  #page-data .stats-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-bottom:12px!important}
  #page-data .stat-card{min-width:0!important;padding:13px 10px!important;border-radius:15px!important;gap:8px!important}
  #page-data .stat-num{font-size:18px!important;overflow-wrap:anywhere!important}.stat-label{font-size:9px!important}
  #page-data .legal-panel{padding:13px!important;border-radius:16px!important;gap:9px!important}
  #page-data .legal-mini-grid{grid-template-columns:1fr!important;gap:6px!important}
  #page-data .data-toolbar{display:flex!important;flex-wrap:wrap!important;gap:7px!important;padding:10px!important;border-radius:15px!important}
  #page-data #dbFilter{flex:1 0 100%!important;width:100%!important;min-height:48px!important;height:48px!important}
  #page-data .sort-btn{flex:1 1 30%!important;min-width:0!important;min-height:42px!important;height:42px!important;padding:0 8px!important;border-radius:11px!important;font-size:10px!important}
  #page-data .db-heading{margin:14px 0 8px!important}
  #page-data .db-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important}
  #page-data .db-card{width:100%!important;min-width:0!important;padding:13px!important;border-radius:15px!important}

  /* API page: inline desktop rows become stacked touch-friendly blocks. */
  #page-api .data-content>div{max-width:100%!important}
  #page-api .data-content>div[style*="grid"],#page-api .data-content>div[style*="display:grid"]{grid-template-columns:1fr!important;gap:9px!important}
  #page-api pre{max-width:100%!important;overflow-x:auto!important;white-space:pre!important;font-size:10px!important;line-height:1.5!important;border-radius:13px!important;padding:12px!important}
  #page-api button{min-height:44px!important;border-radius:12px!important}
  #page-api input{min-height:48px!important;width:100%!important}
  #apiKeysList>*{max-width:100%!important;overflow:hidden!important}

  /* Profile page. */
  #page-profile .profile-page-wrap{display:block!important}
  #page-profile :is(.profile-hero-card,.profile-main-card,.profile-history-card,.profile-premium-strip,.profile-edit-card){width:100%!important;max-width:100%!important;margin:0 0 11px!important;padding:15px!important;border-radius:18px!important}
  #page-profile .profile-identity{align-items:center!important;gap:11px!important}
  #page-profile .profile-avatar-big{width:56px!important;height:56px!important;flex:0 0 56px!important}
  #page-profile .profile-username{font-size:20px!important;overflow-wrap:anywhere!important}
  #page-profile .quota-layout{grid-template-columns:1fr!important;gap:14px!important}
  #page-profile .quota-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #page-profile .profile-premium-strip{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  #page-profile .profile-form{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  #page-profile .profile-form input,#page-profile .profile-form select{width:100%!important;min-height:50px!important}
  #page-profile .profile-save,#page-profile .profile-history-toggle,#page-profile .profile-history-clear{min-height:46px!important;height:auto!important;border-radius:12px!important}

  /* Pricing: preserve carousel behavior but size it for one phone screen. */
  #page-pricing .pricing-carousel-page{overflow:hidden!important}
  #page-pricing .pricing-hero{padding:4px 0 16px!important;text-align:left!important}
  #page-pricing .pricing-hero h2{font-size:30px!important;line-height:1.08!important}.pricing-hero p{font-size:13px!important;line-height:1.45!important}
  #page-pricing .pricing-carousel,#page-pricing .pricing-stage{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
  #page-pricing .pricing-stage{min-height:600px!important}
  #page-pricing .pricing-slide{width:calc(100vw - 38px)!important;max-width:430px!important;min-width:0!important;padding:20px 16px!important;border-radius:20px!important}
  #page-pricing .pricing-slide h3{font-size:22px!important}.pricing-price{font-size:38px!important}
  #page-pricing .pricing-slide li{font-size:12px!important;line-height:1.45!important}
  #page-pricing .pricing-pay{width:100%!important;min-height:50px!important;border-radius:14px!important}
  #page-pricing .pricing-trust-row{display:flex!important;flex-wrap:wrap!important;gap:7px 12px!important;justify-content:center!important;font-size:10px!important}

  /* Generic safety net for desktop-size children. */
  .main :is(table,.table-wrap){max-width:100%!important}
  .main table{width:100%!important;font-size:11px!important}
  .main :is(.modal,.modal-content,.panel,.card){max-width:calc(100vw - 28px)!important}
  .main [style*="min-width:"]{min-width:0!important}
}

@media (max-width:390px){
  :root{--ds-mobile-gutter:11px;--ds-mobile-top:60px;--ds-mobile-nav:72px}
  .ds-mobile-appbar-title{max-width:48vw!important;font-size:13px!important}
  .ds-mobile-account{max-width:96px!important;padding:0 8px!important;font-size:10px!important}
  html.ds-mobile-app .sidebar{left:7px!important;right:7px!important;bottom:calc(6px + env(safe-area-inset-bottom,0px))!important;height:64px!important;padding:5px!important;border-radius:19px!important}
  html.ds-mobile-app .sidebar .nav-item{height:54px!important;min-height:54px!important;font-size:8.5px!important}
  #landingPage .landing-logo{max-width:35vw!important}#landingPage .landing-logo span{font-size:16px!important}
  #landingPage .landing-nav-buttons button,#landingPage .landing-btn-primary,#landingPage .landing-btn-secondary{min-width:76px!important;max-width:86px!important;padding:0 7px!important;font-size:10.5px!important}
  #landingPage .landing-hero{padding-left:12px!important;padding-right:12px!important}
  #landingPage .landing-search-box{grid-template-columns:minmax(0,1fr) 96px!important}#landingPage .landing-search-box button{width:96px!important;font-size:11px!important}
  #page-data .stats-grid{grid-template-columns:1fr 1fr!important}
}

@media (max-width:330px){
  #landingPage .landing-nav-buttons .landing-btn-primary{display:none!important}
  .ds-mobile-appbar-sub{display:none!important}
  html.ds-mobile-app .sidebar .nav-item>.ds-mobile-nav-label{font-size:8px!important}
}

@media (max-width:860px) and (orientation:landscape) and (max-height:520px){
  :root{--ds-mobile-top:52px;--ds-mobile-nav:62px}
  html.ds-mobile-app .sidebar{height:56px!important}.ds-mobile-appbar-mark{width:30px!important;height:30px!important;flex-basis:30px!important}
  #landingPage .landing-hero{padding-top:28px!important}.z-login-gate{padding-top:10px!important}
}
