/* ==== AIBuy site-wide polish v3 (Grok Bot 2026-11-03). Visual-only overrides; layout, markup and behaviour untouched.
   `:root:not(#_v3)` lifts specificity above the existing layered rules without !important. Detection pages keep their own v2 styling. ==== */
:root:not(#_v3) {
  --v3-r: 14px; --v3-r-sm: 10px;
  --v3-line: var(--ui-line, #d7e1da);
  --v3-accent: var(--ui-accent, #2e6b50);
  --v3-primary: var(--ui-primary, #2e6b50);
  --v3-soft: var(--ui-accent-soft, #e3efe7);
  --v3-surface: var(--ui-surface, #fff);
  --v3-shadow: 0 1px 2px rgba(22, 52, 37, .05), 0 10px 28px -18px rgba(22, 52, 37, .28);
  --v3-shadow-hover: 0 2px 4px rgba(22, 52, 37, .06), 0 16px 34px -18px rgba(22, 52, 37, .38);
  --v3-ring: 0 0 0 4px color-mix(in srgb, var(--v3-accent) 16%, transparent);
}
:root:not(#_v3)[data-theme="dark"] { --v3-shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 12px 28px -20px rgba(0,0,0,.75); --v3-shadow-hover: 0 1px 0 rgba(255,255,255,.04) inset, 0 16px 34px -18px rgba(0,0,0,.85); }

/* ---------- Header (shared) ---------- */
:root:not(#_v3) .directory-topbar { backdrop-filter: saturate(1.2) blur(10px); -webkit-backdrop-filter: saturate(1.2) blur(10px); }
:root:not(#_v3) .directory-topbar .main-nav .directory-nav-tab { border-radius: 9px; transition: color .15s, background-color .15s; }
:root:not(#_v3) .directory-topbar .main-nav .directory-nav-tab:hover:not(.active) { background-color: color-mix(in srgb, var(--v3-accent) 7%, transparent); }
:root:not(#_v3) .directory-topbar .main-nav .directory-nav-tab.active { font-weight: 650; }
:root:not(#_v3) .directory-topbar :is(.header-save, .theme-toggle, .account-link) { border-radius: 999px; transition: color .15s, background-color .15s; }
:root:not(#_v3) .directory-topbar :is(.header-save, .theme-toggle, .account-link):hover { background-color: color-mix(in srgb, var(--v3-accent) 8%, transparent); color: var(--v3-accent); }
:root:not(#_v3) .app-shell :is(a, button, select, summary, input[type=checkbox], input[type=radio]):focus-visible { outline: 2px solid var(--ui-focus, var(--v3-accent)); outline-offset: 2px; }

/* ---------- Footer (shared) ---------- */
:root:not(#_v3) .site-footer .footer-links a { border-radius: 6px; padding: 2px 6px; transition: color .15s, background-color .15s; }
:root:not(#_v3) .site-footer .footer-links a:hover { color: var(--v3-accent); background-color: color-mix(in srgb, var(--v3-accent) 8%, transparent); }

/* ---------- AI 工具 directory (/?view=tools) ---------- */
:root:not(#_v3) .directory-home-shell .directory-sidebar { border-radius: 16px; box-shadow: var(--v3-shadow); }
:root:not(#_v3) .directory-home-shell .directory-side-item { border-radius: var(--v3-r-sm); transition: background-color .15s, color .15s; }
:root:not(#_v3) .directory-home-shell .directory-side-item:hover:not(.active) { background-color: color-mix(in srgb, var(--v3-accent) 6%, transparent); }
:root:not(#_v3) .directory-home-shell .directory-side-item b { border-radius: 999px; min-width: 22px; text-align: center; }
:root:not(#_v3) .directory-sidebar-heading .directory-submit-link { border-radius: 999px; }
:root:not(#_v3) .directory-home-shell .directory-tools-search .directory-search-form.directory-header-search { border-radius: 14px; box-shadow: var(--v3-shadow); transition: box-shadow .15s, border-color .15s; }
:root:not(#_v3) .directory-home-shell .directory-tools-search .directory-search-form.directory-header-search:focus-within { box-shadow: var(--v3-ring), var(--v3-shadow); }
:root:not(#_v3) .directory-search-form .directory-search-submit { border-radius: 10px; font-weight: 600; }
:root:not(#_v3) .directory-home-shell .directory-card { border-radius: var(--v3-r); box-shadow: var(--v3-shadow); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
:root:not(#_v3) .directory-home-shell .directory-card:hover { transform: translateY(-2px); box-shadow: var(--v3-shadow-hover); border-color: color-mix(in srgb, var(--v3-accent) 38%, var(--v3-line)); }
:root:not(#_v3) .directory-home-shell .directory-card .directory-logo { border-radius: 12px; }
:root:not(#_v3) .directory-home-shell .directory-card-title strong, :root:not(#_v3) .directory-home-shell .directory-card-title h3 { letter-spacing: -.2px; }
:root:not(#_v3) .directory-home-shell .directory-card-divider { opacity: .7; }
:root:not(#_v3) .directory-home-shell .directory-card-action { border-radius: 6px; transition: color .15s; }
:root:not(#_v3) .directory-home-shell .directory-favorite { border-radius: 999px; transition: background-color .15s, color .15s; }
:root:not(#_v3) .directory-home-shell .directory-favorite:hover { background-color: color-mix(in srgb, var(--v3-accent) 9%, transparent); color: var(--v3-accent); }
:root:not(#_v3) .directory-home-shell .directory-section-heading { padding-bottom: 4px; }
:root:not(#_v3) .directory-home-shell .directory-sorter button { border-radius: 8px; }

/* ---------- AI 低价资源库 (/?view=deals) ---------- */
:root:not(#_v3) .directory-workspace-deals :is(.price-category-option, .price-spec-option) { border-radius: var(--v3-r-sm); transition: background-color .15s, color .15s; }
:root:not(#_v3) .directory-workspace-deals :is(.price-category-option, .price-spec-option):hover:not([aria-pressed="true"]) { background-color: color-mix(in srgb, var(--v3-accent) 6%, transparent); }
:root:not(#_v3) .directory-workspace-deals :is(.price-category-option, .price-spec-option)[aria-pressed="true"] { box-shadow: inset 3px 0 0 var(--v3-accent); }
:root:not(#_v3) .directory-workspace-deals .price-count { font-variant-numeric: tabular-nums; }

/* ---------- AI 资源对接 + 交易避坑 (/?view=matching, /matching/N, /?view=risk, /risk) ---------- */
:root:not(#_v3) :is(.match-rail-section button, .match-category-trigger, .match-mine-link, .risk-rail-item) { border-radius: var(--v3-r-sm); transition: background-color .15s, color .15s; }
:root:not(#_v3) :is(.match-rail-section button, .match-category-trigger, .match-mine-link, .risk-rail-item):hover:not(.active) { background-color: color-mix(in srgb, var(--v3-accent) 6%, transparent); }
:root:not(#_v3) :is(.match-item, .risk-item) { transition: background-color .15s, box-shadow .15s; }
:root:not(#_v3) :is(.match-item, .risk-item):hover:not(.selected) { background-color: color-mix(in srgb, var(--v3-accent) 4%, var(--v3-surface)); }
:root:not(#_v3) :is(.match-item, .risk-item).selected { box-shadow: inset 3px 0 0 var(--v3-accent); }
:root:not(#_v3) .match-item-avatar { box-shadow: 0 0 0 2px var(--v3-surface), 0 0 0 3px color-mix(in srgb, var(--v3-accent) 18%, var(--v3-line)); border-radius: 50%; }
:root:not(#_v3) .match-item-classification { border-radius: 6px; }
:root:not(#_v3) .match-toolbar :is(input:not([type=search]), select) { border-radius: 10px; transition: box-shadow .15s, border-color .15s; }
:root:not(#_v3) .match-toolbar :is(input:not([type=search]), select):focus { box-shadow: var(--v3-ring); }
:root:not(#_v3) .match-toolbar button, :root:not(#_v3) .risk-toolbar button { border-radius: 10px; }
:root:not(#_v3) .match-list-heading strong, :root:not(#_v3) .risk-list-heading strong { letter-spacing: -.2px; }
:root:not(#_v3) .match-result-count { font-variant-numeric: tabular-nums; }
:root:not(#_v3) .match-pagination :is(a, button) { border-radius: 8px; }
:root:not(#_v3) .match-detail-placeholder { opacity: .9; }

/* ---------- Auth pages (/login, /register, /reset-password, and login-gated pages) ---------- */
:root:not(#_v3) .auth-split .auth-promo { border-radius: 22px; }
:root:not(#_v3) .auth-split .auth-form-panel .auth-form-heading h1 { letter-spacing: -.5px; }
:root:not(#_v3) .auth-split .auth-form-eyebrow { letter-spacing: .5px; }
:root:not(#_v3) .auth-split .account-auth-fields :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input:not([type]), select) { border-radius: 10px; transition: border-color .15s, box-shadow .15s; }
:root:not(#_v3) .auth-split .account-auth-fields :is(input, select):focus { border-color: var(--ui-focus, var(--v3-accent)); box-shadow: var(--v3-ring); outline: none; }
:root:not(#_v3) .auth-split .button.dark.auth-submit { border-radius: 12px; font-weight: 650; letter-spacing: .3px; box-shadow: 0 10px 22px -14px color-mix(in srgb, var(--v3-primary) 90%, transparent); transition: background-color .15s, transform .15s, box-shadow .15s; }
:root:not(#_v3) .auth-split .button.dark.auth-submit:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 14px 26px -14px color-mix(in srgb, var(--v3-primary) 95%, transparent); }
:root:not(#_v3) .auth-split .auth-password-toggle { border-radius: 8px; }
:root:not(#_v3) .auth-split .account-auth-switch a { text-underline-offset: 3px; }
:root:not(#_v3) .auth-split .auth-email-provider { border-radius: 999px; }

/* ---------- Account / appeal / contact-assistance / messages / profile (logged-in pages) ---------- */
:root:not(#_v3) :is(.account-page, .account-appeal-page) :is(section, .account-card, .account-panel) { border-radius: var(--v3-r); }
:root:not(#_v3) :is(.account-page, .account-appeal-page) .button { border-radius: 10px; }
:root:not(#_v3) .account-appeal-error { border-radius: 12px; }
:root:not(#_v3) .account-nav button { border-radius: var(--v3-r-sm); }

/* ---------- About (/about) ---------- */
:root:not(#_v3) .company-about .company-button { border-radius: 12px; transition: transform .15s, box-shadow .15s, background-color .15s; }
:root:not(#_v3) .company-about .company-button:hover { transform: translateY(-1px); box-shadow: var(--v3-shadow-hover); }
:root:not(#_v3) .company-about :is(.company-offering-item, .company-node) { border-radius: 16px; transition: box-shadow .18s, transform .18s; }
:root:not(#_v3) .company-about .company-offering-item:hover { box-shadow: var(--v3-shadow-hover); transform: translateY(-2px); }

/* ---------- Mobile nav (shared) ---------- */
:root:not(#_v3) .mobile-navigation { box-shadow: 0 12px 30px -12px rgba(22, 52, 37, .35); }

/* v4 note: deals right-side v3 rules removed (compact table below) */
/* v3 extras: card-framed auth form, softer deals header */
:root:not(#_v3) .auth-split .auth-form-panel .account-auth-fields { padding: 30px 30px 26px; border: 1px solid color-mix(in srgb, var(--ui-text, #23392d) 8%, var(--v3-line)); border-radius: 20px; background: var(--v3-surface); box-shadow: var(--v3-shadow); }
@media (max-width: 640px) { :root:not(#_v3) .auth-split .auth-form-panel .account-auth-fields { padding: 22px 18px 20px; border-radius: 16px; } }

@media (prefers-reduced-motion: reduce) {
  :root:not(#_v3) .app-shell * { transition: none !important; }
  :root:not(#_v3) .app-shell :is(.directory-card, .auth-submit, .company-button, .company-offering-item):hover { transform: none !important; }
}

/* ================= v4 (Grok Bot) ================= */
/* 1) 低价资源库 right side: compact, horizontal, dense rows for price comparison */
:root:not(#_v3) .directory-workspace-deals .price-quotes-heading { padding: 6px 12px; margin-bottom: 6px; }
:root:not(#_v3) .directory-workspace-deals .price-quotes-heading h2 { font-size: 16px; line-height: 1.35; }
:root:not(#_v3) .directory-workspace-deals .price-quotes-kicker { font-size: 11px; line-height: 1.4; }
:root:not(#_v3) .directory-workspace-deals .price-quote-count { font-size: 18px; line-height: 1.1; }
:root:not(#_v3) .directory-workspace-deals .price-offer-table-head { min-height: 32px; padding-top: 4px; padding-bottom: 4px; }
:root:not(#_v3) .directory-workspace-deals .price-offer-row { min-height: 0; padding: 5px 10px; transition: background-color .12s; }
:root:not(#_v3) .directory-workspace-deals .price-offer-row:hover { background-color: color-mix(in srgb, var(--v3-accent) 4%, transparent); }
:root:not(#_v3) .directory-workspace-deals .price-offer-product h3 { font-size: 13.5px; line-height: 18px; }
:root:not(#_v3) .directory-workspace-deals .price-offer-product p { font-size: 12px; line-height: 16px; margin-top: 1px; }
:root:not(#_v3) .directory-workspace-deals .price-offer-price { flex-direction: row; align-items: baseline; gap: 3px; }
:root:not(#_v3) .directory-workspace-deals .price-offer-price strong { font-size: 18px; line-height: 22px; letter-spacing: -.2px; font-variant-numeric: tabular-nums; }
:root:not(#_v3) .directory-workspace-deals .price-offer-price span { font-size: 11px; line-height: 1; }
:root:not(#_v3) .directory-workspace-deals .price-offer-stock { font-size: 12px; padding: 1px 7px; line-height: 18px; }
:root:not(#_v3) .directory-workspace-deals .price-offer-action a { min-height: 26px; padding-top: 0; padding-bottom: 0; }
@media (max-width: 760px) {
  :root:not(#_v3) .directory-workspace-deals .price-offer-row { grid-template-columns: auto auto minmax(0, 1fr) auto; gap: 4px 10px; padding: 10px 0; min-height: 0; align-items: center; }
  :root:not(#_v3) .directory-workspace-deals .price-offer-row > .price-offer-product { grid-column: 1 / 4; grid-row: 1; }
  :root:not(#_v3) .directory-workspace-deals .price-offer-row > .price-offer-price { grid-column: 4; grid-row: 1; justify-content: flex-end; align-self: start; }
  :root:not(#_v3) .directory-workspace-deals .price-offer-row > .price-offer-stock { grid-column: 1; grid-row: 2; justify-self: start; }
  :root:not(#_v3) .directory-workspace-deals .price-offer-row > .price-offer-update { grid-column: 2; grid-row: 2; }
  :root:not(#_v3) .directory-workspace-deals .price-offer-row > .price-offer-action { grid-column: 4; grid-row: 2; justify-self: end; }
  :root:not(#_v3) .directory-workspace-deals .price-offer-product p { -webkit-line-clamp: 2; line-clamp: 2; }
  :root:not(#_v3) .directory-workspace-deals .price-offer-price strong { font-size: 19px; }
  :root:not(#_v3) .directory-workspace-deals .price-offer-action a { min-height: 30px; padding-left: 10px; padding-right: 10px; }
  :root:not(#_v3) .directory-workspace-deals .price-quotes-heading { padding: 8px 12px; }
}

/* 2) Search boxes: one clean focus ring on the wrapper, none on the inner input */
:root:not(#_v3) :is(form[role=search], .match-search, .risk-search, .directory-search-form) input,
:root:not(#_v3) :is(form[role=search], .match-search, .risk-search, .directory-search-form) input:focus,
:root:not(#_v3) :is(form[role=search], .match-search, .risk-search, .directory-search-form) input:focus-visible { outline: none !important; box-shadow: none !important; border-radius: 0; background-clip: padding-box; }
:root:not(#_v3) input[type=search]::-webkit-search-cancel-button,
:root:not(#_v3) input[type=search]::-webkit-search-decoration,
:root:not(#_v3) input[type=search]::-webkit-search-results-button,
:root:not(#_v3) input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; display: none; }
:root:not(#_v3) :is(.match-search, .risk-search, .directory-search-form):focus-within { outline: none; border-color: var(--ui-focus, var(--v3-accent)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--v3-accent) 16%, transparent); }
:root:not(#_v3) .directory-home-shell .directory-tools-search .directory-search-form.directory-header-search:focus-within { box-shadow: 0 0 0 3px color-mix(in srgb, var(--v3-accent) 16%, transparent), var(--v3-shadow); }
/* standalone text inputs (detection tools, forms): border + soft ring only, no extra outline */
:root:not(#_v3) .app-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=range]), textarea):focus-visible { outline: none; border-color: var(--ui-focus, var(--v3-accent)); box-shadow: var(--v3-ring); }

/* ================= v5 (Grok Bot) ================= */
/* Turnstile: the widget switches to the tall "compact" box when its container is <300px wide.
   Keep the form column >=300px on phones (>=340px wide) so it renders the horizontal flexible strip. */
:root:not(#_v3) .auth-split .human-verification-widget { border-radius: 10px; overflow: hidden; width: 100%; max-width: 100%; line-height: 0; }
:root:not(#_v3) .auth-split .human-verification-widget.flexible iframe { width: 100% !important; display: block; }
:root:not(#_v3) .auth-split .human-verification { width: 100%; min-width: 0; }
@media (max-width: 420px) {
  :root:not(#_v3) .auth-split .auth-form-panel { padding-left: 14px; padding-right: 14px; }
  :root:not(#_v3) .auth-split .auth-form-panel .account-auth-fields { padding: 20px 14px 18px; border-radius: 16px; }
}
@media (max-width: 359px) {
  :root:not(#_v3) .auth-split .auth-form-panel { padding-left: 10px; padding-right: 10px; }
  :root:not(#_v3) .auth-split .auth-form-panel .account-auth-fields { padding: 16px 0 14px; border: 0; box-shadow: none; background: transparent; }
}

/* v6 mobile-first layout pass (Grok Bot) */
@media (max-width: 760px) {
  :root:not(#_v3) .directory-topbar { height: 50px; min-height: 50px; padding: 0 12px; }
  :root:not(#_v3) .directory-topbar .brand-icon { height: 26px; width: auto; display: block; margin: 0; }
  :root:not(#_v3) .directory-topbar .brand { top: 0; left: 12px; height: 50px; margin: 0; padding: 0; display: flex; align-items: center; }
  :root:not(#_v3) .directory-topbar .top-actions { top: 0; right: 8px; height: 50px; align-items: center; }
  :root:not(#_v3) .directory-topbar .account-link { min-height: 40px; font-size: 13px; }
  /* matching feed: one-line scrollable filters instead of 3 stacked rows */
  :root:not(#_v3) .match-mobile-filters { display: flex !important; flex-wrap: nowrap; gap: 8px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; padding: 2px 12px 10px !important; -webkit-mask-image: linear-gradient(90deg,#000 calc(100% - 24px),transparent); mask-image: linear-gradient(90deg,#000 calc(100% - 24px),transparent); }
  :root:not(#_v3) .match-mobile-filters::-webkit-scrollbar { display: none; }
  :root:not(#_v3) .match-mobile-filters > * { flex: 0 0 auto; width: auto !important; min-width: 0; max-width: 46vw; height: 36px; min-height: 36px; border-radius: 999px; font-size: 13px; padding: 0 30px 0 12px; grid-column: auto !important; }
  :root:not(#_v3) .match-mobile-filters > button { padding: 0 14px; }
  :root:not(#_v3) .match-toolbar { padding: 8px 12px; }
  :root:not(#_v3) .match-search { height: 40px; min-height: 40px; }
  :root:not(#_v3) .match-blocked-toggle { height: 40px; min-height: 40px; }
  :root:not(#_v3) .match-result-count, :root:not(#_v3) .match-item-classification, :root:not(#_v3) .match-item-category, :root:not(#_v3) .match-item-meta, :root:not(#_v3) .post-interaction-bar--feed { font-size: 12px; }
  :root:not(#_v3) .match-controls-toggle { min-height: 40px; font-size: 13px; }
  :root:not(#_v3) .match-pagination button, :root:not(#_v3) .match-pagination a { min-height: 40px; }
  /* deals: pickers side by side, bigger store button */
  :root:not(#_v3) .mobile-price-picker { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; }
  :root:not(#_v3) .mobile-price-picker > div { min-width: 0; }
  :root:not(#_v3) .mobile-price-picker button { min-height: 46px; width: 100%; min-width: 0; padding: 0 10px; gap: 6px; }
  :root:not(#_v3) .mobile-price-picker button strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 1; text-align: left; font-size: 14px; }
  :root:not(#_v3) .mobile-price-picker span { font-size: 12px; }
  :root:not(#_v3) .price-offer-action a { min-height: 36px; padding: 0 12px; display: inline-flex; align-items: center; }
  :root:not(#_v3) .price-offer-update, :root:not(#_v3) .price-quotes-kicker, :root:not(#_v3) .price-quote-count { font-size: 12px; }
  /* tools */
  :root:not(#_v3) .directory-card-action, :root:not(#_v3) .directory-favorite { min-height: 36px; display: inline-flex; align-items: center; }
  /* auth: form first, compact promo */
  :root:not(#_v3) .auth-split .auth-promo { min-height: 0 !important; height: auto !important; padding: 16px 18px !important; margin: 10px 12px 0 !important; border-radius: 16px; }
  :root:not(#_v3) .auth-split .auth-connection-art { display: none !important; }
  :root:not(#_v3) .auth-split .auth-promo-copy { position: static !important; inset: auto !important; padding: 0 !important; }
  :root:not(#_v3) .auth-split .auth-promo-copy h2 { font-size: 20px !important; line-height: 1.35 !important; margin: 0 !important; }
  :root:not(#_v3) .auth-split .auth-promo-copy h2 br { display: none; }
  :root:not(#_v3) .auth-split .auth-form-panel { padding-top: 12px; padding-bottom: 28px; }
  :root:not(#_v3) .auth-split .auth-form-heading h1 { font-size: 22px; }
  :root:not(#_v3) .auth-split input:not([type=checkbox]) { min-height: 46px; font-size: 16px; }
  :root:not(#_v3) .auth-split .auth-submit { min-height: 48px; }
  :root:not(#_v3) .auth-split .auth-consent-row { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
  :root:not(#_v3) .auth-split .account-legal-consent { display: flex; align-items: center; gap: 8px; min-height: 36px; }
  :root:not(#_v3) .auth-split .account-legal-consent input { width: 18px; height: 18px; flex: 0 0 18px; margin: 0; }
  :root:not(#_v3) .auth-split .account-legal-consent label { font-size: 12.5px; line-height: 1.6; }
  :root:not(#_v3) .auth-split .account-legal-consent a { padding: 8px 0; }
  :root:not(#_v3) .auth-split a[href="/reset-password"] { display: inline-flex; align-items: center; min-height: 36px; }
  :root:not(#_v3) .auth-split [class*=hint], :root:not(#_v3) .auth-split small { font-size: 12px; }
  :root:not(#_v3) .site-footer a, :root:not(#_v3) .footer-links a { min-height: 36px; display: inline-flex; align-items: center; }
}

/* v7 (Grok Bot): flat auth, smarter mobile chrome */
:root:not(#_v3) .auth-split .auth-form-panel .account-auth-fields { border: 0 !important; box-shadow: none !important; background: transparent !important; border-radius: 0 !important; padding: 8px 0 4px !important; }
:root:not(#_v3) .auth-split .auth-form-panel .auth-form-heading { padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid color-mix(in srgb, var(--ui-text, #23392d) 9%, transparent); }
@media (max-width: 760px) {
  :root:not(#_v3) .auth-split .auth-form-panel { padding-left: 12px !important; padding-right: 12px !important; padding-top: 8px; }
  :root:not(#_v3) .auth-split .auth-promo { background: transparent !important; box-shadow: none !important; border: 0 !important; margin: 6px 12px 0 !important; padding: 14px 0 0 !important; }
  :root:not(#_v3) .auth-split .auth-promo-copy h2 { font-size: 15px !important; font-weight: 600 !important; color: var(--ui-muted, #5b6f64) !important; }
}
@media (max-width: 359px) { :root:not(#_v3) .auth-split .auth-form-panel { padding-left: 10px !important; padding-right: 10px !important; } :root:not(#_v3) .auth-split .auth-promo { margin-left: 10px !important; margin-right: 10px !important; } }

@media (max-width: 650px) {
  :root:not(#_v3) .directory-topbar { height: 50px !important; min-height: 50px !important; flex-basis: 50px !important; }
  /* header follows the tab bar: both tuck away together on scroll-down, both return on scroll-up/top/bottom */
  :root:not(#_v3) .directory-topbar { transition: margin-top .34s cubic-bezier(.22,1,.36,1), transform .34s cubic-bezier(.22,1,.36,1), opacity .24s ease; will-change: transform; }
  :root:not(#_v3):has(.mobile-navigation.is-minimized) .directory-topbar { margin-top: -50px; transform: translateY(-8px); opacity: 0; pointer-events: none; }
  /* compact pill instead of a 26px sliver: real 44px hit area */
  :root:not(#_v3) .mobile-navigation.is-minimized { width: 92px; height: 36px; border-radius: 18px; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); }
  :root:not(#_v3) .mobile-navigation.is-minimized .mobile-navigation-toggle { width: 92px; height: 44px; top: 17px; }
  :root:not(#_v3) .mobile-navigation.is-minimized .mobile-navigation-toggle svg { transform: scale(.82); }
  /* softer spring for the sliding highlight */
  :root:not(#_v3) .mobile-navigation-indicator { transition: transform .48s cubic-bezier(.3,1.12,.4,1), opacity .2s ease; }
  :root:not(#_v3) .mobile-navigation-indicator::before { transition: transform .36s cubic-bezier(.3,1.2,.4,1), box-shadow .24s, background .24s; }
  :root:not(#_v3) .mobile-navigation-primary a svg { transition: transform .36s cubic-bezier(.3,1.25,.4,1); }
  :root:not(#_v3) .mobile-navigation-primary a[aria-current="page"] svg { transform: translateY(-1px); }
}
@media (max-width: 650px) and (prefers-reduced-motion: reduce) { :root:not(#_v3) .directory-topbar { transition: none; } }

/* v8 (Grok Bot): consent + login switch on one row */
:root:not(#_v3) .auth-split .auth-consent-row { flex-direction: row !important; align-items: center !important; justify-content: space-between; gap: 10px; flex-wrap: nowrap; }
:root:not(#_v3) .auth-split .auth-consent-row .account-legal-consent { flex: 1 1 auto; min-width: 0; }
:root:not(#_v3) .auth-split .auth-consent-row .account-auth-switch { flex: 0 0 auto; margin: 0 !important; white-space: nowrap; font-size: 12.5px; gap: 2px; min-height: 36px; display: inline-flex; align-items: center; }
:root:not(#_v3) .auth-split .auth-consent-row .account-auth-switch a { min-height: 36px; display: inline-flex; align-items: center; }
@media (max-width: 400px) {
  :root:not(#_v3) .auth-split .auth-consent-row { gap: 8px; }
  :root:not(#_v3) .auth-split .auth-consent-row .account-legal-consent label { font-size: 12px; line-height: 1.5; }
  :root:not(#_v3) .auth-split .auth-consent-row .account-auth-switch { font-size: 12px; }
}

/* v8: iOS 26 style liquid glass tab bar */
@media (max-width: 650px) {
  :root:not(#_v3) .mobile-navigation {
    background: linear-gradient(180deg, rgba(255,255,255,.56), rgba(246,250,248,.38));
    -webkit-backdrop-filter: blur(22px) saturate(185%) brightness(1.04);
    backdrop-filter: blur(22px) saturate(185%) brightness(1.04);
    border: 1px solid rgba(255,255,255,.62);
    box-shadow: 0 14px 34px -12px rgba(18,44,32,.32), 0 2px 6px rgba(18,44,32,.06), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(255,255,255,.28), inset 0 0 0 .5px rgba(255,255,255,.35);
    isolation: isolate;
  }
  :root:not(#_v3) .mobile-navigation::after {
    content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 2;
    background: radial-gradient(120% 70% at 50% -10%, rgba(255,255,255,.55), transparent 55%), linear-gradient(100deg, rgba(255,255,255,.22), transparent 30%, transparent 70%, rgba(255,255,255,.16));
    mix-blend-mode: soft-light; opacity: .9;
  }
  :root:not(#_v3) .mobile-navigation-indicator::before {
    background: radial-gradient(90% 80% at 50% 18%, rgba(255,255,255,.88), rgba(232,246,239,.55) 55%, rgba(196,228,212,.42));
    border: 1px solid rgba(255,255,255,.85);
    box-shadow: inset 0 1px 1px rgba(255,255,255,1), inset 0 -2px 4px rgba(46,107,80,.12), 0 3px 10px -2px rgba(18,60,40,.22), 0 0 0 .5px rgba(46,107,80,.12);
  }
  :root:not(#_v3) .mobile-navigation-primary a[data-highlighted="true"] { color: #2e6b50; }
  :root:not(#_v3) .mobile-navigation-primary a[data-highlighted="true"] svg { transform: scale(1.08); }
  :root:not(#_v3) .mobile-navigation-primary[data-gesture="pressed"] .mobile-navigation-indicator::before { transform: scale(1.04, .98); }
  :root:not(#_v3) .mobile-navigation-primary[data-gesture="dragging"] .mobile-navigation-indicator { will-change: transform; }
  :root:not(#_v3) .mobile-navigation-primary[data-gesture="dragging"] .mobile-navigation-indicator::before { transform: scale(1.16, 1.08); background: radial-gradient(90% 80% at 50% 18%, rgba(255,255,255,.75), rgba(232,246,239,.4) 60%, rgba(196,228,212,.3)); box-shadow: inset 0 1px 2px #fff, inset 0 -3px 6px rgba(46,107,80,.14), 0 8px 18px -4px rgba(18,60,40,.28); }
  :root:not(#_v3) .mobile-navigation-primary[data-gesture="dragging"] a[data-highlighted="true"] svg { transform: scale(1.18); }
  :root:not(#_v3) .mobile-navigation-primary { touch-action: pan-y; }
  :root[data-theme="dark"]:not(#_v3) .mobile-navigation { background: linear-gradient(180deg, rgba(40,52,46,.62), rgba(22,30,26,.5)); border-color: rgba(255,255,255,.14); box-shadow: 0 14px 34px -12px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.18), inset 0 0 0 .5px rgba(255,255,255,.08); }
  :root[data-theme="dark"]:not(#_v3) .mobile-navigation::after { opacity: .35; }
  :root[data-theme="dark"]:not(#_v3) .mobile-navigation-indicator::before { background: radial-gradient(90% 80% at 50% 18%, rgba(255,255,255,.26), rgba(120,170,145,.22) 60%, rgba(70,120,95,.2)); border-color: rgba(255,255,255,.22); box-shadow: inset 0 1px 1px rgba(255,255,255,.3), 0 3px 10px -2px rgba(0,0,0,.4); }
  :root[data-theme="dark"]:not(#_v3) .mobile-navigation-primary a[data-highlighted="true"] { color: #bfe6d2; }
}
@media (max-width: 650px) and (prefers-reduced-motion: reduce) { :root:not(#_v3) .mobile-navigation-primary[data-gesture] .mobile-navigation-indicator::before, :root:not(#_v3) .mobile-navigation-primary a svg { transform: none !important; } }

/* v9 (Grok Bot): Liquid-glass tab bar + separate "more" button with glass popover */
@media (max-width: 650px) {
  :root:not(#_v3) .mobile-navigation,
  :root:not(#_v3) .mobile-navigation.is-expanded {
    background: none !important; border: 0 !important; box-shadow: none !important;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
    overflow: visible !important; padding: 0 !important; height: 56px !important; max-height: none !important;
    border-radius: 0 !important; width: min(392px, 100% - 20px);
    bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  }
  :root:not(#_v3) .mobile-navigation::after { display: none !important; }
  /* the glass pill = primary row; glass painted on ::before so the lens can see the page behind */
  :root:not(#_v3) .mobile-navigation-primary {
    position: absolute; left: 0; top: 0; width: calc(100% - 66px); height: 56px; padding: 6px; box-sizing: border-box;
    grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px; isolation: isolate; overflow: visible;
  }
  :root:not(#_v3) .mobile-navigation-primary::before,
  :root:not(#_v3) .mobile-navigation-toggle::before,
  :root:not(#_v3) .mobile-navigation-extra::before {
    content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
    background: radial-gradient(120% 80% at 50% -20%, rgba(255,255,255,.55), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.5), rgba(244,249,246,.32));
    -webkit-backdrop-filter: blur(20px) saturate(190%) brightness(1.05); backdrop-filter: blur(20px) saturate(190%) brightness(1.05);
    border: 1px solid rgba(255,255,255,.6);
    box-shadow: 0 14px 34px -14px rgba(18,44,32,.36), 0 2px 6px rgba(18,44,32,.07), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 1px rgba(255,255,255,.3), inset 1px 0 0 rgba(255,255,255,.25), inset -1px 0 0 rgba(255,255,255,.25);
  }
  :root:not(#_v3) .mobile-navigation-primary { border-radius: 28px; }
  :root:not(#_v3) .mobile-navigation-primary a { min-height: 44px; }
  :root:not(#_v3) .mobile-navigation-primary a svg { transform: scale(var(--aibuy-mag, 1)) !important; transition: transform .38s cubic-bezier(.3,1.3,.4,1) !important; }
  :root:not(#_v3) .mobile-navigation-primary[data-gesture="pressed"] a svg, :root:not(#_v3) .mobile-navigation-primary[data-gesture="dragging"] a svg { transition: transform .1s linear !important; }

  /* the lens */
  :root:not(#_v3) .mobile-navigation-indicator {
    top: 6px; left: 0; height: 44px; width: calc((100% - 12px - 6px) / 4);
    transform: translate3d(var(--mobile-navigation-drag-x, calc(6px + var(--mobile-navigation-index) * (100% + 2px))), 0, 0);
    transition: transform .5s cubic-bezier(.3,1.15,.4,1), opacity .2s ease;
  }
  :root:not(#_v3) .mobile-navigation-primary[data-gesture="dragging"] .mobile-navigation-indicator { transition: opacity .18s !important; }
  :root:not(#_v3) .mobile-navigation-indicator::before {
    border-radius: 999px;
    background: radial-gradient(100% 90% at 50% 12%, rgba(255,255,255,.9), rgba(236,247,241,.55) 52%, rgba(200,230,214,.42));
    border: 1px solid rgba(255,255,255,.88);
    box-shadow: inset 0 1px 1px #fff, inset 0 -2px 5px rgba(46,107,80,.12), 0 3px 10px -3px rgba(18,60,40,.24), 0 0 0 .5px rgba(46,107,80,.12);
    transform: scale(1); transform-origin: 50% 50%;
    transition: transform .46s cubic-bezier(.3,1.35,.45,1), background .3s ease, box-shadow .3s ease !important;
    animation: none !important;
  }
  :root:not(#_v3) .mobile-navigation-primary:is([data-gesture="pressed"], [data-gesture="dragging"]) .mobile-navigation-indicator::before {
    transform: scale(1.42, 1.5);
    background: radial-gradient(100% 90% at 50% 8%, rgba(255,255,255,.34), rgba(255,255,255,0) 50%, rgba(255,255,255,.12));
    -webkit-backdrop-filter: saturate(170%) brightness(1.08); backdrop-filter: saturate(170%) brightness(1.08);
    border-color: rgba(255,255,255,.95);
    box-shadow:
      inset 0 1.5px 1px rgba(255,255,255,.95), inset 0 -1.5px 1px rgba(255,255,255,.5),
      inset 3px 0 4px -2px rgba(255,160,200,.35), inset -3px 0 4px -2px rgba(120,210,255,.35),
      inset 0 0 10px rgba(255,255,255,.35), 0 10px 24px -8px rgba(18,50,36,.35), 0 0 0 .5px rgba(30,60,45,.18);
    transition: transform .34s cubic-bezier(.25,1.4,.45,1), background .2s ease, box-shadow .2s ease !important;
  }
  :root.aibuy-refract:not(#_v3) .mobile-navigation-primary:is([data-gesture="pressed"], [data-gesture="dragging"]) .mobile-navigation-indicator::before {
    backdrop-filter: url(#aibuy-lens) saturate(170%) brightness(1.08);
  }
  :root:not(#_v3) .mobile-navigation-primary a[data-highlighted="true"] { color: #2e6b50; }

  /* separate round "more" button */
  :root:not(#_v3) .mobile-navigation:not(.is-minimized) .mobile-navigation-toggle {
    left: auto !important; right: 0; top: 0 !important; width: 56px !important; min-width: 56px; height: 56px !important; transform: none !important;
    border-radius: 50%; background: none !important; color: #2f4a3d; isolation: isolate; z-index: 3;
    transition: transform .3s cubic-bezier(.3,1.4,.45,1) !important;
  }
  :root:not(#_v3) .mobile-navigation:not(.is-minimized) .mobile-navigation-toggle > svg { display: none; }
  :root:not(#_v3) .mobile-navigation:not(.is-minimized) .mobile-navigation-toggle::after {
    content: ""; width: 22px; height: 6px; border-radius: 3px;
    background: radial-gradient(circle at 3px 3px, currentColor 2.4px, transparent 2.9px) 0 0 / 8px 6px repeat-x;
    transition: transform .34s cubic-bezier(.3,1.4,.45,1);
  }
  :root:not(#_v3) .mobile-navigation:not(.is-minimized) .mobile-navigation-toggle:active { transform: scale(.92) !important; }
  :root:not(#_v3) .mobile-navigation.is-expanded:not(.is-minimized) .mobile-navigation-toggle::after { transform: rotate(90deg); }
  :root:not(#_v3) .mobile-navigation:not(.is-minimized) .mobile-navigation-toggle:hover { background: none !important; }

  /* glass popover with the extra functions */
  :root:not(#_v3) .mobile-navigation-extra {
    position: absolute; right: 0; bottom: calc(100% + 12px); width: min(312px, calc(100vw - 20px)); box-sizing: border-box;
    margin: 0 !important; padding: 10px !important; border-top: 0 !important; border-radius: 24px; isolation: isolate;
    grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; touch-action: none;
    opacity: 0; visibility: hidden; pointer-events: none; transform-origin: calc(100% - 28px) calc(100% + 40px);
    transform: translateY(10px) scale(.4);
    transition: opacity .18s ease, transform .3s cubic-bezier(.4,0,.2,1), visibility 0s .3s !important;
  }
  :root:not(#_v3) .mobile-navigation.is-expanded:not(.is-minimized) .mobile-navigation-extra {
    opacity: 1; visibility: visible; pointer-events: auto; transform: none;
    transition: opacity .2s ease, transform .5s cubic-bezier(.3,1.3,.45,1), visibility 0s !important;
  }
  :root:not(#_v3) .mobile-navigation-extra a { min-height: 66px; border-radius: 16px; gap: 6px; font-size: 12px; color: #2f4a3d; transition: background-color .18s, transform .2s cubic-bezier(.3,1.4,.45,1); }
  :root:not(#_v3) .mobile-navigation-extra a:active { background: rgba(255,255,255,.55); transform: scale(.94); }
  :root:not(#_v3) .mobile-navigation-extra a svg { width: 22px; height: 22px; }
  :root:not(#_v3) .mobile-navigation-backdrop { z-index: 70; transition: opacity .28s ease !important; }
  :root:not(#_v3) .mobile-navigation-backdrop.is-visible { background: rgba(12,24,18,.12); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); pointer-events: auto; }

  /* compact pill (v7 scroll collapse) */
  :root:not(#_v3) .mobile-navigation.is-minimized { width: 92px !important; height: 36px !important; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); }
  :root:not(#_v3) .mobile-navigation.is-minimized .mobile-navigation-primary { width: 100%; height: 36px; padding: 0; border-radius: 18px; opacity: 1 !important; visibility: visible !important; transform: none !important; }
  :root:not(#_v3) .mobile-navigation.is-minimized .mobile-navigation-primary > * { opacity: 0; visibility: hidden; }
  :root:not(#_v3) .mobile-navigation-primary, :root:not(#_v3) .mobile-navigation-primary::before { transition: width .36s cubic-bezier(.22,1,.36,1), height .36s cubic-bezier(.22,1,.36,1), border-radius .36s, opacity .2s; }
  :root:not(#_v3) .mobile-navigation.is-minimized .mobile-navigation-toggle { left: 0 !important; right: auto; top: -4px !important; width: 92px !important; height: 44px !important; transform: none !important; z-index: 3; }
  :root:not(#_v3) .mobile-navigation.is-minimized .mobile-navigation-toggle::before { display: none; }

  /* dark */
  :root[data-theme="dark"]:not(#_v3) .mobile-navigation-primary::before, :root[data-theme="dark"]:not(#_v3) .mobile-navigation-toggle::before, :root[data-theme="dark"]:not(#_v3) .mobile-navigation-extra::before {
    background: radial-gradient(120% 80% at 50% -20%, rgba(255,255,255,.12), transparent 60%), linear-gradient(180deg, rgba(42,54,48,.66), rgba(22,30,26,.54));
    border-color: rgba(255,255,255,.14); box-shadow: 0 14px 34px -12px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 1px rgba(255,255,255,.06);
  }
  :root[data-theme="dark"]:not(#_v3) .mobile-navigation-indicator::before { background: radial-gradient(100% 90% at 50% 12%, rgba(255,255,255,.28), rgba(120,170,145,.2) 60%, rgba(70,120,95,.18)); border-color: rgba(255,255,255,.22); box-shadow: inset 0 1px 1px rgba(255,255,255,.3), 0 3px 10px -2px rgba(0,0,0,.4); }
  :root[data-theme="dark"]:not(#_v3) .mobile-navigation-primary:is([data-gesture="pressed"], [data-gesture="dragging"]) .mobile-navigation-indicator::before { background: radial-gradient(100% 90% at 50% 10%, rgba(255,255,255,.18), rgba(255,255,255,.03) 55%, rgba(255,255,255,.08)); border-color: rgba(255,255,255,.35); }
  :root[data-theme="dark"]:not(#_v3) .mobile-navigation-toggle, :root[data-theme="dark"]:not(#_v3) .mobile-navigation-extra a { color: #d2e6dc; }
  :root[data-theme="dark"]:not(#_v3) .mobile-navigation-primary a[data-highlighted="true"] { color: #bfe6d2; }
  :root[data-theme="dark"]:not(#_v3) .mobile-navigation-extra a:active { background: rgba(255,255,255,.1); }
}
@media (max-width: 650px) and (prefers-reduced-motion: reduce) {
  :root:not(#_v3) .mobile-navigation-primary .mobile-navigation-indicator::before { transform: none !important; }
  :root:not(#_v3) .mobile-navigation-extra { transform: none !important; }
  :root:not(#_v3) .mobile-navigation-primary a svg { transform: none !important; }
}
@media (max-width: 650px) {
  /* while pressed/dragging the lens floats ABOVE the icons so it refracts and magnifies them */
  :root:not(#_v3) .mobile-navigation-primary:is([data-gesture="pressed"], [data-gesture="dragging"]) .mobile-navigation-indicator { z-index: 2; }
}


/* ===== v10: grid alignment (≤760) ===== */
@media (max-width: 760px) {
  :root:not(#_v3) .mc-wrap, :root:not(#_v3) .ce-wrap { padding-left: 12px !important; padding-right: 12px !important; }
  :root:not(#_v3) .risk-toolbar { padding-left: 12px !important; padding-right: 12px !important; }
  :root:not(#_v3) main.company-about { width: auto !important; max-width: none !important; margin-left: 12px !important; margin-right: 12px !important; }
}
/* ===== v10: spring-driven lens + popover morph (≤650) ===== */
@media (max-width: 650px) {
  html.aibuy-spring:not(#_v3) .mobile-navigation-indicator, html.aibuy-spring:not(#_v3) .mobile-navigation-primary[data-gesture] .mobile-navigation-indicator { transition: opacity .2s ease !important; will-change: transform; }
  html.aibuy-spring:not(#_v3) .mobile-navigation-primary .mobile-navigation-indicator::before, html.aibuy-spring:not(#_v3) .mobile-navigation-primary[data-gesture] .mobile-navigation-indicator::before { transform: scale(var(--ls-x,1), var(--ls-y,1)) !important; transition: background .22s ease, box-shadow .22s ease, border-color .22s ease !important; }
  html.aibuy-spring:not(#_v3) .mobile-navigation-primary[data-lens="up"] .mobile-navigation-indicator { z-index: 2; }
  html.aibuy-spring:not(#_v3) .mobile-navigation-primary a svg { transition: transform .06s linear !important; }
  html.aibuy-spring:not(#_v3) .mobile-navigation-primary[data-lens="up"] a svg, :root:not(#_v3) .mobile-navigation-primary[data-lens="up"] a svg{ transition: transform .1s linear !important; }
  html.aibuy-spring:not(#_v3) .mobile-navigation-primary[data-lens="up"] .mobile-navigation-indicator::before{
    
    background: radial-gradient(100% 90% at 50% 8%, rgba(255,255,255,.34), rgba(255,255,255,0) 50%, rgba(255,255,255,.12));
    -webkit-backdrop-filter: saturate(170%) brightness(1.08); backdrop-filter: saturate(170%) brightness(1.08);
    border-color: rgba(255,255,255,.95);
    box-shadow:
      inset 0 1.5px 1px rgba(255,255,255,.95), inset 0 -1.5px 1px rgba(255,255,255,.5),
      inset 3px 0 4px -2px rgba(255,160,200,.35), inset -3px 0 4px -2px rgba(120,210,255,.35),
      inset 0 0 10px rgba(255,255,255,.35), 0 10px 24px -8px rgba(18,50,36,.35), 0 0 0 .5px rgba(30,60,45,.18);
    transition: transform .34s cubic-bezier(.25,1.4,.45,1), background .2s ease, box-shadow .2s ease !important;
  }
  html.aibuy-spring.aibuy-refract:not(#_v3) .mobile-navigation-primary[data-lens="up"] .mobile-navigation-indicator::before{
    backdrop-filter: url(#aibuy-lens) saturate(170%) brightness(1.08);
  }
  html.aibuy-spring[data-theme="dark"]:not(#_v3) .mobile-navigation-primary[data-lens="up"] .mobile-navigation-indicator::before{ background: radial-gradient(100% 90% at 50% 10%, rgba(255,255,255,.18), rgba(255,255,255,.03) 55%, rgba(255,255,255,.08)); border-color: rgba(255,255,255,.35); }
  /* while pressed/dragging the lens floats ABOVE the icons so it refracts and magnifies them */
  :root:not(#_v3) .mobile-navigation-primary[data-lens="up"] .mobile-navigation-indicator{ z-index: 2; }
  html.aibuy-spring:not(#_v3) .mobile-navigation-extra {
    transform-origin: 100% 100%; transition: none !important;
    transform: translate(var(--dx,0px), var(--dy,68px)) scale(var(--mx,.18), var(--my,.65));
  }
  html.aibuy-spring:not(#_v3) .mobile-navigation-extra::before { border-radius: inherit; }
  html.aibuy-spring:not(#_v3) .mobile-navigation.is-expanded:not(.is-minimized) .mobile-navigation-extra { transform: none; animation: aibuy-more-open .64s linear both; }
  html.aibuy-spring:not(#_v3) .mobile-navigation.is-expanded:not(.is-minimized) .mobile-navigation-extra a { animation: aibuy-more-items .26s ease-out .16s both; }
  html.aibuy-spring:not(#_v3) .mobile-navigation.is-closing:not(.is-expanded) .mobile-navigation-extra { visibility: visible; opacity: 1; pointer-events: none; animation: aibuy-more-close .36s linear both; }
  html.aibuy-spring:not(#_v3) .mobile-navigation.is-closing:not(.is-expanded) .mobile-navigation-extra a { animation: aibuy-more-items .12s ease-in reverse both; }
  @keyframes aibuy-more-open {
    0%   { opacity: .35; border-radius: var(--rx,150px) / var(--ry,43px); transform: translate(var(--dx,0px), var(--dy,68px)) scale(var(--mx,.18), var(--my,.65)); animation-timing-function: cubic-bezier(.3,.7,.4,1); }
    34%  { opacity: 1; border-radius: 34px; transform: translate(calc(var(--dx,0px) * .25), calc(var(--dy,68px) * .2)) scale(.7, .92) skewX(5deg); animation-timing-function: cubic-bezier(.3,.6,.4,1); }
    58%  { border-radius: 24px; transform: translateY(-5px) scale(1.04, 1.03) skewX(-1.2deg); animation-timing-function: ease-in-out; }
    78%  { transform: translateY(1px) scale(.988, .994) skewX(.3deg); animation-timing-function: ease-in-out; }
    100% { opacity: 1; border-radius: 24px; transform: none; }
  }
  @keyframes aibuy-more-close {
    0%   { opacity: 1; border-radius: 24px; transform: none; animation-timing-function: ease-out; }
    22%  { transform: translateY(-2px) scale(1.015, 1.01); animation-timing-function: cubic-bezier(.5,0,.75,.4); }
    70%  { opacity: 1; border-radius: 34px; transform: translate(calc(var(--dx,0px) * .4), calc(var(--dy,68px) * .45)) scale(.5, .85) skewX(4deg); animation-timing-function: ease-in-out; }
    100% { opacity: 0; border-radius: var(--rx,150px) / var(--ry,43px); transform: translate(var(--dx,0px), var(--dy,68px)) scale(var(--mx,.18), var(--my,.65)); }
  }
  @keyframes aibuy-more-items { from { opacity: 0; transform: translateY(4px) scale(.92); } to { opacity: 1; transform: none; } }
}
@media (max-width: 650px) and (prefers-reduced-motion: reduce) {
  html.aibuy-spring:not(#_v3) .mobile-navigation-extra, html.aibuy-spring:not(#_v3) .mobile-navigation.is-expanded .mobile-navigation-extra, html.aibuy-spring:not(#_v3) .mobile-navigation.is-closing .mobile-navigation-extra, html.aibuy-spring:not(#_v3) .mobile-navigation-extra a { animation: none !important; transform: none !important; }
  html.aibuy-spring:not(#_v3) .mobile-navigation.is-expanded .mobile-navigation-extra { transition: opacity .15s !important; }
}
/* ===== v10: desktop header — logo and actions share one 16px gutter and one centre line ===== */
@media (min-width: 761px) {
  :root:not(#_v3) .directory-topbar .brand { left: 16px !important; }
  :root:not(#_v3) .directory-topbar:has(.directory-tabs, nav) .brand { top: 5px !important; }
  :root:not(#_v3) .directory-topbar .top-actions { left: auto !important; right: 16px !important; }
}