/* Touch controls and the mobile navigation share the site's theme tokens. */
.expanded-factory-specs .acg-inline{display:inline;padding:0 2px;border:0;border-bottom:1px dotted currentColor;border-radius:0;min-height:0;font:inherit;line-height:inherit;color:var(--blue);background:transparent}
.apex-select.uses-native-picker>.apex-select-trigger{display:none!important}
.apex-select.uses-native-picker>select{position:relative!important;inset:auto!important;opacity:1!important;pointer-events:auto!important;appearance:none;display:block;width:100%!important;max-width:100%!important;height:auto!important;min-height:48px!important;margin:0!important;padding:12px 38px 12px 14px!important;border:1px solid var(--line);border-radius:8px;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23869aad' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;color:var(--white);font:inherit;font-size:16px!important;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.apex-select.uses-native-picker>select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.apex-select.uses-native-picker>select:disabled{opacity:.45!important}
.mobile-navigation{width:min(420px,calc(100% - 18px));padding:0;overflow:hidden;overscroll-behavior:contain;background:var(--bg);border-radius:18px 0 0 18px;max-height:100dvh}
.mobile-navigation[open]{display:flex;flex-direction:column;animation:mn-arrive .34s cubic-bezier(.2,.8,.2,1) both}
.mobile-navigation[open]::backdrop{animation:mn-shade .3s ease-out both;background:#02060c99;backdrop-filter:blur(8px)}
.mobile-navigation.is-closing{animation:mn-depart .2s ease-in both}
.mobile-navigation.is-closing::backdrop{animation:mn-shade .2s ease-in reverse both}
.mobile-navigation .mn-top{flex:none;margin:0;padding:calc(22px + env(safe-area-inset-top,0px)) 24px 21px;border-bottom:1px solid var(--line);touch-action:pan-y}
.mn-top .mn-wordmark{font-size:26px;letter-spacing:3px}
.mn-wordmark>span{font-size:7px;letter-spacing:1.6px;margin-top:5px}
.mobile-navigation .mn-top>button{width:44px;height:44px;min-width:44px;border-radius:50%;display:grid;place-items:center;color:var(--white)}
.mn-top>button svg{width:22px;height:22px}
.mn-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:22px 24px calc(24px + env(safe-area-inset-bottom,0px));scrollbar-width:thin;flex:1}
.mobile-navigation .mn-search{min-height:52px;font-size:12px;padding:13px 14px;border-radius:10px;gap:12px;color:var(--white)}
.mn-search>svg{width:19px;height:19px;flex:none}
.mn-search>svg:last-child{width:17px;margin-left:auto;color:var(--muted)}
.mn-group{margin-top:28px}
.mn-group h2{font-size:10px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.mobile-navigation .mn-group nav{border:0;gap:3px}
.mobile-navigation .mn-group nav>a{padding:12px 10px;min-height:64px;border:0;border-radius:9px;font-size:20px;gap:12px;transition:background .18s,color .18s;animation:mn-link .4s ease-out both;animation-delay:calc(60ms + var(--mn-index,0)*35ms)}
.mobile-navigation .mn-group nav>a>span{flex:1;letter-spacing:-.5px}
.mobile-navigation small{display:block;font-size:10px;line-height:1.5;color:var(--muted);letter-spacing:0;margin-top:5px;font-weight:400}
.mobile-navigation a>svg{width:20px;height:20px;flex:none;color:var(--muted);transition:transform .2s}
.mobile-navigation .mn-group nav>a[aria-current="page"]{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);box-shadow:inset 2px 0 var(--accent)}
.mobile-navigation .mn-group nav>a:active,.mn-personal a:active{background:var(--surface-raised)}
.mobile-navigation a:active>svg{transform:translateX(3px)}
.mn-personal{display:grid;gap:9px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.mn-personal a{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:15px;font-size:15px}
.mn-personal a:first-child{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.mn-preferences{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-block:1px solid var(--line);padding-block:22px;margin-block:24px}
.mn-preferences>div>label,.mn-preferences>div>span{font-size:10px;color:var(--muted);display:block;margin-bottom:10px}
.mn-preferences .apex-select{width:100%}
.mn-preferences #language-select{max-width:none;width:100%;font-size:16px}
.mn-preferences #theme-toggle{min-height:48px;width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;color:var(--white)}
.mn-preferences #theme-toggle:after{content:'Theme'}
html[lang=ka] .mn-preferences #theme-toggle:after{content:'თემა'}
html[lang=ru] .mn-preferences #theme-toggle:after{content:'Тема'}
.mn-preferences #theme-toggle svg{width:20px;height:20px}
.mn-bottom{align-items:center;flex-wrap:wrap;font-size:11px}
.mn-bottom>span{font-size:9px}
@keyframes mn-arrive{from{transform:translateX(100%);opacity:.6}to{transform:translateX(0);opacity:1}}
@keyframes mn-depart{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:.6}}
@keyframes mn-shade{from{background:#02060c00;backdrop-filter:blur(0)}to{background:#02060c99;backdrop-filter:blur(8px)}}
@keyframes mn-link{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(max-width:1280px){
  body.navigation-open{position:fixed;width:100%;overflow:hidden;overscroll-behavior:none}
  header.site-header{height:68px;min-height:68px;padding:0 max(5%,env(safe-area-inset-right,0px));gap:12px!important;transform:none!important}
  body{padding-top:68px}
  .site-header .header-tools{gap:5px}
  .header-tools .header-saved,.header-tools>.header-divider{display:none}
  .site-header .header-tools .icon-button,.site-header .account-header-link{width:44px;min-width:44px;height:44px;min-height:44px;padding:11px;border-radius:50%}
  .site-header .header-tools .icon-button>svg{width:21px;height:21px}
  .mobile-menu-toggle{background:var(--surface);border:1px solid var(--line)}
  .site-header .brand-name{font-size:21px;letter-spacing:2px}
  .site-header .brand-name small{font-size:6px;letter-spacing:1.7px}
  .site-header .brand{gap:8px;flex-shrink:0}
  .site-header .apex-symbol{width:28px;height:30px}
  .site-header .account-header-link span{display:none}
}
@media(max-width:760px){
  :root{scroll-padding-top:82px}
  input[type=search],input[type=text],input[type=email],input[type=password],textarea{font-size:16px!important}
  .collection-selects{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .collection-selects .apex-select{width:100%;max-width:none;min-width:0}
  .finder-fields{grid-template-columns:1fr!important}
  .finder-fields label{font-size:12px}
  .collection-tools{gap:14px;align-items:stretch;flex-direction:column}
  .collection-tools .apex-select>select{font-size:14px!important}
  .family-filter .apex-select,.engine-lab .apex-select{width:100%}
  .destination-heading{padding-top:6px;margin-bottom:20px}
  .destination-heading h1{font-size:clamp(34px,9vw,45px);line-height:1.08;letter-spacing:-1.5px}
  .destination-heading p{font-size:14px;line-height:1.7}
  .destination-page{padding-top:21px}
  .destination-breadcrumb{font-size:11px;margin-bottom:18px}
  .gs-results{overscroll-behavior:contain}
  .gs-search-bar input{font-size:16px}
  button,a,input,select,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
}
@media(max-width:360px){.site-header .brand-name{font-size:18px}.site-header .header-tools{gap:1px}.mobile-navigation .mn-top,.mn-scroll{padding-inline:19px}}
@media(prefers-reduced-motion:reduce){.mobile-navigation[open],.mobile-navigation[open]::backdrop,.mobile-navigation.is-closing,.mobile-navigation.is-closing::backdrop,.mobile-navigation .mn-group nav>a{animation:none!important}.mobile-navigation *{transition:none!important}}
